@font-face{font-family:"IBM Plex Mono";src:url(assets/IBMPlexMono-Regular.ttf)}
body{background:var(--ys-mist);color:var(--ys-ink)}.wrap{max-width:1320px;padding-left:48px;padding-right:48px}.prototype{background:var(--ys-ice);color:var(--ys-muted);border-color:var(--ys-line);font-size:10px;padding:8px 20px}.prototype a{font-weight:700}.top{height:96px;background:white;max-width:none;padding-left:max(48px,calc((100vw - 1224px)/2));padding-right:max(48px,calc((100vw - 1224px)/2))}.logo{width:162px}.btn{border-radius:999px;padding:16px 25px;min-height:52px;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.btn.lime,.hero .actions>.btn,.bottom-cta>.btn:not(.secondary){background:var(--ys-lime);border-color:var(--ys-lime);color:var(--ys-ink)}.hero .actions>.btn:hover,.bottom-cta>.btn:not(.secondary):hover{background:#c6ef6a}.nav .btn{background:var(--ys-ink);color:white;border-color:var(--ys-ink)}.hero{position:relative;background:linear-gradient(120deg,#E8F7FF,#D1EBFA 55%,#B9E0F6);overflow:hidden}.hero-grid{grid-template-columns:.95fr 1.1fr;gap:56px;padding-top:68px;padding-bottom:60px;position:relative;z-index:1}.hero h1{font-size:clamp(48px,5.1vw,74px);line-height:1.04;letter-spacing:-3.7px;font-weight:650}.hero h1 em{color:var(--ys-teal)}.coral{color:var(--ys-coral)}.hero .lead{max-width:445px;font-size:16px;line-height:1.8;margin-top:24px}.hero .actions{gap:20px}.hero .small{font-size:11px}.hero .eyebrow:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ys-signal);margin-right:10px}.hero-orbit{position:absolute;width:720px;height:720px;right:-130px;top:-100px;border:1px solid #ffffff80;border-radius:50%;pointer-events:none}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;inset:65px;border:1px solid #ffffff80;border-radius:50%}.hero-orbit:after{inset:130px}.preview{background:var(--ys-deep);border:1px solid var(--ys-panel);color:var(--ys-ice);border-radius:28px;padding:28px;transform:none;box-shadow:0 28px 60px #13374629;position:relative}.preview:before{content:"";display:block;position:absolute;width:8px;height:8px;right:22px;top:22px;border-radius:50%;background:var(--ys-lime)}.preview .windowbar{color:var(--ys-dark-muted);border-color:#68889670;font-size:10px;padding-right:15px}.preview .windowbar b{color:var(--ys-ice)}.preview .metric{background:var(--ys-panel);border-color:transparent;border-radius:16px;padding:19px}.preview .metric .label{color:var(--ys-dark-muted);font-size:11px}.preview .metric .value{font-family:"IBM Plex Mono",monospace;font-size:29px;font-weight:400;white-space:nowrap;letter-spacing:-1.5px}.preview .change{color:var(--ys-lime);font-size:10px}.preview .change.down{color:#FFD08A}.preview .chart{margin-top:25px}.preview .chart rect{fill:var(--ys-sky)}.preview .chart rect:first-of-type{fill:#688896}.preview .chart path{stroke:#68889680}.preview .chart g{fill:var(--ys-dark-muted)}.preview .signal{background:#244B58;border-color:#688896;border-radius:16px;margin-top:12px;padding:20px}.preview .signal h3{font-size:20px;margin-top:10px}.preview .signal p{color:var(--ys-dark-muted);font-size:12px}.preview .textlink{color:var(--ys-lime);font-size:12px}.preview .pill.amber{background:var(--ys-warning-bg);color:var(--ys-warning)}.brand-strip{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:22px;padding-bottom:22px;border-top:1px solid #ffffff90;font-size:11px;color:var(--ys-muted)}.brand-strip b{color:var(--ys-teal)}.section{padding-top:75px;padding-bottom:75px}.section h2{font-size:38px;font-weight:650;letter-spacing:-1.8px}.step{border-color:var(--ys-line)}.step b{display:inline-flex;align-items:center;background:var(--ys-ice);border-radius:999px;padding:7px 12px;color:var(--ys-teal);letter-spacing:1px;font-size:10px}.step h3{font-size:21px}.step p{max-width:310px}.cta-band{border-radius:28px;background:var(--ys-deep);color:var(--ys-ice);padding:44px}.cta-band p{color:var(--ys-dark-muted)}.cta-band .btn{background:var(--ys-lime);border-color:var(--ys-lime);color:var(--ys-ink)}.footer{border-color:var(--ys-line)}.eyebrow{color:var(--ys-teal)}.panel,.metric{border-radius:16px}.tour{border-radius:16px;background:var(--ys-blue);border-color:var(--ys-line)}.panel{padding:30px}.appbar{background:var(--ys-white);border-color:var(--ys-line)}.content{padding-top:40px}.content .pagehead h1{font-size:44px;font-weight:650;letter-spacing:-2px}.metric .value,.big{font-family:"IBM Plex Mono",monospace;font-weight:400;letter-spacing:-1.4px}.metric .value{font-size:30px}.metric .value small{font-family:Manrope;font-size:15px}.period{border-radius:999px;padding:5px}.period button{border-radius:999px}.period button.selected{background:var(--ys-blue);color:var(--ys-ink)}.note{border-radius:12px;background:var(--ys-ice);color:var(--ys-muted)}.formula{background:var(--ys-deep);border-radius:16px}.formula strong{font-family:"IBM Plex Mono",monospace;font-weight:400;font-size:19px}.fill{background:var(--ys-teal)}.fill.light{background:var(--ys-sky)}.upload{border-radius:16px;background:var(--ys-ice);border-color:var(--ys-control-border)}input,textarea{border-radius:12px;border-color:var(--ys-control-border)}.pill.amber{background:var(--ys-warning-bg);color:var(--ys-warning)}.pill{background:var(--ys-success-bg);color:var(--ys-success)}.view-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.theme-toggle{display:flex;align-items:center;gap:4px;padding:5px;border:1px solid var(--ys-line);border-radius:999px;background:white}.theme-toggle button{border:0;border-radius:999px;background:transparent;color:var(--ys-muted);font-size:11px;padding:8px 12px;min-height:33px}.theme-toggle button[aria-pressed=true]{background:var(--ys-blue);color:var(--ys-ink);font-weight:750}body[data-theme=dark]{background:var(--ys-deep);color:var(--ys-ice)}body[data-theme=dark] .top{color:var(--ys-ink)}body[data-theme=dark] .appbar{background:#102C37;color:var(--ys-ice);border-color:#68889666}body[data-theme=dark] .breadcrumbs a.current{color:var(--ys-lime)}body[data-theme=dark] .content .eyebrow,body[data-theme=dark] .content .textlink{color:var(--ys-sky)}body[data-theme=dark] .content p,body[data-theme=dark] .content .muted,body[data-theme=dark] .metric .label,body[data-theme=dark] .appbar .muted,body[data-theme=dark] .footer{color:var(--ys-dark-muted)}body[data-theme=dark] .panel,body[data-theme=dark] .metric{background:var(--ys-panel);border-color:#68889670}body[data-theme=dark] .tour{background:#234F60;border-color:#688896}body[data-theme=dark] .tour button{color:var(--ys-sky)}body[data-theme=dark] .change{color:var(--ys-lime)}body[data-theme=dark] .change.down{color:#FFD08A}body[data-theme=dark] .note{background:#133746;color:var(--ys-dark-muted)}body[data-theme=dark] .track{background:#133746}body[data-theme=dark] .fill{background:var(--ys-sky)}body[data-theme=dark] .fill.light{background:#688896}body[data-theme=dark] .content .chart rect{fill:var(--ys-sky)}body[data-theme=dark] .content .chart rect:first-of-type{fill:#688896}body[data-theme=dark] .content .chart g{fill:var(--ys-dark-muted)}body[data-theme=dark] th,body[data-theme=dark] tfoot td{background:var(--ys-deep);color:var(--ys-ice)}body[data-theme=dark] td,body[data-theme=dark] th,body[data-theme=dark] details{border-color:#68889670}body[data-theme=dark] .footer{border-color:#68889670}body[data-theme=dark] .formula{border:1px solid #68889680}body[data-theme=dark] .period{border-color:#688896;background:var(--ys-panel)}body[data-theme=dark] .period button{color:var(--ys-dark-muted)}body[data-theme=dark] .period button.selected{color:var(--ys-ink)}.palette{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:25px}.swatch{border:1px solid var(--ys-line);border-radius:16px;overflow:hidden;background:white}.swatch>div{height:68px}.swatch p{padding:12px;font-size:11px}.swatch b{display:block;margin-bottom:3px}.compare-note{background:var(--ys-blue);padding:28px;border-radius:20px;margin-top:30px}.design-label{color:var(--ys-teal);font-size:10px;letter-spacing:1px;font-weight:750}.content .panel h2{font-size:30px}.content .bottom-cta h3{font-size:18px}.route{border-radius:16px}
@media(max-width:1050px){.hero-grid{gap:32px}.wrap{padding-left:30px;padding-right:30px}.top{padding-left:30px;padding-right:30px}.hero h1{font-size:56px}.preview{padding:22px}.preview .metric{padding:15px}.preview .metric .value{font-size:24px}.hero .actions{gap:16px}}
@media(min-width:721px) and (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:60px;max-width:620px}.hero h1 br{display:none}.hero h1 em{display:inline}.hero .lead{max-width:600px}.preview{max-width:680px;width:100%}.hero-orbit{top:240px;right:-160px}.preview .metric .value{font-size:32px}.palette{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.wrap{padding-left:23px;padding-right:23px}.top{height:78px;padding-left:23px;padding-right:23px}.logo{width:129px}.hero-grid{grid-template-columns:1fr;padding-top:40px;padding-bottom:28px;gap:35px}.hero h1{font-size:47px;letter-spacing:-2.7px}.hero .lead{font-size:15px;line-height:1.75}.hero .actions>.btn{width:100%}.preview{padding:20px;border-radius:24px}.preview .metric{padding:13px}.preview .metric .value{font-size:24px;white-space:normal}.preview .signal h3{font-size:19px}.brand-strip{flex-direction:column;align-items:start;gap:4px;font-size:10px}.section{padding-top:44px;padding-bottom:44px}.section h2{font-size:30px}.cta-band{padding:27px}.cta-band h2{font-size:28px}.content .pagehead h1{font-size:34px;letter-spacing:-1.6px}.panel{padding:21px}.metric .value{font-size:28px}.view-controls{gap:10px}.theme-toggle button{font-size:10px;padding:7px 10px}.content .pagehead{gap:20px}.content .panel h2{font-size:27px}.formula strong{font-size:16px}.palette{grid-template-columns:repeat(2,1fr)}.hero-orbit{top:490px;width:550px;height:550px}.prototype{font-size:9px}.appbar .wrap{gap:9px}.nav .btn{min-height:42px}.preview .windowbar{font-size:9px}.bottom-cta>.btn{width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}