@font-face{font-family:IBM Plex Sans;font-weight:400;font-display:swap;src:url(/twin/assets/ibm-plex-sans-400-CDDApCn2.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-weight:500;font-display:swap;src:url(/twin/assets/ibm-plex-sans-500-6ng42L7E.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-weight:600;font-display:swap;src:url(/twin/assets/ibm-plex-sans-600-CuJfVYMP.woff2) format("woff2")}:root{--bg: #F3F5F4;--ink: #0A1628;--ink-2: #4A5566;--line: rgba(10, 22, 40, .12);--green: #0E4A37;--gold: #C9A45C;--gold-text: #7A5C24;--panel: rgba(255, 255, 255, .78);--panel-line: rgba(10, 22, 40, .08);--shadow: 0 1px 2px rgba(10, 22, 40, .04), 0 18px 48px -18px rgba(10, 22, 40, .22);--ease: cubic-bezier(.2, .7, .2, 1);--gutter: clamp(20px, 5vw, 72px);color-scheme:light}:root[data-night]{--bg: #0B1A2E;--ink: #E6EAF0;--ink-2: #A9B4C4;--line: rgba(230, 234, 240, .16);--green: #8CCBAE;--gold-text: #E2C27F;--panel: rgba(13, 28, 48, .72);--panel-line: rgba(230, 234, 240, .1);--shadow: 0 18px 48px -18px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.55 IBM Plex Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .9s var(--ease),color .9s var(--ease)}a{color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:fixed;left:12px;top:-60px;z-index:50;background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:8px;text-decoration:none}.skip:focus{top:12px}.canvas-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.twin-canvas{position:absolute!important;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1.4s var(--ease)}.is-ready .twin-canvas{opacity:1}.loader{position:absolute;left:50%;top:50%;width:120px;height:2px;margin-left:-60px;background:var(--line);overflow:hidden;border-radius:2px;transition:opacity .6s}.loader span{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gold);transform-origin:left;animation:load 1.4s var(--ease) infinite}.is-ready .loader{opacity:0}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(100%)}}.no3d{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:radial-gradient(60% 50% at 60% 55%,#E3E8DF,var(--bg))}.no3d p{max-width:30rem;color:var(--ink-2);text-align:center}.no3d~.loader{display:none}.veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 82%,transparent) 24%,transparent 46%);transition:background .9s var(--ease)}.top{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px var(--gutter)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:600;letter-spacing:-.01em}.brand img{border-radius:8px}.back{font-size:15px;font-weight:500;text-decoration:none;padding:9px 16px;border-radius:999px;background:var(--panel);border:1px solid var(--panel-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .3s,border-color .3s}.back:hover{border-color:var(--gold)}.rail{position:fixed;z-index:15;left:50%;bottom:28px;transform:translate(-50%)}.rail ol{display:flex;gap:6px;margin:0;padding:0;list-style:none}.rail button{position:relative;display:block;width:38px;height:28px;padding:0;border:0;background:none;cursor:pointer;color:var(--ink)}.rail-tick{position:absolute;left:0;right:0;top:13px;height:2px;border-radius:2px;background:var(--line);transition:background .4s,transform .4s var(--ease)}.rail button:hover .rail-tick{background:var(--ink-2)}.rail button[aria-current] .rail-tick{background:var(--gold);transform:scaleY(1.6)}.rail-name{position:absolute;bottom:30px;left:50%;transform:translate(-50%,4px);white-space:nowrap;font-size:13px;color:var(--ink-2);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s var(--ease)}.rail button:hover .rail-name,.rail button:focus-visible .rail-name{opacity:1;transform:translate(-50%)}.passport{position:fixed;z-index:18;right:var(--gutter);top:50%;transform:translateY(-50%);width:300px;border-radius:22px;background:var(--panel);border:1px solid var(--panel-line);box-shadow:var(--shadow);backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);transition:background .9s var(--ease),border-color .9s}.pill{display:none}.passport-body{padding:22px 22px 20px}.pp-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.pp-title{margin:0;font-weight:600;font-size:15px}.pp-id{margin:0;font-size:13px;color:var(--gold-text);font-variant-numeric:tabular-nums;letter-spacing:.02em}.pp-stage{margin:18px 0;font-size:19px;font-weight:500;letter-spacing:-.01em;line-height:1.25;min-height:2.6em}.pp-step{display:block;font-size:13px;font-weight:400;color:var(--ink-2);margin-bottom:3px;letter-spacing:0}.meter+.meter{margin-top:14px}.meter-top{display:flex;justify-content:space-between;align-items:baseline}.meter-label{font-size:14px;color:var(--ink-2)}.meter-num{font-size:28px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.meter-track{margin-top:7px;height:4px;border-radius:4px;background:var(--line);overflow:hidden}.meter-track span{display:block;height:100%;border-radius:inherit;transform-origin:left;transition:transform 1.1s var(--ease)}.m-green .meter-num{color:var(--green)}.m-green .meter-track span{background:var(--green)}.m-gold .meter-num{color:var(--gold-text)}.m-gold .meter-track span{background:linear-gradient(90deg,var(--gold),#E7CF96)}.pp-scen{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);display:grid;gap:8px}.scen{display:grid;grid-template-columns:1fr 64px 26px;align-items:center;gap:10px;font-size:14px;color:var(--ink-2);transition:color .3s}.scen.on{color:var(--ink);font-weight:500}.scen-bar{height:3px;border-radius:3px;background:var(--line);overflow:hidden}.scen-bar i{display:block;height:100%;background:var(--ink-2);transform-origin:left}.scen.on .scen-bar i{background:var(--gold)}.scen-num{text-align:right;font-variant-numeric:tabular-nums}.pp-recs{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.pp-sub{margin:0 0 8px;font-size:13px;color:var(--ink-2)}.pp-list{margin:0;padding:0;list-style:none;display:grid;gap:7px}.pp-list li{position:relative;padding-left:16px;font-size:14.5px;line-height:1.35;animation:rec .7s var(--ease) both;animation-delay:calc(var(--i) * 90ms + .15s)}.pp-list li:before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--gold)}@keyframes rec{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}.pp-held{margin:12px 0 0;font-size:13px;color:var(--ink-2)}.pp-empty{margin:0;font-size:14px;color:var(--ink-2)}.passport,.rail{transition:opacity .5s var(--ease),visibility .5s,background .9s var(--ease),border-color .9s}.is-end .passport,.is-end .rail{opacity:0;visibility:hidden}main{position:relative;z-index:5}.hero{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:120px var(--gutter) 120px}.hero-inner{max-width:40rem}h1{margin:0;font-weight:600;font-size:clamp(48px,8.4vw,116px);line-height:.98;letter-spacing:-.035em}h1 span{display:block}h1 .h1-b{font-weight:400;color:var(--ink-2)}.lead{margin:28px 0 0;max-width:30rem;font-size:clamp(18px,1.6vw,21px);color:var(--ink-2);line-height:1.5}.cue{margin:56px 0 0;display:flex;align-items:center;gap:14px;font-size:14px;color:var(--ink-2)}.cue-line{position:relative;width:1px;height:44px;background:var(--line);overflow:hidden}.cue-line:after{content:"";position:absolute;left:0;right:0;top:0;height:40%;background:var(--gold);animation:cue 2.2s var(--ease) infinite}@keyframes cue{0%{transform:translateY(-100%)}to{transform:translateY(260%)}}.stage{min-height:150vh;padding:0 var(--gutter)}.copy{position:sticky;top:30vh;max-width:26rem;padding-bottom:20vh}.step{margin:0 0 10px;font-size:14px;font-weight:500;color:var(--gold-text)}.copy h2{margin:0;font-weight:600;font-size:clamp(40px,5.6vw,76px);line-height:1;letter-spacing:-.03em;outline:none}.text{margin:20px 0 0;font-size:clamp(17px,1.4vw,19px);color:var(--ink-2);line-height:1.55}.toggle{margin-top:26px;display:inline-flex;padding:4px;border-radius:999px;background:var(--panel);border:1px solid var(--panel-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.toggle button{font:inherit;font-size:15px;font-weight:500;color:var(--ink-2);background:none;border:0;padding:9px 18px;border-radius:999px;cursor:pointer;transition:background .3s,color .3s}.toggle button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.outro{position:relative;z-index:6;background:var(--bg);min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:140px var(--gutter) 40px}.outro-inner{max-width:52rem;margin:0 auto;text-align:center}.outro h2{margin:0;font-weight:600;font-size:clamp(34px,4.8vw,64px);line-height:1.05;letter-spacing:-.03em}.outro .lead{margin:24px auto 0}.links{list-style:none;padding:0;margin:44px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.links a{display:inline-block;text-decoration:none;font-weight:500;font-size:16px;padding:12px 20px;border-radius:999px;border:1px solid var(--line);transition:border-color .3s,background .3s}.links a:hover{border-color:var(--gold)}.links a.primary{background:var(--green);border-color:var(--green);color:#fff}:root[data-night] .links a.primary{color:#0b1a2e}.foot{margin:120px auto 0;text-align:center;font-size:14px;color:var(--ink-2)}.foot p{margin:4px 0}.foot strong{color:var(--ink);font-weight:600}.foot a{margin:0 8px;text-decoration-color:var(--line);text-underline-offset:3px}.foot .note{margin-top:18px;font-size:13px}@media (max-width: 1100px){.passport{width:270px}.copy{max-width:22rem}}@media (max-width: 860px){body{font-size:16px}.top{padding:14px 16px}.brand span{display:none}.back{font-size:14px;padding:8px 14px}.veil{background:linear-gradient(0deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 88%,transparent) 30%,transparent 52%)}.hero{align-items:flex-end;padding:100px 16px 18vh}.hero .lead{font-size:17px}.cue{margin-top:32px}.stage{min-height:140vh;padding:0 16px}.copy{top:auto;position:sticky;top:calc(100svh - 300px);max-width:none;padding-bottom:0;min-height:210px}.copy h2{font-size:40px}.text{margin-top:12px;font-size:16px}.toggle{margin-top:14px}.toggle button{padding:8px 14px;font-size:14px}.rail{top:64px;bottom:auto}.rail button{width:30px;height:20px}.rail-tick{top:9px}.rail-name{display:none}.passport{left:12px;right:12px;top:auto;bottom:max(12px,env(safe-area-inset-bottom));transform:none;width:auto;border-radius:18px}.pill{display:flex;width:100%;align-items:center;gap:12px;padding:12px 16px;border:0;background:none;font:inherit;color:var(--ink);cursor:pointer;text-align:left}.pill-name{font-weight:600;font-size:15px;margin-right:auto}.pill-val{font-size:14px;color:var(--ink-2);font-variant-numeric:tabular-nums}.pill-val:first-of-type{color:var(--green);font-weight:500}.pill-chev{width:14px;height:14px;transition:transform .3s var(--ease)}.is-open .pill-chev{transform:rotate(180deg)}.passport-body{display:none;padding:0 16px 16px;max-height:62svh;overflow:auto}.is-open .passport-body{display:block}.pp-head{display:none}.pp-stage{margin-top:4px;min-height:0;font-size:17px}.stage .copy{padding-bottom:76px}.outro{padding:110px 16px}.foot{margin-top:72px}}@media (max-width: 860px) and (max-height: 640px){.copy{top:calc(100svh - 250px);min-height:170px}.copy h2{font-size:32px}.text{font-size:15px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cue-line:after{display:none}}