/* Primary ink with alpha keeps supporting text readable on the neutral canvas. */
body{--muted:rgba(19,24,52,.72)}
html{scroll-behavior:smooth;scroll-padding-top:24px}.site-nav,.section,.site-footer,.hero{max-width:1280px;margin-left:auto;margin-right:auto}.site-nav{padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-nav .brand span{font-size:.75rem;font-weight:400;color:var(--muted);border-left:1px solid var(--line);padding-left:12px}.site-nav nav{display:flex;align-items:center;gap:28px;font-size:.86rem}.site-nav nav>a:not(.button){text-decoration:none}.hero{padding:0;display:grid;grid-template-columns:1fr 1.08fr;min-height:560px}.hero-copy{padding:64px 0 64px 48px;z-index:1;align-self:center}.hero h1{font-size:clamp(2.5rem,4.8vw,4.3rem);margin:24px 0;line-height:1.03;letter-spacing:-.04em}.hero-lead{font-size:1.25rem;max-width:370px;color:#dfe6ef}.hero .button{margin-top:16px;min-height:50px}.access-note{font-size:.75rem;margin-top:16px;max-width:370px}.hero-visual{position:relative;min-height:500px;margin-left:28px}.hero-image{width:100%;height:100%;object-fit:cover;object-position:47% 50%;opacity:.72;mask-image:linear-gradient(90deg,transparent,#000 24%)}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#131834bb,transparent 60%);pointer-events:none}.floating{position:absolute;z-index:1;bottom:40px;left:0;right:32px;background:#ffffff24}.floating p{font-size:1.4rem;line-height:1.3;margin:12px 0 20px;letter-spacing:-.02em}.floating-status{font-size:.75rem;color:#f7fbfd;display:flex;gap:8px;align-items:center}.floating-status>span{border:1px solid #dfe6ef;border-radius:50%;width:24px;height:24px;text-align:center}.section{margin-top:96px;margin-bottom:96px}.section h2{font-size:clamp(2rem,3.3vw,3rem);line-height:1.08}.story{display:grid;grid-template-columns:1fr 1fr;gap:80px}.story>.muted{max-width:340px}.journey-list{padding:0;margin:0;list-style:none}.journey-list li{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:0 0 24px;margin-bottom:24px}.journey-list li>span{font-size:.75rem;font-weight:700;color:var(--muted);padding-top:4px}.journey-list p{color:var(--muted);margin-bottom:0}.demonstration{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:48px;align-items:center}.demo-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:32px}.demo-tabs button{font-size:.86rem}.demo-window{min-height:300px;box-shadow:0 20px 50px #0003;padding:24px}.demo-chrome{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff40;padding-bottom:16px;margin-bottom:24px;font-size:.75rem;color:#dfe6ef}.demo-action{display:inline-flex;background:var(--paper);color:var(--night);padding:10px 16px;border-radius:10px;font-size:.86rem;font-weight:700}.demo-row{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:16px;border-bottom:1px solid #ffffff40;padding:16px 0;font-size:.86rem}.demo-head{font-size:.75rem;font-weight:700}#demo-table .hint{margin-top:24px}.clarity{display:grid;grid-template-columns:1.1fr 1fr;gap:0 96px}.clarity>.eyebrow{grid-column:1/-1}.clarity-copy p{color:var(--muted)}.start{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:48px}.start .button{margin-top:16px}.install{padding:0;counter-reset:install;list-style:none}.install li{position:relative;padding-left:40px;margin:0 0 24px;counter-increment:install}.install li:before{content:counter(install);position:absolute;left:0;top:0;font-size:.75rem;border:1px solid #ffffff60;border-radius:50%;width:24px;height:24px;text-align:center;line-height:24px}.install strong{font-size:1.1rem}.install p{color:#d5dee8;font-size:.86rem;margin-top:8px}.install code{font-size:.85rem;color:white;overflow-wrap:anywhere}.faq{display:grid;grid-template-columns:1fr 1fr;gap:80px}.faq details{padding-top:24px;padding-bottom:12px}.faq details p{color:var(--muted)}.site-footer{display:grid;grid-template-columns:1fr 2fr 1fr;gap:32px;align-items:center;border-top:1px solid var(--line);padding:32px 0 48px}.site-footer p{margin:0;font-size:.86rem}.site-footer>a{font-size:.86rem;text-align:right}@media(max-width:1350px){.site-nav,.section,.site-footer,.hero{margin-left:32px;margin-right:32px}}@media(max-width:900px){.site-nav .brand span{display:none}.site-nav nav{gap:16px}.site-nav nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:40px}.hero-visual{min-height:380px;margin:0}.hero-image{position:absolute;inset:0;mask-image:linear-gradient(0deg,#000 70%,transparent)}.floating{left:32px}.story,.demonstration,.clarity,.start,.faq{grid-template-columns:1fr;gap:32px}.clarity>.eyebrow{grid-column:auto;margin-bottom:0}.section{margin-top:64px;margin-bottom:64px}.site-footer{grid-template-columns:1fr;gap:16px}.site-footer>a{text-align:left}}@media(max-width:480px){.site-nav,.section,.site-footer,.hero{margin-left:16px;margin-right:16px}.site-nav{padding:20px 0;gap:12px}.site-nav .button{font-size:.75rem;padding:8px 12px}.hero-copy{padding:28px 24px}.hero h1{font-size:2.8rem}.hero .eyebrow{font-size:.65rem}.hero-visual{min-height:290px}.floating{left:16px;right:16px;bottom:16px}.floating p{font-size:1.15rem}.floating-status{font-size:.65rem}.hero-lead{font-size:1.1rem}.demonstration,.start{padding:24px}.demo-window{padding:16px;min-width:0}.demo-row{gap:8px;font-size:.75rem}.demo-tabs button{font-size:.75rem;padding:8px}.journey-list li{gap:16px}.section h2{font-size:2rem}}

/* Keep the inactive demo control readable when hovered on the dark stage. */
.demo-tabs button.secondary:hover{background:#293151;color:#F7FBFD;border-color:#DFE6EF}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}