:root{color-scheme:dark;--bg: #0b0c0f;--bg-soft: #101116;--surface: #11141a;--surface-raised: #171b22;--surface-soft: #1d232b;--line: rgba(255, 255, 255, .085);--line-strong: rgba(255, 255, 255, .14);--text: #f5f7fb;--muted: #a9b3c1;--soft: #737f8f;--hero-copy: #c6ceda;--accent: #78d2ff;--accent-strong: #e4f7ff;--accent-soft: rgba(120, 210, 255, .12);--accent-border: rgba(120, 210, 255, .34);--green: #67d89b;--nav-bg: rgba(11, 12, 15, .82);--page-bg: linear-gradient(180deg, #101115 0%, var(--bg) 34rem, #08090b 100%);--stage-shadow: 0 24px 64px rgba(0, 0, 0, .28), 0 2px 10px rgba(0, 0, 0, .22);--button-primary-bg: #73c9f2;--button-primary-text: #081115;--button-secondary-bg: rgba(255, 255, 255, .025);--button-secondary-border: rgba(255, 255, 255, .16);--button-secondary-text: #d9e2ec;--button-secondary-hover-bg: rgba(120, 210, 255, .055);--button-secondary-hover-border: rgba(120, 210, 255, .28);--hotspot-fill: #101820;--hotspot-button-bg: #132635;--hotspot-shadow: rgba(0, 0, 0, .34);--radius: 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:var(--bg);color:var(--text)}.site-shell{min-height:100vh;background:var(--page-bg);color:var(--text)}.site-shell--light{color-scheme:light;--bg: #eef3f8;--surface: #f8fbff;--surface-soft: #eaf1f8;--line: rgba(20, 35, 55, .13);--line-strong: rgba(20, 35, 55, .22);--text: #111827;--muted: #536274;--soft: #778497;--hero-copy: #48586d;--accent: #2878c8;--accent-strong: #135ea8;--accent-soft: rgba(40, 120, 200, .11);--accent-border: rgba(40, 120, 200, .32);--nav-bg: rgba(245, 248, 252, .86);--page-bg: linear-gradient(180deg, #f6f9fc 0%, #eef3f8 34rem, #e7eef5 100%);--stage-shadow: 0 24px 64px rgba(34, 49, 70, .16), 0 2px 10px rgba(34, 49, 70, .06);--button-primary-bg: #2878c8;--button-primary-text: #ffffff;--button-secondary-bg: rgba(255, 255, 255, .72);--button-secondary-border: rgba(20, 35, 55, .2);--button-secondary-text: #172033;--button-secondary-hover-bg: rgba(40, 120, 200, .08);--button-secondary-hover-border: rgba(40, 120, 200, .35);--hotspot-fill: #f3f8fc;--hotspot-button-bg: #ffffff;--hotspot-shadow: rgba(34, 49, 70, .22)}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:14px;font-size:3.35rem;line-height:1.04;letter-spacing:0}h2{margin-bottom:12px;font-size:2.35rem;line-height:1.06;letter-spacing:0}h3{margin-bottom:8px;font-size:1.05rem;line-height:1.25;letter-spacing:0}p{color:var(--muted);line-height:1.66}.site-nav{position:fixed;inset:0 0 auto;z-index:20;display:grid;grid-template-columns:auto 1fr;align-items:center;min-height:62px;padding:12px 34px;border-bottom:1px solid var(--line);background:var(--nav-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-block;color:var(--text);font-size:.98rem;font-weight:820}.site-nav nav{display:flex;justify-content:flex-end;gap:22px}.site-nav nav a{color:var(--muted);font-size:.92rem;font-weight:760;text-decoration:none}.site-nav nav a:hover{color:var(--text)}.showcase,.site-footer{width:min(1260px,calc(100% - 48px));margin-inline:auto}.showcase{padding:96px 0 42px}.showcase-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;margin:0 0 24px;text-align:left}.intro-copy p:last-child{max-width:640px;margin-bottom:0;color:var(--hero-copy);font-size:1rem;line-height:1.62}.eyebrow{margin-bottom:10px;color:var(--accent);font-size:.74rem;font-weight:860;letter-spacing:0;text-transform:uppercase}.hero-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}.button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line-strong);border-radius:var(--radius);padding:9px 13px;color:var(--text);font-size:.92rem;font-weight:690;letter-spacing:0;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.button svg{width:16px;height:16px;stroke-width:2}.button.primary{border-color:transparent;background:var(--button-primary-bg);color:var(--button-primary-text)}.button.secondary{border-color:var(--button-secondary-border);background:var(--button-secondary-bg);color:var(--button-secondary-text)}.button.secondary:hover{border-color:var(--button-secondary-hover-border);background:var(--button-secondary-hover-bg);color:var(--text)}.demo-stage{width:min(1120px,100%);margin-inline:auto;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--stage-shadow)}.demo-screen{position:relative;aspect-ratio:1293 / 772;border-bottom:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;background:#101820;overflow:hidden}.demo-screen--light{background:#eef3f7}.demo-screen img{display:block;width:100%;height:100%;border-radius:var(--radius) var(--radius) 0 0;object-fit:cover}.hotspot{position:absolute;z-index:4;display:grid;width:34px;height:34px;place-items:center;border:0;padding:0;background:transparent;color:#031214;cursor:pointer;transform:translate(-50%,-50%)}.hotspot-ring,.hotspot-dot{position:absolute;border-radius:999px}.hotspot-ring{inset:auto;display:grid;width:26px;height:26px;place-items:center;border:2px solid var(--accent);background:var(--hotspot-button-bg);box-shadow:0 0 0 2px var(--hotspot-fill),0 0 0 6px var(--accent-soft),0 8px 18px var(--hotspot-shadow);transition:background-color .16s ease,box-shadow .16s ease,border-color .16s ease,transform .16s ease}.hotspot-dot{display:grid;width:4px;height:4px;place-items:center;background:var(--accent);color:#061014}.hotspot-number{display:grid;place-items:center;color:var(--accent-strong);font-size:.76rem;font-weight:740;line-height:1}.hotspot:hover .hotspot-ring,.hotspot:focus-visible .hotspot-ring,.hotspot.is-active .hotspot-ring{border-color:var(--accent-strong);box-shadow:0 0 0 2px var(--hotspot-fill),0 0 0 7px var(--accent-soft),0 10px 22px var(--hotspot-shadow);transform:scale(1.08)}.hotspot-label{display:none}.theme-hotspot .hotspot-ring{width:28px;height:28px;background:var(--hotspot-button-bg)}.theme-hotspot .hotspot-dot{width:18px;height:18px}.theme-hotspot .hotspot-number{color:var(--accent)}.demo-stage-bottom{display:flex;gap:16px;align-items:center;justify-content:center;padding:13px 20px 15px}.demo-theme-hint{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.8rem;font-weight:650;white-space:nowrap}.demo-theme-hint svg{color:var(--accent)}.demo-step-list{display:flex;flex-wrap:wrap;justify-content:center;column-gap:16px;row-gap:6px}.demo-step{display:inline-flex;gap:7px;align-items:center;min-height:28px;border:0;border-bottom:1px solid transparent;border-radius:0;padding:3px 2px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:.8rem;font-weight:600;text-align:center;white-space:nowrap}.demo-step:hover,.demo-step.is-linked{color:var(--text)}.demo-step span{color:var(--soft);font-weight:560}.demo-step.active{border-bottom-color:var(--accent);background:transparent;color:var(--text)}.demo-step.is-linked{border-bottom-color:var(--accent-border)}.demo-step.is-linked span{color:var(--accent)}.site-footer{display:flex;justify-content:space-between;gap:16px;padding:26px 0 42px;border-top:1px solid var(--line);color:var(--soft);font-size:.9rem}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media(max-width:1100px){.demo-stage{width:100%}.demo-stage-bottom{align-items:center;flex-direction:row;gap:16px;padding:14px 16px 16px}}@media(max-width:1080px){h1{font-size:3.1rem}h2{font-size:1.95rem}.showcase-intro{grid-template-columns:1fr}.hero-actions{justify-content:flex-start}.demo-step-list{justify-content:center}}@media(max-width:760px){.site-nav{position:sticky;min-height:58px;padding:11px 16px}.site-nav nav{gap:14px}.site-nav nav a{font-size:.86rem}.showcase,.site-footer{width:min(100% - 28px,1260px)}.showcase{min-height:auto;padding:34px 0 50px}h1{font-size:2.25rem;line-height:1.03}h2{font-size:1.62rem;line-height:1.08}.intro-copy p:last-child{font-size:1rem}.hero-actions{display:grid;grid-template-columns:1fr;width:100%}.demo-screen{aspect-ratio:1293 / 772}.hotspot{width:28px;height:28px}.hotspot-ring{width:18px;height:18px;box-shadow:0 0 0 2px var(--hotspot-fill),0 3px 8px var(--hotspot-shadow)}.hotspot-dot{width:3px;height:3px}.hotspot-number{font-size:.58rem}.theme-hotspot .hotspot-ring{width:22px;height:22px}.hotspot-label{display:none}.demo-step-list{width:100%;flex-wrap:wrap;justify-content:flex-start;column-gap:14px;padding-bottom:2px}.demo-step{flex:0 0 auto;min-height:36px}.site-footer{flex-direction:column}}