:root{color-scheme:dark;--ink:#F8FAFC;--muted:#B3BCCA;--accent:#2DD4A8;--accent-hover:#4EE0B8;--on-accent:#0B1F1A;--line:#303A50;--panel:#12172A;--raised:#222A3D;--bg:#171D2D;--hub:#FFFFFF;--ease:cubic-bezier(.22,1,.36,1)}
@font-face{font-family:'Plus Jakarta Sans';src:url(/plus-jakarta-sans-700.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
*{box-sizing:border-box}
html{scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 Georgia,serif}
a{color:inherit;text-underline-offset:5px;transition:color .2s var(--ease)}
a:hover{color:var(--accent)}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.skip{position:absolute;top:-100px;left:20px;background:var(--bg);padding:12px;z-index:3}
.skip:focus{top:12px}
.masthead,main,footer{max-width:1360px;margin:auto;padding-left:48px;padding-right:48px}
.masthead{display:flex;align-items:center;justify-content:space-between;padding-top:28px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.wordmark{display:flex;gap:10px;align-items:center;font:700 22px/1 'Plus Jakarta Sans','Segoe UI',sans-serif;letter-spacing:-.02em;text-decoration:none}
.wordmark img{border-radius:7px}
.family{font:13px 'Segoe UI',sans-serif;color:var(--muted);margin-left:14px}
nav{display:flex;gap:30px;font:15px 'Segoe UI',sans-serif}
nav a{text-decoration:none}
h1,h2,h3{font-weight:400;letter-spacing:-.02em;line-height:1.08;margin:0 0 24px;text-wrap:balance}
h1{font-size:clamp(40px,4.6vw,66px)}
h1 em,h2 em{font-style:italic;color:var(--accent)}
h2{font-size:clamp(30px,3.1vw,44px)}
h3{font-size:clamp(25px,2.6vw,36px);max-width:710px}
.intro{font-size:19px;max-width:520px;color:var(--muted);text-wrap:pretty}
.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}
.button{display:inline-flex;align-items:center;padding:15px 22px;background:var(--accent);color:var(--on-accent);text-decoration:none;font:600 15px 'Segoe UI',sans-serif;border:1px solid var(--accent);transition:background .2s var(--ease),transform .2s var(--ease)}
.button:hover{background:var(--accent-hover);color:var(--on-accent)}
.button:active{transform:translateY(1px)}
.secondary{font:15px 'Segoe UI',sans-serif}
.caption,.panel-note{font:13px/1.55 'Segoe UI',sans-serif;color:var(--muted);margin:18px 0 0}
.hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:48px;padding:56px 0}
.evidence{margin:0;border:1px solid var(--line);background:var(--panel);padding:10px}
.evidence>a{display:block}
.evidence img,.capture img{display:block;width:100%;height:auto}
.evidence img{max-height:690px;object-fit:contain}
.evidence figcaption,.capture figcaption{padding:12px 2px 2px;font:13px/1.5 'Segoe UI',sans-serif;color:var(--muted)}
section{scroll-margin-top:30px}
.companion,.features,.walkthrough{padding:56px 0 72px;border-top:1px solid var(--line)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:32px}
.section-heading h2{margin:0}
.section-heading>p{font:16px/1.55 'Segoe UI',sans-serif;color:var(--muted);margin:0;max-width:420px;text-wrap:pretty}
.how{list-style:none;counter-reset:how;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 40px;border-top:1px solid var(--line)}
.how li{counter-increment:how;padding:24px 0 28px;border-bottom:1px solid var(--line)}
.how li::before{content:counter(how);display:block;font:15px 'Segoe UI',sans-serif;color:var(--accent);margin-bottom:12px}
.how strong{display:block;font-size:24px;font-weight:400;line-height:1.3}
.how p{font:15px/1.6 'Segoe UI',sans-serif;color:var(--muted);margin:12px 0 0;text-wrap:pretty}
.feature-list{margin:0}
.feature-list>div{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;padding:24px 0;border-top:1px solid var(--line)}
.feature-list>div:last-child{padding-bottom:0}
.feature-list dt{font-size:25px;line-height:1.3;letter-spacing:-.01em;text-wrap:balance}
.feature-list dd{margin:0;color:var(--muted);font:16px/1.65 'Segoe UI',sans-serif;text-wrap:pretty}
.capture{max-width:850px;margin:36px 0 0;border:1px solid var(--line);background:#0e0f13;padding:8px}
.current-capture{max-width:700px}
.current-capture img{max-height:660px;object-fit:contain}
.boundary{max-width:850px;font:16px/1.65 'Segoe UI',sans-serif;color:var(--muted);margin:28px 0 0}
.boundary a{color:var(--ink)}
.journey{border:1px solid var(--line);background:var(--panel)}
.journey-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.journey-tabs button{display:flex;gap:10px;align-items:center;justify-content:center;padding:17px 10px;color:var(--muted);background:transparent;border:0;border-right:1px solid var(--line);cursor:pointer;font:600 14px 'Segoe UI',sans-serif;transition:color .2s var(--ease),background .2s var(--ease)}
.journey-tabs button:last-child{border-right:0}
.journey-tabs button:hover{color:var(--ink)}
.journey-tabs button[aria-selected=true]{color:var(--ink);background:#222630;box-shadow:inset 0 -3px var(--accent)}
.journey-tabs span{font-size:12px;color:var(--accent)}
.journey-panel{padding:clamp(28px,5vw,68px);min-height:430px}
.journey-panel>p:not(.panel-note){max-width:820px;font:17px/1.65 'Segoe UI',sans-serif;color:var(--muted)}
.journey blockquote{max-width:740px;margin:34px 0;padding:22px 26px;background:var(--raised);border:1px solid var(--line);color:var(--ink);font-size:clamp(21px,2.4vw,30px);line-height:1.35;font-style:italic}
.journey blockquote::before{content:'\201C';color:var(--accent);margin-right:4px}
.journey blockquote::after{content:'\201D';color:var(--accent);margin-left:4px}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:32px 0}
.pair>div{border:1px solid var(--line);padding:26px 28px;background:var(--raised)}
.pair dt{font-size:22px;line-height:1.3;margin-bottom:12px}
.pair dd{margin:0;font:15px/1.6 'Segoe UI',sans-serif;color:var(--muted)}
.walkthrough-options{display:flex;gap:64px;margin:32px 0;padding:24px;border:1px solid var(--line)}
.walkthrough-options dt{font:13px 'Segoe UI',sans-serif;color:var(--accent);margin-bottom:12px}
.walkthrough-options dd{margin:0;font:18px/1.6 'Segoe UI',sans-serif}
.download{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:72px 0;border-top:1px solid var(--line)}
.download>div>p:not(.caption){max-width:460px;color:var(--muted);margin-bottom:30px;text-wrap:pretty}
.steps{margin:0;padding-left:26px}
.steps li{padding:0 0 23px 16px;color:var(--accent)}
.steps h3{font-size:20px;color:var(--ink);font-weight:500;margin:0 0 5px}
.steps p{font:15px/1.55 'Segoe UI',sans-serif;color:var(--muted);margin:0}
.details{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:64px 0 80px;border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line);padding:19px 0}
summary{cursor:pointer;font:16px 'Segoe UI',sans-serif;transition:color .2s var(--ease)}
summary:hover{color:var(--accent)}
details p{font:15px/1.6 'Segoe UI',sans-serif;color:var(--muted);text-wrap:pretty}
footer{display:flex;justify-content:space-between;gap:24px;padding-top:28px;padding-bottom:28px;border-top:1px solid var(--line);font:13px 'Segoe UI',sans-serif;color:var(--muted)}
@media(max-width:900px){.masthead,main,footer{padding-left:24px;padding-right:24px}.hero{gap:32px;grid-template-columns:1fr;padding:48px 0}.hero .intro{max-width:600px}.evidence{max-width:720px}.download,.details{gap:40px}.section-heading{align-items:start;flex-direction:column;gap:16px}.section-heading>p{max-width:600px}}
@media(max-width:620px){body{font-size:16px}.masthead{padding-top:20px;padding-bottom:20px;flex-wrap:wrap;row-gap:10px}.wordmark{font-size:17px;gap:8px}.family{display:none}nav{gap:14px;font-size:13px;flex-wrap:wrap;row-gap:6px}.journey-tabs{grid-template-columns:1fr 1fr}.journey-tabs button:nth-child(2){border-right:0}.journey-tabs button{justify-content:flex-start}.journey-panel{min-height:470px}.pair{grid-template-columns:1fr;gap:12px}.pair>div{padding:22px}.walkthrough-options{gap:24px;flex-direction:column}.feature-list>div{grid-template-columns:1fr;gap:12px}.feature-list dt{font-size:24px}.download,.details{grid-template-columns:1fr;gap:30px;padding:44px 0}.companion,.features,.walkthrough{padding:40px 0 44px}footer{flex-direction:column;gap:10px}h1{letter-spacing:-.015em}.button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}