:root{color-scheme:dark;--bg: #0c1011;--ink: #f4f5f2;--muted: #b0babc;--accent: #60a5fa;--primary: #2563eb;--header-height: 82px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 20px)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0;font:inherit}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip-link{position:fixed;left:20px;top:10px;padding:14px 20px;background:var(--primary);border-radius:8px;z-index:30;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}header{position:fixed;inset:0 0 auto;z-index:10;min-height:var(--header-height);border-bottom:1px solid #ffffff12;background:#0c1011f0;backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:15px 5vw;gap:20px}.brand{font-size:1.75rem;font-weight:800;letter-spacing:-1.5px}.brand span{color:var(--accent)}header nav{display:flex;gap:16px;align-items:center;font-size:.875rem}.pill{border:1px solid #2563eb88;border-radius:30px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;min-height:44px}.app-login,.app-download{font-size:.875rem;font-weight:600;white-space:nowrap;transition:background .2s,border-color .2s}.app-login:hover{background:#2563eb18;border-color:var(--accent)}.app-download{background:var(--primary);color:#fff;border-color:var(--primary)}.app-download:hover{background:#1d4ed8}.scene{position:fixed;inset:var(--header-height) 0 0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 59% 48%,#26302d 0,transparent 49%)}canvas{width:100%;height:100%;display:block}.scene-label{position:absolute;left:40%;right:26%;bottom:8%;text-align:center;color:#a3adae;letter-spacing:2px;font-size:.75rem}.scene--fallback canvas,.scene--fallback .scene-label{visibility:hidden}.stage{min-height:105vh;position:relative;display:grid;grid-template-columns:36% 35% 29%;align-items:center;padding:110px 6vw 70px}.copy{position:relative;z-index:2}.eyebrow{font-size:.875rem;letter-spacing:2px;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:14px}.eyebrow:before{content:"";width:27px;height:1px;background:var(--accent);flex-shrink:0}h1,h2{font-size:clamp(2.375rem,4.5vw,4.5rem);letter-spacing:-.055em;line-height:1.07;margin:25px 0;font-weight:750;overflow-wrap:anywhere}p{font-size:1rem;line-height:1.75;color:var(--muted);max-width:365px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;padding:17px 23px;border-radius:32px;font-size:.875rem;font-weight:750;margin-top:20px;min-height:48px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#1d4ed8}.scrollhint{display:block;margin-top:55px;font-size:.75rem;letter-spacing:2px;color:#a1aeaa}.card{grid-column:3;position:relative;z-index:2;padding:23px;background:linear-gradient(135deg,#26302bf5,#111819f5);border:1px solid #ffffff21;box-shadow:0 25px 70px #0005;border-radius:14px;backdrop-filter:blur(16px);transform:translateY(12px);transition:border-color .6s,transform .6s;min-width:0}.stage.active .card{border-color:#60a5fa55;transform:translateY(0)}.cardtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:12px;flex-wrap:wrap}.cardtop strong{font-size:.9375rem}.cardtop .brand{font-size:1.75rem}.tag{font-size:.75rem;color:#93c5fd;background:#2563eb13;border:1px solid #2563eb26;border-radius:5px;padding:6px 8px}.row{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid #ffffff18;font-size:.875rem;color:#d2d8d6}.row span{min-width:0;overflow-wrap:anywhere}.row span:last-child{text-align:right}.subtle{color:#a5b3af;font-size:.8125rem}.navitem{font-size:.875rem;padding:13px;border-radius:7px;color:#bcc7c3}.navitem.selected{background:#2563eb18;color:#93c5fd}.navitem b{display:inline-block;width:27px;font-size:1.0625rem}.amount{font-size:2.3125rem;letter-spacing:-1.5px;color:var(--accent);margin:10px 0 24px}.bars{height:145px;display:flex;gap:12px;align-items:end;border-bottom:1px solid #ffffff20;margin:25px 0 12px}.bar{flex:1;background:linear-gradient(#60a5fa,#2563eb);border-radius:3px 3px 0 0;height:var(--h)}.months{display:flex;justify-content:space-around;font-size:.75rem;color:#b2bcb8}.demo{margin-top:19px;color:#a5b3af;font-size:.75rem;letter-spacing:.5px;line-height:1.6}.dots{position:fixed;right:8px;top:50%;transform:translateY(-50%);z-index:9;display:grid}.dots a{height:38px;width:28px;display:grid;place-items:center;position:relative;border-radius:8px}.dots a:before{content:"";height:7px;width:7px;border-radius:50%;background:#84948e}.dots a.active:before{background:var(--accent);box-shadow:0 0 15px #2563eb88}.dots a span{position:absolute;right:30px;font-size:.75rem;color:var(--accent);opacity:0}.dots a.active span,.dots a:focus-visible span{opacity:1}.progress{position:fixed;top:calc(var(--header-height) - 1px);left:0;height:2px;background:var(--accent);z-index:12;width:0}footer{position:relative;z-index:3;padding:35px 6vw;border-top:1px solid #ffffff13;display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--bg)}footer p{font-size:.875rem}footer p a:hover,.contact-email:hover{text-decoration:underline}.note{font-size:.8125rem;color:#a5b3af;margin-top:17px}.contact-email{display:block;width:fit-content;margin-top:18px;color:#93c5fd;font-size:.9375rem;overflow-wrap:anywhere}.asset-credit{font-size:.75rem;color:#aab6c8}.asset-credit a{text-decoration:underline}dialog{width:min(430px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:#18201d;color:var(--ink);border:1px solid #ffffff30;border-radius:18px;padding:32px}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}dialog h2{font-size:1.875rem;line-height:1.15}dialog p{font-size:1rem}dialog .close-dialog{display:block;margin-top:20px;background:transparent;color:#cbd5e1;padding:12px 0;font-size:.875rem;min-height:44px}@media(min-width:1500px){.stage{padding-left:9vw;padding-right:9vw}}@media(min-width:851px)and (max-width:1100px){.stage{grid-template-columns:37% 27% 36%;padding-left:5vw;padding-right:5vw}h1,h2{font-size:clamp(2.375rem,4.3vw,3.25rem)}.card{padding:18px}.scene-label{left:38%;right:37%}}@media(max-width:850px){:root{--header-height: 76px}header{padding:12px 5vw}header nav{gap:10px}nav .functions{display:none}.brand{font-size:1.5625rem}.stage{min-height:950px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:max(130px,calc(var(--header-height) + 45px)) 8vw 60px}.copy{max-width:470px}h1,h2{font-size:clamp(2.25rem,7vw,3rem);margin:19px 0}.card{width:min(100%,470px);align-self:center;margin-top:280px}.scrollhint{margin-top:22px}.dots,.scene-label{display:none}.pill{padding:10px 14px}footer p{text-align:right}}@media(max-width:520px){:root{--header-height: 124px}header{display:grid;grid-template-columns:1fr;gap:12px;padding:12px 6vw}header .brand{font-size:1.4375rem;line-height:1}header nav{width:100%;gap:10px}header .pill{flex:1;padding:11px 9px;font-size:.8125rem;white-space:normal;min-width:0}.stage{padding:max(170px,calc(var(--header-height) + 45px)) 7vw 50px}.eyebrow{font-size:.8125rem;letter-spacing:1.4px}footer{align-items:flex-start;flex-direction:column}footer p{margin:0;text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.card{transform:none}}