/* GanoAI — company profile site */
:root{
  --forest:#10362A;
  --forest-2:#0B2A20;
  --canopy:#1E6B47;
  --frond:#3E9B63;
  --sage:#9CC7AA;
  --mist:#E8F0EA;
  --paper:#F5F8F4;
  --ink:#0F2219;
  --muted:#53665B;
  --line:#D3DFD6;
  --g:#2FA866; --y:#E9B10A; --r:#D8444C;
  --g-soft:#DDF2E5; --y-soft:#FBF0CC; --r-soft:#F8DDDF;
  --display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --body:"Instrument Sans", "Segoe UI", system-ui, sans-serif;
  --wrap:1200px;
  --gutter:clamp(16px,4vw,40px);
  --r-md:14px; --r-lg:22px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--display);margin:0;font-weight:650;letter-spacing:-.015em;line-height:1.12}
p{margin:0}
ul,ol,dl,dd{margin:0;padding:0;list-style:none}
figure{margin:0}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--y);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:8px;background:var(--y);color:var(--ink);padding:8px 14px;border-radius:6px;z-index:100}
.skip:focus{left:8px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter);width:100%}
[id]{scroll-margin-top:76px}

.h2{font-size:clamp(30px,4vw,48px);font-weight:700;max-width:17ch}
.h2--wide{max-width:26ch;margin-bottom:clamp(36px,5vw,56px)}
.h3{font-size:clamp(22px,2.2vw,28px);font-weight:700}
.lead{font-size:clamp(17px,1.4vw,19px);color:var(--muted);max-width:52ch}
.src{font-size:13px;color:var(--muted);margin-top:18px;max-width:100ch;font-style:italic}

.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 20px;font-weight:600;font-size:15px;text-decoration:none;border:1.5px solid transparent;transition:background .2s,border-color .2s;white-space:nowrap}
.btn--lg{padding:14px 26px;font-size:16px}
.btn--ghost{border-color:rgba(255,255,255,.45);color:#fff}
.btn--ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}

.tri{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none;background:var(--y)}
.tri--g{background:var(--g)} .tri--y{background:var(--y)} .tri--r{background:var(--r)}

/* ============ NAV ============ */
.nav{position:fixed;inset:0 0 auto;z-index:50;transition:background .3s,box-shadow .3s}
.nav__inner{display:flex;align-items:center;gap:28px;height:72px}
.nav__logo{display:flex;flex:none}
.nav__logo img{height:26px;width:auto}
.logo-on-light{display:none!important}
.nav__links{display:flex;gap:28px;margin-left:auto}
.nav__links a{color:rgba(255,255,255,.82);text-decoration:none;font-size:15px;font-weight:500;padding:6px 0;position:relative}
.nav__links a:hover,.nav__links a.is-active{color:#fff}
.nav__links a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--y);border-radius:2px}
.nav__burger{display:none;background:none;border:0;width:40px;height:40px;position:relative;margin-left:auto}
.nav__burger span{position:absolute;left:9px;right:9px;height:2px;background:#fff;border-radius:2px;transition:transform .25s,top .25s}
.nav__burger span:first-child{top:15px}.nav__burger span:last-child{top:23px}
.nav.is-solid{background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line)}
.nav.is-solid .logo-on-dark{display:none}
.nav.is-solid .logo-on-light{display:block!important}
.nav.is-solid .nav__links a{color:var(--muted)}
.nav.is-solid .nav__links a:hover,.nav.is-solid .nav__links a.is-active{color:var(--ink)}
.nav.is-solid .nav__burger span{background:var(--ink)}

/* ============ HERO ============ */
.hero{position:relative;min-height:100vh;min-height:100svh;color:#fff;padding:120px 0 48px;display:flex;flex-direction:column;justify-content:center;isolation:isolate;overflow:hidden;background:var(--forest)}
.hero__bg{position:absolute;inset:0;z-index:-1;background:
  linear-gradient(100deg,rgba(11,42,32,.96) 0%,rgba(11,42,32,.86) 38%,rgba(11,42,32,.55) 70%,rgba(11,42,32,.7) 100%),
  url(../img/hero-aerial.jpg) center/cover no-repeat}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}
.hero__title{font-size:clamp(40px,5.4vw,70px);font-weight:750;letter-spacing:-.03em;line-height:1.02;max-width:13ch}
.hero__lede{margin-top:26px;font-size:clamp(17px,1.5vw,19px);color:rgba(255,255,255,.8);max-width:50ch}
.hero__legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.hero__legend li{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.94);color:var(--muted);border-radius:999px;padding:8px 16px 8px 12px;font-size:14px}
.hero__legend .tri{width:14px;height:14px}
.hero__legend b{color:var(--ink);font-weight:700;letter-spacing:.02em}
.hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero__note{font-size:13px;color:rgba(255,255,255,.55);margin-top:36px;font-style:italic}

.scanner{background:rgba(9,33,25,.72);border:1px solid rgba(156,199,170,.25);border-radius:var(--r-lg);padding:18px;backdrop-filter:blur(8px);max-width:440px;width:100%;justify-self:end;box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}
.scanner__head{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:rgba(255,255,255,.7);padding:2px 4px 12px}
.scanner__app{font-family:var(--display);font-weight:650;color:#fff;font-size:15px}
.scanner__mode{display:flex;align-items:center;gap:8px}
.dot-live{width:7px;height:7px;border-radius:50%;background:var(--g);animation:live 2s infinite}
@keyframes live{0%{box-shadow:0 0 0 0 rgba(47,168,102,.6)}70%,100%{box-shadow:0 0 0 8px rgba(47,168,102,0)}}
.scanner__stage{position:relative;aspect-ratio:1;border-radius:var(--r-md);overflow:hidden;background:radial-gradient(circle at 50% 50%,#1C5A3E 0%,#123F2D 45%,#0A2219 80%)}
.scanner__stage::before{content:"";position:absolute;inset:6%;border-radius:50%;background:conic-gradient(from 0deg,rgba(127,211,160,0) 0deg,rgba(127,211,160,0) 300deg,rgba(127,211,160,.32) 360deg);animation:sweep 4s linear infinite}
@keyframes sweep{to{transform:rotate(360deg)}}
.crown{width:100%;height:100%;display:block;position:relative}
.crown .ring{fill:none;stroke:rgba(156,199,170,.35);stroke-dasharray:3 5}
.crown .axis{stroke:rgba(156,199,170,.14)}
.crown .core{fill:#fff}
.crown .core-ring{fill:none;stroke:#fff;stroke-opacity:.45}
.scanner__tag{position:absolute;top:12px;left:14px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(156,199,170,.85);font-weight:600}
.scanner__flag{position:absolute;bottom:12px;left:14px;font-size:12px;color:rgba(255,255,255,.75);display:flex;align-items:center;gap:7px}
.scanner__flag .tri{width:8px;height:8px;transition:background .4s}
.scanner[data-state="green"] .scanner__flag .tri{background:var(--g)}
.scanner[data-state="red"] .scanner__flag .tri{background:var(--r)}
.frond line{stroke:rgba(214,235,221,.85);stroke-width:2.5;stroke-linecap:round;transform-origin:0 0}
.frond circle{fill:var(--g);stroke:rgba(9,33,25,.6);stroke-width:2}
.frond,.frond line,.frond circle{transition:transform .9s cubic-bezier(.6,0,.2,1),fill .5s,stroke .5s}
.frond.is-flag line{stroke:currentColor}
.frond.is-flag circle{fill:currentColor}
.scanner__readout{margin-top:14px;background:rgba(255,255,255,.06);border-radius:var(--r-md);padding:14px 16px}
.readout__label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);font-weight:600}
.readout__status{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:24px;font-weight:650;margin:4px 0 2px;transition:color .4s}
.readout__status .tri{width:13px;height:13px;transition:background .4s}
.readout__meta{font-size:14px;color:rgba(255,255,255,.7)}
.scanner[data-state="green"] .readout__status{color:#8FE0AF}
.scanner[data-state="green"] .readout__status .tri{background:var(--g)}
.scanner[data-state="yellow"] .readout__status{color:#FFD45C}
.scanner[data-state="red"] .readout__status{color:#FF8C92}
.scanner[data-state="red"] .readout__status .tri{background:var(--r)}
.scanner__chips{display:flex;gap:6px;margin-top:12px}
.chip{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 10px;font-size:13px;font-weight:600;color:rgba(255,255,255,.8);transition:background .2s}
.chip:hover{background:rgba(255,255,255,.12)}
.chip[aria-pressed="true"]{background:#fff;color:var(--ink);border-color:#fff}

/* ============ SECTIONS ============ */
.sec{padding:clamp(72px,10vw,120px) 0}
.sec--paper{background:var(--paper)}
.sec--mist{background:var(--mist)}
.sec--forest{background:var(--forest);color:#fff}
.split-head{display:grid;grid-template-columns:1.1fr 1fr;gap:20px 56px;align-items:end;margin-bottom:clamp(36px,5vw,56px)}
.split-head--dark .lead{color:rgba(255,255,255,.72)}

/* About */
.about{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(40px,6vw,80px);align-items:start}
.about__text{margin-top:24px;color:var(--muted);font-size:clamp(17px,1.4vw,18.5px);max-width:60ch}
.vm{display:grid;gap:14px;margin-top:32px}
.vm__item{border-radius:var(--r-lg);padding:22px 26px}
.vm__item h3{font-family:var(--body);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin-bottom:8px}
.vm__item--vision{background:var(--forest);color:#fff}
.vm__item--vision h3{color:var(--sage)}
.vm__item--mission{background:var(--mist)}
.vm__item--mission h3{color:var(--canopy)}
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pillars li{border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 22px}
.pillars svg{width:48px;height:48px;padding:11px;border-radius:50%;background:var(--mist);fill:none;stroke:var(--canopy);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:18px}
.pillars h3{font-size:19px;margin-bottom:8px}
.pillars p{color:var(--muted);font-size:15px;line-height:1.5}

/* Problem */
.problem{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,5vw,64px);align-items:stretch}
.problem__img{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:380px}
.problem__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.problem__img figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px;background:linear-gradient(transparent,rgba(16,54,42,.95) 35%);padding-top:70px;color:#fff;font-weight:600;font-size:17px;line-height:1.45}
.problem .h2{margin-bottom:28px}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.facts li{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:8px}
.facts__n{font-family:var(--display);font-size:clamp(28px,2.9vw,38px);font-weight:750;letter-spacing:-.02em;line-height:1;white-space:nowrap;display:flex;align-items:center;gap:10px}
.facts__n::before{content:"";width:12px;height:12px;border-radius:50%;flex:none}
.facts__n--r::before{background:var(--r)}
.facts__n--y::before{background:var(--y)}
.facts span{font-size:15px;color:var(--muted);line-height:1.45}

.scale{margin-top:clamp(56px,8vw,96px);background:var(--forest);color:#fff;border-radius:var(--r-lg);padding:clamp(28px,4vw,52px);display:grid;grid-template-columns:1fr 1fr;gap:32px 56px}
.scale__head{grid-column:1/-1}
.scale__head .src{margin-top:8px}
.scale__eq{grid-column:1/-1;display:flex;align-items:center;gap:clamp(10px,2vw,24px);flex-wrap:wrap;padding-bottom:32px;border-bottom:1px solid rgba(156,199,170,.22)}
.scale__eq div{display:flex;flex-direction:column;background:rgba(255,255,255,.06);border-radius:var(--r-md);padding:16px 20px;flex:1 1 150px}
.scale__eq b{font-family:var(--display);font-size:clamp(28px,3.2vw,42px);font-weight:750;letter-spacing:-.02em;line-height:1.05}
.scale__eq span{font-size:14px;color:rgba(255,255,255,.65);margin-top:4px}
.scale__eq i{font-style:normal;font-size:24px;color:var(--sage)}
.scale__eq .scale__hot{background:var(--r)}
.scale__eq .scale__hot span{color:rgba(255,255,255,.9)}
.scale__big{font-family:var(--display);font-size:clamp(56px,7.5vw,96px);font-weight:750;letter-spacing:-.04em;line-height:.95;color:var(--y)}
.scale__punch p+p{margin-top:12px;color:rgba(255,255,255,.8);max-width:40ch}
.scale__quote{align-self:center;border-left:3px solid var(--y);padding-left:24px}
.scale__quote strong{font-family:var(--display);font-size:clamp(20px,2vw,24px);font-weight:650}
.scale__quote p+p{margin-top:8px;color:rgba(255,255,255,.78)}
.src--dark{color:rgba(255,255,255,.55)}

.gap-title{margin:clamp(56px,8vw,96px) 0 28px;max-width:30ch}
.gaps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gap{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;display:flex;flex-direction:column}
.gap h4{font-size:21px}
.gap__sub{color:var(--muted);font-size:14px;margin-top:2px}
.gap__label{margin-top:22px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--r)}
.gap ul{margin-top:10px;display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.gap ul li{position:relative;padding-left:16px;font-size:15.5px;line-height:1.45}
.gap ul li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--ink)}
.gap__tags{margin-top:auto;display:grid;gap:8px}
.gap__tags div{display:flex;gap:12px;align-items:baseline;border-radius:10px;padding:10px 14px;font-size:14.5px}
.gap__tags dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;flex:none;width:76px}
.gap__cost{background:var(--y-soft)} .gap__cost dt{color:#9A7300}
.gap__acc{background:var(--r-soft)} .gap__acc dt{color:#B8323A}

/* Solution */
.triage{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.triage__item{border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;text-align:center;display:flex;flex-direction:column;align-items:center}
.triage__c{display:block;width:100%;border-radius:12px;padding:12px;color:#fff;font-weight:700;letter-spacing:.22em;text-transform:uppercase;font-size:15px}
.triage__item--g .triage__c{background:var(--g)}
.triage__item--y .triage__c{background:var(--y);color:var(--ink)}
.triage__item--r .triage__c{background:var(--r)}
.triage__item::after{order:2;content:"";width:56px;height:56px;border-radius:50%;margin:30px 0 26px;box-shadow:0 0 0 22px var(--halo)}
.triage__item--g::after{background:var(--g);--halo:var(--g-soft)}
.triage__item--y::after{background:var(--y);--halo:var(--y-soft)}
.triage__item--r::after{background:var(--r);--halo:var(--r-soft)}
.triage__item h3{order:3;font-size:22px;margin:8px 0 8px}
.triage__item p:last-child{order:4;color:var(--muted);max-width:28ch}

/* How */
.signals{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,36px)}
.signals li{border-top:1px solid rgba(156,199,170,.3);padding-top:20px}
.signals__n{font-family:var(--display);font-weight:750;font-size:15px;color:var(--y);display:block;margin-bottom:12px}
.signals h3{font-size:21px;margin-bottom:8px}
.signals p{color:rgba(255,255,255,.72);font-size:16px}
.workflow{margin-top:clamp(56px,8vw,96px)}
.workflow__head{display:grid;grid-template-columns:1.1fr 1fr;gap:16px 56px;align-items:end;margin-bottom:36px}
.workflow__head p{color:rgba(255,255,255,.72)}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.flow li{background:rgba(255,255,255,.06);border:1px solid rgba(156,199,170,.2);border-radius:var(--r-lg);padding:24px;position:relative}
.flow li:not(:last-child)::after{content:"›";position:absolute;right:-13px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--forest);color:var(--sage);display:grid;place-items:center;font-size:20px;line-height:1;z-index:1}
.flow__n{font-family:var(--display);font-weight:750;font-size:30px;color:var(--sage);display:block;margin-bottom:16px}
.flow li:last-child .flow__n{color:var(--y)}
.flow h4{font-size:20px;margin-bottom:6px}
.flow p{color:rgba(255,255,255,.72);font-size:15.5px}
.offline{margin-top:14px;display:flex;gap:18px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(156,199,170,.22);border-radius:var(--r-lg);padding:20px 24px}
.offline svg{flex:none;width:48px;height:48px;padding:11px;border-radius:50%;background:var(--y);fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}
.offline svg circle{fill:var(--ink);stroke:none}
.offline p{color:rgba(255,255,255,.8)}
.offline strong{color:var(--y);letter-spacing:.12em;text-transform:uppercase;font-size:14px;margin-right:8px}

/* Cost */
.value{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.value__compare{grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}
.price{border-radius:var(--r-lg);padding:clamp(24px,3vw,34px);height:100%}
.price--pcr{background:#fff;border:1px solid var(--line)}
.price--gano{background:var(--forest);color:#fff}
.price__label{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--r)}
.price--gano .price__label{color:var(--sage)}
.price__n{font-family:var(--display);font-size:clamp(36px,4.4vw,56px);font-weight:750;letter-spacing:-.03em;line-height:1.05;margin:10px 0 8px}
.price--gano .price__n{color:var(--y)}
.price__u{font-size:15px;color:var(--muted)}
.price--gano .price__u{color:rgba(255,255,255,.72)}
.price__vs{width:150px;height:150px;border-radius:50%;background:var(--y);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;box-shadow:0 0 0 6px #fff}
.price__vs b{font-family:var(--display);font-size:30px;font-weight:750;line-height:1}
.price__vs span{font-size:13px;line-height:1.25;margin-top:4px}
.bars,.hotspot{background:#fff;border-radius:var(--r-lg);padding:clamp(22px,3vw,32px);border:1px solid var(--line)}
.bars__title{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--canopy);margin-bottom:6px}
.bars__note{font-size:14px;color:var(--muted);font-style:italic}
.bar{display:grid;grid-template-columns:70px 1fr;gap:6px 14px;align-items:center;margin-top:18px}
.bar--wide{grid-template-columns:150px 1fr}
.bar__name{font-weight:600;font-size:15px}
.bar__track{height:30px;background:var(--mist);border-radius:6px;overflow:hidden}
.bar__fill{display:block;height:100%;width:max(var(--w),5px);border-radius:6px}
.bar__fill--g{background:var(--canopy)}
.bar__fill--r{background:var(--r)}
.bar__val{grid-column:2;font-size:15px;font-weight:700;color:var(--canopy)}
.bar:has(.bar__fill--r) .bar__val{color:var(--r)}
.hotspot dl{margin-top:10px}
.hotspot dl div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.hotspot dt{font-size:15px}
.hotspot dd{font-family:var(--display);font-size:24px;font-weight:750;white-space:nowrap}
.hotspot__r{color:var(--r)} .hotspot__g{color:var(--canopy)}
.hotspot__big{margin-top:16px;color:var(--muted)}
.hotspot__big b{font-family:var(--display);font-size:36px;font-weight:750;color:var(--canopy);margin-right:6px}
.effic{margin-top:clamp(56px,7vw,88px)}
.effic .h3{margin-bottom:24px}
.effic__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}
.wins{display:grid;gap:16px}
.wins > div{border-radius:var(--r-lg);padding:clamp(22px,3vw,30px)}
.wins__dark{background:var(--forest);color:#fff;display:flex;gap:22px;align-items:center}
.wins__dark b{font-family:var(--display);font-size:clamp(46px,5vw,64px);font-weight:750;color:var(--y);line-height:1;flex:none}
.wins__dark p{color:rgba(255,255,255,.85)}
.wins__formula{background:#fff;border:1px solid var(--line)}
.wins__label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--canopy)}
.wins__f{font-family:var(--display);font-weight:650;font-size:19px;margin:6px 0 6px}
.wins__formula p:last-child{color:var(--muted);font-size:15px}

/* Accuracy */
.acc{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(24px,4vw,48px);align-items:start}
.layers{display:flex;flex-direction:column;gap:12px}
.layers li{display:flex;gap:20px;align-items:center;color:#fff;border-radius:var(--r-lg);padding:24px 28px}
.layers li:nth-child(1){background:var(--canopy);margin-right:clamp(0px,6vw,80px)}
.layers li:nth-child(2){background:var(--forest);margin:0 clamp(0px,3vw,40px) 0 clamp(0px,3vw,40px)}
.layers li:nth-child(3){background:var(--forest-2);margin-left:clamp(0px,6vw,80px)}
.layers__n{flex:none;width:52px;height:52px;border-radius:50%;background:#fff;color:var(--forest);display:grid;place-items:center;font-family:var(--display);font-weight:750;font-size:20px}
.layers h3{font-size:20px;margin-bottom:6px}
.layers p{color:rgba(255,255,255,.78);font-size:15.5px}
.gets{background:var(--mist);border-radius:var(--r-lg);padding:28px}
.gets h3{font-family:var(--body);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--canopy);margin-bottom:18px}
.ticks{display:flex;flex-direction:column;gap:16px}
.ticks li{display:flex;gap:14px;align-items:baseline;font-weight:500}
.ticks li::before{content:"";flex:none;width:14px;height:8px;border-left:2.5px solid var(--canopy);border-bottom:2.5px solid var(--canopy);transform:rotate(-45deg) translateY(-3px)}
.acc__note{margin-top:24px;color:var(--canopy);font-style:italic}

/* Field experiment */
.field{display:grid;grid-template-columns:3fr 2fr;gap:clamp(20px,3vw,32px)}
.field__label{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin-bottom:14px}
.field__label .tri{width:14px;height:14px}
.field__grid{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:12px}
.field__group--gano{--cols:3}
.field__group--healthy{--cols:2}
.shot{background:#fff;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column}
.shot button{display:block;padding:0;border:0;background:var(--mist);cursor:zoom-in;overflow:hidden}
.shot img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;transition:transform .5s}
.shot button:hover img{transform:scale(1.04)}
.shot figcaption{padding:12px 14px;font-size:14px;font-weight:600;line-height:1.35}
.method{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.method div{background:var(--mist);border-radius:var(--r-lg);padding:24px;display:grid;grid-template-columns:48px 1fr;gap:4px 18px;align-items:start}
.method svg{grid-row:span 2;width:48px;height:48px;padding:12px;border-radius:50%;background:var(--canopy);fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.method h3{font-size:19px}
.method p{color:var(--muted);font-size:15px;line-height:1.5}
.evidence{margin-top:clamp(56px,8vw,96px)}
.evidence .h3{margin-bottom:32px}
.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative;margin-bottom:36px}
.timeline::before{content:"";position:absolute;left:9px;right:0;top:9px;height:2px;background:var(--line)}
.timeline li{position:relative;padding-top:38px}
.timeline li::before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--canopy);box-shadow:0 0 0 5px var(--paper)}
.timeline li.now::before{background:var(--y)}
.timeline h4{font-size:19px;margin-bottom:6px}
.timeline p{color:var(--muted);font-size:15px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.kpis li{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}
.kpis h4{font-size:18px;margin-bottom:6px}
.kpis p{color:var(--muted);font-size:15px;line-height:1.5}

/* Contact */
.contact{position:relative;color:#fff;padding:clamp(80px,11vw,140px) 0;isolation:isolate;overflow:hidden;background:var(--forest)}
.contact__bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(11,42,32,.9),rgba(11,42,32,.82)),url(../img/hero-aerial.jpg) center 70%/cover}
.contact__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(40px,6vw,96px);align-items:center}
.contact__title{max-width:14ch}
.contact__sub{color:var(--y);font-weight:700;font-size:18px;margin-top:32px}
.steps{counter-reset:s;margin-top:18px;display:flex;flex-direction:column;gap:14px}
.steps li{counter-increment:s;display:flex;gap:16px;align-items:center;font-size:18px}
.steps li::before{content:counter(s);flex:none;width:36px;height:36px;border-radius:50%;background:var(--canopy);display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:15px}
.contact__card{background:#fff;color:var(--ink);border-radius:var(--r-lg);padding:clamp(24px,3vw,34px)}
.contact__card h3{font-family:var(--body);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--canopy);margin-bottom:10px}
.contact__list li{display:flex;gap:16px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
.contact__list li:first-child{border-top:0}
.contact__list svg{width:24px;height:24px;flex:none;fill:none;stroke:var(--canopy);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contact__list a{font-weight:600;font-size:17px;text-decoration:none}
.contact__list a:hover{color:var(--canopy);text-decoration:underline}

.foot{background:var(--forest-2);color:rgba(255,255,255,.6);padding:28px 0;font-size:14px}
.foot__inner{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.foot__inner img{height:22px;width:auto}
.foot__copy{margin-left:auto}

/* Lightbox */
.lightbox{position:fixed;inset:0;z-index:200;background:rgba(6,20,15,.94);display:flex;align-items:center;justify-content:center;padding:56px 72px}
.lightbox[hidden]{display:none}
.lightbox figure{max-height:100%;display:flex;flex-direction:column;align-items:center}
.lightbox img{max-height:calc(100vh - 140px);max-width:100%;width:auto;border-radius:10px}
.lightbox figcaption{color:#fff;margin-top:14px;text-align:center}
.lb__close,.lb__nav{position:absolute;background:rgba(255,255,255,.1);border:0;color:#fff;border-radius:50%;width:48px;height:48px;font-size:28px;line-height:1;display:grid;place-items:center}
.lb__close:hover,.lb__nav:hover{background:rgba(255,255,255,.22)}
.lb__close{top:16px;right:16px}
.lb__prev{left:14px;top:50%;transform:translateY(-50%)}
.lb__next{right:14px;top:50%;transform:translateY(-50%)}

/* ============ RESPONSIVE ============ */
@media (max-width:1080px){
  .nav__links{gap:20px}
  .nav__links a{font-size:14px}
  .gap__tags dt{width:auto}
}
@media (max-width:960px){
  .nav__burger{display:block}
  .nav__links{position:fixed;top:72px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:8px var(--gutter) 20px;box-shadow:0 20px 30px -20px rgba(0,0,0,.3);transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s}
  .nav__links a{color:var(--ink)!important;font-size:17px;padding:14px 0;border-bottom:1px solid var(--line)}
  .nav__links a.is-active::after{display:none}
  .nav.is-open .nav__links{opacity:1;transform:none;visibility:visible}
  .nav.is-open .nav__burger span:first-child{top:19px;transform:rotate(45deg)}
  .nav.is-open .nav__burger span:last-child{top:19px;transform:rotate(-45deg)}
  .hero__grid,.about,.problem,.contact__grid,.acc,.effic__grid,.field{grid-template-columns:1fr}
  .scanner{justify-self:start}
  .split-head,.workflow__head{grid-template-columns:1fr}
  .problem__img{min-height:300px}
  .scale{grid-template-columns:1fr}
  .gaps,.triage,.method{grid-template-columns:1fr}
  .signals,.flow,.kpis{grid-template-columns:1fr 1fr}
  .flow li:not(:last-child)::after{display:none}
  .value{grid-template-columns:1fr}
  .layers li{margin:0!important}
}
@media (max-width:640px){
  body{font-size:16px}
  .hero{padding-top:100px}
  .hero__legend li{font-size:13px;padding:7px 12px 7px 10px}
  .pillars{grid-template-columns:1fr}
  .facts{grid-template-columns:1fr}
  .scale__eq{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .scale__eq i{display:none}
  .scale__eq div{padding:14px}
  .signals,.flow,.kpis{grid-template-columns:1fr}
  .value__compare{grid-template-columns:1fr}
  .price__vs{width:auto;height:auto;border-radius:999px;flex-direction:row;gap:10px;padding:12px 20px;box-shadow:none}
  .price__vs span{margin:0}
  .bar--wide{grid-template-columns:1fr}
  .bar--wide .bar__val{grid-column:1}
  .wins__dark{flex-direction:column;align-items:flex-start;gap:8px}
  .layers li{flex-direction:column;align-items:flex-start;gap:14px}
  .field__group--gano .field__grid{grid-template-columns:1fr 1fr}
  .field__group--gano .shot:first-child{grid-column:1/-1}
  .field__group--gano .shot:first-child img{aspect-ratio:4/3;object-position:center 70%}
  .shot figcaption{font-size:13px;padding:10px 12px}
  .timeline{grid-template-columns:1fr;gap:20px}
  .timeline::before{left:9px;right:auto;top:10px;bottom:10px;width:2px;height:auto}
  .timeline li{padding:0 0 0 36px}
  .method div{grid-template-columns:1fr}
  .method svg{grid-row:auto;margin-bottom:10px}
  .lightbox{padding:60px 10px 20px}
  .lb__nav{top:auto;bottom:14px;transform:none}
  .foot__copy{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}