@charset "UTF-8";
:root{--ink:#142e30;--paper:#f6f5ef;--muted:#4d6464;--accent:#b8e3cd;--line:#cbd4cc;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #14734c;outline-offset:5px}header,footer{display:flex;align-items:center;justify-content:space-between;padding:26px 5vw;gap:28px}header{background:var(--ink);color:var(--paper)}.wordmark{font-size:24px;font-weight:700;text-decoration:none;letter-spacing:-1px}.brand-dot{margin-left:10px;color:var(--accent)}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav a{text-decoration:none;min-height:44px;display:flex;align-items:center}.nav-cta{border-bottom:1px solid var(--accent)}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;z-index:20;background:white;padding:16px}.hero{position:relative;overflow:hidden;min-height:620px;padding:64px 5vw 90px;background:var(--ink);color:var(--paper);display:flex;align-items:center}.hero-copy{z-index:1;width:64%;max-width:900px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 25px}.hero .eyebrow{color:var(--accent)}h1{font-size:clamp(48px,7.2vw,112px);line-height:.98;letter-spacing:-.065em;margin:0 0 24px}h2{font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-.045em;margin:0 0 26px}.promise{font-size:clamp(26px,3.2vw,46px);line-height:1.12;letter-spacing:-1.5px;margin:0 0 24px}.intro{max-width:370px;color:#c9d5d0;line-height:1.6;font-size:16px;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--accent);color:var(--ink);padding:18px 24px;min-height:56px;text-decoration:none;font-weight:700;font-size:14px;transition:transform .2s,background .2s}.button:hover{background:#d2f2e2;transform:translateY(-3px)}.text-link{display:inline-block;font-size:14px;text-underline-offset:6px;margin:20px}.hero-foot{position:absolute;bottom:22px;left:5vw;right:5vw;border-top:1px solid #536664;padding-top:18px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.2px;color:#b9cbc4}.relay-art{position:relative;width:35%;height:410px;flex-shrink:0;transform:rotate(6deg);margin-left:-20px}.paper{position:absolute;width:300px;height:350px;padding:28px;background:#e7e8df;color:var(--ink);box-shadow:0 22px 35px #091e2460}.paper-back{transform:rotate(-18deg) translate(-50px,-20px);background:#8db1a3}.paper-back span{font-size:10px;letter-spacing:2px}.paper-back i{display:block;margin-top:30px;height:1px;background:#587f71}.paper-front{transform:rotate(-5deg)}.paper-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.paper-top b{font-size:20px}.paper-front p{font-family:Georgia,serif;font-size:35px;line-height:1.1;margin:25px 0}.paper-rule{height:2px;background:var(--ink);margin-bottom:10px}.document-line{display:flex;justify-content:space-between;font-size:12px;padding:10px 0;border-bottom:1px solid #bbc5b8}.paper-bottom{font-size:9px;letter-spacing:1.4px;margin-top:22px}.orbit{position:absolute;right:-15px;bottom:0;background:var(--accent);color:var(--ink);border-radius:50%;width:132px;height:132px;display:grid;place-content:center;text-align:center;font-size:17px;line-height:1.1;transform:rotate(-6deg);box-shadow:0 8px 24px #10222230}.runtime{padding:18px 5vw;border-bottom:1px solid var(--line);font-size:13px;line-height:1.5}.section{padding:100px 7vw;border-bottom:1px solid var(--line)}.journey{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.section-heading{position:sticky;top:36px;align-self:start}.section-heading>p:last-child,.architecture p,.try>p,.closing>p:last-child{line-height:1.7;color:var(--muted);max-width:490px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:28px;padding:28px 0;border-top:1px solid var(--line)}.steps li:first-child{padding-top:0;border:0}.number{font-size:12px;color:var(--muted);padding-top:5px}.steps h3{font-size:22px;letter-spacing:-.6px;margin:0 0 12px}.steps p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}.try{background:#e6ecdf}.try>p{max-width:650px}.sample-downloads{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 16px}.sample-downloads button{font:inherit;font-size:14px;color:var(--ink);background:transparent;border:1px solid #82968c;cursor:pointer;padding:16px;transition:background .2s}.sample-downloads button:hover{background:white}.caption{font-size:12px;margin-bottom:32px}.architecture{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:7vw}.architecture img{width:100%;height:auto}.architecture .text-link{margin-left:0}.closing{text-align:center}.closing>p:last-child{margin:30px auto 0;font-size:13px}footer{font-size:12px}footer span{color:var(--muted)}.hero-copy{animation:enter .7s ease-out both}.relay-art{animation:paper-enter .9s ease-out both}@keyframes enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0}}@keyframes paper-enter{from{opacity:0;translate:20px 25px}to{opacity:1;translate:0}}
@media(max-width:850px){header{padding:20px 6vw}nav{gap:20px}header nav a:first-child{display:none}.hero{padding-top:45px;min-height:610px}.hero-copy{width:75%}.relay-art{width:25%;opacity:.25;transform:scale(.85) rotate(6deg);margin-left:-100px;z-index:0}.hero .text-link{display:block;margin-left:0}.hero-foot span:last-child{display:none}.journey,.architecture{grid-template-columns:1fr;gap:45px}.section-heading{position:static}.section{padding:60px 7vw}.architecture img{max-width:650px}footer{align-items:start}.hero-copy h1{font-size:clamp(43px,10vw,80px)}}
@media(max-width:500px){header .wordmark{font-size:20px}header{flex-wrap:wrap;gap:10px}header nav{width:100%;justify-content:space-between;gap:12px}nav .guide-link{display:flex}nav{font-size:12px}.hero{min-height:590px}.hero-copy{width:100%}.hero .eyebrow{font-size:9px}.hero-copy h1{font-size:14vw}.promise{font-size:32px}.relay-art{display:none}.hero-foot{font-size:8px}.sample-downloads{flex-direction:column}.sample-downloads button{text-align:left}footer{flex-direction:column}.steps li{gap:20px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Local guide and evidence readability; retain the challenge palette and typography. */
.access-note{font-size:12px;line-height:1.5;color:#c9d5d0;max-width:370px}.access-note a{text-underline-offset:3px}.guide-main{max-width:1100px;margin:auto;padding:50px 7vw 70px;min-width:0}.guide-main h1{font-size:clamp(38px,6vw,68px);margin-bottom:24px}.guide-main h2{font-size:clamp(28px,4vw,40px);margin-top:0}.guide-main h3{font-size:20px}.guide-main p,.guide-main li{line-height:1.7}.guide-main section{padding:38px 0;border-top:1px solid var(--line);scroll-margin-top:20px}.guide-main section:first-of-type{margin-top:34px}.guide-main li{margin-bottom:14px}.guide-main ol,.guide-main ul{padding-left:24px}.guide-main code,.guide-main a,.guide-main td{overflow-wrap:anywhere;word-break:normal}.guide-main code{font-size:.9em;white-space:normal}.guide-nav{display:flex;flex-wrap:wrap;gap:10px 24px;margin:25px 0}.guide-nav a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px}.table-scroll{max-width:100%;overflow-x:auto;margin:22px 0}.table-scroll:focus-visible{outline:3px solid #14734c;outline-offset:3px}.guide-main table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}.guide-main caption{text-align:left;font-weight:700;margin-bottom:12px}.guide-main th,.guide-main td{text-align:left;vertical-align:top;padding:12px 10px;border-bottom:1px solid var(--line);line-height:1.6}.guide-main th{background:#e6ecdf}.guide-main img{display:block;width:100%;height:auto}.guide-notice{border-left:4px solid #82968c;padding:12px 18px;background:#e6ecdf}.guide-main .sample-downloads button{max-width:100%;overflow-wrap:anywhere}.guide-main .eyebrow{color:var(--muted)}
@media(max-width:500px){.guide-main{padding-top:35px}.guide-main table{font-size:12px}.guide-main th,.guide-main td{padding:10px 7px}.guide-main .sample-downloads{margin-top:18px}.guide-main .sample-downloads button{min-height:48px}.access-note{max-width:300px}}