:root{--ivory:#F6F4ED;--ever:#123C35;--deep:#073A32;--mint:#D9F2E6;--lime:#BFD96D;--amber:#AC591E;--text:#202823;--muted:#667770;--line:rgba(18,60,53,.18)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--amber);outline-offset:4px}
.skip{position:absolute;top:-80px;left:12px;background:#fff;padding:12px;z-index:50}
.skip:focus{top:12px}
.site{position:relative;isolation:isolate;overflow:clip}
.wrapper{width:min(1370px,calc(100% - 96px));margin:0 auto}
#particles{position:absolute;top:0;left:0;width:100%;height:900px;pointer-events:none;z-index:-1}
.topbar{height:112px;display:flex;align-items:center;justify-content:space-between;gap:34px}
.logo{display:flex;align-items:center;gap:11px;color:var(--deep)}
.logo-symbol{height:43px;width:85px;display:block}
.logo span{font-size:47px;font-weight:600;letter-spacing:-.082em;line-height:1}
nav{display:flex;align-items:center;gap:33px;font-size:13px;letter-spacing:.035em;color:#31544A}
nav a:hover,.text-link:hover{color:#08765C}
.nav-cta{display:inline-flex;gap:12px;align-items:center;white-space:nowrap;border:1px solid var(--ever);border-radius:8px;padding:12px 19px;font-size:13px;font-weight:650;color:var(--ever)}
.nav-cta:hover{background:var(--mint)}
.hero{min-height:700px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:60px 0 100px}
.hero-copy{position:relative;z-index:2;max-width:690px}
.eyebrow,.section-eyebrow{color:#487264;font-size:11px;font-weight:750;letter-spacing:.22em}
.hero h1{font-size:clamp(72px,7.4vw,116px);font-weight:620;color:var(--deep);letter-spacing:-.082em;line-height:.98;margin:23px 0 26px}
em{font-style:normal}
.hero h1 em{color:#0F6452}
.lede{font-size:clamp(19px,1.8vw,23px);line-height:1.5;color:#46645A;max-width:590px;margin:0}
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:32px}
.button.dark{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 25px;background:var(--ever);border-radius:11px;color:#fff;font-size:16px;font-weight:600}
.button.dark:hover{background:#0A5A48}
.text-link{font-weight:650;font-size:15px;color:var(--ever);display:inline-flex;align-items:center;gap:10px}
.hero-footnote{margin-top:22px;font-size:12px;color:#5D7A6D}
.hero-stage{position:relative;height:480px}
.signal-tag{position:absolute;display:inline-flex;gap:11px;align-items:center;background:rgba(246,244,237,.88);backdrop-filter:blur(5px);border:1px solid rgba(18,60,53,.14);border-radius:6px;padding:12px 13px;font-size:10px;letter-spacing:.14em;color:#3B6455}
.signal-tag strong{font-size:15px;color:var(--ever);letter-spacing:0}
.signal-tag.top{top:13%;right:15%}.signal-tag.bottom{bottom:10%;right:10%}
.motion-toggle{position:absolute;bottom:44px;right:0;font-size:12px;color:#497065;background:rgba(246,244,237,.87);border:1px solid var(--line);padding:8px 14px;border-radius:99px}

.problem{background:var(--deep);color:#fff}
.problem-inner{padding:105px 0 112px;display:grid;grid-template-columns:.55fr 1fr;gap:45px}
.problem .section-eyebrow{color:#BFD96D;padding-top:9px}
.problem h2{font-size:clamp(54px,6vw,88px);line-height:1.02;font-weight:560;letter-spacing:-.075em;margin:0 0 28px}
.problem h2 span{color:var(--lime)}
.problem p{max-width:780px;font-size:20px;line-height:1.6;color:#C9E1D8;margin:0}

.experience{padding:115px 0 120px}
.experience-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:47px}
.experience h2,.benefits h2,.trust h2,.early h2{font-size:clamp(55px,6.5vw,92px);line-height:1.02;letter-spacing:-.075em;font-weight:590;color:var(--deep);margin:16px 0 0}
.experience-heading>p{max-width:410px;font-size:19px;color:#5E756A;line-height:1.55;margin:0}
.comparison{display:grid;grid-template-columns:1fr 70px 1fr;align-items:stretch;gap:0}
.paper,.posting{min-height:410px;border:1px solid var(--line);border-radius:20px;padding:35px 38px;background:rgba(255,255,255,.88);box-shadow:0 20px 65px rgba(16,51,41,.04);display:flex;flex-direction:column}
.paper{background:#fffdf7;transform:rotate(-.4deg)}
.paper-header,.posting-header{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}
.paper-date{color:#486257;font-size:13px}
.paper-center{flex:1;padding-top:40px}.receipt-overline{color:#667D71;font-size:12px}
.paper h3{font-size:40px;letter-spacing:-.055em;line-height:1.1;color:var(--deep);font-weight:550;margin:11px 0}
.paper-line{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(18,60,53,.10);padding:13px 0;font-size:16px}
.paper-line strong{color:var(--deep)}
.paper-line.total{border-bottom:none;color:var(--deep);font-weight:650;font-size:19px}
.comparison-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#548374}
.flowline{width:1px;height:90px;background:linear-gradient(transparent,#80A394,transparent)}
.flowdot{width:36px;height:36px;border:1px solid #92B6A4;display:grid;place-items:center;border-radius:50%;background:#D9F2E6;color:var(--ever);font-size:20px}
.posting{background:#F1F6EF}
.state-label{font-size:12px;font-weight:650;color:var(--ever);white-space:nowrap}
.state-label.diff{color:var(--amber)}
.posting-center{display:flex;flex:1;flex-direction:column;justify-content:center}
.posted-amount{font-size:clamp(67px,7vw,105px);line-height:1;letter-spacing:-.09em;font-weight:600;color:var(--ever);margin:16px 0}
.posted-amount.diff{color:var(--amber)}
.posting-center p{max-width:385px;color:#547265;line-height:1.5;font-size:15px}
.posting-footer{border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;font-size:16px;color:#4F6B5D}
.posting-footer strong{color:var(--ever)}
.posting-footer strong.diff{color:var(--amber)}
.interactive{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;padding:30px 35px;background:#D9F2E6;border:1px solid rgba(18,60,53,.12);border-radius:18px;margin-top:25px}
.interactive h3{font-size:23px;letter-spacing:-.04em;color:var(--ever);margin:0 0 9px}
.interactive-copy p{font-size:14px;line-height:1.45;color:#4A6B5D;margin:0}
.interactive-controls label{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:650;color:var(--ever)}
input[type=range]{width:100%;accent-color:var(--ever);margin:15px 0 10px}
.presets{display:flex;gap:8px;flex-wrap:wrap}
.presets button{background:rgba(255,255,255,.66);border:1px solid #8CB4A2;padding:9px 13px;border-radius:99px;color:var(--ever);font-size:12px}
.presets button[aria-pressed=true]{background:var(--ever);color:#fff}
.fine-print{font-size:12px;color:#6D8177;line-height:1.5;margin:18px 0 0}
.benefits{background:#E8EFE6;padding:115px 0}
.benefits-inner{max-width:1200px}
.benefits h2 em{color:#337A65}
.benefits-intro{font-size:21px;line-height:1.55;color:#5A7266;max-width:680px;margin:28px 0 55px}
.benefits-list{border-top:1px solid #ABC4B7}
.benefits-list article{border-bottom:1px solid #ABC4B7;padding:35px 0;display:grid;grid-template-columns:100px 1fr;gap:22px}
.step{color:#648776;font-size:14px;letter-spacing:.15em}
.benefits-list h3{font-size:27px;letter-spacing:-.04em;color:var(--ever);margin:0 0 9px}
.benefits-list p{font-size:16px;color:#587366;line-height:1.55;margin:0}
.trust{padding:120px 0;display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center}
.trust-content p:not(.section-eyebrow){font-size:18px;color:#62776E;line-height:1.62;max-width:660px}
.trust-visual{background:var(--ever);color:#fff;border-radius:24px;padding:75px 48px;min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.trust-visual .trust-symbol{font-size:64px;color:var(--lime);line-height:1}
.trust-visual p{margin:14px 0;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#D1E8DD}
.trust-rule{height:2px;width:150px;background:var(--lime)}
.trust-visual strong{font-size:23px;margin-top:28px}
.early{background:#0C4036;color:#fff;text-align:center;padding:110px 0}
.early h2{color:#fff}
.early p:not(.section-eyebrow){color:#D6E8DE;font-size:19px;line-height:1.6;max-width:650px;margin:24px auto}
.early .section-eyebrow{color:var(--lime)}
.early-notice{display:inline-block;max-width:660px;padding:17px 23px;border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#D5E5DD;font-size:13px;line-height:1.5}
.footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-block:30px;font-size:12px;color:#657970}
.footer-logo{font-size:25px;letter-spacing:-.06em;color:var(--ever);font-weight:650}
@media(max-width:900px){
.wrapper{width:calc(100% - 42px)}.topbar{height:90px}.logo-symbol{width:58px;height:32px}.logo span{font-size:33px}
nav{display:none}.nav-cta{padding:10px 14px;font-size:12px}.hero{grid-template-columns:1fr;min-height:720px;padding:60px 0 100px;align-items:start}
.hero h1{font-size:clamp(60px,11vw,88px)}.hero-stage{position:absolute;inset:230px 0 0;z-index:-1;height:430px}.signal-tag{display:none}
.motion-toggle{bottom:40px}.problem-inner{grid-template-columns:1fr;gap:20px;padding:80px 0}
.experience-heading{display:block}.experience-heading>p{margin-top:23px}
.comparison{grid-template-columns:1fr;gap:16px}.comparison-center{height:22px;transform:rotate(0)}.comparison-center .flowline{display:none}
.paper,.posting{min-height:330px;padding:24px}.paper-center{padding-top:22px}
.interactive{grid-template-columns:1fr;gap:20px}.trust{grid-template-columns:1fr;gap:32px}.trust-visual{min-height:280px}
}
@media(max-width:600px){
.wrapper{width:calc(100% - 32px)}.hero{min-height:680px;padding-top:78px}.hero h1{font-size:clamp(57px,14vw,76px)}.lede{font-size:18px}.hero-actions{gap:14px}.button.dark{padding:14px 17px;font-size:14px}.hero-stage{inset:300px 0 0}
.problem h2,.experience h2,.benefits h2,.trust h2,.early h2{font-size:clamp(48px,11vw,62px)}
.experience{padding:76px 0}.experience-heading>p{font-size:17px}.paper h3{font-size:33px}
.interactive{padding:22px}.trust,.benefits{padding-block:80px}.benefits-list article{grid-template-columns:45px 1fr;padding:25px 0}
.early{padding:75px 0}.footer{align-items:start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}


/* ===== W3B: Four-chapter cinematic scroll narrative ===== */
.journey{height:440vh;position:relative;isolation:isolate;background:linear-gradient(180deg,#F5F5EE 0%,#EDF4EA 53%,#F6F4ED 100%)}
.journey-sticky{height:100svh;min-height:580px;position:sticky;top:0;overflow:hidden;display:flex;align-items:center;isolation:isolate}
#journey-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.95}
.journey-sticky::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(246,244,237,.96),rgba(246,244,237,.82) 31%,rgba(246,244,237,.28) 57%,transparent 85%);z-index:1}
.journey-layout{display:grid;grid-template-columns:minmax(330px,.83fr) minmax(410px,1.17fr);gap:50px;align-items:center;position:relative;z-index:2;height:100%}
.journey-narration{position:relative}
.journey-narration>.section-eyebrow{margin:0 0 40px;font-size:11px}
.journey-beats{height:350px;position:relative;max-width:540px}
.journey-beat{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateY(36px);transition:opacity .45s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.journey-beat.is-active{opacity:1;pointer-events:auto;transform:translateY(0)}
.journey-beat .beat-number{display:inline-block;margin-bottom:23px;color:#5C7F71;font-size:12px;font-weight:730;letter-spacing:.18em}
.journey-beat h2{font-size:clamp(52px,5.65vw,81px);line-height:1.02;letter-spacing:-.074em;font-weight:610;color:var(--deep);margin:0 0 24px}
.journey-beat h2 em{font-style:normal;color:#16725D}
.journey-beat[data-beat="3"] h2 em{color:var(--amber)}
.journey-beat p{font-size:clamp(17px,1.6vw,20px);line-height:1.56;color:#506D60;max-width:530px}
.journey-position{display:flex;align-items:center;gap:15px;color:#5C8071;font-size:12px;font-weight:720;letter-spacing:.17em;margin-top:25px}
.journey-position>span:first-child{font-size:22px;color:var(--deep)}
.journey-divider{display:block;height:1px;width:52px;background:#89AD9D}
.journey-scroll-cue{margin-left:auto;white-space:nowrap;font-size:10px;letter-spacing:.14em}
.journey-visual{height:min(79svh,730px);min-height:520px;width:100%;position:relative;isolation:isolate;border:1px solid rgba(18,60,53,.10);border-radius:42px;background:radial-gradient(ellipse at 70% 20%,rgba(182,233,204,.52),transparent 45%),radial-gradient(ellipse at 32% 80%,rgba(210,242,226,.72),transparent 57%),rgba(255,255,250,.18);box-shadow:0 32px 90px rgba(12,61,45,.06)}
.journey-receipt,.journey-bank{position:absolute;background:rgba(255,254,247,.92);border:1px solid rgba(18,60,53,.14);box-shadow:0 18px 48px rgba(14,53,39,.09);border-radius:18px;padding:23px 25px;width:min(67%,330px);transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .6s,border-color .6s,box-shadow .6s}
.journey-receipt{top:9%;left:50%;transform:translateX(-50%) rotate(-2deg);z-index:3}
.journey-bank{bottom:8%;left:50%;transform:translateX(-50%) translateY(7px);z-index:3}
.journey[data-scene="0"] .journey-bank{opacity:.36;transform:translateX(-50%) translateY(23px)}
.journey[data-scene="1"] .journey-bank{border-color:rgba(168,193,100,.36)}
.journey[data-scene="2"] .journey-bank{border-color:rgba(25,127,94,.36);box-shadow:0 14px 48px rgba(14,96,68,.13)}
.journey[data-scene="3"] .journey-bank{border-color:rgba(172,89,30,.37);box-shadow:0 14px 48px rgba(172,89,30,.08)}
.mini-label{color:#628173;letter-spacing:.18em;font-size:10px;font-weight:760}
.journey-merchant{font-size:25px;letter-spacing:-.065em;color:var(--deep);font-weight:650;margin:10px 0 18px}
.receipt-rows{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;display:grid;grid-template-columns:1fr auto;row-gap:10px;color:#597266;font-size:13px}
.receipt-rows strong{color:var(--deep);font-weight:650}
.receipt-confirmed{display:flex;justify-content:space-between;align-items:center;padding-top:15px;color:var(--ever);font-size:14px}
.receipt-confirmed strong{font-size:25px;letter-spacing:-.04em}
.journey-bank-status{display:inline-flex;padding:8px 0 0;color:#628173;font-size:14px;font-weight:660}
.journey-bank-amount{font-size:clamp(46px,5vw,70px);line-height:1.08;letter-spacing:-.09em;font-weight:650;color:var(--ever);margin:9px 0 4px;font-variant-numeric:tabular-nums}
.journey[data-scene="1"] .journey-bank-amount{color:#7B8742}
.journey[data-scene="3"] .journey-bank-amount{color:var(--amber)}
.journey-bank-difference{font-size:12px;color:#627A6F;line-height:1.5;padding-top:9px;border-top:1px solid var(--line)}
.journey[data-scene="3"] .journey-bank-difference{color:var(--amber);font-weight:670}
.journey-signal-note{position:absolute;bottom:47%;left:50%;transform:translateX(-50%);color:#2C6656;background:rgba(246,244,237,.88);border:1px solid rgba(18,60,53,.11);white-space:nowrap;border-radius:99px;font-size:10px;letter-spacing:.08em;font-weight:650;padding:10px 16px;z-index:4}
.journey-progress{position:absolute;right:30px;top:50%;transform:translateY(-50%);z-index:4;display:flex;flex-direction:column;gap:13px}
.journey-progress button{height:28px;width:12px;border:0;background:transparent;display:grid;place-items:center;padding:0}
.journey-progress button::after{content:"";height:20px;width:3px;border-radius:99px;background:#A9C9B9;transition:height .3s,background .3s}
.journey-progress button[aria-current="step"]::after{height:28px;background:var(--ever)}
.journey-progress button:focus-visible{outline:2px solid var(--ever)}
/* Reveal in the supporting sections is progressive, not a prerequisite for readability. */
.benefits-list article,.trust-content,.trust-visual{transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.motion-enhanced .reveal:not(.in-view){opacity:.48;transform:translateY(20px)}
.motion-enhanced .reveal.in-view{opacity:1;transform:none}
/* Diffuse ambient hero art: no two condensed lanes. */
#particles{z-index:-1;opacity:1}
.hero-stage .signal-tag{z-index:2}
@media(max-width:1050px){
.journey-layout{grid-template-columns:minmax(280px,.95fr) minmax(335px,1.05fr);gap:20px}
.journey-visual{height:73svh;min-height:490px}
.journey-receipt,.journey-bank{width:72%}
.journey-beat h2{font-size:clamp(48px,5vw,66px)}
.journey-progress{right:10px}
}
@media(max-width:760px){
.journey{height:450svh}
.journey-sticky{min-height:0;height:100svh}
.journey-layout{width:calc(100% - 32px);grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:9px;padding:18px 0 30px}
.journey-narration{align-self:start;margin-top:8px}
.journey-narration>.section-eyebrow{margin:0 0 12px;font-size:10px}
.journey-beats{height:186px;max-width:none}
.journey-beat .beat-number{font-size:10px;margin-bottom:10px}
.journey-beat h2{font-size:clamp(36px,8vw,54px);margin-bottom:10px}
.journey-beat p{font-size:14px;line-height:1.4;max-width:510px;margin:0}
.journey-position{margin-top:0;position:absolute;top:0;right:0;gap:8px}
.journey-position>span:first-child{font-size:14px}
.journey-divider{width:18px}
.journey-scroll-cue{display:none}
.journey-visual{height:100%;min-height:0;max-height:calc(100svh - 273px);border-radius:25px}
.journey-receipt,.journey-bank{width:min(67%,265px);padding:13px 15px;border-radius:14px}
.journey-receipt{top:4%}
.journey-bank{bottom:4%}
.journey-merchant{font-size:19px;margin:7px 0 9px}
.mini-label{font-size:9px}
.receipt-rows{padding:7px 0;row-gap:5px;font-size:11px}
.receipt-confirmed{padding-top:6px;font-size:11px}
.receipt-confirmed strong{font-size:20px}
.journey-bank-status{font-size:12px;padding-top:5px}
.journey-bank-amount{font-size:42px;margin:4px 0 0}
.journey-bank-difference{font-size:10px;padding-top:5px}
.journey-signal-note{bottom:45%;font-size:9px;padding:7px 12px;max-width:92%;white-space:normal;text-align:center}
.journey-progress{right:4px;top:58%}
.journey-sticky::after{background:linear-gradient(180deg,rgba(246,244,237,.95) 0%,rgba(246,244,237,.78) 40%,rgba(246,244,237,.12) 73%)}
}
@media(max-width:370px){.journey-beats{height:210px}.journey-beat h2{font-size:35px}.journey-visual{max-height:calc(100svh - 296px)}}
@media(prefers-reduced-motion:reduce){
.journey{height:auto;min-height:0}
.journey-sticky{height:auto;min-height:0;position:relative;overflow:visible;padding:45px 0 80px}
.journey-layout{display:flex;flex-direction:column;gap:20px}
.journey-narration{width:100%}
.journey-beats{height:auto;max-width:720px}
.journey-beat{position:relative;opacity:1!important;transform:none!important;pointer-events:auto;padding:18px 0;border-bottom:1px solid var(--line)}
.journey-position,.journey-progress{display:none}
.journey-visual{height:560px;min-height:460px;max-height:none;width:min(100%,620px)}
.journey-sticky::after{background:transparent}
.motion-enhanced .reveal{opacity:1!important;transform:none!important}
}


/* W3C cinematic motion fidelity. These properties are continuously scrubbed by scroll. */
.hero-stage{overflow:visible;position:relative}
.hero-signal-glow{position:absolute;inset:-20% -22% -8% -5%;z-index:-1;background:radial-gradient(ellipse at 65% 47%,rgba(196,235,211,.23),transparent 65%);pointer-events:none}
#particles{opacity:1;filter:saturate(1.04)}
.journey-visual{--match:0;--difference:0;--bank-entry:.12;--receipt-x:0px;--receipt-y:0px;--receipt-rotation:-2deg;--receipt-scale:1;--bank-x:0px;--bank-y:22px;--bank-scale:.88;overflow:hidden}
.journey .journey-visual .journey-receipt{
  transform:translateX(calc(-50% + var(--receipt-x))) translateY(var(--receipt-y)) rotate(var(--receipt-rotation)) scale(var(--receipt-scale));
  transform-origin:50% 50%;transition:box-shadow .4s,border-color .4s;will-change:transform
}
.journey .journey-visual .journey-bank{
  transform:translateX(calc(-50% + var(--bank-x))) translateY(var(--bank-y)) scale(var(--bank-scale));
  transform-origin:50% 50%;opacity:var(--bank-entry);transition:box-shadow .4s,border-color .4s;will-change:transform
}
.journey-visual::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(ellipse at 65% 54%,rgba(205,115,46,.20),rgba(172,89,30,.08) 27%,transparent 70%);
  opacity:var(--difference,0)
}
.alignment-halo{position:absolute;inset:7%;z-index:1;pointer-events:none;opacity:var(--match,0);transform:scale(calc(.68 + var(--match,0) * .48));transform-origin:50% 51%;
  background:radial-gradient(ellipse at 50% 50%,rgba(100,195,148,.40),rgba(139,222,174,.23) 24%,rgba(181,236,210,.08) 44%,transparent 70%);
  filter:blur(18px)
}
.signal-bridge{position:absolute;z-index:2;left:50%;top:49%;width:182px;height:92px;display:flex;align-items:center;justify-content:center;gap:21px;pointer-events:none;opacity:var(--match,0);transform:translate(-50%,-50%) scale(calc(.76 + var(--match,0)*.34))}
.bridge-orbit{border-radius:50%;height:28px;width:28px;border:2px solid rgba(27,125,91,.5);box-shadow:0 0 26px rgba(26,134,89,.2)}
.bridge-core{height:12px;width:12px;background:#136D50;box-shadow:0 0 10px 5px rgba(112,214,155,.53),0 0 52px 19px rgba(116,221,169,.38);border-radius:50%}
.journey .journey-beat{transition:none;will-change:opacity,transform}
.journey-signal-note{box-shadow:0 6px 22px rgba(17,71,51,.06);transition:color .2s,background .2s}
.journey[data-scene="2"] .journey-signal-note{color:#0C644C;border-color:rgba(55,149,106,.28);background:rgba(230,250,234,.95)}
.journey[data-scene="3"] .journey-signal-note{color:#955220;border-color:rgba(172,89,30,.2);background:rgba(252,242,231,.94)}
@media(max-width:760px){
 .hero-signal-glow{inset:6% -10% -10%;opacity:.65}
 .signal-bridge{top:51%;width:130px;gap:12px}
 .bridge-orbit{width:19px;height:19px}
 .journey .journey-visual .journey-receipt{transform:translateX(calc(-50% + var(--receipt-x))) translateY(var(--receipt-y)) rotate(var(--receipt-rotation)) scale(var(--receipt-scale))}
}
@media(prefers-reduced-motion:reduce){
 .journey .journey-beat{opacity:1!important;transform:none!important}
 .journey .journey-visual .journey-receipt,.journey .journey-visual .journey-bank{transform:none!important;position:relative;left:auto;top:auto;bottom:auto;width:min(90%,340px);margin:15px auto;opacity:1!important}
 .journey .journey-visual .journey-receipt{transform:rotate(-2deg)!important}
 .journey-visual{height:auto!important;min-height:0!important;max-height:none!important;padding:25px 0}
 .alignment-halo,.signal-bridge{display:none}
}


/* W3D — Protected hero reading zones and stronger Equari identity.
 * Particles are retained as the full-screen visual field but never compete
 * with key text or the masthead.
 */
.topbar{
  position:relative;
  z-index:8;
  isolation:isolate;
  height:124px;
  gap:36px;
}
.topbar::before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  top:-8px;
  bottom:0;
  left:-24px;
  right:-24px;
  border-bottom:1px solid rgba(18,60,53,.075);
  background:linear-gradient(180deg,rgba(246,244,237,.98) 0%,rgba(246,244,237,.97) 57%,rgba(246,244,237,.86) 84%,rgba(246,244,237,.38) 100%);
}
.logo{
  gap:14px;
  flex-shrink:0;
  position:relative;
  z-index:2;
  color:#06392F;
}
.logo-symbol{
  width:96px;
  height:51px;
  flex-shrink:0;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.35));
}
.logo span{
  font-size:clamp(48px,3.5vw,58px);
  font-weight:650;
  line-height:1;
  letter-spacing:-.077em;
}
.topbar nav{
  font-size:15px;
  font-weight:560;
  gap:33px;
  letter-spacing:.012em;
  color:#23473B;
}
.nav-cta{
  background:var(--ever);
  border:1px solid var(--ever);
  color:white;
  padding:14px 20px;
  font-size:14px;
  font-weight:660;
  border-radius:10px;
  box-shadow:0 6px 20px rgba(18,60,53,.10);
}
.nav-cta:hover{background:#0C594B;color:white}
.hero{
  z-index:2;
  min-height:min(790px,calc(100svh - 124px));
  padding:50px 0 85px;
  isolation:isolate;
}
.hero::before{
  content:"";
  position:absolute;
  inset:-10% 22% -10% -4%;
  pointer-events:none;
  z-index:0;
  background:linear-gradient(90deg,
    #F6F4ED 0%,
    rgba(246,244,237,.998) 27%,
    rgba(246,244,237,.98) 49%,
    rgba(246,244,237,.85) 70%,
    rgba(246,244,237,0) 100%);
}
.hero-copy{z-index:3;max-width:710px}
.hero h1{
  color:#073A32;
  font-size:clamp(76px,7.9vw,124px);
  line-height:1.005;
  font-weight:660;
  letter-spacing:-.075em;
  margin:20px 0 24px;
}
.hero h1 em{color:#0C634F}
.hero .eyebrow{
  color:#2A6050;
  font-size:12px;
  font-weight:770;
  letter-spacing:.16em;
}
.hero .lede{
  max-width:580px;
  color:#2F4F43;
  font-weight:450;
  font-size:clamp(20px,1.8vw,24px);
  line-height:1.48;
}
.hero-footnote{
  font-size:13px;
  color:#466B5C;
  margin-top:22px;
}
.hero-stage{z-index:2}
.signal-tag{
  background:rgba(246,244,237,.95);
  border:1px solid rgba(18,60,53,.18);
  box-shadow:0 12px 30px rgba(18,60,53,.06);
  padding:12px 15px;
  font-weight:600;
  color:#27594B;
  font-size:11px;
}
.signal-tag strong{font-size:17px;color:#0C4F40}
.motion-toggle{
  z-index:4;
  background:rgba(246,244,237,.96);
  color:#245B4A;
  font-size:13px;
  font-weight:620;
  border-color:rgba(18,60,53,.2);
  padding:10px 16px;
}
@media(max-width:1100px){
  .topbar{height:100px;gap:18px}
  .logo-symbol{width:79px;height:43px}
  .logo span{font-size:46px}
  .topbar nav{gap:18px;font-size:13px}
  .hero h1{font-size:clamp(66px,8vw,94px)}
  .hero::before{inset:-8% 14% -8% -5%;background:linear-gradient(90deg,#F6F4ED 0%,rgba(246,244,237,.99) 40%,rgba(246,244,237,.8) 69%,transparent 100%)}
}
@media(max-width:900px){
  .topbar{height:100px}
  .topbar::before{left:-21px;right:-21px}
  .logo-symbol{width:73px;height:40px}
  .logo span{font-size:43px}
  .nav-cta{font-size:12px;padding:12px 14px}
  .hero{min-height:680px;padding-top:80px}
  .hero h1{font-size:clamp(62px,10.3vw,86px)}
  .hero::before{inset:-5% -5% 17%;background:linear-gradient(180deg,#F6F4ED 0%,rgba(246,244,237,.98) 50%,rgba(246,244,237,.85) 79%,transparent 100%)}
  .hero .lede{max-width:590px}
}
@media(max-width:600px){
  .topbar{height:86px;gap:8px}
  .topbar::before{left:-16px;right:-16px}
  .logo{gap:8px}
  .logo-symbol{width:54px;height:30px}
  .logo span{font-size:35px}
  .nav-cta{padding:10px 10px;font-size:11px}
  .hero{padding-top:63px;min-height:660px}
  .hero h1{font-size:clamp(54px,12.5vw,74px);letter-spacing:-.068em}
  .hero .eyebrow{font-size:10px;letter-spacing:.13em}
  .hero .lede{font-size:18px;line-height:1.47}
  .hero::before{inset:-5% -5% 12%;background:linear-gradient(180deg,#F6F4ED 0%,rgba(246,244,237,.99) 50%,rgba(246,244,237,.88) 72%,transparent 100%)}
  .motion-toggle{bottom:30px;right:0}
}


/* W4 — Ethical early access, readable trust navigation and consent. */
.trust-link{
  display:inline-flex;align-items:center;gap:16px;
  color:var(--ever);border-bottom:1px solid rgba(18,60,53,.4);
  padding:10px 0;font-size:16px;font-weight:670;letter-spacing:-.01em;
}
.trust-link:hover{color:#0B8062;border-color:#0B8062}
.early-content{width:min(1100px,calc(100% - 48px))}
.signup-panel{
  width:min(740px,100%);margin:44px auto 0;
  background:#F7F7F0;border-radius:22px;text-align:left;
  box-shadow:0 24px 80px rgba(0,25,18,.18);
  border:1px solid rgba(255,255,255,.32);
  padding:30px 36px 28px;color:var(--deep);
}
.signup-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:23px}
.signup-label{font-size:11px;font-weight:760;letter-spacing:.16em;color:#40685C}
.signup-status{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#67806D;background:#E6EEDF;border-radius:99px;padding:7px 12px}
.signup-status span{font-size:9px;color:#829D61}
.signup-panel.is-open .signup-status{background:#D9F2E6;color:#0B6049}
.signup-panel.is-open .signup-status span{color:#0A8063}
.email-label{display:block;font-size:14px;font-weight:720;margin-bottom:10px;color:var(--ever)}
.signup-row{display:flex;align-items:stretch;gap:10px}
.signup-row input{flex:1;min-width:0;min-height:60px;border:1px solid #B9C9BC;background:#fff;border-radius:11px;padding:0 18px;color:var(--deep);font-size:17px}
.signup-row input:disabled{opacity:.7;cursor:not-allowed}
.signup-row input::placeholder{color:#91A199}
.signup-row button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:0;border-radius:11px;min-width:208px;padding:0 20px;background:var(--ever);color:white;font-size:15px;font-weight:700}
.signup-row button:disabled{background:#A6B9AB;cursor:not-allowed;color:#F5FAF5}
.signup-row button:not(:disabled):hover{background:#0B6B51}
.consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;color:#637A6E;margin:18px 0 0}
.consent input{margin:2px 0 0;accent-color:var(--ever);width:17px;height:17px}
.waitlist-state{margin:16px 0 0!important;max-width:none!important;color:#63766A!important;font-size:13px!important;line-height:1.55!important}
.signup-footnote{margin:19px 0 0!important;max-width:none!important;font-size:12px!important;color:#638071!important;line-height:1.45!important}
.signup-footnote a{text-decoration:underline;text-underline-offset:3px}
.footer{flex-wrap:wrap}
.footer-nav{display:flex!important;gap:18px;align-items:center;flex-wrap:wrap;font-size:12px;color:#52685C;letter-spacing:0}
.footer-nav a{white-space:nowrap}
@media(max-width:680px){
 .signup-panel{padding:25px 20px 24px}
 .signup-row{flex-direction:column}
 .signup-row input,.signup-row button{width:100%;min-height:55px}
 .signup-row button{min-width:0}
 .footer-nav{gap:14px}
 .early-content{width:calc(100% - 32px)}
}