/* Hundredth Run Compute Buyer Desk. No external fonts, no frameworks. */
:root{
  --teal:#0F4C5C;--teal-900:#082f39;--teal-800:#0b3c49;--teal-600:#17667a;--teal-100:#dcebef;--teal-50:#eef5f7;
  --amber:#E09F3E;--amber-700:#8a5a0f;--amber-100:#fbefd9;
  --ink:#12262d;--mut:#44575f;--line:#d6e0e4;--bg:#f5f8f9;--white:#ffffff;--link:#0b5a6e;
  --hero-mut:#cfe3e8;--ok:#1c6b45;--warn:#8a5a0f;--bad:#8f2f2f;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;
  --r1:6px;--r2:10px;--r3:16px;
  --shadow:0 1px 2px rgba(8,47,57,.06),0 4px 16px rgba(8,47,57,.06);
  --font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --wrap:1120px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--s5)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;font:400 16px/1.6 var(--font);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
h1,h2,h3,h4{margin:0;line-height:1.15;letter-spacing:-.02em;color:var(--teal)}
h1{font-size:clamp(2.125rem,1.2rem + 3.6vw,3.5rem);font-weight:800;letter-spacing:-.03em}
h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);font-weight:700}
h3{font-size:1.125rem;font-weight:650}
p{margin:0 0 var(--s4)}
a{color:var(--link);text-underline-offset:3px}
a:hover{color:var(--teal-900)}
:focus-visible{outline:3px solid var(--teal-600);outline-offset:2px;border-radius:3px}
.dark :focus-visible,.hero :focus-visible,.cta-band :focus-visible,.site-footer :focus-visible{outline-color:var(--amber)}
img,svg{max-width:100%}
.wrap{width:100%;max-width:calc(var(--wrap) + 2 * var(--s5));margin:0 auto;padding-inline:var(--s5)}
.sr-only,.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}
.hp{left:-9999px}
.skip{position:absolute;left:var(--s4);top:-60px;background:var(--amber);color:var(--ink);padding:var(--s2) var(--s4);border-radius:var(--r1);font-weight:700;z-index:50}
.skip:focus{top:var(--s3)}
.num,.mono{font-variant-numeric:tabular-nums}

/* Header */
.site-header{background:var(--teal-900);color:var(--white);border-bottom:1px solid rgba(255,255,255,.08)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:64px}
.brand{display:flex;align-items:center;gap:var(--s3);color:var(--white);text-decoration:none;min-width:0}
.brand:hover{color:var(--white)}
.brand svg{width:32px;height:32px;flex:none}
.brand b{display:block;font-size:.8125rem;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);line-height:1.2}
.brand span{display:block;font-size:.875rem;color:var(--hero-mut);line-height:1.2}
.nav{display:flex;align-items:center;gap:var(--s5)}
.nav a{color:var(--hero-mut);text-decoration:none;font-size:.9375rem;font-weight:500;padding:var(--s2) 0}
.nav a:hover,.nav a[aria-current=page]{color:var(--white)}
.nav .btn{color:var(--ink);padding:var(--s2) var(--s4);min-height:40px}
.nav .btn:hover{color:var(--ink)}
.menu{display:none;position:relative}
.menu summary{list-style:none;cursor:pointer;color:var(--white);border:1px solid rgba(255,255,255,.3);border-radius:var(--r1);padding:var(--s2) var(--s4);min-height:40px;display:inline-flex;align-items:center;font-size:.9375rem;font-weight:600}
.menu summary::-webkit-details-marker{display:none}
.menu[open] summary{background:rgba(255,255,255,.1)}
.menu .panel{position:absolute;right:0;top:calc(100% + var(--s2));z-index:40;min-width:220px;background:var(--white);border-radius:var(--r2);box-shadow:0 12px 32px rgba(8,47,57,.25);padding:var(--s2);display:flex;flex-direction:column}
.menu .panel a{color:var(--ink);padding:var(--s3) var(--s4);border-radius:var(--r1);text-decoration:none;font-weight:500}
.menu .panel a:hover{background:var(--teal-50);color:var(--teal)}
.menu .panel a.btn{margin-top:var(--s2);justify-content:center}
@media (max-width:860px){.nav{display:none}.menu{display:block}.site-header .wrap{min-height:60px}}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);background:var(--amber);color:var(--ink);font:inherit;font-weight:700;font-size:1rem;line-height:1.2;text-decoration:none;padding:var(--s3) var(--s5);min-height:48px;border-radius:var(--r1);border:2px solid var(--amber);cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.btn:hover{background:#eab05a;border-color:#eab05a;color:var(--ink)}
.btn:active{transform:translateY(1px)}
.btn.ghost{background:transparent;color:var(--white);border-color:rgba(255,255,255,.45)}
.btn.ghost:hover{background:rgba(255,255,255,.1);border-color:var(--white);color:var(--white)}
.btn.outline{background:var(--white);color:var(--teal);border-color:var(--teal)}
.btn.outline:hover{background:var(--teal-50);color:var(--teal)}
.btn.sm{min-height:40px;padding:var(--s2) var(--s4);font-size:.9375rem}
.btn-row{display:flex;flex-wrap:wrap;gap:var(--s3)}

/* Hero */
.hero{position:relative;background:var(--teal-900) linear-gradient(140deg,var(--teal-900) 0%,var(--teal) 100%);color:var(--white);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 90%);mask-image:linear-gradient(180deg,#000,transparent 90%)}
.hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--s7);align-items:center;padding-block:var(--s6)}
.hero h1{color:var(--white);max-width:14ch}
.hero h1 em{font-style:normal;color:var(--amber)}
.eyebrow{display:inline-flex;align-items:center;gap:var(--s2);font-size:.8125rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin-bottom:var(--s4)}
.eyebrow::before{content:"";width:24px;height:2px;background:var(--amber)}
.hero .lead{font-size:1.1875rem;line-height:1.55;color:var(--hero-mut);max-width:34em;margin:var(--s5) 0 var(--s6)}
.hero-note{margin:var(--s5) 0 0;font-size:.875rem;color:var(--hero-mut)}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);border-radius:var(--r3);overflow:hidden;box-shadow:0 20px 48px rgba(0,0,0,.25)}
.stat{background:rgba(8,47,57,.78);padding:var(--s5);min-width:0}
.stat-v{display:block;margin:0;font-size:clamp(1.75rem,1.2rem + 1.6vw,2.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--white);font-variant-numeric:tabular-nums}
.stat-l{font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--amber);margin-top:var(--s2);order:2}
.stat{display:flex;flex-direction:column}
.stat-s{font-size:.8125rem;color:var(--hero-mut);margin:var(--s1) 0 0;order:3}
.stat-v{order:1}
.stat-v time{white-space:nowrap}
.stat-v.dt{font-size:clamp(1.5rem,1.1rem + 1vw,1.875rem);line-height:1.25;padding-top:4px}
.nw{white-space:nowrap}
@media (max-width:960px){.hero .wrap{grid-template-columns:1fr;gap:var(--s5);padding-block:var(--s6)}.hero h1{max-width:16ch}}
@media (max-width:480px){.stat{padding:var(--s4)}.hero .btn-row .btn{width:100%}}

/* Sections */
section{padding-block:var(--s7)}
.sec-head{max-width:46rem;margin-bottom:var(--s5)}
.sec-head .eyebrow{color:var(--teal-600);margin-bottom:var(--s3)}
.sec-head .eyebrow::before{background:var(--amber)}
.sec-head p{color:var(--mut);font-size:1.0625rem;margin:var(--s3) 0 0}
.sec-head.flush{margin-bottom:0}
.alt{background:var(--bg);border-block:1px solid var(--line)}
.small,small{font-size:.875rem;color:var(--mut)}
.note{display:flex;gap:var(--s3);background:var(--amber-100);border:1px solid #efd3a2;border-radius:var(--r2);padding:var(--s4) var(--s5);margin:var(--s5) 0 0;font-size:.9375rem;color:var(--ink)}
.note b{color:var(--ink)}
@media (max-width:640px){section{padding-block:var(--s6)}}

/* Lowest price cards */
.low-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s4)}
.lowcard{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--r2);padding:var(--s4) var(--s4) var(--s3);box-shadow:var(--shadow);min-width:0}
.lowcard header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s2)}
.lowcard h3{font-size:1.25rem;color:var(--teal)}
.lowcard .cap{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);white-space:nowrap}
.lowcard .big{display:block;font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-top:var(--s3);font-variant-numeric:tabular-nums;color:var(--ink)}
.lowcard .big small{white-space:nowrap;font-size:.8125rem;font-weight:500;color:var(--mut);letter-spacing:0}
.lowcard .who{font-size:.9375rem;font-weight:600;margin:var(--s1) 0 var(--s4)}
.lowcard ol{list-style:none;margin:0 0 var(--s4);padding:var(--s3) 0 0;border-top:1px solid var(--line);display:grid;gap:var(--s2);font-size:.875rem;color:var(--mut)}
.lowcard li{display:flex;justify-content:space-between;gap:var(--s2)}
.lowcard li b{color:var(--ink);font-variant-numeric:tabular-nums}
.lowcard .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:var(--s2);font-size:.875rem}
.linkbtn{font:inherit;color:var(--link);background:none;border:0;padding:var(--s2) 0;min-height:36px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.linkbtn:hover{color:var(--teal-900)}
@media (max-width:1100px){.low-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.low-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
  .lowcard:last-child:nth-child(odd){grid-column:1/-1}
  .lowcard .cap,.lowcard ol{display:none}
  .lowcard .big{font-size:1.625rem;margin-top:var(--s2)}
  .lowcard .who{margin-bottom:var(--s3);font-size:.875rem}
  .lowcard .foot{flex-direction:column;align-items:flex-start;gap:0}}

/* Controls */
[hidden]{display:none!important}
.controls{display:none;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--s4);align-items:end;margin-bottom:var(--s4)}
.js .controls{display:grid}
.field label,.field .lab{display:block;font-size:.8125rem;font-weight:650;color:var(--ink);margin-bottom:var(--s1)}
input[type=text],input[type=search],input[type=email],input[type=number],select,textarea{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:var(--white);border:1px solid #9db0b8;border-radius:var(--r1);padding:var(--s3);min-height:44px;transition:border-color .15s,box-shadow .15s}
select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--teal) 50%),linear-gradient(135deg,var(--teal) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:var(--s7)}
input:hover,select:hover,textarea:hover{border-color:var(--teal-600)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(15,76,92,.25)}
::placeholder{color:#5f7279;opacity:1}
.controls .only-mobile{display:none}
.toolbar{display:none;justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s3)}
.js .toolbar{display:flex}
.check{display:inline-flex;align-items:center;gap:var(--s2);font-size:.9375rem;cursor:pointer}
.check input{width:18px;height:18px;accent-color:var(--teal);margin:0}
.count{font-size:.9375rem;color:var(--mut)}
.count b{color:var(--ink)}
.dl{display:flex;gap:var(--s4);font-size:.9375rem;font-weight:600;flex-wrap:wrap}
@media (max-width:1024px){.controls{grid-template-columns:1fr 1fr}.controls .f-q{grid-column:1/-1}.controls .only-mobile{display:block}}


/* Data tables (desktop) */
.table-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--shadow)}
table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:.875rem;line-height:1.4}
th,td{padding:var(--s2) 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:anywhere;hyphens:auto}
thead th{position:sticky;top:0;z-index:2;background:var(--teal-50);color:var(--teal-900);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid #b9ccd3;padding-block:var(--s3);vertical-align:middle}
thead th:first-child{border-top-left-radius:var(--r2)}thead th:last-child{border-top-right-radius:var(--r2)}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover td{background:var(--teal-50)}
tbody tr[hidden]{display:none}
td.r,th.r{text-align:right}
.sortbtn{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--s1);cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;padding:var(--s1) 0;border-radius:3px}
.sortbtn:focus-visible{outline:3px solid var(--teal-600);outline-offset:2px}
.sortbtn::after{content:"";width:8px;height:12px;flex:none;opacity:.35;background:linear-gradient(135deg,transparent 45%,currentColor 45% 55%,transparent 55%) 0 0/8px 6px no-repeat,linear-gradient(45deg,transparent 45%,currentColor 45% 55%,transparent 55%) 0 6px/8px 6px no-repeat}
.sortbtn:hover::after{opacity:.7}
th[aria-sort=ascending] .sortbtn::after,th[aria-sort=descending] .sortbtn::after{opacity:1;background:none;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}
th[aria-sort=ascending] .sortbtn::after{border-bottom:6px solid currentColor}
th[aria-sort=descending] .sortbtn::after{border-top:6px solid currentColor}
@media (min-width:1025px){
#price-table .c-prov{width:17%;font-weight:600}
#price-table .c-gpu{width:9%}
#price-table .c-det{width:24%}
#price-table .c-type{width:12%}
#price-table .c-price{width:12%}
#price-table .c-conf{width:9%}
#price-table .c-date{width:12%}
#price-table .c-src{width:8%}
}
.price{font-size:1rem;font-weight:750;font-variant-numeric:tabular-nums;color:var(--ink)}
.price.none{font-size:.8125rem;font-weight:500;color:var(--mut)}
.det{display:block}
.det small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin-top:2px;color:var(--mut);font-size:.75rem;line-height:1.35}
.tag{display:inline-block;font-size:.75rem;font-weight:650;line-height:1;padding:5px 8px;border-radius:999px;background:var(--teal-100);color:var(--teal-900);white-space:nowrap}
.tag.gpu{background:var(--teal);color:var(--white);border-radius:var(--r1);padding:5px 7px}
.tag.t-on_demand{background:#dff0e6;color:#14502f}
.tag.t-reserved{background:#e3e8f7;color:#2b3b78}
.tag.t-spot,.tag.t-preemptible,.tag.t-serverless_per_second{background:var(--amber-100);color:#6f4608}
.tag.t-contact_sales,.tag.t-not_public{background:#eceff1;color:#3b4a51}
.conf{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;white-space:nowrap}
.conf::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.conf.high{color:var(--ok)}.conf.medium{color:var(--warn)}.conf.lowcard{color:var(--bad)}
.conf.lowcard::before{border-radius:2px}.conf.medium::before{border-radius:2px;transform:rotate(45deg)}
.date{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--mut)}
.src{font-weight:600;white-space:nowrap}
.empty{display:none;padding:var(--s7) var(--s5);text-align:center;color:var(--mut)}
.empty[data-show]{display:block}
.empty b{display:block;color:var(--ink);font-size:1.0625rem;margin-bottom:var(--s2)}
.legend{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);margin-top:var(--s4);font-size:.875rem;color:var(--mut)}
.legend span{display:inline-flex;gap:var(--s2);align-items:center}

/* Responsive tables become cards */
@media (max-width:1024px){
  .table-card{background:transparent;border:0;box-shadow:none}
  table,tbody{display:block;width:100%}
  thead{display:none}
  tbody{display:grid;gap:var(--s2)}
  tbody tr{display:grid;background:var(--white);border:1px solid var(--line);border-radius:var(--r2);padding:var(--s4);box-shadow:var(--shadow)}
  tbody tr[hidden]{display:none}
  tbody tr:hover td{background:none}
  td{display:block;border:0;padding:0;min-width:0}
  #price-body tr{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s2);padding:var(--s3) var(--s4)}
  #price-body tr::before,#price-body tr::after{content:"";flex-basis:100%;height:0;margin-top:calc(-1 * var(--s2))}
  #price-body tr::before{order:3}
  #price-body tr::after{order:8}
  #price-body .c-prov{order:1;flex:1 1 0;min-width:0;font-size:1rem;font-weight:700;line-height:1.25}
  #price-body .c-price{order:2;flex:none;text-align:right;padding-left:var(--s3)}
  #price-body .c-gpu{order:4}
  #price-body .c-type{order:5}
  #price-body .c-conf{order:6;font-size:.75rem}
  #price-body .c-src{order:7;margin-left:auto;font-size:.875rem}
  #price-body .c-det{order:9;flex:1 1 0;min-width:0;font-size:.8125rem;line-height:1.35;color:var(--mut)}
  #price-body .c-date{order:10;font-size:.75rem;margin-left:auto}
  #price-body .c-det:empty{display:none}
  .price{font-size:1.25rem;line-height:1.2}
  .price.none{font-size:.8125rem}
  .rt tbody tr{gap:var(--s1);padding:var(--s3) var(--s4)}
  .rt td{font-size:.875rem;line-height:1.4}
  .rt td[data-label]::before{content:attr(data-label) ": ";font-weight:700;color:var(--mut);font-size:.75rem}
  .rt td:first-child{font-size:1rem;font-weight:700}
  .rt td:first-child::before{display:none}
}

/* Checklist */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8);align-items:center}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:var(--s6)}}
.ticks{list-style:none;margin:var(--s4) 0;padding:0;display:grid;gap:var(--s3)}
.ticks li{position:relative;padding-left:var(--s6);color:var(--ink)}
.ticks li::before{content:"";position:absolute;left:0;top:.35em;width:18px;height:18px;border-radius:50%;background:var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.2l2.6 2.6L13 6.4' fill='none' stroke='%23E09F3E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.doc{background:var(--white);border:1px solid var(--line);border-radius:var(--r3);box-shadow:0 20px 48px rgba(8,47,57,.12);overflow:hidden}
.doc-top{background:var(--teal);color:var(--white);padding:var(--s4) var(--s5);display:flex;justify-content:space-between;align-items:center;gap:var(--s3)}
.doc-top{flex-wrap:wrap}.doc-top b{white-space:nowrap;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.doc-top span{font-size:.8125rem;color:var(--hero-mut)}
.doc ol{list-style:none;margin:0;padding:var(--s2) var(--s5) var(--s4)}
.doc li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--line);font-size:.9375rem}
.doc li:last-child{border-bottom:0}
.doc li b{font:700 .8125rem var(--mono);color:var(--teal);padding-top:2px}
.doc .more{padding:var(--s3) var(--s5);background:var(--bg);font-size:.875rem;color:var(--mut);border-top:1px solid var(--line)}

/* Trust, FAQ */
.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}
@media (max-width:900px){.cards3{grid-template-columns:1fr}}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--r2);padding:var(--s5) var(--s5) var(--s4);box-shadow:var(--shadow)}
.card h3{margin-bottom:var(--s3);display:flex;gap:var(--s3);align-items:center}
.card h3 i{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:var(--r1);background:var(--teal);color:var(--amber);font:700 .875rem var(--mono);font-style:normal;flex:none}
.card ul{margin:0;padding-left:1.1em;display:grid;gap:var(--s2);color:var(--ink);font-size:.9375rem}
.card p{font-size:.9375rem;color:var(--ink)}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);align-items:start}
@media (max-width:900px){.faq{grid-template-columns:1fr}}
.faq details{background:var(--white);border:1px solid var(--line);border-radius:var(--r2)}
.faq summary{cursor:pointer;list-style:none;padding:var(--s4) var(--s5);font-weight:650;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:var(--s4);min-height:56px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:10px;height:10px;border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(45deg);transition:transform .15s;flex:none;margin-bottom:4px}
.faq details[open] summary::after{transform:rotate(-135deg);margin-bottom:-4px}
.faq details[open]{border-color:#9db0b8}
.faq .a{padding:0 var(--s5) var(--s4);color:var(--ink);font-size:.9375rem}
.faq .a p:last-child{margin-bottom:0}

/* CTA band */
.cta-band{background:var(--teal);color:var(--white);padding-block:var(--s5)}
.cta-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:var(--s6);flex-wrap:wrap}
.cta-band h2{color:var(--white);max-width:22ch}
.cta-band p{color:var(--hero-mut);margin:var(--s3) 0 0;max-width:40em}
.cta-band .btn-row{flex:none}
@media (max-width:640px){.cta-band .btn-row,.cta-band .btn{width:100%}}

/* Footer */
.site-footer{background:var(--teal-900);color:var(--hero-mut);padding-block:var(--s6) var(--s5);font-size:.875rem}
.site-footer .cols{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));gap:var(--s6)}
.site-footer h2{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:var(--s3);font-weight:700}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}
.site-footer a{color:var(--white)}
.site-footer a:hover{color:var(--amber)}
.site-footer p{margin:0 0 var(--s3)}
.site-footer .tag-line{margin-top:var(--s4);max-width:26rem}
.site-footer .legal{border-top:1px solid rgba(255,255,255,.14);margin-top:var(--s5);padding-top:var(--s4);max-width:60rem}
@media (max-width:760px){.site-footer .cols{grid-template-columns:1fr 1fr}.site-footer .cols>div:first-child{grid-column:1/-1}}

/* Page header (request, thanks) */
.page-head{background:var(--teal-900) linear-gradient(140deg,var(--teal-900),var(--teal));color:var(--white);padding-block:var(--s8) var(--s7)}
.page-head h1{color:var(--white);font-size:clamp(2rem,1.3rem + 2.6vw,3rem)}
.page-head p{color:var(--hero-mut);font-size:1.125rem;max-width:36em;margin:var(--s4) 0 0}
.form-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:var(--s7);align-items:start;padding-block:var(--s7) var(--s8)}
@media (max-width:900px){.form-layout{grid-template-columns:1fr;gap:var(--s6);padding-block:var(--s6) var(--s7)}}
.form-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r3);box-shadow:var(--shadow);padding:var(--s6)}
@media (max-width:480px){.form-card{padding:var(--s5) var(--s4);border-radius:var(--r2)}}
fieldset{border:0;margin:0 0 var(--s6);padding:0;min-width:0}
legend{padding:0;font-size:1.125rem;font-weight:700;color:var(--teal);margin-bottom:var(--s2)}
.legend-sub{margin:0 0 var(--s4);font-size:.9375rem;color:var(--mut)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
@media (max-width:560px){.row2{grid-template-columns:1fr}}
.f{margin-bottom:var(--s4);min-width:0}
.f label{display:block;font-weight:650;font-size:.9375rem;margin-bottom:var(--s1)}
.f .req{color:var(--bad);margin-left:2px}
.f .hint{display:block;font-size:.8125rem;color:var(--mut);margin-top:var(--s1)}
textarea{min-height:120px;resize:vertical}
.consent{display:flex;gap:var(--s3);align-items:flex-start;background:var(--bg);border:1px solid var(--line);border-radius:var(--r1);padding:var(--s4);font-size:.9375rem;cursor:pointer}
.consent input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--teal)}
.form-actions{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s5)}
.form-actions .btn{min-width:200px}
@media (max-width:480px){.form-actions .btn{width:100%}}
.aside{display:grid;gap:var(--s4)}
.aside .card{box-shadow:none}
.steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:var(--s4)}
.steps li{counter-increment:s;display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--s3);font-size:.9375rem}
.steps li::before{content:counter(s);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--teal);color:var(--amber);font-weight:700}
.steps b{display:block}
.thanks{padding-block:var(--s8) var(--s9)}
.thanks .tick{width:64px;height:64px;border-radius:50%;background:var(--teal);display:grid;place-items:center;margin-bottom:var(--s5)}
.thanks h1{margin-bottom:var(--s4)}
.thanks .lead{font-size:1.1875rem;color:var(--mut);max-width:36em}
.thanks .cards3{margin-top:var(--s7)}
@media (max-width:640px){.thanks{padding-block:var(--s7)}.thanks .btn-row .btn{width:100%}}

@media (min-width:1025px){#lead-table th:nth-child(1){width:13%}#lead-table th:nth-child(2){width:17%}#lead-table th:nth-child(3){width:13%}#lead-table th:nth-child(4){width:27%}#lead-table th:nth-child(5){width:18%}#lead-table th:nth-child(6){width:12%}}
#lead-table td:first-child{font-weight:600}

/* Chips and pager */
.f-chips{grid-column:1/-1}
.lab{display:block;font-size:.8125rem;font-weight:650;color:var(--ink);margin-bottom:var(--s1)}
.chips{display:flex;flex-wrap:wrap;gap:var(--s2)}
.chip{font:inherit;font-size:.875rem;font-weight:650;color:var(--ink);background:var(--white);border:1px solid #9db0b8;border-radius:999px;padding:6px 12px;min-height:36px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:background .15s,border-color .15s}
.chip:hover{border-color:var(--teal);background:var(--teal-50)}
.chip .n{font-size:.75rem;font-weight:600;color:var(--mut);font-variant-numeric:tabular-nums}
.chip[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:var(--white)}
.chip[aria-pressed=true] .n{color:var(--hero-mut)}
.pager{display:none;align-items:center;justify-content:center;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s4)}
.js.ready .pager{display:flex}
.lead-pager{margin-top:var(--s4)}
/* Before app.js has run, show only the first page of rows so the page does not jump when it hides the rest. */
.js:not(.ready) #price-body tr:nth-child(n+21),.js:not(.ready) #lead-table tbody tr:nth-child(n+6){display:none}
@media (max-width:1024px){.js:not(.ready) #price-body tr:nth-child(n+11),.js:not(.ready) #lead-table tbody tr:nth-child(n+5){display:none}}

@media (max-width:640px){
  h1{font-size:clamp(1.875rem,1.4rem + 2.4vw,2.25rem)}
  .hero .lead{font-size:1.0625rem;margin:var(--s4) 0 var(--s5)}
  .hero-note{margin-top:var(--s4)}
  .stat{padding:var(--s3) var(--s4)}
  .stat-s{display:none}
  .doc li:nth-child(n+4){display:none}
  .legend{display:none}
  .card{padding:var(--s4)}
  .sec-head p{font-size:1rem}
  .site-footer .cols{gap:var(--s4)}
  .site-footer .tag-line{display:none}
  .note{padding:var(--s3) var(--s4);margin-top:var(--s4)}
}

.js:not(.ready) #lead-table tbody tr:nth-child(n+6){display:none}
.toolbar .dl{gap:var(--s3)}
@media (max-width:640px){
  .toolbar{gap:var(--s2) var(--s4)}
  .note{display:none}
  .chip{font-size:.8125rem;padding:4px 10px;min-height:32px}
  .chips{gap:6px}
  .doc{display:none}
  .card ul{font-size:.875rem;gap:6px}
  .card h3{margin-bottom:var(--s2)}
  /* lead times: provider and source share the first line; every other field gets a full line, so nothing is squeezed */
  #lead-table tbody tr{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px var(--s3)}
  #lead-table td:nth-child(1){order:1;flex:1 1 0;min-width:0}
  #lead-table td:nth-child(6){order:2;flex:none;font-size:.8125rem}
  #lead-table td:nth-child(6) br{display:none}
  #lead-table td:nth-child(6) a{margin-right:var(--s2)}
  #lead-table td:nth-child(2){order:3;flex:1 0 100%;color:var(--mut)}
  #lead-table td:nth-child(3){order:4;flex:1 0 100%;font-size:.8125rem;color:var(--mut)}
  #lead-table td:nth-child(4){order:5;flex:1 0 100%;margin-top:var(--s1)}
  #lead-table td:nth-child(5){order:6;flex:1 0 100%}
  #lead-table td:nth-child(1)::before,#lead-table td:nth-child(2)::before,#lead-table td:nth-child(6)::before{display:none}
  #lead-table td:nth-child(3)::before{content:"GPUs: "}
  #lead-table td:nth-child(4)::before{content:"Page says: "}
  #lead-table td:nth-child(5)::before{content:"Minimum: "}
}