:root{color-scheme:dark;--bg:#07090d;--panel:#11151a;--line:#30383b;--ink:#f1f2ef;--muted:#a9b2ae;--acid:#b8ff62;font-family:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E");z-index:10}a{color:inherit}button{font:inherit}.page-width{width:min(100% - 68px,1300px);margin-inline:auto}.skip{position:absolute;z-index:50;top:-80px;left:16px;background:var(--acid);color:#07090d;padding:12px}.skip:focus{top:12px}.ambient{position:absolute;top:-300px;right:-400px;width:1100px;height:1100px;border-radius:50%;background:radial-gradient(circle,#29533a 0,transparent 60%);opacity:.3;pointer-events:none}.topbar{position:relative;z-index:20;display:flex;align-items:center;gap:24px;justify-content:space-between;width:min(100% - 68px,1300px);height:84px;margin:auto;border-bottom:1px solid var(--line)}.topbar a{text-decoration:none}.identity{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:-.03em}.identity-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--acid);color:#07090d;font-size:.78rem}.back{color:var(--muted);font-size:.84rem;transition:color .2s}.back:hover{color:var(--acid)}.languages{display:flex;align-items:center;gap:8px;font-size:.8rem}.languages button{background:none;border:0;padding:8px;color:var(--muted);cursor:pointer}.languages button.active{color:var(--acid);font-weight:700}.hero{min-height:calc(100svh - 84px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);align-items:center;gap:40px;position:relative;padding-block:90px 110px}.hero-copy{position:relative;z-index:2}.eyebrow,.section-stamp,.chapter-index{font-size:.72rem;letter-spacing:.17em;font-weight:700;text-transform:uppercase;color:var(--acid)}.eyebrow{display:flex;align-items:center;gap:10px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 20px var(--acid)}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:500;letter-spacing:-.065em}h1{font-size:clamp(4.6rem,8.8vw,9rem);line-height:.94;margin:34px 0}h1 em,h2 em{font-family:"Instrument Serif",serif;font-weight:400;color:var(--acid)}.hero-lead{font-size:clamp(1.08rem,1.6vw,1.42rem);line-height:1.65;color:#c7d0c9;max-width:660px}.hero-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:46px;color:#8e9a94;font-size:.68rem;letter-spacing:.11em;font-weight:700}.hero-meta span+span{border-left:1px solid #54625a;padding-left:14px}.hero-visual{position:relative;aspect-ratio:1;display:grid;place-items:center}.hero-visual>img{position:relative;z-index:1;width:min(100%,560px);height:auto;border-radius:50%;box-shadow:0 35px 90px #0009;animation:float 7s ease-in-out infinite}.orbit{position:absolute;border:1px solid #659c6960;border-radius:50%;inset:3%;animation:orbit 32s linear infinite}.orbit-two{inset:-6%;border-style:dashed;animation-direction:reverse}.hero-number{position:absolute;z-index:2;bottom:5%;left:-5%;display:grid;padding:18px 22px;background:#121c18e8;border:1px solid #506b4b;border-radius:15px;box-shadow:0 24px 60px #0009}.hero-number strong{font-size:2.4rem;letter-spacing:-.07em}.hero-number span{font-size:.6rem;letter-spacing:.2em;color:var(--acid)}.scroll-cue{position:absolute;bottom:28px;left:0;color:var(--acid);font-size:1.7rem;animation:bob 2s infinite}.section-stamp{display:flex;align-items:center;gap:18px;color:#a9b5ae;margin-bottom:38px}.section-stamp i{height:1px;flex:1;background:var(--line)}section:not(.hero){padding-block:110px}.intro-grid,.chapter-grid,.closing-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,130px)}h2{font-size:clamp(3.2rem,6vw,6.4rem);line-height:1.02;margin-bottom:32px}.intro-grid p,.chapter-grid p,.closing-grid p{font-size:1.13rem;line-height:1.8;color:#bbc5be}.intro-grid p+p,.chapter-grid p+p,.closing-grid p+p{margin-top:24px}.metrics{background:#101519;border-radius:26px;padding-inline:clamp(24px,4vw,55px)!important}.section-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin-bottom:45px}.section-heading>p{font-size:1rem;line-height:1.7;color:var(--muted);max-width:500px}.section-heading h2{margin-bottom:0}.metric-list{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden}.number-card{padding:28px 22px;min-height:240px;border-right:1px solid var(--line)}.number-card:last-child{border:0}.number-card.accent{background:#b8ff62;color:#11190f}.number-card>span{font-size:.67rem;letter-spacing:.2em;color:#8fa296}.number-card.accent>span,.number-card.accent p{color:#3a5430}.number-card strong{display:block;font-size:clamp(2.6rem,4.5vw,5.3rem);font-weight:500;letter-spacing:-.07em;margin:35px 0 14px}.number-card h3{font-size:1.05rem}.number-card p{font-size:.8rem;line-height:1.55;color:var(--muted)}.funnel{display:grid;gap:20px;margin:55px 0 28px}.funnel>div{display:grid;grid-template-columns:180px 100px 1fr;gap:25px;align-items:center}.funnel span{font-size:.68rem;letter-spacing:.12em;color:var(--muted);font-weight:700}.funnel b{font-weight:500}.funnel i{display:block;width:var(--bar);height:12px;border-radius:100px;background:linear-gradient(90deg,#496a48,var(--acid));box-shadow:0 0 20px #b8ff6230;transform-origin:left;animation:grow 1s .2s both}.method-note{font-size:.82rem;line-height:1.65;color:#8fa098;max-width:960px}.chapter-grid{align-items:center}.chapter-index{margin-bottom:24px}.product-figure{margin:0}.product-figure img{display:block;width:100%;height:auto;border-radius:22px;background:white}.product-figure figcaption{color:#8fa098;font-size:.75rem;line-height:1.5;margin-top:14px}.creative{background:#101519}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.video-card{background:#1a2125;border:1px solid #334038;border-radius:20px;overflow:hidden}.video-shell{background:#07090d;aspect-ratio:9/12;display:flex;justify-content:center;overflow:hidden}.video-shell video{width:100%;height:100%;object-fit:contain;background:#080a0b}.video-info{padding:25px}.video-info>span{font-size:.68rem;color:var(--acid);letter-spacing:.17em}.video-info h3{font-size:1.5rem;letter-spacing:-.04em;margin:14px 0}.video-info p,.creative-disclaimer{color:var(--muted);font-size:.88rem;line-height:1.68}.creative-disclaimer{margin:28px 0 0;max-width:900px}.ops-equation{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:30px;color:var(--acid);font-size:.65rem;letter-spacing:.1em;font-weight:700}.ops-equation b{color:#667568}.ops-panel{background:linear-gradient(145deg,#1e2921,#101512);padding:clamp(26px,4vw,52px);border:1px solid #456244;border-radius:24px}.ops-panel>p{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--acid);font-weight:700}.ops-panel>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid #4a5e4c;padding:20px 0}.ops-panel strong{font-size:clamp(2.6rem,4vw,4.2rem);font-weight:500;letter-spacing:-.07em}.ops-panel span{color:#a9bbae;font-size:.85rem;text-align:right}.ops-panel small{display:block;color:#8da092;line-height:1.6;margin-top:26px}.account-context{border-top:1px solid var(--line)}.snap-numbers{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:40px 0;padding:35px 0;gap:20px}.snap-numbers>div{display:grid;gap:15px;min-width:0}.snap-numbers strong{font-size:clamp(1.15rem,2vw,2rem);font-weight:500;letter-spacing:-.055em;overflow-wrap:anywhere}.snap-numbers span{font-size:.75rem;color:var(--muted)}.closing{border-top:1px solid var(--line)}.contact-button{display:inline-flex;justify-content:space-between;gap:45px;align-items:center;margin-top:25px;padding:18px 22px;background:var(--acid);color:#101510;border-radius:10px;text-decoration:none;font-weight:700;transition:transform .2s,background .2s}.contact-button:hover{transform:translateY(-3px);background:#d8ffae}footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-block:30px 45px;font-size:.66rem;letter-spacing:.1em;color:#87968c}footer a{text-decoration:none}footer a:hover{color:var(--acid)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-18px)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translateY(8px)}}@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1000px){.hero{grid-template-columns:1fr .7fr;gap:15px}h1{font-size:clamp(4.3rem,9vw,7rem)}.metric-list{grid-template-columns:repeat(2,1fr)}.number-card:nth-child(2){border-right:0}.number-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.snap-numbers{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.page-width,.topbar{width:min(100% - 32px,620px)}.topbar{height:70px}.identity>span:last-child{display:none}.back{margin-right:auto}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-block:58px 100px;gap:20px}.hero-copy{order:1}.hero-visual{order:0;width:min(78%,400px);margin:auto;aspect-ratio:1}.hero-visual>img{width:100%}.hero-number{left:auto;right:-10%;bottom:1%;padding:10px 14px}.hero-number strong{font-size:1.7rem}.scroll-cue{display:none}h1{font-size:clamp(4.1rem,13vw,6rem);margin:22px 0}h2{font-size:clamp(3.2rem,11vw,5.3rem)}.hero-lead{font-size:1rem}.hero-meta{margin-top:30px}.intro-grid,.chapter-grid,.closing-grid,.section-heading{grid-template-columns:1fr;gap:10px}.section-heading{margin-bottom:30px}.section-heading>p{max-width:none}.section-stamp{margin-bottom:24px}section:not(.hero){padding-block:75px}.metrics{border-radius:0;padding-inline:20px!important;width:100%}.metric-list{grid-template-columns:repeat(2,minmax(0,1fr))}.number-card{min-height:210px;padding:20px}.number-card strong{margin-top:27px;font-size:3.4rem}.funnel>div{grid-template-columns:115px 75px 1fr;gap:10px}.video-grid{grid-template-columns:1fr;max-width:420px;margin-inline:auto}.video-shell{aspect-ratio:9/11}.product-figure{margin-top:25px}.snap-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}footer{flex-wrap:wrap}}
@media(max-width:420px){.hero-visual{width:76%}.hero-number{right:-20%}.hero-meta{gap:8px;font-size:.58rem}.hero-meta span+span{padding-left:8px}h1{font-size:clamp(3.65rem,13vw,4.6rem)}.number-card strong{font-size:2.9rem}.number-card h3{font-size:.92rem}.number-card p{font-size:.72rem}.funnel>div{grid-template-columns:100px 64px 1fr}.funnel span{font-size:.53rem}.snap-numbers strong{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Keep the decorative glow outside layout calculations on narrow screens. */
.ambient{position:fixed;right:0;width:min(100vw,1100px)}
.hero{overflow-x:clip}
@media(max-width:760px){.hero-number{right:0;bottom:0}}

/* Product media stays complete at every size; the story leads on narrow screens. */
.hero-visual{
  width:min(100%,540px);
  max-width:100%;
  aspect-ratio:auto;
  justify-self:center;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.hero-visual>img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  padding:clamp(10px,1.5vw,18px);
  border:1px solid #405047;
  border-radius:28px;
  background:#fff;
  box-shadow:0 30px 85px #0008;
  animation:none;
}
.hero-visual .orbit{display:none}
.hero-number{position:static;left:auto;right:auto;bottom:auto;margin-top:12px}
@media(max-width:1100px){
  .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;height:auto;gap:35px;padding-block:70px 100px}
  .hero-copy{order:0}
  .hero-visual{order:1;width:min(100%,460px);margin:0 auto}
  .intro-grid,.chapter-grid,.closing-grid,.section-heading{grid-template-columns:1fr;gap:18px}
  .section-heading>p{max-width:720px}
  .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .video-card:last-child{grid-column:1/-1;width:min(100%,420px);justify-self:center}
  .hero h1{font-size:clamp(4rem,8vw,7rem)}
}
@media(max-width:760px){
  .hero{padding-block:46px 85px;gap:28px}
  .hero-copy{order:0}
  .hero-visual{order:1;width:min(100%,420px);margin:0 auto}
  .hero-number{right:14px;bottom:-22px}
  .video-grid{grid-template-columns:1fr}
  .video-card:last-child{grid-column:auto;width:100%}
  .hero h1{font-size:clamp(3.5rem,12vw,5.5rem)}
}
@media(max-width:360px){
  .section-heading{grid-template-columns:minmax(0,1fr)}
  h2{font-size:2.6rem}
}
