/* ==========================================================================
   Signal: the launch film's world, applied to the site. Styling only.
   Pure black falling to deep green, one mint accent, big light type, thin lit rims.
   ========================================================================== */
:root{
  --green:#7CF0C0;--green-hover:#A9F7D5;--green-50:rgba(124,240,192,.1);--green-100:rgba(124,240,192,.22);--green-on-dark:#7CF0C0;
  --bg:#050807;--card:#0D1613;--border:rgba(255,255,255,.09);--text:#F3F8F5;--muted:rgba(233,243,238,.62);
  --dark:#050807;--dark-2:#0D1613;--dark-border:rgba(255,255,255,.09);--dark-muted:rgba(233,243,238,.62);
  --ink:#07261A;--rim:linear-gradient(180deg,rgba(124,240,192,.62),rgba(124,240,192,.13) 58%,rgba(124,240,192,.04));
  --shadow:0 20px 60px rgba(0,0,0,.45);--shadow-lg:0 34px 100px rgba(0,0,0,.6);
  color-scheme:dark;
}
body{background:#000}
::selection{background:rgba(124,240,192,.28)}

/* Type: lighter and bigger, the way the film sets a line */
h1,h2{font-weight:500;letter-spacing:-.032em;line-height:1.04}
h1{font-size:clamp(44px,11.5vw,84px);letter-spacing:-.04em}
h2{font-size:clamp(32px,7.8vw,58px)}
h3{font-weight:500;letter-spacing:-.012em}
.g{color:var(--green);text-shadow:0 0 36px rgba(65,200,139,.5)}

/* The room: sections sit in one dark space instead of stacked light bands */
.sec-white{background:#050807;border-color:transparent}
.sec,.sec-white{position:relative}
.sec:not(.dark)+.sec-white::before,.sec-white+.sec:not(.dark)::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,240,192,.16),transparent)}
.dark{background:linear-gradient(180deg,#000,#04140E)}
.nav{background:rgba(0,0,0,.62)}
.nav.scrolled{border-bottom-color:rgba(255,255,255,.08)}
.brand{color:#fff}
.menu-btn{background:rgba(255,255,255,.04);color:#fff}
.mobile-menu{background:#050807}
.jump{background:rgba(5,8,7,.9)}
.footer{background:#000;border-top:1px solid rgba(255,255,255,.07)}

/* Buttons */
.btn-primary{background:linear-gradient(180deg,#A9F7D5,#41C88B 85%);color:var(--ink)}
.btn-primary:hover{background:linear-gradient(180deg,#C6FBE4,#5DD9A0 85%);box-shadow:0 0 44px rgba(65,200,139,.38)}
.btn-secondary{background:rgba(255,255,255,.05);color:var(--text);border-color:rgba(255,255,255,.14)}
.btn-secondary:hover{border-color:rgba(124,240,192,.5)}
.btn-app{background:#0D1613;border:1px solid rgba(255,255,255,.14)}
.pill{background:rgba(124,240,192,.09);color:var(--green)}

/* Cards: a thin lit edge on dark, light falling on the top rim */
.quote-card,.toast,.step,.calc,.plan,.table-wrap,.tq,.faq details,.mock,.card,.vs-card{background:linear-gradient(180deg,#0D1714,#070E0B) padding-box,var(--rim) border-box;border:1px solid transparent;color:var(--text)}
.vs-card.us{background:linear-gradient(180deg,#10211B,#08120E) padding-box,linear-gradient(180deg,#7CF0C0,rgba(124,240,192,.2)) border-box;color:var(--text);border-color:transparent}
.seg button.on{background:#17251F;color:var(--text)}
.form input,.form textarea{background:rgba(255,255,255,.04);color:var(--text)}
.bubble{background:#17251F;color:var(--text)}
.status,.tag{background:rgba(255,255,255,.08);color:var(--muted)}
.status.s-viewed{background:rgba(120,170,255,.14);color:#A9C8FF}
.status.s-signed,.tag.due{background:rgba(255,200,90,.14);color:#FFD27A}
.st-est{background:rgba(190,140,255,.14);color:#D6B8FF}
.st-con{background:rgba(255,200,90,.14);color:#FFD27A}
.dash-attn .b{background:rgba(124,240,192,.14)}
.cta-panel{background:radial-gradient(ellipse 80% 90% at 50% 120%,rgba(65,200,139,.3),transparent 70%),#07100D;border:1px solid rgba(124,240,192,.16)}

/* The hero: the film's wave lives under the page's first screen */
.hero{position:relative;isolation:isolate;background:#000}
.signal-wave{position:absolute;left:0;right:0;bottom:0;width:100%;height:300px;z-index:-1;pointer-events:none;opacity:.62;-webkit-mask-image:linear-gradient(180deg,transparent,#000 42%,#000 66%,transparent);mask-image:linear-gradient(180deg,transparent,#000 42%,#000 66%,transparent)}
.hero{padding-bottom:210px}
@media(min-width:900px){.hero{padding-top:72px;padding-bottom:230px}.signal-wave{height:360px}}

/* Small pieces that were hard-coded white */
.chip,.jump a{background:rgba(255,255,255,.05);color:var(--text)}
.seg{background:rgba(255,255,255,.06)}

/* Anything that sat on solid green now sits on mint, so its text goes dark */
.pill .dot,.mb-pro,.qc-btn,.step.lit .step-ic,.calc-tag,.cal-job,.sms-b,.dash-attn,.fchips span.on,.lc-btns span.g,.tgl,.health i,.fm-btn{color:var(--ink)}
.dash-attn,.dash-attn h4,.dash-attn p,.dash-attn .t,.dash-attn b{color:var(--ink)}
.dash-attn .b{background:rgba(4,20,14,.14);color:var(--ink)}
.sc-btn,.recipe-tabs span.on{color:var(--ink)}
.lc-tags span{color:var(--muted)}
.cal-job,.cal-job small{color:var(--ink)}
.cal-job.rep,.cal-job.rep small{color:#fff}
.tile span{background:rgba(5,8,7,.78);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}