/* Apple devices render the system font (SF Pro, never shipped); everyone else gets Inter 4 (SIL OFL 1.1, self-hosted, variable wght+opsz) */
@font-face{font-family:"Inter Var";src:url("/assets/fonts/InterVariable-latin.bb28488d60.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter Var";src:url("/assets/fonts/InterVariable-latin-ext.dac2a9c302.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  --ink:#152436;
  --ink-strong:#0b1624;
  --muted:#526273;
  --muted-2:#68798a;
  --blue:#086fd5;
  --blue-dark:#045aaf;
  --blue-soft:#eaf5ff;
  --blue-pale:#f3f9ff;
  --surface:#f5f8fb;
  --white:#fff;
  --line:#d8e2eb;
  --line-strong:#c3d1de;
  --green:#138a54;
  --amber:#bd7100;
  --red:#c83e3e;
  --shadow:0 22px 60px rgba(35,67,98,.12);
  --radius:24px;
  --max:1280px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:82px}
body{margin:0;background:var(--white);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Inter Var","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body,button,input{font-family:inherit}
a{color:inherit;text-decoration:none}
button{color:inherit}
img,svg{max-width:100%}
.dashboard-shot{display:block;width:100%;height:auto}
.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}
.skip-link{position:fixed;left:20px;top:-100px;z-index:1000;background:var(--ink-strong);color:#fff;padding:.7rem 1rem;border-radius:8px}
.skip-link:focus{top:12px}
:focus-visible{outline:3px solid rgba(8,111,213,.34);outline-offset:3px}

.site-header{height:72px;position:fixed;inset:0 0 auto;z-index:100;display:grid;grid-template-columns:240px 1fr auto;align-items:center;gap:2rem;padding:0 max(24px,calc((100vw - var(--max))/2));background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(21,36,54,.1)}
.brand-logo{display:block;width:235px;height:31px;overflow:hidden}
.brand-logo svg{display:block;width:100%;height:100%}
.main-nav{display:flex;justify-content:center;align-items:center;gap:1.55rem}
.main-nav a{font-size:.9375rem;font-weight:600;color:#34485b;white-space:nowrap}
.main-nav a:hover{color:var(--blue)}
.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:10px;font-weight:700;line-height:1.25;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.nav-cta{min-height:42px;padding:.65rem 1rem;background:var(--blue);color:#fff;font-size:.9375rem}
.nav-cta:hover,.button-primary:hover{background:var(--blue-dark)}
.menu-button{display:none;width:44px;height:44px;border:0;background:transparent;padding:10px}
.menu-button span{display:block;height:2px;background:var(--ink);margin:7px 0;border-radius:2px}

.hero{position:relative;padding:142px 0 86px;background:linear-gradient(180deg,#f8fbff 0%,#edf7ff 44%,#fff 100%);overflow:hidden}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(8,111,213,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(8,111,213,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 74%)}
.hero-inner{position:relative;text-align:center}
.hero-copy{max-width:1050px;margin:0 auto}
.eyebrow,.section-kicker{font-size:.9375rem;font-weight:700;letter-spacing:.035em;color:var(--muted);text-transform:uppercase}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:0}
.eyebrow>span{width:32px;height:2px;background:var(--blue)}
.hero h1{font-size:clamp(3.25rem,7vw,5.9rem);line-height:.98;letter-spacing:-.055em;margin:1.25rem 0 1.45rem;color:var(--ink-strong)}
h1 em,h2 em{display:inline;color:#6d7b89;font-style:normal;font-weight:700}
.hero-lede{max-width:860px;margin:0 auto;font-size:clamp(1.125rem,1.7vw,1.42rem);line-height:1.58;color:var(--muted)}
.hero-lede strong{color:var(--ink-strong);font-weight:600;font-size:.92em;letter-spacing:.01em}
.reg-mark{font-size:.58em;vertical-align:super}
.hero-actions,.section-actions{display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap}
.hero-actions{margin-top:2rem}
.button{padding:.82rem 1.25rem;border:1px solid transparent;font-size:1rem}
.button-primary{background:var(--blue);color:#fff}
.button-secondary{background:#fff;border-color:var(--line-strong);color:var(--ink)}
.button-secondary:hover{border-color:var(--blue);color:var(--blue)}
.hero-facts{list-style:none;padding:0;margin:2.5rem auto 3.5rem;display:grid;grid-template-columns:repeat(3,1fr);max-width:790px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.75);overflow:hidden}
.hero-facts li{padding:1rem 1.25rem;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:.15rem}
.hero-facts li:last-child{border-right:0}
.hero-facts strong{font-size:1.18rem;color:var(--ink-strong)}
.hero-facts span{font-size:.9375rem;color:var(--muted)}

.dashboard-frame{max-width:1120px;margin:0 auto}

.proof-strip{min-height:72px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 max(24px,calc((100vw - var(--max))/2))}
.proof-strip div{font-size:.875rem;font-weight:700;color:#42566a;text-align:center;padding:1rem .6rem;border-right:1px solid var(--line)}
.proof-strip div:last-child{border-right:0}.proof-strip div:before{content:"✓";color:var(--blue);margin-right:.55rem}

.section{padding:112px 0}
.section-kicker{display:flex;align-items:center;gap:.8rem;color:var(--blue);margin-bottom:1.25rem}
.section-kicker span{width:38px;height:28px;display:grid;place-items:center;border:1px solid #acd0f2;border-radius:999px;font-size:.8125rem}
.section-heading{max-width:920px;margin-bottom:3.2rem}
.section-heading h2,.subheading h2,.problem-copy h2,.onprem-copy h2,.compat-copy h2,.contact-copy h2,.faq-head h2{font-size:clamp(2.4rem,4.7vw,4.5rem);line-height:1.08;letter-spacing:-.045em;margin:.5rem 0 1.25rem;color:var(--ink-strong)}
.section-heading>p,.problem-copy>p,.onprem-copy>p,.compat-copy>p,.contact-copy>p{font-size:1.125rem;line-height:1.68;color:var(--muted);max-width:760px}

.problem{background:#fff}
.problem-layout{display:grid;grid-template-columns:1fr .9fr;gap:8vw;align-items:start}
.problem-copy h2{font-size:clamp(2.25rem,4vw,3.7rem)}
.tag-list,.cta-checklist{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.75rem}
.tag-list span,.cta-checklist span{font-size:.9375rem;font-weight:600;color:#3f5264;background:#f5f8fb;border:1px solid var(--line);border-radius:999px;padding:.55rem .8rem}
.timeline{position:relative;padding-left:18px}
.timeline:before{content:"";position:absolute;left:116px;top:18px;bottom:18px;width:1px;background:var(--line-strong)}
.timeline article{display:grid;grid-template-columns:90px 20px 1fr;gap:16px;position:relative;padding:0 0 30px}
.timeline time{font-size:.8125rem;font-weight:700;color:var(--muted);padding-top:2px}
.timeline article>i{width:12px;height:12px;border:3px solid #d7ebff;border-radius:50%;background:var(--blue);margin-top:6px;z-index:2}.timeline article>i.amber-dot{background:#e79518;border-color:#ffecd0}.timeline article>i.red-dot{background:#d74c4c;border-color:#ffe1e1}
.timeline h3{font-size:1.125rem;line-height:1.35;margin:0;color:var(--ink-strong)}.timeline p{font-size:1rem;line-height:1.55;color:var(--muted);margin:.35rem 0 0}
.timeline .bill-event{background:#f3f8fc;border:1px solid var(--line);border-radius:16px;padding:20px 18px;margin-top:4px}

.benefits,.data-trust,.faq{background:var(--surface)}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.benefit-card{min-height:335px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 2px 8px rgba(35,67,98,.035)}
.benefit-card>span,.analytics-grid article>span,.trust-grid article>span,.role-grid article>span,.tradeoff-grid article>span{font-size:.8125rem;font-weight:800;color:var(--blue)}
.benefit-icon{width:76px;height:76px;display:grid;place-items:center;margin:2rem 0 .6rem;border-radius:20px;overflow:hidden;transition:transform .28s ease}
.benefit-icon img{width:100%;height:100%;object-fit:cover;display:block}
.benefit-icon-tag{display:block;font-size:.75rem;font-weight:600;letter-spacing:.02em;color:var(--muted);margin:0 0 .9rem}
.benefit-card h3,.analytics-grid h3,.trust-grid h3,.role-grid h3,.tradeoff-grid h3{font-size:1.32rem;line-height:1.28;letter-spacing:-.025em;color:var(--ink-strong);margin:0 0 .7rem}
.benefit-card p,.analytics-grid p,.trust-grid p,.role-grid p,.tradeoff-grid p{font-size:1rem;line-height:1.62;color:var(--muted);margin:0}
.benefit-card a{margin-top:auto;padding-top:1.4rem;color:var(--blue);font-size:.9375rem;font-weight:700}
.benefit-wide{grid-column:1/-1;min-height:240px;display:grid;grid-template-columns:76px 1fr;column-gap:24px;align-content:center}.benefit-wide>span{grid-column:1/-1}.benefit-wide .benefit-icon{grid-row:2/5;margin:1.1rem 0}.benefit-wide h3{margin-top:1rem}.benefit-wide a{padding-top:.7rem}
.section-actions{margin-top:2.4rem}

.compat-copy ul{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.75rem}.compat-copy li{font-size:1rem;color:#3f5264;position:relative;padding-left:1.4rem}.compat-copy li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:800}

.intelligence{background:linear-gradient(180deg,#fff,#f5f9fd)}
.alert-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:alert}
.alert-flow article{background:#eef7ff;border:1px solid #cfe5f8;border-top:5px solid var(--blue);border-radius:16px;padding:24px;min-height:220px;display:flex;flex-direction:column}.alert-flow article>span{font-size:.8125rem;font-weight:800;color:var(--blue)}.alert-flow h3{font-size:1.35rem;margin:0 0 .55rem;color:var(--ink-strong)}.alert-flow p{font-size:1rem;color:var(--muted);margin:0}
.subheading{max-width:920px;margin:90px 0 2.4rem}.subheading h3{font-size:clamp(2.1rem,4vw,3.7rem);line-height:1.12;letter-spacing:-.04em;color:var(--ink-strong);margin:.8rem 0 1rem}.subheading>p:last-child{font-size:1.125rem;color:var(--muted)}
.analytics-grid,.trust-grid,.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.analytics-grid article,.trust-grid article,.role-grid article{min-height:255px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:24px;display:flex;flex-direction:column}
.analytics-grid h3,.trust-grid h3{margin:auto 0 .7rem}
.micro-bars{height:56px;margin-top:18px;display:flex;align-items:flex-end;gap:7px}.micro-bars i{flex:1;height:var(--h);background:#69adee;border-radius:4px 4px 1px 1px}
.heatmap{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:18px}.heatmap i{height:14px;border-radius:3px;background:#d9ebfa}.heatmap i:nth-child(3n){background:#8cc2ef}.heatmap i:nth-child(5n){background:#307fca}
.history-line{position:relative;height:56px;margin-top:24px}.history-line svg{width:100%;height:100%;overflow:visible}.history-line polyline{fill:none;stroke:var(--blue-dark);stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.history-line circle{fill:var(--blue-dark)}.history-tag{position:absolute;left:48%;top:-15px;transform:translateX(-50%);font-size:.7rem;font-weight:700;color:var(--blue-dark);background:#eaf4ff;padding:2px 8px;border-radius:20px;white-space:nowrap}
.bill-bar{height:14px;margin-top:34px;border-radius:8px;overflow:hidden;display:flex}.bill-bar span{height:100%;background:var(--c)}
.export-sheet{margin-top:18px;border:1px solid #e2d7f7;border-radius:8px;overflow:hidden}.export-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e2d7f7}.export-row.head{background:#7c5cbf}.export-row.head i{background:#7c5cbf;height:15px}.export-row i{background:#fff;height:15px}.export-row i.fill{background:#f1ecfb}
.co2-ring{display:flex;align-items:center;gap:14px;margin-top:18px}.co2-ring svg{width:56px;height:56px;flex:none;transform:rotate(-90deg)}.co2-ring circle{fill:none;stroke-width:7}.co2-ring .track{stroke:#e3f6e9}.co2-ring .fill{stroke:var(--green);stroke-linecap:round;stroke-dasharray:169.6;stroke-dashoffset:54.3}.co2-ring-copy strong{display:block;font-size:1.3rem;font-weight:800;color:var(--ink-strong);letter-spacing:-.02em}.co2-ring-copy span{font-size:.75rem;font-weight:600;color:var(--muted)}

.onprem{background:#eaf5ff}
.onprem-lead{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.onprem-copy h2{font-size:clamp(2.4rem,4.6vw,4.35rem)}.onprem-copy h3{font-size:1.35rem;color:var(--ink-strong);margin:1.5rem 0 .4rem}.onprem-copy strong{color:var(--ink-strong)}
.local-network{background:#fff;border:1px solid #bad8f1;border-radius:22px;padding:28px;box-shadow:0 15px 45px rgba(35,67,98,.09)}.network-title{font-size:.875rem;font-weight:800;color:var(--blue);border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:14px}.network-shot{width:100%;height:auto;display:block;border-radius:14px}
.tradeoff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:58px}.tradeoff-grid article{background:rgba(255,255,255,.84);border:1px solid #c7dff3;border-radius:16px;padding:24px;min-height:265px;display:flex;flex-direction:column}.onprem-close{text-align:center;font-size:1.2rem;color:var(--muted);margin:3rem 0 0}.onprem-close strong{color:var(--ink-strong)}

.trust-grid article{min-height:230px}.trust-grid article>span,.role-grid article>span{margin-bottom:2.3rem}
.compatibility{background:#fff}.compatibility-layout{display:grid;grid-template-columns:1fr .9fr;gap:7vw;align-items:center}.compat-copy h2{font-size:clamp(2.4rem,4.4vw,4.1rem)}.compat-copy ul{margin:1.7rem 0}.text-link{color:var(--blue);font-size:1rem;font-weight:700}
.meter-list{border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:13px 24px}.meter-list>div{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.meter-list>div>span{font-size:.8125rem;color:var(--blue);font-weight:700}.meter-list strong{font-size:1rem;color:var(--ink-strong)}.meter-list small{font-size:.8125rem;color:var(--muted)}.meter-list>p{font-size:.875rem;line-height:1.55;color:var(--muted);margin:16px 0}
.roles{background:var(--blue-pale)}.role-grid article{min-height:225px}

.founder{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.founder-layout{display:grid;grid-template-columns:.45fr 1.55fr;gap:8vw;align-items:start}.founder-label{display:flex;flex-direction:column;gap:.5rem}.founder-label span{font-size:.875rem;font-weight:800;color:var(--blue)}.founder-label strong{font-size:1rem;line-height:1.5;color:var(--muted)}.founder blockquote{margin:0}.founder blockquote>p{font-size:clamp(1.65rem,3vw,2.75rem);line-height:1.35;letter-spacing:-.03em;color:var(--ink-strong);margin:0}.founder blockquote footer{display:flex;flex-direction:column;margin-top:2rem;font-size:1rem}.founder blockquote footer span{color:var(--muted)}

.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw}.faq-head h2{font-size:clamp(2.5rem,4vw,3.8rem)}.faq-list{background:#fff;border:1px solid var(--line);border-radius:18px;padding:0 24px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:last-child{border-bottom:0}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-size:1.05rem;font-weight:700;color:var(--ink-strong)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span:last-child{font-size:1.4rem;color:var(--blue);transition:transform .2s}.faq-list details[open] summary>span:last-child{transform:rotate(45deg)}.faq-list details p{font-size:1rem;color:var(--muted);margin:0;padding:0 45px 22px 0}

.contact{background:linear-gradient(135deg,#edf7ff,#f8fbff)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.contact-copy .eyebrow{justify-content:flex-start}.contact-copy h2{font-size:clamp(2.5rem,4.3vw,4.1rem)}.cta-checklist span{background:#fff}
.contact-direct{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.contact-mail{display:inline-block;margin-top:1rem;font-weight:600;color:var(--blue);text-decoration:none}.contact-mail:hover{text-decoration:underline}
.lead-form{background:#fff;border:1px solid #cbddeb;border-radius:20px;padding:30px;box-shadow:0 20px 60px rgba(35,67,98,.1);display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-heading,.lead-form button,.form-note,.form-activation{grid-column:1/-1}.form-heading>p{font-size:.8125rem;font-weight:800;letter-spacing:.07em;color:var(--blue);margin:0}.form-heading h3{font-size:2rem;line-height:1.2;letter-spacing:-.035em;color:var(--ink-strong);margin:.65rem 0}.form-heading>span{display:block;font-size:1rem;color:var(--muted);line-height:1.55}.lead-form label{display:flex;flex-direction:column;gap:7px}.lead-form label>span{font-size:.875rem;font-weight:700;color:#34495c}.lead-form label small{font-weight:500;color:var(--muted)}.lead-form input{height:50px;border:1px solid var(--line-strong);border-radius:9px;background:#fbfdff;padding:0 .85rem;font-size:1rem;outline:none}.lead-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,111,213,.12)}.lead-form button{width:100%;border:0;margin-top:4px}.lead-form button:disabled{background:#c9d2da;color:#526273;cursor:not-allowed}.form-note,.form-activation{text-align:center;margin:0;font-size:.8125rem;line-height:1.5}.form-note{color:var(--muted)}.form-activation{background:#fff8e8;color:#76520b;border-radius:8px;padding:.65rem}

.site-footer{background:#edf2f7;color:var(--muted);padding:55px 0 36px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-logo{width:220px}.footer-top p{font-size:1rem}.footer-nav{display:flex;flex-wrap:wrap;gap:1.4rem;padding:30px 0}.footer-nav a{font-size:.9375rem;color:#3f5264}.footer-nav a:hover{color:var(--blue)}.footer-bottom{border-top:1px solid #cfd9e2;padding-top:20px}.footer-bottom p,.legal{font-size:.8125rem;line-height:1.55}.legal{max-width:1050px;color:#657686;margin:20px 0 0}

.reveal{opacity:1;transform:none}

@media(max-width:1100px){
  .site-header{grid-template-columns:210px auto 1fr;gap:.75rem}.brand-logo{width:210px}.menu-button{display:block}.main-nav{position:absolute;top:72px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:12px 24px 20px}.main-nav.open{display:flex}.main-nav a{padding:11px 0;font-size:1rem}.nav-cta{justify-self:end}
  .benefit-grid,.analytics-grid,.trust-grid,.role-grid,.tradeoff-grid{grid-template-columns:repeat(2,1fr)}.benefit-wide{grid-column:1/-1}
  .onprem-lead,.compatibility-layout,.contact-layout{grid-template-columns:1fr}.local-network{max-width:720px}.contact-copy{text-align:center}.contact-copy .eyebrow{justify-content:center}.contact-copy>p{margin-left:auto;margin-right:auto}.contact-direct{justify-content:center}.cta-checklist{justify-content:center}.lead-form{max-width:760px;margin:0 auto;width:100%}
}

@media(max-width:720px){
  .container{width:min(100% - 32px,var(--max))}.site-header{height:62px;grid-template-columns:1fr auto;gap:.25rem;padding:0 16px}.brand-logo{width:190px;height:27px}.nav-cta{display:none}.main-nav{top:62px}.menu-button{justify-self:end}
  .hero{padding:110px 0 65px}.hero h1{font-size:clamp(3rem,14vw,4.3rem)}.hero-lede{font-size:1.125rem}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-facts{grid-template-columns:1fr;margin-bottom:2.6rem}.hero-facts li{border-right:0;border-bottom:1px solid var(--line)}.hero-facts li:last-child{border-bottom:0}
  .dashboard-frame{border-radius:14px}
  .proof-strip{grid-template-columns:1fr 1fr;padding:0 16px}.proof-strip div{border-bottom:1px solid var(--line);border-right:0;text-align:left}.proof-strip div:last-child{grid-column:1/-1}
  .section{padding:78px 0}.section-heading{margin-bottom:2.3rem}.section-heading h2,.subheading h2,.problem-copy h2,.onprem-copy h2,.compat-copy h2,.contact-copy h2,.faq-head h2{font-size:clamp(2.25rem,10vw,3.2rem)}.section-heading>p,.problem-copy>p,.onprem-copy>p,.compat-copy>p,.contact-copy>p{font-size:1.05rem}
  .problem-layout,.faq-layout,.founder-layout{grid-template-columns:1fr;gap:48px}.timeline{padding-left:0}.timeline:before{left:82px}.timeline article{grid-template-columns:62px 14px 1fr;gap:12px}.timeline .bill-event{padding:18px 12px}
  .benefit-grid,.analytics-grid,.trust-grid,.role-grid,.tradeoff-grid,.alert-flow{grid-template-columns:1fr}.benefit-card{min-height:290px}.benefit-wide{display:flex;grid-column:auto}
  .subheading{margin-top:65px}.tradeoff-grid article{min-height:235px}
  .meter-list{padding:8px 16px}.meter-list>div{grid-template-columns:30px 1fr}.meter-list small{grid-column:2}.founder blockquote>p{font-size:1.6rem}.faq-head{margin-bottom:0}.faq-list{padding:0 16px}.faq-list summary{font-size:1rem}.faq-list details p{padding-right:0}
  .contact-direct{flex-direction:column}.lead-form{grid-template-columns:1fr;padding:20px}.form-heading,.lead-form button,.form-note,.form-activation{grid-column:auto}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column}.footer-logo{width:205px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Restored SF Pro / Apple product theme */
:root{
  --ink:#1d1d1f;
  --ink-strong:#000;
  --muted:#6e6e73;
  --muted-2:#86868b;
  --blue:#0071e3;
  --blue-dark:#0077ed;
  --blue-soft:#e9f5ff;
  --blue-pale:#f5f5f7;
  --surface:#f5f5f7;
  --white:#fff;
  --line:rgba(0,0,0,.1);
  --line-strong:rgba(0,0,0,.15);
  --green:#30d158;
  --amber:#ff9f0a;
  --red:#ff453a;
  --shadow:0 40px 100px rgba(0,0,0,.16);
  --radius:28px;
  --max:1240px;
}

body,button,input{
  font-family:-apple-system,BlinkMacSystemFont,"Inter Var","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
body{background:#fff;color:var(--ink);font-weight:400;letter-spacing:-.012em}
.container{width:min(var(--max),calc(100% - 48px))}

.site-header{height:52px;grid-template-columns:196px 1fr auto;gap:2rem;padding:0 max(22px,calc((100vw - var(--max))/2));background:rgba(250,250,252,.86);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}
.brand-logo{width:190px;height:24px}
.main-nav{gap:1.9rem}.main-nav a{font-size:.8rem;font-weight:500;color:#424245}
.nav-cta{min-height:30px;border-radius:999px;padding:.4rem .82rem;font-size:.78rem;font-weight:500;background:var(--blue)}
.menu-button{width:36px;height:36px}

.hero{padding:138px 0 120px;background:linear-gradient(180deg,#fbfbfd 0%,#f5f5f7 72%,#fff 100%)}
.hero-grid{display:none}
.hero h1{font-size:clamp(4.2rem,8.6vw,8rem);line-height:.91;letter-spacing:-.074em;margin:1.8rem 0 2rem}
.hero h1 em{color:#86868b;font-weight:700}
.eyebrow{font-size:.86rem;font-weight:600;letter-spacing:.03em;text-transform:none;color:#6e6e73}
.eyebrow>span{width:22px;height:1.5px;background:var(--blue)}
.hero-lede{font-size:clamp(1.3rem,2vw,1.65rem);line-height:1.45;color:#6e6e73;letter-spacing:-.03em;max-width:790px}
.button{min-height:48px;border-radius:999px;padding:.8rem 1.25rem;font-size:.98rem;font-weight:500}
.button-primary{background:var(--blue)}.button-primary:hover{background:var(--blue-dark)}
.button-secondary{border:0;background:transparent;color:var(--blue);padding-left:.7rem;padding-right:.7rem}.button-secondary:hover{color:var(--blue-dark);text-decoration:underline}
.hero-facts{display:flex;justify-content:center;border:0;border-radius:0;background:transparent;margin:3.2rem auto 4.5rem;max-width:760px;overflow:visible}
.hero-facts li{flex:1;min-width:190px;padding:0 2rem;border:0;border-left:1px solid rgba(0,0,0,.12)}
.hero-facts li:last-child{border-right:1px solid rgba(0,0,0,.12)}
.hero-facts strong{font-size:2rem;font-weight:600;letter-spacing:-.04em}.hero-facts span{font-size:.82rem;color:#86868b}

.dashboard-frame{max-width:1080px;border:8px solid #d7d7d9;border-radius:34px;padding:0;background:#d7d7d9;box-shadow:0 70px 130px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.13);overflow:hidden;position:relative}

.carousel-caption{max-width:640px;margin:0 auto 1.6rem;min-height:1.7rem}
.carousel-caption:empty{margin:0;min-height:0}
.carousel-caption-title{font-size:1.3rem;font-weight:600;letter-spacing:-.03em;color:var(--ink-strong);margin:0 0 .35rem}
.carousel-caption-body{font-size:.98rem;line-height:1.5;color:#6e6e73;margin:0}
.dashboard-frame.carousel{aspect-ratio:2920/1466}
#heroCarousel .dashboard-shot{border-radius:0;object-position:center top}
video.dashboard-shot::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
video.dashboard-shot::-webkit-media-controls{display:none!important}
.carousel-slide .video-poster{position:absolute;inset:0;width:100%;height:100%}
.carousel-slide video.dashboard-shot{position:relative;opacity:0;transition:opacity .3s ease}
.carousel-slide video.dashboard-shot.is-playing{opacity:1}
.carousel-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease}
.carousel-slide.is-active{opacity:1;visibility:visible}
.carousel-dots{display:flex;justify-content:center;gap:9px;margin:1.5rem 0 0}
.carousel-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.16);cursor:pointer;transition:background .25s ease,transform .25s ease}
.carousel-dot.is-active{background:var(--blue);transform:scale(1.35)}
.carousel-dot:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

.proof-strip{min-height:78px;background:#fff;border-top:0;border-bottom:1px solid rgba(0,0,0,.08)}
.proof-strip div{font-size:.75rem;font-weight:600;letter-spacing:.05em;color:#6e6e73;border-right:0}.proof-strip div:before{content:"•";color:var(--blue)}
.section{padding:140px 0}
.section-kicker{font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:none;color:#6e6e73}.section-kicker span{border-color:rgba(0,0,0,.12)}
.section-heading{max-width:980px}.section-heading h2,.subheading h2,.problem-copy h2,.onprem-copy h2,.compat-copy h2,.contact-copy h2,.faq-head h2{font-size:clamp(3.2rem,6vw,6rem);line-height:.98;letter-spacing:-.065em;margin:1.35rem 0}.section-heading h2 em,.subheading h2 em,.problem-copy h2 em,.compat-copy h2 em,.contact-copy h2 em{color:#86868b}
.section-heading>p,.problem-copy>p,.onprem-copy>p,.compat-copy>p,.contact-copy>p{font-size:1.22rem;line-height:1.55;color:#6e6e73}

.problem{background:#fff}.problem-layout{grid-template-columns:1fr 1fr;gap:10vw}.problem-copy h2{font-size:clamp(3rem,5.2vw,5.3rem)}.problem-copy h2 em{display:block;font-size:.42em;font-weight:600;letter-spacing:-.02em;margin-top:.5em}
.tag-list span,.cta-checklist span{border:0;background:#f5f5f7;color:#515154;padding:.65rem .9rem;font-size:.9rem}
.problem-media{margin-top:3.5rem}
.problem-media .dashboard-frame{max-width:100%}
.dashboard-frame.problem-carousel{aspect-ratio:24/11}
#problemCarousel .dashboard-shot{width:100%;height:100%;object-fit:cover;object-position:center}
.problem-media .carousel-dots{justify-content:flex-start}
.timeline:before{background:rgba(0,0,0,.1)}.timeline article{padding-bottom:3.5rem}.timeline h3{font-size:1.35rem;letter-spacing:-.035em}.timeline p{color:#6e6e73}.timeline .bill-event{background:#f5f5f7;border:0;border-radius:20px;padding:1.4rem}

.benefits{background:#f5f5f7}.benefit-grid{gap:20px}.benefit-card{min-height:410px;border:0;border-radius:28px;padding:28px;box-shadow:0 1px 2px rgba(0,0,0,.03);transition:transform .28s ease,box-shadow .28s ease}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(0,0,0,.08)}.benefit-icon{margin:2.2rem 0 .7rem}.benefit-card:hover .benefit-icon{transform:scale(1.07)}.benefit-icon-tag{font-size:.8125rem;margin-bottom:1.1rem}.benefit-card h3{font-size:1.55rem;letter-spacing:-.04em}.benefit-card p{color:#6e6e73}.benefit-wide{min-height:300px}.benefit-card a{color:var(--blue)}

.intelligence{background:#f5f5f7}.alert-flow{gap:20px}
.alert-flow article{min-height:358px;display:flex;flex-direction:column;background:linear-gradient(150deg,rgba(14,16,20,.88),rgba(2,3,5,.96));color:#f5f5f7;border:1px solid rgba(255,255,255,.22);border-radius:28px;padding:28px;position:relative;overflow:hidden;backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.06),0 20px 50px rgba(0,0,0,.28)}
.alert-flow article>span,.alert-flow article h3,.alert-flow article p{position:relative;z-index:1}
.alert-flow article>span{color:#64d2ff}.alert-flow h3{font-size:1.6rem;color:#f5f5f7}.alert-flow p{color:#a1a1a6}
.alert-flow article::before{content:"";position:absolute;inset:-45%;z-index:0;background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.4),transparent 32%),radial-gradient(circle at 78% 78%,rgba(100,210,255,.2),transparent 50%);animation:glossDrift 9s ease-in-out infinite alternate;pointer-events:none}
@keyframes glossDrift{0%{transform:translate(-4%,-3%) rotate(0deg)}100%{transform:translate(4%,3%) rotate(6deg)}}
.alert-flow article .fx-gauge,.alert-flow article .fx-notif,.alert-flow article .fx-log{position:relative;z-index:1;margin-top:auto;padding-top:22px}

/* 01 — live risk gauge */
.fx-gauge{height:150px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.fx-gauge svg{overflow:visible;flex-shrink:0}
.gauge-zone{fill:none;stroke-width:7;stroke-linecap:butt;opacity:.4}
.gauge-zone-g{stroke:#3ddc73}.gauge-zone-a{stroke:#f5b942}.gauge-zone-r{stroke:#f5504a}
.gauge-fill{fill:none;stroke-width:5;stroke-linecap:round;stroke-dasharray:1;animation:gaugeFill 6s ease-in-out infinite}
.gauge-needle{stroke:#f5f5f7;stroke-width:2.4;stroke-linecap:round}
.gauge-needle-wrap{transform-box:view-box;transform-origin:60px 62px;animation:needleSweep 6s ease-in-out infinite}
.gauge-hub{fill:#f5f5f7}
.gauge-value{position:relative;width:100%;height:1.5rem;margin-top:6px;flex-shrink:0}
.gauge-value span{position:absolute;inset:0;text-align:center;font-size:1.15rem;line-height:1.5rem;font-weight:700;letter-spacing:-.02em;color:#f5f5f7;opacity:0;white-space:nowrap;animation:valueShow 6s ease-in-out infinite}
.gauge-label{position:relative;width:100%;height:1rem;margin-top:8px;flex-shrink:0}
.gauge-label span{position:absolute;inset:0;text-align:center;font-size:.7rem;line-height:1rem;letter-spacing:.14em;color:#7d7d84;opacity:0;white-space:nowrap;animation:valueShow 6s ease-in-out infinite}
@keyframes gaugeFill{0%,20%{stroke-dashoffset:.05;stroke:#3ddc73}25%,45%{stroke-dashoffset:.2;stroke:#f5b942}50%,70%{stroke-dashoffset:.45;stroke:#f5504a}75%,95%{stroke-dashoffset:.12;stroke:#3ddc73}100%{stroke-dashoffset:.05;stroke:#3ddc73}}
@keyframes needleSweep{0%,20%{transform:rotate(81deg)}25%,45%{transform:rotate(54deg)}50%,70%{transform:rotate(9deg)}75%,95%{transform:rotate(68deg)}100%{transform:rotate(81deg)}}
@keyframes valueShow{0%,3%,22%,100%{opacity:0}5%,20%{opacity:1}}
.gauge-value span:nth-child(2),.gauge-label span:nth-child(2){animation-name:valueShow2}.gauge-value span:nth-child(3),.gauge-label span:nth-child(3){animation-name:valueShow3}.gauge-value span:nth-child(4),.gauge-label span:nth-child(4){animation-name:valueShow4}
@keyframes valueShow2{0%,28%,47%,100%{opacity:0}30%,45%{opacity:1}}
@keyframes valueShow3{0%,53%,72%,100%{opacity:0}55%,70%{opacity:1}}
@keyframes valueShow4{0%,78%,97%,100%{opacity:0}80%,95%{opacity:1}}

/* 02 — push notification */
.fx-notif{height:128px;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;padding-top:0}
.notif-card{width:min(280px,100%);background:rgba(234,245,255,.93);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:16px;padding:11px 14px 12px;box-shadow:0 16px 34px rgba(0,0,0,.4),0 2px 6px rgba(0,0,0,.12);transform:translateY(-130px);opacity:0;animation:notifDropLoop 18.4s cubic-bezier(.22,1,.36,1) infinite}
.notif-top{display:flex;align-items:center;gap:6px}
.notif-icon{width:16px;height:16px;border-radius:5px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex:none}
.notif-top strong{font-size:.68rem;letter-spacing:.02em;color:#3a3a3c;font-weight:700}
.notif-time{margin-left:auto;font-size:.68rem;color:#8e8e93}
.notif-msgs{position:relative;height:1.15rem;margin-top:3px}
.notif-card .notif-msgs p{position:absolute;inset:0;margin:0;font-size:.82rem;color:#1c1c1e;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;animation:notifMsg1 18.4s ease-in-out infinite}
.notif-msgs p:nth-child(2){animation-name:notifMsg2}
.notif-msgs p:nth-child(3){animation-name:notifMsg3}
.notif-msgs p:nth-child(4){animation-name:notifMsg4}
@keyframes notifDropLoop{0%,25%,50%,75%,100%{transform:translateY(-130px);opacity:0}2%,18%{transform:translateY(0);opacity:1}21%{transform:translateY(-10px);opacity:0}27%,43%{transform:translateY(0);opacity:1}46%{transform:translateY(-10px);opacity:0}52%,68%{transform:translateY(0);opacity:1}71%{transform:translateY(-10px);opacity:0}77%,93%{transform:translateY(0);opacity:1}96%{transform:translateY(-10px);opacity:0}}
@keyframes notifMsg1{0%,3%,19%,100%{opacity:0}5%,17%{opacity:1}}
@keyframes notifMsg2{0%,28%,44%,100%{opacity:0}30%,42%{opacity:1}}
@keyframes notifMsg3{0%,53%,69%,100%{opacity:0}55%,67%{opacity:1}}
@keyframes notifMsg4{0%,78%,94%,100%{opacity:0}80%,92%{opacity:1}}

/* 03 — live history ticker */
.fx-log{height:128px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}
.log-track{display:flex;flex-direction:column;gap:13px;animation:logScroll 10s linear infinite}
.log-row{display:flex;gap:9px;align-items:baseline;white-space:nowrap}
.log-time{font-size:.76rem;font-weight:700;color:#64d2ff;font-variant-numeric:tabular-nums}
.log-text{font-size:.8rem;color:#a1a1a6}
@keyframes logScroll{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}

@media(prefers-reduced-motion:reduce){.alert-flow article::before,.gauge-fill,.gauge-needle-wrap,.gauge-value span,.gauge-label span,.notif-card,.notif-msgs p,.log-track{animation:none}}
.analytics-grid{gap:20px}.analytics-grid article{border:0;border-radius:28px;min-height:310px;padding:28px}.analytics-grid h3{font-size:1.55rem}.analytics-grid p{color:#6e6e73}.analytics-grid article:nth-child(1){background:#07111b;color:#fff}.analytics-grid article:nth-child(1) h3{color:#fff}.analytics-grid article:nth-child(1) p{color:#a1a1a6}.analytics-grid article:nth-child(2){background:linear-gradient(145deg,#e4fbe9,#f5fff7)}.analytics-grid article:nth-child(5){background:linear-gradient(150deg,#f6f1ff,#ebe1ff)}

.onprem{background:#000;color:#f5f5f7}.onprem .section-kicker{color:#86868b}.onprem .section-kicker span{border-color:rgba(255,255,255,.18)}.onprem-copy h2{color:#f5f5f7}.onprem-copy h3{color:#f5f5f7}.onprem-copy>p{color:#a1a1a6}.onprem-copy strong{color:#f5f5f7}.local-network{background:#080d12;border-color:rgba(255,255,255,.14);box-shadow:none}.network-title{color:#64d2ff;border-color:rgba(255,255,255,.12)}.tradeoff-grid{gap:1px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.14);border-radius:28px;overflow:hidden}.tradeoff-grid article{background:#090909;border:0;border-radius:0;min-height:285px}.tradeoff-grid article>span{color:#64d2ff}.tradeoff-grid h3{color:#f5f5f7}.tradeoff-grid p{color:#a1a1a6}.onprem-close{color:#86868b}.onprem-close strong{color:#f5f5f7}

.data-trust{background:#f5f5f7}.trust-grid,.role-grid{gap:20px}.trust-grid article,.role-grid article{border:0;border-radius:28px;background:#fff;min-height:260px;padding:28px}.trust-grid h3,.role-grid h3{font-size:1.5rem}.trust-grid p,.role-grid p{color:#6e6e73}
.compatibility{background:#fff}.meter-list{border:0;border-radius:28px;background:#f5f5f7;padding:1.05rem 1.5rem}.meter-list>div{border-color:rgba(0,0,0,.1);padding:1.05rem .3rem}.text-link{color:var(--blue)}
.roles{background:#fff}.role-grid article{background:#f5f5f7}
.founder{background:#000;color:#f5f5f7;border:0}.founder-label span{color:#64d2ff}.founder-label strong{color:#86868b}.founder blockquote>p{font-size:clamp(1.9rem,3.6vw,3.55rem);color:#f5f5f7}.founder blockquote footer span{color:#86868b}
.faq{background:#f5f5f7}.faq-list{border:0;border-radius:28px;padding:0 1.5rem}.faq-list summary{font-size:1.15rem;font-weight:600;padding:1.55rem 0}.faq-list details p{color:#6e6e73}
.contact{background:linear-gradient(180deg,#fff,#f5f5f7)}.lead-form{border:0;border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.08);padding:32px}.lead-form input{border-color:rgba(0,0,0,.14);border-radius:12px;background:#fbfbfd}.form-activation{border-radius:12px}.site-footer{background:#f5f5f7;color:#6e6e73}.footer-bottom{border-color:rgba(0,0,0,.1)}.legal{color:#86868b}

@media(max-width:1100px){
  .site-header{height:52px;grid-template-columns:190px auto 1fr}.main-nav{top:52px;background:rgba(250,250,252,.98)}.dashboard-frame{max-width:900px}.onprem-lead{grid-template-columns:1fr}.local-network{max-width:760px}
}
@media(max-width:720px){
  .site-header{height:48px;grid-template-columns:1fr auto}.brand-logo{width:178px;height:22px}.main-nav{top:48px}.hero{padding-top:108px;padding-bottom:78px}.hero h1{font-size:clamp(3.6rem,17vw,5rem)}.hero-lede{font-size:1.16rem}.hero-actions .button{width:auto}.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:2.7rem auto 3.5rem}.hero-facts li{min-width:0;padding:0 .6rem;border-bottom:0}.hero-facts strong{font-size:1.45rem}.hero-facts span{font-size:.7rem}.dashboard-frame{border-width:5px;border-radius:22px;padding:0}.section{padding:95px 0}.section-heading h2,.subheading h2,.problem-copy h2,.onprem-copy h2,.compat-copy h2,.contact-copy h2,.faq-head h2{font-size:clamp(3.25rem,15vw,4.5rem)}.benefit-card,.analytics-grid article,.trust-grid article,.role-grid article,.alert-flow article{border-radius:24px}.alert-flow article{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(150deg,#161a22,#06080c)}.alert-flow article::before{animation-duration:16s}.tradeoff-grid{grid-template-columns:1fr;border-radius:24px}.tradeoff-grid article{min-height:240px}.contact-copy{text-align:center}
}

/* Hero scroll-zoom (desktop): frame grows to full width while the section is pinned */
.zoom-wrap{position:relative}
.zoom-sticky{display:flex;justify-content:center}
.hero{overflow:clip}
@media (min-width:901px) and (prefers-reduced-motion:no-preference){
  .zoom-wrap{width:100vw;margin-left:calc(50% - 50vw);height:280vh}
  .zoom-sticky{position:sticky;top:0;height:100vh;padding-top:72px;align-items:center;overflow:hidden}
  .hero-zoom-frame{width:min(1180px,calc(100vw - 28px));max-width:none;flex:none;will-change:width,border-radius,box-shadow}
}
/* r26: section 10 right column = list (top-aligned) + Live Sky time-lapse */
.custom-build .compatibility-layout{align-items:start}.beyond-side{display:grid;gap:1.4rem;margin-top:.4rem}
.sky-clip{margin:0}.sky-clip video,.sky-clip img{display:block;width:100%;height:auto;aspect-ratio:24/11;background:#fff}
.sky-clip figcaption{font-size:.875rem;line-height:1.5;color:#6e6e73;margin:.7rem .3rem 0}
.custom-build .sky-clip{margin:3.2rem 0 1.6rem}.custom-build .section-heading{margin-bottom:2.6rem}
.beyond-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem;border-top:1px solid rgba(0,0,0,.1);padding-top:1.6rem}.beyond-pillars h3{font-size:1.2rem;letter-spacing:-.01em;margin:0 0 .5rem;color:var(--ink-strong)}.beyond-pillars p{font-size:1rem;line-height:1.55;color:var(--muted);margin:0}
@media(max-width:820px){.beyond-pillars{grid-template-columns:1fr;gap:1.4rem}}
/* Player fits the viewport on desktop, then pins (sticky) for ~80vh of scroll */
@media(min-width:821px){.custom-build .sky-clip{max-width:min(100%,calc((100vh - 52px - 9.5rem)*24/11));margin-inline:auto}}
@media(min-width:821px) and (min-height:560px) and (prefers-reduced-motion:no-preference){.ctl-pin{height:calc(180vh - 52px);margin:1.6rem 0 .4rem}.ctl-pin-in{position:sticky;top:52px;height:calc(100vh - 52px);display:flex;flex-direction:column;justify-content:center}.custom-build .ctl-pin .sky-clip{margin-block:0;width:100%}}
.ctl-list>div[data-clip]{cursor:pointer;border-radius:12px;transition:background .25s}.ctl-list>div[data-clip]:hover{background:rgba(0,0,0,.035)}
.ctl-list>div.is-active{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04),0 4px 14px rgba(0,0,0,.05)}.ctl-list>div[data-clip]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.ctl-list>div[data-clip]{transition:none}}
.ctl-chapters{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;margin:1.1rem .3rem .2rem}
.ctl-chapters button{all:unset;cursor:pointer;display:grid;gap:.45rem;min-width:0;padding:.2rem 0}
.ctl-fill{display:block;height:3px;border-radius:2px;background:#e8e8ed;overflow:hidden}.ctl-fill i{display:block;height:100%;background:#1d1d1f;transform:scaleX(0);transform-origin:left}
.ctl-name{font-size:.78rem;font-weight:600;color:#86868b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .25s}
.ctl-chapters button.is-active .ctl-name,.ctl-chapters button:hover .ctl-name{color:#1d1d1f}.ctl-chapters button:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
.ctl-stage{position:relative}.ctl-stage .ctl-poster{position:absolute;inset:0;width:100%;height:100%}.ctl-stage video{position:relative;opacity:0}.ctl-stage video.is-playing{opacity:1}
@media(max-width:560px){.ctl-chapters{gap:.3rem}.ctl-name{font-size:.68rem}.ctl-chapters button:not(.is-active) .ctl-name{visibility:hidden}.ctl-chapters button.is-active{grid-column:span 1;overflow:visible}.ctl-chapters button.is-active .ctl-name{overflow:visible}}

/* r41: illustrated plant story, scroll-synced to the problem timeline */
.problem-layout.is-story{display:block}
.problem-layout.is-story .problem-copy{max-width:980px}
.problem-story{display:grid;grid-template-columns:1.15fr .85fr;gap:5vw;align-items:start;margin-top:4.5rem}
.story-stage{position:sticky;top:76px;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:#cfe6fb;aspect-ratio:640/400;--sky:#cfe6fb}
.story-stage svg{display:block;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,"Inter Var","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
#problemTimeline article{transition:opacity .35s ease}
#problemTimeline.is-synced article{opacity:.38}
#problemTimeline.is-synced article.is-live{opacity:1}
@media(min-width:901px){#problemTimeline article:not(.bill-event){min-height:30vh}}
/* r90: desktop end-hold - MONTH-END card + stage stay locked while the payoff scene plays */
@media(min-width:901px) and (min-height:560px) and (prefers-reduced-motion:no-preference){#problemTimeline{overflow:clip}#problemTimeline:after{content:"";display:block;height:70vh}#problemTimeline .bill-event{position:sticky;top:var(--hold-top,40vh);z-index:3}#problemTimeline .bill-event:after{content:"";position:absolute;left:-2px;right:-2px;top:100%;height:70vh;background:#fff}}
@media(max-width:900px){.problem-story{grid-template-columns:1fr;gap:28px;margin-top:3rem}.story-stage{top:56px;z-index:5;border-radius:18px;box-shadow:0 10px 30px rgba(21,36,54,.12)}#problemTimeline article:not(.bill-event){min-height:38vh}}
.st-sky{fill:var(--sky);transition:fill 1s ease}
.st-ground{fill:#e3e9ef}
.st-sun{fill:#ffd166;transform:translate(292px,62px);transition:transform 1.2s ease,fill 1s ease,opacity .6s}
.st-moon,.st-stars,.st-peak,.st-rew,.st-gw,.st-worker,.st-kvar,.st-kvar-t,.st-glow{opacity:0;transition:opacity .6s ease}
.st-moon-cut{fill:var(--sky);transition:fill 1s ease}
.st-stars circle{fill:#fff}
.st-win rect{fill:#d6e6f5;transition:fill .8s ease}
.st-bay{fill:#2a3b50;transition:fill .8s ease}
.st-motor>rect{fill:#4c637a}.st-motor>circle{fill:#6f8aa5;stroke:#4c637a;stroke-width:2}
.fan rect{fill:#d6e2ee}
.fan,.st-disc{transform-box:fill-box;transform-origin:50% 50%;animation:st-spin .5s linear infinite;animation-play-state:paused}
.st-disc{animation-duration:1.4s;animation-play-state:running}
.st-kvar{fill:none;stroke:#f08a3c;stroke-width:3;stroke-linecap:round;stroke-dasharray:12 6;animation:st-flow .6s linear infinite}
.st-kvar-t{fill:#f08a3c;font-size:15px;font-weight:800}
.st-glow{fill:#d74c4c}
.st-shutter{transform:translateY(-114px);transition:transform 1s cubic-bezier(.6,0,.3,1)}
.st-closed{fill:#fff;font-size:14px;font-weight:800;letter-spacing:.06em}
.st-smoke circle{fill:#fff;opacity:0;transform-box:fill-box;transform-origin:50% 50%}
.st-ring{fill:none;stroke:#086fd5;stroke-width:2;transform-box:fill-box;transform-origin:50% 50%;animation:st-ring 1.8s ease-out infinite}.st-ring.r2{animation-delay:.9s}
.st-gw-t{fill:#fff;font-size:14px;font-weight:800}
.st-chip rect{fill:rgba(255,255,255,.9)}
.st-time{font-size:26px;font-weight:800;letter-spacing:-.02em;fill:#0b1624}
.st-sub{font-size:13px;font-weight:600;fill:#526273}
.st-pill text{fill:#fff;font-size:13px;font-weight:800;letter-spacing:.05em}
.st-card{fill:#fff;stroke:#d8e2eb}
.hg{opacity:0;transition:opacity .45s ease}
.hl{font-size:12px;font-weight:800;letter-spacing:.07em;fill:#68798a}
.ht{font-size:13px;fill:#526273}.hs{font-size:12px;font-weight:800;letter-spacing:.04em;fill:#526273}
.hb{font-size:15px;font-weight:800;fill:#152436}.hm{font-size:13px;font-weight:600;fill:#152436}
.hv{font-size:36px;font-weight:800;letter-spacing:-.03em;fill:#0b1624}.hv2{font-size:23px;font-weight:800;letter-spacing:-.02em;fill:#152436}
.hg .red{fill:#d74c4c}.hg .amber{fill:#c97a06}.hg .green{fill:#2fa36b}.hg .blue{fill:#086fd5}.hg .white{fill:#fff}.hg .light{fill:#9fb3c8}.hg .faint{fill:#9aabbd}
.arc{fill:none;stroke-width:14}
.needle{stroke:#152436;stroke-width:4;stroke-linecap:round;transform-box:fill-box;transform-origin:50% 100%;transform:rotate(-54deg)}
.bar2{fill:#e79518;transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(.92)}
.bar6{fill:#d74c4c;transform-box:fill-box;transform-origin:0 50%;transform:scaleX(.96)}
.idle-l{fill:none;stroke:#d74c4c;stroke-width:3;stroke-linejoin:round}
.ghost{fill:none;stroke:#e9a3a3;stroke-width:2.5;stroke-dasharray:5 4}
.stamp rect{fill:rgba(255,255,255,.85);stroke:#d74c4c;stroke-width:3.5}.stamp text{fill:#d74c4c;font-weight:900;letter-spacing:.06em}
.s5 text{font-size:17px}.s7 text{font-size:24px}
.stamp{transform-box:fill-box;transform-origin:50% 50%;transform:rotate(-8deg)}
.arow rect{fill:#eef6ff;stroke:#cfe5f8}
.cal .ch{font-size:11px;font-weight:800;fill:#9aabbd}.cal rect{fill:#f1f5f9}.cal .sun{fill:#fdecec;stroke:#e9a3a3}.cal .kb{fill:#d74c4c}
.story-tagline{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);margin:0;width:max-content;max-width:calc(100% - 24px);text-align:center;background:#0b1624;color:#fff;border-radius:999px;padding:.6rem 1.2rem;font-size:clamp(.78rem,1.35vw,1.02rem);font-weight:500;letter-spacing:-.01em;line-height:1.3;opacity:0;transition:opacity .6s ease;pointer-events:none}
.story-tagline strong{font-weight:800}
/* per-beat world + HUD state */
[data-b="1"] .h1,[data-b="2"] .h2,[data-b="3"] .h3,[data-b="4"] .h4,[data-b="5"] .h5,[data-b="6"] .h6,[data-b="7"] .h7,[data-b="8"] .h8{opacity:1}
[data-b="1"],[data-b="6"],[data-b="8"]{--sky:#cfe6fb}[data-b="2"]{--sky:#f5c6a0}[data-b="3"]{--sky:#13233a}[data-b="4"]{--sky:#dbe9f6}[data-b="5"]{--sky:#fbe5c4}[data-b="7"]{--sky:#dfe5ec}
[data-b="2"] .st-sun{transform:translate(306px,130px);fill:#f08a3c}[data-b="3"] .st-sun{opacity:0}[data-b="5"] .st-sun{transform:translate(318px,112px);fill:#ffc56a}[data-b="7"] .st-sun{fill:#f4f1e6}
[data-b="3"] .st-moon,[data-b="3"] .st-stars,[data-b="2"] .st-peak,[data-b="1"] .st-kvar,[data-b="1"] .st-kvar-t,[data-b="8"] .st-gw,[data-b="5"] .st-worker{opacity:1}
[data-b="2"] .st-win rect,[data-b="8"] .st-win rect{fill:#ffd97a}[data-b="3"] .st-win rect,[data-b="4"] .st-win rect{fill:#22344a}
[data-b="3"] .st-bay{fill:#0d1724}[data-b="2"] .st-bay{fill:#3b5068}
[data-b="1"] .fan,[data-b="2"] .fan,[data-b="5"] .fan,[data-b="6"] .fan,[data-b="7"] .fan,[data-b="8"] .fan,[data-b="3"] .m2{animation-play-state:running}
[data-b="1"] .fan{animation-duration:.32s}[data-b="3"] .m2{animation-duration:1.6s}
[data-b="3"] .m2w>circle{stroke:#d74c4c}
[data-b="3"] .st-glow{opacity:.35;animation:st-glow 1.6s ease-in-out infinite}
[data-b="4"] .st-shutter{transform:none}
[data-b="1"] .st-disc,[data-b="2"] .st-disc,[data-b="6"] .st-disc,[data-b="7"] .st-disc{animation-duration:.5s}
[data-b="1"] .st-smoke circle,[data-b="2"] .st-smoke circle,[data-b="6"] .st-smoke circle,[data-b="7"] .st-smoke circle,[data-b="8"] .st-smoke circle{animation:st-smoke 3s ease-out infinite}
.st-smoke circle:nth-child(2){animation-delay:1s!important}.st-smoke circle:nth-child(3){animation-delay:2s!important}
[data-b="1"] .needle{animation:st-pf 2.5s cubic-bezier(.5,0,.3,1) .6s both}
[data-b="2"] .bar2{animation:st-bar2 3s ease-in-out .3s both}
[data-b="6"] .bar6{animation:st-bar6 2.6s ease-in-out .3s both}
[data-b="3"] .idle-l{stroke-dasharray:260;animation:st-draw 2s ease-out both}
[data-b="4"] .kb{animation:st-pop .45s cubic-bezier(.3,1.6,.5,1) both}
[data-b="5"] .s5{animation:st-stamp .45s cubic-bezier(.3,1.5,.5,1) 1.3s both}
[data-b="7"] .brow{animation:st-in .45s ease both}
[data-b="7"] .brow:nth-of-type(2){animation-delay:.45s}[data-b="7"] .brow:nth-of-type(3){animation-delay:.9s}[data-b="7"] .brow:nth-of-type(4){animation-delay:1.35s}[data-b="7"] .brow:nth-of-type(5){animation-delay:1.9s}
[data-b="7"] .s7{animation:st-stamp .5s cubic-bezier(.3,1.5,.5,1) 2.6s both}
[data-b="8"] .st-sky{animation:st-rewind 1.8s ease-in-out both}
[data-b="8"] .st-rew{animation:st-flash 1.8s ease both}
[data-b="8"] .arow{animation:st-in .45s ease both}
[data-b="8"] .arow:nth-of-type(1){animation-delay:1.6s}[data-b="8"] .arow:nth-of-type(2){animation-delay:2.05s}[data-b="8"] .arow:nth-of-type(3){animation-delay:2.5s}[data-b="8"] .arow:nth-of-type(4){animation-delay:2.95s}[data-b="8"] .arow:nth-of-type(5){animation-delay:3.4s}[data-b="8"] .arow:nth-of-type(6){animation-delay:3.85s}
[data-b="8"] .story-tagline{opacity:1;transition-delay:4.5s}
.story-stage.reset *{animation:none!important}
.story-stage.paused *{animation-play-state:paused!important}
@keyframes st-spin{to{transform:rotate(360deg)}}
@keyframes st-flow{to{stroke-dashoffset:-18}}
@keyframes st-ring{from{transform:scale(1);opacity:.9}to{transform:scale(2.8);opacity:0}}
@keyframes st-glow{50%{opacity:.6}}
@keyframes st-smoke{0%{transform:translate(0,0) scale(.6);opacity:0}20%{opacity:.85}100%{transform:translate(18px,-70px) scale(2);opacity:0}}
@keyframes st-pf{from{transform:rotate(72deg)}to{transform:rotate(-54deg)}}
@keyframes st-bar2{from{transform:scaleY(.38);fill:#086fd5}60%{fill:#e79518}to{transform:scaleY(.92);fill:#e79518}}
@keyframes st-bar6{from{transform:scaleX(.7);fill:#e79518}to{transform:scaleX(.96);fill:#d74c4c}}
@keyframes st-draw{from{stroke-dashoffset:260}to{stroke-dashoffset:0}}
@keyframes st-pop{from{transform:scaleY(0);opacity:0}to{transform:none;opacity:1}}
@keyframes st-stamp{from{transform:rotate(-8deg) scale(2.2);opacity:0}to{transform:rotate(-8deg) scale(1);opacity:1}}
@keyframes st-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes st-flash{0%{opacity:0}15%,75%{opacity:1}100%{opacity:0}}
@keyframes st-rewind{0%{fill:#dfe5ec}20%{fill:#fbe5c4}40%{fill:#13233a}60%{fill:#f5c6a0}80%{fill:#13233a}100%{fill:#cfe6fb}}
@media(max-width:600px){.st-sub{display:none}.story-stage{aspect-ratio:auto}.story-stage svg{height:auto}.story-tagline{position:static;transform:none;width:auto;max-width:none;border-radius:0;padding:0 .8rem;max-height:0;font-size:.82rem;transition:opacity .5s ease,max-height .5s ease,padding .5s ease}[data-b="8"] .story-tagline{transform:none;max-height:4rem;padding:.6rem .8rem}}
@media(prefers-reduced-motion:reduce){.story-stage *,.story-stage{animation:none!important;transition:none!important}#problemTimeline.is-synced article{opacity:1}}
/* r45: section 02 staggered reveal (Apple-style fade up, 70ms per card); .rv is set only when IntersectionObserver exists */
@media(prefers-reduced-motion:no-preference){
.rv .benefits .reveal{opacity:0;transform:translateY(28px);transition:none}
.rv .benefits .reveal.visible{opacity:1;transform:none;transition:opacity .7s ease calc(var(--i,0) * 70ms),transform .9s cubic-bezier(.2,.7,.2,1) calc(var(--i,0) * 70ms),box-shadow .28s ease}
.rv .benefits .benefit-card.visible:hover{transform:translateY(-5px);transition-delay:0s}
.rv .benefits .benefit-card.visible.rv-done{transition:transform .28s ease,box-shadow .28s ease}
.benefit-grid .benefit-card:nth-child(2){--i:1}.benefit-grid .benefit-card:nth-child(3){--i:2}.benefit-grid .benefit-card:nth-child(4){--i:3}.benefit-grid .benefit-card:nth-child(5){--i:4}.benefit-grid .benefit-card:nth-child(6){--i:5}.benefit-grid .benefit-card:nth-child(7){--i:6}
}

/* r46: section 03 alert story - one graph cycles through four real alert scenarios (replaces the dark glossy cards) */
.alert-story{--as-b:#0071e3;--as-r:#ff3b30;--as-mut:#6e6e73;--as-strong:#1d1d1f;--as-line:rgba(0,0,0,.08);--tc:1.5s}
.as-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
/* r92: Electrical | Machines segmented toggle + machine-story marks (learned band, repair line, 4th callout) */
.as-mode{display:inline-flex;background:#e8e8ed;border-radius:999px;padding:3px;margin:0 0 12px}
.as-mode button{font:inherit;font-size:.86rem;font-weight:600;color:var(--as-mut);background:none;border:0;border-radius:999px;padding:7px 18px;cursor:pointer}
.as-mode button.on{background:#fff;color:var(--as-strong);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.as-mode button:focus-visible{outline:2px solid var(--as-b);outline-offset:2px}
.as-band{fill:#8e8e93;opacity:.13}
.as-fix{stroke:#34c759;stroke-width:2;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}
.as-lab.band{color:#6e6e73}
.as-tab{position:relative;overflow:hidden;font:inherit;font-size:.86rem;font-weight:600;color:var(--as-mut);background:#fff;border:1px solid var(--as-line);border-radius:999px;padding:8px 16px;cursor:pointer}
.as-tab.on{color:var(--as-strong);border-color:rgba(0,0,0,.18)}
.as-tab:focus-visible{outline:2px solid var(--as-b);outline-offset:2px}
.as-tab i{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--as-strong);transform:scaleX(0);transform-origin:left}
.as-tab.on.run i{animation:asWipe var(--dur,6s) linear both}
.as-chart{background:#fff;border-radius:28px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 40px rgba(0,0,0,.06);padding:20px 26px 16px}
.as-top{display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem;color:var(--as-mut);margin-bottom:8px}
.as-top b{color:var(--as-strong);font-size:1rem}
.as-stage{position:relative}
.as-chart svg{display:block;width:100%;height:clamp(170px,calc(100vh - 500px),300px);overflow:visible}
.as-title,.as-chart svg{transition:opacity .25s}.as-chart.fade .as-title,.as-chart.fade svg{opacity:0}
.as-grid line{stroke:#e5e5ea;stroke-width:1}
.as-cd{stroke:var(--as-r);stroke-width:1.5;stroke-dasharray:6 6;opacity:.7}
.as-grid line,.as-cd,.as-line,.as-over{vector-effect:non-scaling-stroke}
.as-area{fill:url(#as-ag)}
.as-line{fill:none;stroke:var(--as-b);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.as-over{fill:none;stroke:var(--as-r);stroke-width:3.5;stroke-linejoin:round;stroke-linecap:round}
.as-overfill{fill:rgba(255,59,48,.12)}
.as-gap{fill:url(#as-hatch)}
.as-lab{position:absolute;left:8px;transform:translateY(-130%);font-size:.8rem;font-weight:600;color:var(--as-r);pointer-events:none}
.as-lab.gap{color:#8e8e93;transform:translate(-50%,-50%);left:auto}
.as-clip{transform-box:fill-box;transform-origin:left;transform:scaleX(0)}
.as-dot{opacity:0}
.as-dot .ring{fill:none;stroke:var(--as-r);stroke-width:2;transform-box:fill-box;transform-origin:center}
.as-call{position:absolute;opacity:0;transform:translateY(10px);background:#fff;border-radius:14px;padding:10px 14px;font-size:.82rem;line-height:1.4;box-shadow:0 8px 30px rgba(0,0,0,.12);border:1px solid var(--as-line);white-space:nowrap;color:var(--as-strong)}
.as-call b{font-weight:600}.as-call i{font-style:normal;color:var(--as-mut);display:block;font-size:.74rem}
.as-call.c1 b{color:var(--as-r)}
.as-call.c2{display:flex;gap:10px;align-items:center}
.as-kico{width:28px;height:28px;border-radius:8px;background:var(--as-b);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.8rem;flex:none}
.as-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:22px}
.as-step{position:relative;padding-top:14px}
.as-step::before,.as-step::after{content:"";position:absolute;left:0;top:0;height:3px;width:100%;border-radius:3px;background:#e5e5ea}
.as-step::after{background:var(--as-strong);transform:scaleX(0);transform-origin:left}
.as-step span{font-size:.8rem;font-weight:700;color:var(--as-b)}
.as-step h3{font-size:1.2rem;margin:.1rem 0 .25rem;color:var(--as-strong);letter-spacing:-.02em}
.as-step p{margin:0;color:var(--as-mut);font-size:.92rem;line-height:1.5}
.alert-story.play .as-clip{animation:asWipe 2.4s linear both}
.alert-story.play .as-dot{animation:asFade .2s var(--tc) both}
.alert-story.play .as-dot .ring{animation:asPulse 1.6s var(--tc) ease-out infinite}
.alert-story.play .as-call.c1,.alert-story.play .as-step:nth-child(1)::after{animation:asUp .5s calc(var(--tc) + .1s) cubic-bezier(.2,.7,.2,1) both}
.alert-story.play .as-call.c2,.alert-story.play .as-step:nth-child(2)::after{animation:asUp .5s calc(var(--tc) + .45s) cubic-bezier(.2,.7,.2,1) both}
.alert-story.play .as-call.c3,.alert-story.play .as-step:nth-child(3)::after{animation:asUp .5s calc(var(--tc) + .9s) cubic-bezier(.2,.7,.2,1) both}
.alert-story.play .as-call.c4{animation:asUp .5s calc(var(--tc) + 1.35s) cubic-bezier(.2,.7,.2,1) both}
.alert-story.play .as-step::after{animation-name:asWipe!important;animation-duration:.6s!important}
@keyframes asWipe{to{transform:scaleX(1)}}
@keyframes asFade{to{opacity:1}}
@keyframes asUp{to{opacity:1;transform:none}}
@keyframes asPulse{from{transform:scale(1);opacity:.9}to{transform:scale(3.2);opacity:0}}
@media(max-width:900px){
  .as-steps{grid-template-columns:1fr;gap:18px}
  .as-chart{padding:20px 16px 14px;border-radius:24px}.as-chart svg{height:230px}
  .as-lab,.as-dot{display:none}
  .as-tab{font-size:.78rem;padding:7px 12px}
  .as-call{font-size:.7rem;padding:6px 9px}.as-call.c1{left:auto!important;right:2%!important;top:2%!important;bottom:auto!important}.as-call.c2,.as-call.c3,.as-call.c4{display:none!important}
  .as-mode button{font-size:.8rem;padding:6px 14px}
}
@media(prefers-reduced-motion:reduce){
  .alert-story *,.alert-story *::before,.alert-story *::after{animation-duration:1ms!important;animation-delay:0s!important;animation-iteration-count:1!important}
}
.founder blockquote>p.founder-story{font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.6;letter-spacing:-.01em;color:#a1a1a6;max-width:40em;margin-top:1.5rem}.founder blockquote>p:first-child+p.founder-story{margin-top:2.5rem}.founder-label strong{font-weight:600;text-transform:none;font-size:1.05rem;color:#f5f5f7}.founder blockquote footer{flex-direction:row;align-items:center;gap:14px;margin-top:2.5rem}.founder blockquote footer div{display:flex;flex-direction:column}.founder-photo{position:relative;flex:none;align-self:flex-start;width:100%;max-width:260px;aspect-ratio:1/1;margin:0 0 1.75rem;background:#000;border-radius:18px;overflow:hidden}.founder-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:720px){.founder-photo{max-width:200px;margin-bottom:1.25rem}}
.founder-stack{list-style:none;margin:2rem 0 0;padding:0;border-top:1px solid #2c2c2e}.founder-stack li{padding:.7rem 0;border-bottom:1px solid #2c2c2e;font-size:.95rem;color:#d1d1d6;display:flex;align-items:center;gap:.6rem}.founder-stack li::before{content:"";width:6px;height:6px;border-radius:50%;background:#64d2ff;flex:none}.founder-label em{font-style:normal;font-size:.8rem;color:#86868b;margin-top:.4rem}.founder blockquote>p.founder-close{color:#f5f5f7;font-weight:500}
.founder-story em{font-style:italic;color:#f5f5f7}.founder-label small{margin-top:2rem;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#86868b}.founder-label small+.founder-stack{margin-top:.6rem}.founder-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:2rem;background:#2c2c2e;border:1px solid #2c2c2e;border-radius:18px;overflow:hidden;max-width:52rem}.founder-benefits>div{background:#0b0b0d;padding:1.25rem 1.4rem}.founder-benefits h4{margin:0 0 .35rem;font-size:1rem;font-weight:600;color:#f5f5f7;letter-spacing:-.01em}.founder-benefits p{margin:0;font-size:.92rem;line-height:1.5;color:#a1a1a6}.founder blockquote>.founder-benefits+p.founder-close{margin-top:2.25rem}
@media(max-width:720px){.founder-benefits{grid-template-columns:1fr}}
.founder-skills li{align-items:flex-start;line-height:1.45}.founder-skills li::before{margin-top:calc(.725em - 3px)}
.wa-float{display:none}
@media(max-width:720px){.wa-float{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:90;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 8px 24px rgba(21,36,54,.28);transition:opacity .25s,transform .25s}.wa-float svg{width:30px;height:30px}.wa-float.is-hidden{opacity:0;transform:translateY(12px) scale(.9);pointer-events:none}}
/* r86: hero footnote marker (note lives in the footer) + "Grows with your plant" band */
.hero-facts sup.fn{font-size:.5em;font-weight:600;margin-left:.08em;vertical-align:super;line-height:0}.hero-facts sup.fn a{color:#86868b;text-decoration:none}.hero-facts sup.fn a:hover{color:var(--blue)}
.legal+.legal{margin-top:.6rem}
.grow-band{grid-column:1/-1;border-radius:28px;background:#f5f5f7;padding:2.2rem 2.4rem 2rem}
.grow-band h3{margin:0 0 1.6rem;font-size:clamp(1.6rem,2.6vw,2.3rem);line-height:1.12;letter-spacing:-.035em;color:var(--ink-strong)}
.grow-band h3 em{font-style:normal;color:#86868b}
.grow-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;counter-reset:none}
.grow-steps li{position:relative;background:#fff;border-radius:20px;padding:1.3rem 1.4rem 1.4rem;min-width:0}
.grow-steps li:not(:last-child)::after{content:"";position:absolute;top:50%;right:-.78rem;width:.55rem;height:.55rem;border-top:2px solid #86868b;border-right:2px solid #86868b;transform:translateY(-50%) rotate(45deg);z-index:1}
.grow-steps span{display:block;font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--blue)}
.grow-steps strong{display:block;margin:.35rem 0 .45rem;font-size:1.2rem;letter-spacing:-.02em;color:var(--ink-strong)}
.grow-steps p{margin:0;font-size:.95rem;line-height:1.5;color:#6e6e73}
.grow-note{margin:1.3rem 0 0;font-size:1rem;color:#3f5264;font-weight:600}
@media(min-width:721px) and (max-width:1100px){.grow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.grow-steps li:nth-child(2)::after{display:none}}
@media(max-width:720px){
  .grow-band{padding:1.6rem 1.2rem 1.4rem;border-radius:22px}
  .grow-steps{grid-template-columns:1fr;gap:.9rem}
  .grow-steps li:not(:last-child)::after{top:auto;right:auto;left:50%;bottom:-.7rem;transform:translateX(-50%) rotate(135deg)}
}

/* Optical tracking tuned for Inter at display and reading sizes. */
body {
  letter-spacing: -0.014em;
}

.hero h1 {
  letter-spacing: -0.078em;
}

.hero-lede {
  letter-spacing: -0.034em;
}

.section-heading h2,
.problem-copy h2,
.security h2,
.compat-copy h2,
.final-cta h2 {
  letter-spacing: -0.07em;
}

@media (max-width: 680px) {
  .hero h1 {
    letter-spacing: -0.066em;
  }

  .hero-lede {
    letter-spacing: -0.025em;
  }

  .section-heading h2,
  .problem-copy h2,
  .security h2,
  .compat-copy h2,
  .final-cta h2 {
    letter-spacing: -0.058em;
  }
}

.instrument.dashboard-capture {
  padding: 0;
  overflow: hidden;
}

.dashboard-shot {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 1.25rem;
  background: #d7d7d9;
}

.carousel-slide .dashboard-shot {
  height: 100%;
  object-fit: cover;
}

.carousel-slide[data-slide="1"] .dashboard-shot {
  object-position: center top;
}

@media (max-width: 680px) {
  .instrument.dashboard-capture {
    padding: 0;
  }

  .dashboard-shot {
    border-radius: 0.85rem;
  }
}