/* Focused product story, with motion reserved for deliberate navigation. */
.public-story .ambient-glow{animation:none;opacity:.28}.public-story .ambient-grid{opacity:.13}
.public-story .site-header{position:relative;flex-wrap:wrap}.public-story .site-header:after{animation:none}
.public-story .site-header nav a[aria-current=page]{color:var(--lime);border-bottom:2px solid currentColor;padding-bottom:6px}
.public-story .hero{min-height:660px}.public-story .section{padding:85px 0}.public-story .section-intro{max-width:640px}
.public-story .section h2{font-size:clamp(34px,4.5vw,62px)}.public-story .hero h1{font-size:clamp(56px,6.5vw,90px)}
.detail-intro{padding:90px 0 35px;max-width:950px}.detail-intro h1{font:600 clamp(44px,6vw,78px)/1.05 var(--font-display);letter-spacing:-.045em}.detail-intro .lead{max-width:700px;margin:25px 0}.detail-intro+.section{padding-top:45px}
.benefit-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:45px 0 35px}.benefit-cards article{padding:28px;border:1px solid var(--line);background:linear-gradient(150deg,#49ffe408,transparent 65%);position:relative}.benefit-cards article:nth-child(2){--card-accent:var(--pink)}.benefit-cards article:nth-child(3){--card-accent:var(--lime)}.benefit-cards h3{font-size:26px;margin:25px 0 12px}.benefit-cards p{font-size:20px;color:var(--muted);margin:0;max-width:260px}.benefit-art{height:110px;display:grid;place-items:center;position:relative;color:var(--card-accent,var(--cyan));background:linear-gradient(90deg,#49ffe405 1px,transparent 1px),linear-gradient(#49ffe405 1px,transparent 1px);background-size:22px 22px}.benefit-art span{font:64px var(--font-display)}.benefit-art i{position:absolute;inset:10px 25%;border:1px solid currentColor;clip-path:polygon(0 0,25% 0,25% 4%,4% 4%,4% 25%,0 25%,0 0,100% 0,100% 100%,75% 100%,75% 96%,96% 96%,96% 75%,100% 75%,100% 100%,0 100%)}
.story-access{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line)}.story-access .text-link{display:block;margin-top:25px}.story-access p{color:var(--muted)}.access-faq{margin-top:0}.access-faq summary{font-size:21px}.access-faq p{font-size:19px}.public-story .site-footer nav{display:flex;flex-wrap:wrap;gap:20px;font-size:17px;margin-left:auto}.public-story .site-footer nav a{color:var(--cyan)}
/* Twin shutters form a neon seam; there is no full-screen white flash. */
.page-transfer{position:fixed;inset:0;z-index:10000;pointer-events:none;overflow:hidden;visibility:hidden}.page-transfer i{position:absolute;inset:-20% -10%;background:#080e16;border:2px solid var(--cyan);box-shadow:0 0 35px #49ffe430;transform:translateX(-115%) skewX(-12deg)}.page-transfer i:nth-child(2){border-color:var(--pink);transform:translateX(115%) skewX(-12deg)}.page-transfer span{position:absolute;inset:47% 0 auto;text-align:center;font:13px var(--font-display);letter-spacing:.22em;color:var(--lime);opacity:0}
.page-leaving .page-transfer,.page-arriving .page-transfer{visibility:visible}.page-leaving .page-transfer i{transform:translateX(-49.9%) skewX(-12deg);transition:transform .72s cubic-bezier(.7,0,.3,1)}.page-leaving .page-transfer i:nth-child(2){transform:translateX(49.9%) skewX(-12deg)}.page-leaving .page-transfer span{opacity:1;transition:opacity .4s .18s}.page-arriving .page-transfer i{animation:public-unseal .95s cubic-bezier(.2,.7,.2,1) both}.page-arriving .page-transfer i:nth-child(2){animation-name:public-unseal-right}
@keyframes public-unseal{from{transform:translateX(-49.9%) skewX(-12deg)}to{transform:translateX(-115%) skewX(-12deg)}}@keyframes public-unseal-right{from{transform:translateX(49.9%) skewX(-12deg)}to{transform:translateX(115%) skewX(-12deg)}}
.motion-paused .page-transfer{display:none}.public-story a:focus-visible,.public-story button:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
@media(max-width:1000px){.public-story .site-header{gap:15px;padding:20px 0}.public-story .site-header nav{order:3;width:100%;display:flex;gap:24px;justify-content:center}.public-story .header-actions{margin-left:auto}.public-story .hero{min-height:0}.benefit-cards{gap:12px}.benefit-cards article{padding:20px}.benefit-cards h3{font-size:23px}}
@media(max-width:700px){.public-story .hero h1{font-size:clamp(48px,12vw,75px)}.public-story .section{padding:60px 0}.public-story .hero{padding-top:45px}.public-story .site-header nav{gap:12px;justify-content:space-between;font-size:15px}.public-story .site-header nav a{white-space:nowrap}.public-story .header-login{font-size:15px}.benefit-cards{grid-template-columns:1fr}.benefit-cards article{display:grid;grid-template-columns:85px 1fr;gap:0 20px;padding:25px}.benefit-art{grid-row:span 2;height:100%;min-height:95px}.benefit-art span{font-size:46px}.benefit-art i{inset:5px}.benefit-cards h3{margin:0 0 12px}.benefit-cards p{font-size:19px}.story-access{grid-template-columns:1fr;gap:35px}.detail-intro{padding:60px 0 25px}.detail-intro h1{font-size:44px}.public-story .site-footer nav{margin-left:0}.public-story .companion-demo-actions .button{font-size:16px}}
@media(prefers-reduced-motion:reduce){.page-transfer{display:none!important}}

/* A single signal dropout per navigation: rolling bands, never full-screen flashes. */
.page-transfer::before,.page-transfer::after{content:'';position:absolute;inset:-12% -5%;z-index:2;pointer-events:none;opacity:0}
.page-transfer::before{background:repeating-linear-gradient(0deg,transparent 0 3px,#050a1380 3px 5px);mask-image:linear-gradient(transparent 10%,#000 22% 42%,transparent 48%,#000 66% 77%,transparent 86%)}
.page-transfer::after{background:linear-gradient(0deg,transparent 18%,#49ffe425 18% 19%,#03080cbd 19% 24%,transparent 24% 51%,#ff75c71c 51% 52%,#03080cb0 52% 58%,transparent 58% 78%,#49ffe420 78% 79%,transparent 79%);box-shadow:inset 10px 0 #49ffe41c,inset -10px 0 #ff75c71c}
.page-leaving .page-transfer::before{animation:signal-scan .76s steps(1,end) both}
.page-leaving .page-transfer::after{animation:signal-tear .76s steps(1,end) both}
.page-arriving .page-transfer::before{animation:signal-scan .95s steps(1,end) reverse both}
.page-arriving .page-transfer::after{animation:signal-tear .95s steps(1,end) reverse both}
.page-transfer span{z-index:3;text-shadow:2px 0 #ff75c750,-2px 0 #49ffe460}
@keyframes signal-scan{0%{opacity:0;transform:translateY(-9%)}18%{opacity:.5;transform:translateY(2%)}42%{opacity:.7;transform:translateY(-4%)}68%{opacity:.35;transform:translateY(7%)}100%{opacity:0;transform:translateY(12%)}}
@keyframes signal-tear{0%{opacity:0;transform:translate(0,-8%)}14%{opacity:.8;transform:translate(-2%,2%)}38%{opacity:.6;transform:translate(2%,-3%)}62%{opacity:.9;transform:translate(-1%,8%)}86%{opacity:.3;transform:translate(1%,14%)}100%{opacity:0;transform:translate(0,18%)}}

/* The companion has its own short stops between product chapters. */
.public-guide{--guide-accent:#49ffe4;display:grid;grid-template-columns:170px minmax(0,650px);align-items:center;justify-content:center;gap:20px;padding:32px 0 48px;margin:24px 0;position:relative}
.public-guide-plans{--guide-accent:#efff63}.public-guide-future{--guide-accent:#ff75c7}
.public-guide-figure{width:170px;height:200px;min-width:0;filter:none}
.public-guide-bubble{position:relative;border:1px solid color-mix(in srgb,var(--guide-accent) 50%,transparent);border-left:3px solid var(--guide-accent);padding:24px 28px;background:linear-gradient(130deg,color-mix(in srgb,var(--guide-accent) 7%,#0b1019),#0b1019);border-radius:3px 24px 24px 24px}
.public-guide-bubble:before{content:'';position:absolute;left:-10px;top:40%;width:14px;height:14px;background:#0b171e;border-left:1px solid var(--guide-accent);border-bottom:1px solid var(--guide-accent);transform:rotate(45deg)}
.public-guide-bubble .eyebrow{color:var(--guide-accent);font-size:12px;line-height:1.6;margin:0 0 12px}
.public-guide-bubble [data-guide-quip]{font-size:clamp(20px,2.2vw,25px);line-height:1.5;color:#eaf4f4;margin:0 0 18px}
.public-guide-bubble button{background:transparent;border:0;border-bottom:1px solid var(--guide-accent);color:var(--guide-accent);font:inherit;font-size:16px;padding:10px 0;cursor:pointer;min-height:44px}
.public-guide-bubble button:focus-visible{outline:2px solid var(--guide-accent);outline-offset:5px}
@media(max-width:600px){.public-guide{grid-template-columns:85px minmax(0,1fr);gap:8px;padding:20px 0}.public-guide-figure{width:85px;height:125px}.public-guide-bubble{padding:18px 16px}.public-guide-bubble [data-guide-quip]{font-size:18px}.public-guide-bubble .eyebrow{font-size:10px;letter-spacing:.06em}.public-guide-bubble button{font-size:15px}}