/* Fuel-It — site styles
   Brand tokens follow the Build Brief (section 02). Mobile first. */

@font-face{font-family:"Inter";src:url(/assets/fonts/inter-latin-var.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Tight";src:url(/assets/fonts/intertight-latin-var.woff2) format("woff2");font-weight:600 800;font-style:normal;font-display:swap}

:root{
  --fi-carbon:#121417; --fi-white:#FFFFFF; --fi-mist:#F5F5F7; --fi-hairline:#E5E5EA;
  --fi-ink:#1D1D1F; --fi-ink-2:#424245; --fi-graphite:#6E6E73;
  --fi-ember-600:#C4410F; --fi-ember-700:#A93608; --fi-ember-500:#F2541B; --fi-amber-400:#FFB21A;
  --fi-ember-50:#FFF4EE; --fi-ember-100:#FFE4D6;
  --fi-on-dark:#F5F5F7; --fi-on-dark-2:#A1A1A6; --fi-carbon-2:#1C1F23; --fi-carbon-line:#2C3036;
  --fi-wa:#25D366;
  --fi-ignition:linear-gradient(135deg,#FFB21A 0%,#F2541B 100%);
  --fi-radius-s:10px; --fi-radius-m:16px; --fi-radius-l:24px;

  --font-display:"Inter Tight","Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;

  --gutter:16px;
  --wrap:1240px;
  --header-h:64px;
  --strip-h:0px;
  --section:clamp(64px,9vw,128px);
  --ease:cubic-bezier(.2,.7,.2,1);
}
@media (min-width:640px){:root{--gutter:24px}}
@media (min-width:1024px){:root{--gutter:40px;--header-h:72px}}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 24px)}
body{margin:0;overflow-x:clip;background:var(--fi-white);color:var(--fi-ink);font-family:var(--font-body);font-size:16px;line-height:1.6;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
@media (min-width:1024px){body{font-size:18px}}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:var(--fi-ember-600);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--fi-ember-700)}
p,ul,ol,dl,figure,blockquote,h1,h2,h3,h4{margin:0}
ul[role=list],ol[role=list]{list-style:none;padding:0}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
table{border-collapse:collapse;width:100%}
:focus-visible{outline:2px solid var(--fi-carbon);outline-offset:3px;border-radius:4px}
.on-dark :focus-visible{outline-color:#fff}
::selection{background:var(--fi-amber-400);color:var(--fi-carbon)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--fi-carbon);color:#fff;padding:12px 16px;border-radius:var(--fi-radius-s);font-weight:600;text-decoration:none}
.skip:focus{top:12px;color:#fff}
[hidden]{display:none!important}

/* ---------- Type ---------- */
.display,h1,.h1{font-family:var(--font-display);font-weight:700;font-size:clamp(2.25rem,1.45rem + 3.6vw,4.25rem);line-height:1.03;letter-spacing:-.035em;color:var(--fi-carbon);text-wrap:balance}
h2,.h2{font-family:var(--font-display);font-weight:700;font-size:clamp(1.625rem,1.2rem + 1.7vw,2.625rem);line-height:1.08;letter-spacing:-.025em;color:var(--fi-carbon);text-wrap:balance}
h3,.h3{font-family:var(--font-body);font-weight:600;font-size:clamp(1.1875rem,1.1rem + .3vw,1.375rem);line-height:1.3;letter-spacing:-.01em;color:var(--fi-carbon)}
h4{font-weight:600;font-size:1rem;line-height:1.4;color:var(--fi-carbon)}
.on-dark h1,.on-dark h2,.on-dark h3,.on-dark h4{color:#fff}
.lead{font-size:clamp(1.0625rem,1rem + .35vw,1.3125rem);line-height:1.5;color:var(--fi-ink-2);max-width:38em;text-wrap:pretty}
.on-dark .lead{color:var(--fi-on-dark-2)}
.kicker{display:block;font-family:var(--font-body);font-size:15px;font-weight:600;letter-spacing:0;line-height:1.4;color:var(--fi-ember-600);margin-bottom:14px}
.on-dark .kicker{color:var(--fi-amber-400)}
.meta{font-size:14px;font-weight:500;color:var(--fi-graphite);line-height:1.5}
.on-dark .meta{color:var(--fi-on-dark-2)}
.num{font-variant-numeric:tabular-nums}
.measure{max-width:68ch}

/* ---------- Layout ---------- */
.wrap{width:100%;max-width:calc(var(--wrap) + var(--gutter)*2);margin-inline:auto;padding-inline:var(--gutter)}
.section{padding-block:var(--section)}
.section--tight{padding-block:clamp(48px,6vw,80px)}
.section--mist{background:var(--fi-mist)}
.section--carbon{background:var(--fi-carbon);color:var(--fi-on-dark)}
.section:not(.section--mist):not(.section--carbon) + .section:not(.section--mist):not(.section--carbon){padding-top:0}
.section--mist + .section--mist{padding-top:0}
.sec-head{display:grid;gap:16px;margin-bottom:clamp(32px,5vw,56px);max-width:760px}
.sec-head--split{max-width:none}
@media (min-width:900px){.sec-head--split{grid-template-columns:1fr minmax(260px,380px);align-items:end;gap:48px}}
.sec-head p{color:var(--fi-ink-2);max-width:60ch}
.on-dark .sec-head p{color:var(--fi-on-dark-2)}
.stack>*+*{margin-top:16px}
.stack-l>*+*{margin-top:28px}

/* ---------- Buttons ---------- */
.btn{--h:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--h);padding:0 22px;border-radius:999px;border:1.5px solid transparent;font-family:var(--font-body);font-weight:600;font-size:16px;line-height:1;letter-spacing:-.005em;text-decoration:none;white-space:nowrap;transition:background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}
.btn .ic{width:20px;height:20px;flex:none}
.btn:active{transform:translateY(1px)}
.btn--primary{background:var(--fi-ember-600);color:#fff}
.btn--primary:hover{background:var(--fi-ember-700);color:#fff}
.btn--secondary{background:transparent;color:var(--fi-carbon);border-color:var(--fi-carbon)}
.btn--secondary:hover{background:var(--fi-carbon);color:#fff}
.btn--wa{background:#fff;color:var(--fi-carbon);border-color:var(--fi-hairline)}
.btn--wa .ic{color:var(--fi-wa)}
.btn--wa:hover{border-color:var(--fi-carbon);color:var(--fi-carbon)}
.btn--ghost{background:transparent;color:var(--fi-carbon);padding-inline:12px}
.btn--ghost:hover{color:var(--fi-ember-600)}
.on-dark .btn--secondary{color:#fff;border-color:rgba(255,255,255,.55)}
.on-dark .btn--secondary:hover{background:#fff;color:var(--fi-carbon);border-color:#fff}
.btn--lg{--h:56px;padding:0 28px;font-size:17px}
.btn--sm{--h:40px;padding:0 16px;font-size:15px}
.btn--block{width:100%}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ic--fill{fill:currentColor;stroke:none}
.link{font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.link:hover{text-decoration:underline}
.link .ic{width:18px;height:18px;transition:transform .2s var(--ease)}
.link:hover .ic{transform:translateX(3px)}
.on-dark .link{color:var(--fi-amber-400)}

/* ---------- Placeholder (to be confirmed by Fuel-It) ---------- */
mark.tbc{background:repeating-linear-gradient(-45deg,rgba(255,178,26,.16) 0 6px,rgba(255,178,26,.06) 6px 12px);color:inherit;border:1px dashed #D98A00;border-radius:6px;padding:0 6px;font-weight:inherit;white-space:normal;box-decoration-break:clone;-webkit-box-decoration-break:clone}
mark.tbc::before{content:"Confirm: ";font-weight:600;color:#8A5300}
.on-dark mark.tbc{border-color:var(--fi-amber-400);background:rgba(255,178,26,.12)}
.on-dark mark.tbc::before{color:var(--fi-amber-400)}

/* ---------- Price strip ---------- */
.strip{background:var(--fi-ignition);color:var(--fi-carbon);font-size:15px;font-weight:600;line-height:1.3}
.strip a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px var(--gutter);color:var(--fi-carbon);text-decoration:none;text-align:center}
.strip a:hover{text-decoration:underline}
.strip .ic{width:18px;height:18px}
.strip__s{display:none}
@media (max-width:639px){.strip__l{display:none}.strip__s{display:inline}}

/* ---------- Header ---------- */
.hdr{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}
.hdr.is-scrolled{border-bottom-color:var(--fi-hairline)}
.hdr__bar{display:flex;align-items:center;gap:16px;height:var(--header-h)}
.hdr__logo{display:block;flex:none;margin-right:auto;padding:6px 0}
.hdr__logo img{height:30px;width:auto}
@media (min-width:1024px){.hdr__logo img{height:34px}}
.hdr__nav{display:none}
.hdr__actions{display:flex;align-items:center;gap:8px}
.hdr__phone{display:none;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--fi-carbon);text-decoration:none;padding:8px 6px;border-radius:8px}
.hdr__phone:hover{color:var(--fi-ember-600)}
.hdr__phone mark.tbc{font-size:13px;white-space:nowrap}
.hdr__wa{display:none;width:44px;height:44px;border-radius:999px;align-items:center;justify-content:center;color:var(--fi-wa);border:1px solid var(--fi-hairline);background:#fff}
.hdr__wa:hover{border-color:var(--fi-carbon)}
.hdr__wa .ic{width:22px;height:22px}
.hdr__menu{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:1px solid var(--fi-hairline);background:#fff;color:var(--fi-carbon)}
.hdr__menu .ic{width:22px;height:22px}
.hdr__cta{--h:40px;padding:0 16px;font-size:15px}
@media (min-width:1100px){
  .hdr__nav{display:block;margin-right:auto}
  .hdr__logo{margin-right:12px}
  .hdr__menu{display:none}
  .hdr__wa{display:inline-flex}
  .hdr__cta{--h:44px;padding:0 20px}
}
@media (min-width:1480px){.hdr__phone{display:inline-flex}}
@media (min-width:1100px) and (max-width:1279px){.nav__link{padding:0 9px;font-size:14.5px}}

.nav{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.nav__item{position:relative}
.nav__link{display:inline-flex;align-items:center;gap:4px;height:44px;padding:0 12px;border:0;background:none;border-radius:999px;font-size:15px;font-weight:500;color:var(--fi-ink);text-decoration:none;white-space:nowrap}
.nav__link .ic{width:16px;height:16px;transition:transform .2s var(--ease)}
.nav__link:hover,.nav__item.is-open>.nav__link{background:var(--fi-mist);color:var(--fi-carbon)}
.nav__item.is-open>.nav__link .ic{transform:rotate(180deg)}
.nav__link[aria-current=page],.nav__link.is-active{color:var(--fi-carbon);font-weight:600}
.nav__link.is-active::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:var(--fi-ember-500)}

.drop{position:absolute;top:calc(100% + 10px);left:-12px;min-width:340px;background:#fff;border:1px solid var(--fi-hairline);border-radius:var(--fi-radius-l);box-shadow:0 24px 60px -24px rgba(18,20,23,.28),0 2px 6px rgba(18,20,23,.04);padding:12px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s var(--ease),transform .18s var(--ease),visibility 0s .18s}
.nav__item.is-open>.drop{opacity:1;visibility:visible;transform:none;transition:opacity .18s var(--ease),transform .18s var(--ease)}
.drop::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.drop__list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.drop__a{display:block;padding:10px 14px;border-radius:12px;text-decoration:none;color:var(--fi-ink)}
.drop__a:hover{background:var(--fi-mist);color:var(--fi-carbon)}
.drop__a strong{display:block;font-size:15px;font-weight:600;color:var(--fi-carbon);line-height:1.35}
.drop__a span{display:block;font-size:14px;color:var(--fi-graphite);line-height:1.4;margin-top:2px}
.drop__foot{margin-top:8px;padding:12px 14px 6px;border-top:1px solid var(--fi-hairline);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}
.drop--mega{left:-160px;width:min(860px,calc(100vw - 80px));padding:16px}
.mega{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.mega__a{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:10px;border-radius:14px;text-decoration:none;color:var(--fi-ink)}
.mega__a:hover{background:var(--fi-mist)}
.mega__a .mega__sym,.sheet__sub .mega__sym,.mega__sym{display:grid;width:48px;height:48px;border-radius:12px;border:1px solid var(--fi-hairline);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:21px;letter-spacing:-.04em;color:var(--fi-carbon);background:#fff}
.mega__a:hover .mega__sym{background:var(--fi-carbon);color:#fff;border-color:var(--fi-carbon)}
.mega__a strong{display:block;font-size:15px;font-weight:600;color:var(--fi-carbon);line-height:1.3}
.mega__a span span{display:block;font-size:14px;color:var(--fi-graphite);line-height:1.35}
.drop--prices{width:380px}
.drop--wide{width:560px}
.drop--wide .drop__list{grid-template-columns:1fr 1fr}

/* Mobile sheet */
.sheet{position:fixed;inset:0;z-index:90;display:flex;justify-content:flex-end;visibility:hidden;pointer-events:none}
.sheet.is-open{visibility:visible;pointer-events:auto}
.sheet__scrim{position:absolute;inset:0;background:rgba(18,20,23,.4);opacity:0;transition:opacity .25s var(--ease)}
.sheet.is-open .sheet__scrim{opacity:1}
.sheet__panel{position:relative;width:min(440px,100%);height:100%;background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .32s var(--ease)}
.sheet.is-open .sheet__panel{transform:none}
.sheet__top{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);padding:0 var(--gutter);border-bottom:1px solid var(--fi-hairline);flex:none}
.sheet__top img{height:28px;width:auto}
.sheet__body{flex:1;overflow-y:auto;padding:8px var(--gutter) 24px;overscroll-behavior:contain}
.sheet__group{border-bottom:1px solid var(--fi-hairline)}
.sheet__group>summary,.sheet__link{display:flex;align-items:center;justify-content:space-between;min-height:56px;font-family:var(--font-display);font-weight:700;font-size:21px;letter-spacing:-.02em;color:var(--fi-carbon);text-decoration:none;list-style:none;cursor:pointer}
.sheet__group>summary::-webkit-details-marker{display:none}
.sheet__group>summary .ic{transition:transform .2s var(--ease)}
.sheet__group[open]>summary .ic{transform:rotate(180deg)}
.sheet__link{border-bottom:1px solid var(--fi-hairline)}
.sheet__sub{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:2px}
.sheet__sub a{display:flex;align-items:center;gap:12px;min-height:44px;padding:4px 0;color:var(--fi-ink);text-decoration:none;font-weight:500}
.sheet__sub a:hover{color:var(--fi-ember-600)}
.sheet__sub .mega__sym{width:36px;height:36px;font-size:15px;border-radius:9px;flex:none}
.sheet__foot{padding:16px var(--gutter) calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--fi-hairline);display:grid;gap:10px;flex:none}
.sheet__foot .btn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}

/* ---------- Breadcrumbs ---------- */
.crumbs{font-size:14px;color:var(--fi-graphite);margin-bottom:20px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 0}
.crumbs li{display:inline-flex;align-items:center}
.crumbs li+li::before{content:"/";margin:0 8px;color:#B0B0B5}
.crumbs a{color:var(--fi-graphite);text-decoration:none}
.crumbs a:hover{color:var(--fi-carbon);text-decoration:underline}
.crumbs [aria-current]{color:var(--fi-ink);font-weight:500}

/* ---------- Home hero ---------- */
.hero{position:relative;padding-block:clamp(28px,5vw,72px) clamp(48px,7vw,96px);overflow:hidden}
.hero__grid{display:grid;gap:40px;align-items:center}
@media (min-width:1024px){.hero__grid{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:64px}}
.hero h1{font-size:clamp(2.5rem,1.4rem + 5vw,5.25rem);letter-spacing:-.045em;line-height:.98}
.hero h1 .kicker{font-size:15px;letter-spacing:0;line-height:1.4;margin-bottom:20px;font-family:var(--font-body)}
.hero__lead{margin-top:24px}
.hero .btn-row{margin-top:32px}
.hero__call{margin-top:18px;font-size:15px;color:var(--fi-graphite)}
.hero__call a{color:var(--fi-carbon);font-weight:600}
@media (max-width:639px){
  .hero .btn-row{display:grid;grid-template-columns:1fr}
}

/* Fuel tiles — the periodic table of fuels */
.table{position:relative}
@media (min-width:640px) and (max-width:1023px){.hero .table,.phero .table{max-width:520px}}
.table__glow{position:absolute;inset:-4% -14% -10% -2%;background:radial-gradient(closest-side at 58% 50%,rgba(255,178,26,.30),rgba(242,84,27,.12) 55%,rgba(242,84,27,0) 100%);z-index:0;pointer-events:none}
.tiles{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}
@media (min-width:640px){.tiles{gap:12px}}
.tile{position:relative;display:flex;flex-direction:column;aspect-ratio:1/1;padding:10px 11px;border-radius:14px;background:rgba(255,255,255,.88);border:1px solid var(--fi-hairline);color:var(--fi-carbon);text-decoration:none;overflow:hidden;transition:background-color .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease),color .25s var(--ease)}
@media (min-width:640px){.tile{padding:14px 15px;border-radius:18px}}
.tile__top{display:flex;justify-content:space-between;gap:6px;font-size:13px;font-weight:600;color:var(--fi-graphite);line-height:1.2}
.tile__grade{display:none;text-align:right}
.tile__sym{margin-top:auto;font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,1.2rem + 3.6vw,3.625rem);letter-spacing:-.05em;line-height:.9}
.tile__name{margin-top:6px;font-size:14px;font-weight:600;line-height:1.2;text-wrap:balance}
@media (min-width:640px){.tile__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
.tile__std{display:none;font-size:14px;color:var(--fi-graphite);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:640px){.tile__grade,.tile__std{display:block}.tile__top{font-size:14px}.tile__name{font-size:15px}}
.tile:hover,.tile:focus-visible,.tile.is-active{background:var(--fi-carbon);border-color:var(--fi-carbon);color:#fff}
.tile:hover .tile__top,.tile:focus-visible .tile__top,.tile.is-active .tile__top,.tile:hover .tile__std,.tile:focus-visible .tile__std,.tile.is-active .tile__std{color:var(--fi-on-dark-2)}
.tile:hover .tile__sym,.tile:focus-visible .tile__sym,.tile.is-active .tile__sym{background:var(--fi-ignition);-webkit-background-clip:text;background-clip:text;color:transparent}
.readout{position:relative;z-index:1;margin-top:16px;display:none;align-items:center;gap:16px;min-height:72px;padding:14px 18px;border-radius:18px;background:#fff;border:1px solid var(--fi-hairline)}
@media (min-width:1024px){.readout{display:flex}}
.readout__sym{flex:none;width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:var(--fi-carbon);color:#fff;font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.04em}
.readout__txt{flex:1;font-size:15px;line-height:1.45;color:var(--fi-ink-2)}
.readout__txt strong{color:var(--fi-carbon)}
.js .tiles--animate .tile{animation:tileIn .7s var(--ease) both;animation-delay:calc(var(--i) * 55ms + 120ms)}
@keyframes tileIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}

/* ---------- Trust bar ---------- */
.trust{border-block:1px solid var(--fi-hairline);background:#fff}
.trust__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr}
@media (min-width:1024px){.trust__list{grid-template-columns:repeat(4,1fr)}}
.trust__item{display:flex;gap:12px;align-items:flex-start;padding:18px 12px 18px 0;font-size:14px;line-height:1.4;color:var(--fi-ink-2)}
.trust__item:nth-child(odd){padding-right:16px}
.trust__item:nth-child(n+3){border-top:1px solid var(--fi-hairline)}
@media (min-width:1024px){.trust__item{padding:22px 24px}.trust__item:nth-child(n+3){border-top:0}.trust__item+.trust__item{border-left:1px solid var(--fi-hairline)}.trust__item:first-child{padding-left:0}}
.trust__item .ic{width:22px;height:22px;color:var(--fi-ember-600);margin-top:1px}
.trust__item strong{display:block;color:var(--fi-carbon);font-weight:600;font-size:15px}

/* ---------- Context figures (2026) ---------- */
.figs{display:grid;gap:0;border-top:1px solid var(--fi-hairline)}
@media (min-width:640px){.figs{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.figs{grid-template-columns:repeat(4,1fr)}}
.fig{padding:28px 0;border-bottom:1px solid var(--fi-hairline)}
@media (min-width:640px){.fig{padding:36px 24px 32px 0}.fig:nth-child(even){padding-left:24px;border-left:1px solid var(--fi-hairline)}}
@media (min-width:1024px){.fig{border-bottom:0}.fig+.fig{padding-left:24px;border-left:1px solid var(--fi-hairline)}}
.fig__n{font-family:var(--font-display);font-weight:700;font-size:clamp(3rem,2rem + 3vw,4.5rem);letter-spacing:-.05em;line-height:.95;color:var(--fi-carbon);font-variant-numeric:tabular-nums}
.fig__n small{font-size:.45em;letter-spacing:-.02em;margin-left:2px}
.fig__n small:first-child{margin:0 2px 0 0}
.fig p{margin-top:14px;color:var(--fi-ink-2);max-width:32ch}
.fig cite{display:block;margin-top:12px;font-style:normal;font-size:14px;color:var(--fi-graphite)}
.fig cite a{color:var(--fi-graphite)}
.turn{margin-top:clamp(32px,4vw,48px);display:grid;gap:20px;align-items:center}
@media (min-width:900px){.turn{grid-template-columns:1fr auto}}
.turn p{font-family:var(--font-display);font-weight:600;font-size:clamp(1.375rem,1.1rem + 1.1vw,2rem);line-height:1.2;letter-spacing:-.02em;color:var(--fi-carbon);max-width:30ch}

/* ---------- Pillars ---------- */
.pillars{display:grid;gap:0}
@media (min-width:760px){.pillars{grid-template-columns:repeat(3,1fr)}}
.pillar{padding:32px 0;border-top:1px solid var(--fi-hairline)}
@media (min-width:760px){.pillar{padding:8px 24px 0;border-top:0}.pillar:first-child{padding-left:0}.pillar+.pillar{border-left:1px solid var(--fi-hairline)}}
@media (min-width:1100px){.pillar{padding:8px 36px 0}}
.pillar__word{font-family:var(--font-display);font-weight:700;font-size:clamp(2.25rem,1.6rem + 2.4vw,3.5rem);letter-spacing:-.045em;line-height:1;color:var(--fi-carbon)}
.pillar__word i{font-style:normal;color:var(--fi-ember-500)}
.pillar p{margin-top:16px;color:var(--fi-ink-2)}
.pillar ul{margin-top:20px;padding:0;list-style:none;display:grid;gap:10px}
.pillar li{display:flex;gap:10px;font-size:15px;line-height:1.45;color:var(--fi-ink)}
.pillar li .ic{width:18px;height:18px;color:var(--fi-ember-600);margin-top:2px}

/* ---------- Proof pack (dark) ---------- */
.proof{display:grid;gap:48px;align-items:center}
@media (min-width:1024px){.proof{grid-template-columns:1fr 1fr;gap:80px}}
.proof__list{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:0}
.proof__list li{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--fi-carbon-line)}
.proof__list li:last-child{border-bottom:1px solid var(--fi-carbon-line)}
.proof__list .ic{width:24px;height:24px;color:var(--fi-amber-400);margin-top:2px}
.proof__list strong{display:block;color:#fff;font-weight:600}
.proof__list span{display:block;color:var(--fi-on-dark-2);font-size:15px;margin-top:2px}
.docs{position:relative;height:clamp(400px,96vw,540px);max-width:540px;margin-inline:auto;width:100%}
.doc{position:absolute;width:88%;height:clamp(250px,62vw,330px);background:#fff;color:var(--fi-ink);border-radius:14px;padding:clamp(16px,3vw,24px);box-shadow:0 30px 60px -20px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.04);display:flex;flex-direction:column;gap:10px;transform-origin:50% 100%}
.doc:nth-child(1){left:0;top:0;transform:rotate(-3deg)}
.doc:nth-child(2){left:4%;top:16%;transform:rotate(1.5deg)}
.doc:nth-child(3){left:8%;top:32%;transform:rotate(-1.5deg)}
.doc:nth-child(4){left:12%;top:48%;transform:rotate(2deg)}
.doc__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.doc__head img{height:18px;width:auto}
.doc__title{font-family:var(--font-display);font-weight:700;font-size:clamp(15px,2.2vw,19px);letter-spacing:-.02em;line-height:1.15;color:var(--fi-carbon)}
.doc__line{height:8px;border-radius:4px;background:var(--fi-mist)}
.doc__line--s{width:55%}.doc__line--m{width:75%}
.doc__rows{display:grid;gap:8px;margin-top:6px}
.doc__row{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--fi-ink-2)}
.doc__row .ic{width:16px;height:16px;color:#1E8E4F;stroke-width:2.4}
.doc__seal{margin-top:auto;align-self:flex-end;width:88px;height:88px;padding:6px;border-radius:50%;border:2px dashed var(--fi-ember-500);display:grid;place-items:center;text-align:center;font-size:10px;font-weight:700;line-height:1.15;color:var(--fi-ember-600);transform:rotate(-12deg)}
.doc__seal img{width:20px;height:auto;margin:0 auto 2px}

/* ---------- Prices ---------- */
.price-panel{display:grid;gap:32px}
@media (min-width:1024px){.price-panel{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:start}}
.ptable{width:100%;font-size:15px}
.ptable caption{text-align:left;font-size:14px;color:var(--fi-graphite);padding-bottom:12px;caption-side:top}
.ptable th,.ptable td{padding:14px 12px;text-align:left;border-bottom:1px solid var(--fi-hairline);vertical-align:middle}
.ptable thead th{font-size:14px;font-weight:600;color:var(--fi-graphite);border-bottom-color:var(--fi-carbon);white-space:nowrap}
.ptable tbody th{font-weight:600;color:var(--fi-carbon)}
.ptable td.n,.ptable th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ptable th:first-child,.ptable td:first-child{padding-left:0}
.ptable th:last-child,.ptable td:last-child{padding-right:0}
.chg{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--fi-carbon)}
.chg .ic{width:16px;height:16px;stroke-width:2.4}
.chg--up .ic{color:var(--fi-ember-600)}
.chg--down .ic{color:#1E7A4C}
.ptable__note{margin-top:14px;font-size:14px;color:var(--fi-graphite);line-height:1.5}
.ptable-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.pcard{border-radius:var(--fi-radius-l);background:var(--fi-carbon);color:var(--fi-on-dark);padding:clamp(24px,3vw,32px);display:grid;gap:18px}
.pcard h3{color:#fff}
.pcard p{color:var(--fi-on-dark-2);font-size:15px}
.count{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.count div{background:var(--fi-carbon-2);border:1px solid var(--fi-carbon-line);border-radius:14px;padding:12px 6px;text-align:center}
.count b{display:block;font-family:var(--font-display);font-size:clamp(1.75rem,1.4rem + 1.2vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.count span{display:block;margin-top:6px;font-size:13px;color:var(--fi-on-dark-2)}
.pcard .btn{justify-self:start}
.answer{border-left:3px solid var(--fi-ember-500);padding:4px 0 4px 20px;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);line-height:1.55;color:var(--fi-ink);max-width:62ch}
.answer strong{color:var(--fi-carbon)}
.answer__label{display:block;font-size:14px;font-weight:600;color:var(--fi-ember-600);margin-bottom:6px}

/* ---------- Industries index ---------- */
.index{list-style:none;margin:0;padding:0;border-top:1px solid var(--fi-carbon)}
.index__a{display:grid;grid-template-columns:1fr auto;gap:8px 24px;align-items:center;padding:20px 0;border-bottom:1px solid var(--fi-hairline);text-decoration:none;color:var(--fi-carbon);transition:padding .25s var(--ease),background-color .25s}
@media (min-width:900px){.index__a{grid-template-columns:minmax(220px,1fr) 1.6fr 176px;padding:24px 0}}
.index__name{font-family:var(--font-display);font-weight:700;font-size:clamp(1.375rem,1.1rem + 1vw,2rem);letter-spacing:-.03em;line-height:1.1}
.index__desc{grid-column:1/-1;font-size:15px;color:var(--fi-ink-2);line-height:1.45}
@media (min-width:900px){.index__desc{grid-column:auto}}
.index__syms{display:flex;gap:6px;grid-row:1;grid-column:2;justify-content:flex-end}
@media (min-width:900px){.index__syms{grid-column:3}}
.sym{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:9px;border:1px solid var(--fi-hairline);font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:-.03em;color:var(--fi-carbon);background:#fff;text-decoration:none}
a.sym:hover{background:var(--fi-carbon);color:#fff;border-color:var(--fi-carbon)}
.index__a:hover{padding-left:12px;padding-right:12px;background:var(--fi-mist)}
.index__a:hover .index__name{color:var(--fi-ember-600)}

/* ---------- Coverage map ---------- */
.cover{display:grid;gap:40px;align-items:center}
@media (min-width:1024px){.cover{grid-template-columns:1.05fr .95fr;gap:72px}}
.map{position:relative;max-width:560px;margin-inline:auto;width:100%}
.map svg{width:100%;height:auto;overflow:visible}
.map .d{fill:none;stroke-linecap:round;stroke-width:var(--dot,5.4px)}
.map .d--ctx{stroke:#EDEDF0}
.map .d--za{stroke:var(--fi-carbon)}
.map .d--sadc{transition:stroke .2s}
.map .d--a{stroke:#F6AA88}.map .d--b{stroke:#FBCDB7}.map .d--c{stroke:#F38F66}
.map [data-c].is-hot .d--sadc,.map .d--sadc.is-hot{stroke:var(--fi-ember-600)}
.map .pin{transform-box:fill-box;transform-origin:50% 100%}
.map .pin-g{pointer-events:none}
.js .map.is-in .pin{animation:pinDrop .6s var(--ease) both;animation-delay:calc(var(--i) * 70ms)}
.js .map:not(.is-in) .pin{opacity:0}
@keyframes pinDrop{from{opacity:0;transform:translateY(-110px)}to{opacity:1;transform:none}}
.map .lbl{font:600 15px/1 var(--font-body);fill:var(--fi-carbon);paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round}
.map .lbl--za{font-size:17px}
@media (max-width:639px){.map .lbl{font-size:21px;stroke-width:6px}.map .lbl--minor{display:none}}
.map__key{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px;font-size:14px;color:var(--fi-graphite)}
.map__key span{display:inline-flex;align-items:center;gap:8px}
.map__key i{width:10px;height:10px;border-radius:50%;display:inline-block}
.cover h3{margin-top:28px}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:14px 0 0;padding:0}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--fi-hairline);background:#fff;font-size:14px;font-weight:500;color:var(--fi-ink);text-decoration:none;line-height:1.2}
a.chip:hover,button.chip:hover{border-color:var(--fi-carbon);color:var(--fi-carbon)}
.chip .ic{width:16px;height:16px;color:var(--fi-ember-600)}
.chip--solid{background:var(--fi-mist);border-color:var(--fi-mist)}

/* ---------- Steps (a real sequence) ---------- */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:s}
@media (min-width:768px){.steps{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.steps--4{grid-template-columns:repeat(4,1fr)}.steps--3{grid-template-columns:repeat(3,1fr)}}
.steps.steps--1{grid-template-columns:1fr}
.step{position:relative;padding:24px;border-radius:var(--fi-radius-l);background:#fff;border:1px solid var(--fi-hairline);counter-increment:s}
.section--mist .step{border-color:#fff}
.step::before{content:counter(s);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--fi-carbon);color:#fff;font-family:var(--font-display);font-weight:700;font-size:16px;margin-bottom:18px}
.step:last-child::before{background:var(--fi-ember-600)}
.step h3{font-size:19px}
.step p{margin-top:8px;font-size:15px;color:var(--fi-ink-2);line-height:1.55}

/* ---------- FAQ ---------- */
.faq{border-top:1px solid var(--fi-carbon);max-width:900px}
.faq details{border-bottom:1px solid var(--fi-hairline)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;cursor:pointer;list-style:none;font-weight:600;font-size:clamp(1.0625rem,1rem + .25vw,1.1875rem);color:var(--fi-carbon);line-height:1.4}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ic{width:22px;height:22px;flex:none;transition:transform .25s var(--ease);color:var(--fi-graphite)}
.faq details[open] summary .ic{transform:rotate(45deg);color:var(--fi-ember-600)}
.faq summary:hover{color:var(--fi-ember-600)}
.faq__a{padding:0 0 22px;color:var(--fi-ink-2);max-width:70ch}
.faq__a p+p{margin-top:12px}
.faq-grid{display:grid;gap:32px}
@media (min-width:1024px){.faq-grid{grid-template-columns:minmax(260px,.7fr) 1.3fr;gap:64px}}

/* ---------- Cards (guides, links) ---------- */
.cards{display:grid;gap:16px}
@media (min-width:700px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.cards--3{grid-template-columns:repeat(3,1fr)}}
.gcard{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:var(--fi-radius-l);background:var(--fi-mist);text-decoration:none;color:var(--fi-ink);min-height:240px;transition:background-color .2s}
.gcard:hover{background:#ECECF0;color:var(--fi-ink)}
.gcard .meta{order:-1}
.gcard h3{font-family:var(--font-display);font-weight:700;font-size:clamp(1.375rem,1.2rem + .6vw,1.625rem);letter-spacing:-.025em;line-height:1.15}
.gcard p{font-size:15px;color:var(--fi-ink-2);line-height:1.5}
.gcard .link{margin-top:auto;color:var(--fi-ember-600)}
.lcard{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:var(--fi-radius-m);border:1px solid var(--fi-hairline);background:#fff;text-decoration:none;color:var(--fi-ink);transition:border-color .2s}
.lcard:hover{border-color:var(--fi-carbon);color:var(--fi-ink)}
.lcard strong{font-size:18px;font-weight:600;color:var(--fi-carbon);line-height:1.3}
.lcard span{font-size:15px;color:var(--fi-ink-2);line-height:1.5}
.lcard .link{margin-top:auto;padding-top:6px;font-size:15px}

/* ---------- Quote band + form ---------- */
.qband{display:grid;gap:40px}
@media (min-width:1024px){.qband{grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}}
.qband__aside{display:grid;gap:20px}
.qband__next{display:grid;gap:16px}
@media (min-width:1024px){.qband--quote{grid-template-rows:auto 1fr;row-gap:32px}.qband--quote .qform{grid-column:2;grid-row:1/span 2}.qband--quote .qband__next{grid-column:1;grid-row:2;align-self:start}}
.contact-lines{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}
.contact-lines a,.contact-lines div{display:flex;align-items:center;gap:14px;min-height:56px;padding:8px 0;color:#fff;text-decoration:none;border-bottom:1px solid var(--fi-carbon-line);font-weight:600}
.contact-lines a:hover{color:var(--fi-amber-400)}
.contact-lines .ic{width:22px;height:22px;color:var(--fi-amber-400)}
.contact-lines .wa .ic{color:var(--fi-wa)}
.contact-lines small{display:block;font-weight:400;font-size:14px;color:var(--fi-on-dark-2)}

.qform{background:#fff;color:var(--fi-ink);border-radius:var(--fi-radius-l);padding:clamp(20px,3vw,32px);box-shadow:0 30px 80px -40px rgba(18,20,23,.45);border:1px solid var(--fi-hairline)}
.section--carbon .qform{border-color:transparent}
.qform__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px}
.qform__title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.375rem,1.2rem + .6vw,1.75rem);letter-spacing:-.025em;color:var(--fi-carbon);line-height:1.15}
.qform__step{font-size:14px;font-weight:600;color:var(--fi-graphite);white-space:nowrap}
.qform__bar{height:4px;border-radius:4px;background:var(--fi-mist);margin:14px 0 22px;overflow:hidden}
.qform__bar i{display:block;height:100%;width:50%;background:var(--fi-ember-500);border-radius:4px;transition:width .35s var(--ease)}
.qform[data-step="2"] .qform__bar i{width:100%}
.qform__panel{display:grid;gap:16px}
.js .qform[data-step="1"] .qform__panel[data-panel="2"],.js .qform[data-step="2"] .qform__panel[data-panel="1"]{display:none}
.fgrid{display:grid;gap:16px}
@media (min-width:560px){.fgrid--2{grid-template-columns:1fr 1fr}}
.field{display:grid;gap:6px;min-width:0}
.field label,.field legend{font-size:15px;font-weight:600;color:var(--fi-carbon);line-height:1.3}
.field .opt{font-weight:400;color:var(--fi-graphite)}
.field input,.field select,.field textarea{width:100%;min-height:50px;padding:12px 14px;border:1px solid #C9C9CF;border-radius:12px;background:#fff;font-size:16px;line-height:1.3;color:var(--fi-ink);transition:border-color .15s,box-shadow .15s;appearance:none;-webkit-appearance:none}
.field textarea{min-height:96px;resize:vertical}
.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23424245' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:44px}
.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--fi-graphite)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--fi-carbon);box-shadow:0 0 0 3px rgba(242,84,27,.22)}
.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:#B42318;box-shadow:0 0 0 3px rgba(180,35,24,.12)}
.field__err{font-size:14px;color:#B42318;font-weight:500}
.field__hint{font-size:14px;color:var(--fi-graphite)}
.vol{display:grid;grid-template-columns:1fr 128px;gap:8px}
.consent{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-size:14px;line-height:1.5;color:var(--fi-ink-2)}
.consent input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--fi-ember-600)}
.qform__actions{display:grid;gap:10px;margin-top:6px}
@media (min-width:560px){.qform__actions{grid-template-columns:1fr 1fr}.qform__actions--one{grid-template-columns:1fr}}
.qform__back{justify-self:start;background:none;border:0;padding:8px 0;font-weight:600;font-size:15px;color:var(--fi-ink-2);display:inline-flex;align-items:center;gap:6px}
.qform__back:hover{color:var(--fi-carbon)}
.qform__fine{font-size:14px;color:var(--fi-graphite);line-height:1.5}
.qform__status{font-size:14px;font-weight:500}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---------- Page hero (inner pages) ---------- */
.phero{padding-block:clamp(24px,4vw,48px) clamp(40px,6vw,72px);overflow:hidden}
.phero__grid{display:grid;gap:36px;align-items:center}
@media (min-width:1024px){.phero__grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:64px}}
.phero h1{max-width:16em}
.phero .lead{margin-top:20px}
.phero .btn-row{margin-top:28px}
.phero .chips{margin-top:22px}
@media (max-width:639px){.phero .btn-row{display:grid;grid-template-columns:1fr}}
.phero--plain h1{max-width:20em}
@media (min-width:1024px){.phero__grid--even{grid-template-columns:1fr 1fr}}

/* Specimen tile (product hero) */
.specimen{position:relative;width:100%;max-width:400px;justify-self:center}
.specimen__glow{position:absolute;inset:-18% -22%;background:radial-gradient(closest-side,rgba(255,178,26,.34),rgba(242,84,27,.12) 55%,rgba(242,84,27,0) 100%);z-index:0}
.specimen__card{position:relative;z-index:1;aspect-ratio:1/1;border-radius:28px;background:var(--fi-carbon);color:#fff;padding:clamp(20px,4vw,30px);display:flex;flex-direction:column}
.specimen__top{display:flex;justify-content:space-between;font-size:15px;font-weight:600;color:var(--fi-on-dark-2)}
.specimen__sym{margin-top:auto;font-family:var(--font-display);font-weight:700;font-size:clamp(6rem,4rem + 10vw,10rem);letter-spacing:-.06em;line-height:.82;background:var(--fi-ignition);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}
.specimen__name{margin-top:14px;font-family:var(--font-display);font-weight:700;font-size:clamp(1.375rem,1.2rem + .8vw,1.75rem);letter-spacing:-.02em;line-height:1.1}
.specimen__std{margin-top:6px;font-size:15px;color:var(--fi-on-dark-2)}
@media (max-width:1023px){.specimen{max-width:300px;justify-self:start}}
@media (max-width:639px){.specimen{max-width:none}.specimen__card{aspect-ratio:auto;min-height:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:20px;align-items:end}.specimen__top{grid-column:1/-1;margin-bottom:20px}.specimen__sym{grid-row:2/4;font-size:5.5rem}.specimen__name{margin-top:0}}

/* Icon badge (service/industry hero) */
.emblem{position:relative;width:100%;max-width:380px;justify-self:center}
.emblem__card{position:relative;z-index:1;border-radius:28px;background:var(--fi-mist);padding:clamp(22px,3.5vw,32px);display:grid;gap:18px}
.emblem__card h2{font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem)}
.emblem__list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.emblem__list li{display:flex;gap:12px;font-size:15px;line-height:1.45;color:var(--fi-ink)}
.emblem__list .ic{width:20px;height:20px;color:var(--fi-ember-600);margin-top:1px}
@media (max-width:1023px){.emblem{max-width:none}}

/* ---------- Document layout (main + sticky aside) ---------- */
.doc-layout{display:grid;gap:48px}
@media (min-width:1024px){.doc-layout{grid-template-columns:minmax(0,1fr) 360px;gap:72px;align-items:start}}
.doc-aside{display:grid;gap:16px}
@media (min-width:1024px){.doc-aside{position:sticky;top:calc(var(--header-h) + 24px)}}
.order-card{border-radius:var(--fi-radius-l);border:1px solid var(--fi-hairline);background:#fff;padding:24px;display:grid;gap:14px;box-shadow:0 20px 50px -30px rgba(18,20,23,.25)}
.order-card h2{font-size:22px;letter-spacing:-.02em}
.order-card p{font-size:15px;color:var(--fi-ink-2);line-height:1.5}
.order-card .btn{width:100%}
.order-card__lines{list-style:none;margin:4px 0 0;padding:12px 0 0;border-top:1px solid var(--fi-hairline);display:grid;gap:8px;font-size:14px;color:var(--fi-ink-2)}
.order-card__lines li{display:flex;gap:10px;align-items:flex-start}
.order-card__lines .ic{width:18px;height:18px;color:var(--fi-ember-600);margin-top:1px}
.toc{border-radius:var(--fi-radius-m);background:var(--fi-mist);padding:20px 22px}
.toc h2{font-size:15px;font-family:var(--font-body);font-weight:600;letter-spacing:0;color:var(--fi-graphite);margin-bottom:10px}
.toc ol{margin:0;padding-left:20px;display:grid;gap:6px;font-size:15px}
.toc a{color:var(--fi-ink);text-decoration:none}
.toc a:hover{color:var(--fi-ember-600);text-decoration:underline}

/* ---------- Prose ---------- */
.prose{max-width:72ch}
.prose>*+*{margin-top:1.1em}
.prose h2{margin-top:2.2em;scroll-margin-top:calc(var(--header-h) + 24px)}
.prose h3{margin-top:1.8em}
.prose h2+*,.prose h3+*{margin-top:.75em}
.prose p,.prose li{color:var(--fi-ink-2)}
.prose strong{color:var(--fi-carbon)}
.prose ul,.prose ol{padding-left:1.25em;display:grid;gap:.5em}
.prose ul li::marker{color:var(--fi-ember-500)}
.prose ol li::marker{font-weight:700;color:var(--fi-carbon)}
.prose .answer{margin-top:0}
.prose>.answer:first-child{margin-top:0}
.prose blockquote{border-left:3px solid var(--fi-hairline);padding-left:18px;color:var(--fi-ink-2)}
.prose .note{padding:18px 20px;border-radius:var(--fi-radius-m);background:var(--fi-ember-50);color:var(--fi-ink);font-size:15px;line-height:1.55}
.prose .note strong{color:var(--fi-ember-700)}
.block{margin-top:clamp(48px,6vw,72px)}
.block:first-child{margin-top:0}
.block>h2{margin-bottom:20px}
.doc-main .block>h2,.doc-main .prose h2{font-size:clamp(1.5rem,1.2rem + 1.1vw,2.125rem)}
.block>.lead{margin-bottom:24px}

/* Spec table */
.spec{width:100%;font-size:15px;border-top:1px solid var(--fi-carbon)}
.spec th,.spec td{text-align:left;vertical-align:top;padding:14px 0;border-bottom:1px solid var(--fi-hairline);line-height:1.5}
.spec th{width:38%;padding-right:20px;font-weight:600;color:var(--fi-carbon)}
.spec td{color:var(--fi-ink-2)}
.spec caption{caption-side:bottom;text-align:left;padding-top:12px;font-size:14px;color:var(--fi-graphite)}
.dtable{width:100%;font-size:15px;border-top:1px solid var(--fi-carbon)}
.dtable th,.dtable td{text-align:left;vertical-align:top;padding:14px 16px 14px 0;border-bottom:1px solid var(--fi-hairline);line-height:1.5}
.dtable thead th{font-size:14px;color:var(--fi-graphite);font-weight:600}
.dtable tbody th{color:var(--fi-carbon);font-weight:600}
.dtable td{color:var(--fi-ink-2)}

/* Ticks list */
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ticks li{display:grid;grid-template-columns:24px 1fr;gap:12px;color:var(--fi-ink-2);line-height:1.55}
.ticks .ic{width:22px;height:22px;color:var(--fi-ember-600);margin-top:2px}
.ticks strong{color:var(--fi-carbon)}
.ticks--2{gap:16px 32px}
@media (min-width:768px){.ticks--2{grid-template-columns:1fr 1fr}}

.related{display:grid;gap:12px}
@media (min-width:640px){.related{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.related--3{grid-template-columns:repeat(3,1fr)}}
.rlink{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 18px;border-radius:var(--fi-radius-m);border:1px solid var(--fi-hairline);text-decoration:none;color:var(--fi-ink);transition:border-color .2s}
.rlink:hover{border-color:var(--fi-carbon);color:var(--fi-ink)}
.rlink strong{display:block;font-weight:600;color:var(--fi-carbon);line-height:1.3}
.rlink span{display:block;font-size:14px;color:var(--fi-graphite);line-height:1.4}
.rlink>.ic{color:var(--fi-graphite)}
.rlink:hover>.ic{color:var(--fi-ember-600)}

/* Estimator */
.calc{border-radius:var(--fi-radius-l);background:var(--fi-mist);padding:clamp(20px,3vw,32px);display:grid;gap:20px}
.calc__tabs{display:inline-flex;padding:4px;border-radius:999px;background:#fff;border:1px solid var(--fi-hairline);justify-self:start}
.calc__tabs button{border:0;background:none;min-height:40px;padding:0 16px;border-radius:999px;font-weight:600;font-size:15px;color:var(--fi-ink-2)}
.calc__tabs button[aria-selected=true]{background:var(--fi-carbon);color:#fff}
.calc__grid{display:grid;gap:14px}
@media (min-width:640px){.calc__grid{grid-template-columns:repeat(3,1fr)}}
.calc__out{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:baseline;justify-content:space-between;padding-top:18px;border-top:1px solid #DCDCE0}
.calc__out b{font-family:var(--font-display);font-size:clamp(2rem,1.6rem + 1.6vw,3rem);letter-spacing:-.035em;line-height:1;color:var(--fi-carbon);font-variant-numeric:tabular-nums}
.calc__out span{font-size:15px;color:var(--fi-ink-2)}

/* Supply chain (About) */
.chain{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:c}
@media (min-width:900px){.chain{grid-template-columns:repeat(6,1fr)}}
.chain li{counter-increment:c;border-radius:var(--fi-radius-m);border:1px solid var(--fi-hairline);background:#fff;padding:18px;display:flex;flex-direction:column;gap:6px}
.chain li::before{content:counter(c);font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--fi-graphite)}
.chain strong{font-size:16px;color:var(--fi-carbon);line-height:1.25}
.chain span{font-size:14px;color:var(--fi-ink-2);line-height:1.45}
.chain .is-us{background:var(--fi-carbon);border-color:var(--fi-carbon)}
.chain .is-us::before{color:var(--fi-amber-400)}
.chain .is-us strong{color:#fff}
.chain .is-us span{color:var(--fi-on-dark-2)}

/* Register (Compliance) */
.register{list-style:none;margin:0;padding:0;border-top:1px solid var(--fi-carbon)}
.register li{display:grid;gap:8px 32px;padding:22px 0;border-bottom:1px solid var(--fi-hairline)}
@media (min-width:900px){.register li{grid-template-columns:minmax(200px,.8fr) 1.4fr 1fr}}
.register h3{font-size:18px}
.register p{font-size:15px;color:var(--fi-ink-2)}
.register .reg__status{font-size:15px;font-weight:600;color:var(--fi-carbon)}

/* Country list (Southern Africa) */
.countries{list-style:none;margin:0;padding:0;display:grid;gap:12px}
@media (min-width:768px){.countries{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.countries{grid-template-columns:repeat(3,1fr)}}
.country{border-radius:var(--fi-radius-m);border:1px solid var(--fi-hairline);background:#fff;padding:22px;display:flex;flex-direction:column;gap:10px}
.country h3{font-family:var(--font-display);font-weight:700;font-size:24px;letter-spacing:-.025em}
.country dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:14px}
.country dt{color:var(--fi-graphite)}
.country dd{margin:0;color:var(--fi-ink)}
.country .btn-row{margin-top:auto;padding-top:8px}

/* Thank you / 404 */
.center-hero{min-height:56vh;display:grid;align-content:center;gap:20px;padding-block:var(--section)}
.center-hero .btn-row{margin-top:8px}

/* ---------- CTA band ---------- */
.cta{border-radius:var(--fi-radius-l);background:var(--fi-carbon);color:#fff;padding:clamp(28px,5vw,64px);display:grid;gap:24px;position:relative;overflow:hidden}
@media (min-width:900px){.cta{grid-template-columns:1fr auto;align-items:center}}
.cta::after{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,178,26,.35),rgba(242,84,27,.12) 50%,transparent 70%);pointer-events:none}
.cta h2{color:#fff;max-width:20ch;position:relative;z-index:1}
.cta p{color:var(--fi-on-dark-2);margin-top:12px;max-width:52ch;position:relative;z-index:1}
.cta .btn-row{position:relative;z-index:1}

/* ---------- Footer ---------- */
.ftr{background:var(--fi-carbon);color:var(--fi-on-dark-2);padding:clamp(56px,7vw,96px) 0 calc(28px + env(safe-area-inset-bottom));font-size:15px}
.ftr a{color:var(--fi-on-dark);text-decoration:none}
.ftr a:hover{color:var(--fi-amber-400);text-decoration:underline}
.ftr__top{display:grid;gap:40px;padding-bottom:48px;border-bottom:1px solid var(--fi-carbon-line)}
@media (min-width:1024px){.ftr__top{grid-template-columns:minmax(260px,1fr) 2.4fr;gap:64px}}
.ftr__brand img{height:36px;width:auto}
.ftr__brand p{margin-top:18px;max-width:34ch;line-height:1.55}
.ftr__brand .btn-row{margin-top:24px}
.ftr__cols{display:grid;grid-template-columns:1fr 1fr;gap:32px 24px}
@media (min-width:768px){.ftr__cols{grid-template-columns:repeat(4,1fr)}}
.ftr h2{font-family:var(--font-body);font-size:15px;font-weight:600;letter-spacing:0;color:#fff;margin-bottom:14px}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.ftr ul a{display:inline-block;padding:6px 0;line-height:1.35}
.ftr__facts{display:grid;gap:24px;padding:32px 0;border-bottom:1px solid var(--fi-carbon-line)}
@media (min-width:768px){.ftr__facts{grid-template-columns:repeat(3,1fr)}}
.ftr__facts h3{font-size:14px;font-weight:600;color:#fff;margin-bottom:6px}
.ftr__facts p{line-height:1.55}
.ftr__base{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;padding-top:24px;font-size:14px}
.ftr__base ul{display:flex;flex-wrap:wrap;gap:4px 20px}

/* ---------- Floating + sticky actions ---------- */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -8px 24px -16px rgba(18,20,23,.25);border-top:1px solid var(--fi-hairline);transition:transform .3s var(--ease)}
.mbar a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;color:var(--fi-carbon);border:1px solid var(--fi-hairline);background:#fff}
.mbar a .ic{width:20px;height:20px}
.mbar .mbar__wa .ic{color:var(--fi-wa)}
.mbar .mbar__q{background:var(--fi-ember-600);border-color:var(--fi-ember-600);color:#fff}
.mbar.is-hidden{transform:translateY(110%)}
body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
@media (min-width:1100px){.mbar{display:none}body{padding-bottom:0}}
.wafab{display:none}
@media (min-width:1100px){
  /* Appears once the visitor has scrolled past the page's opening, so it never sits over the hero. */
  .wafab{position:fixed;right:24px;bottom:24px;z-index:70;display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 20px 0 16px;border-radius:999px;background:#fff;color:var(--fi-carbon);text-decoration:none;font-weight:600;font-size:15px;box-shadow:0 14px 40px -12px rgba(18,20,23,.35),0 0 0 1px var(--fi-hairline);opacity:0;transform:translateY(12px);pointer-events:none;transition:transform .25s var(--ease),opacity .25s,box-shadow .2s}
  .wafab.is-on{opacity:1;transform:none;pointer-events:auto}
  .wafab .ic{width:26px;height:26px;color:var(--fi-wa)}
  .wafab.is-on:hover{transform:translateY(-2px);color:var(--fi-carbon);box-shadow:0 18px 44px -12px rgba(18,20,23,.4),0 0 0 1px var(--fi-carbon)}
}

/* Consent */
.consentbar{position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:80;max-width:420px;background:#fff;border:1px solid var(--fi-hairline);border-radius:var(--fi-radius-m);box-shadow:0 20px 50px -20px rgba(18,20,23,.35);padding:18px;font-size:14px;line-height:1.5;color:var(--fi-ink-2)}
@media (min-width:1100px){.consentbar{left:24px;bottom:24px}}
.consentbar .btn-row{margin-top:12px}

/* ---------- Reveal (one quiet moment per section, opt-in) ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .js .map:not(.is-in) .pin{opacity:1}
}

/* Utilities */
.mt-0{margin-top:0!important}.mt-s{margin-top:12px}.mt-m{margin-top:24px}.mt-l{margin-top:40px}
.hide-m{display:none}
@media (min-width:768px){.hide-m{display:revert}.hide-d{display:none}}
.split{display:grid;gap:32px}
@media (min-width:1024px){.split{grid-template-columns:1fr 1fr;gap:64px;align-items:start}}

@media print{.hdr,.strip,.mbar,.wafab,.sheet,.consentbar,.qform,.ftr__cols{display:none!important}body{padding:0}}