:root{color-scheme:dark;--bg: #0b0c0f;--bg-soft: #101116;--surface: #11141a;--surface-raised: #171b22;--surface-soft: #1d232b;--surface-tint: rgba(255, 255, 255, .035);--line: rgba(255, 255, 255, .085);--line-strong: rgba(255, 255, 255, .14);--text: #f5f7fb;--muted: #a9b3c1;--soft: #737f8f;--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, .96);--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);--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;--surface-tint: rgba(40, 90, 140, .045);--line: rgba(20, 35, 55, .13);--line-strong: rgba(20, 35, 55, .22);--text: #111827;--muted: #536274;--soft: #778497;--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, .97);--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);--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}.site-nav{position:fixed;inset:0 0 auto;z-index:20;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:space-between;gap:24px;min-height:62px;padding:12px 34px;border-bottom:1px solid var(--line);background:var(--nav-bg)}.brand{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:.98rem;font-weight:820;white-space:nowrap}.brand-icon{display:block;width:27px;height:27px;flex:0 0 auto}.site-nav nav{display:flex;justify-content:flex-end;gap:20px}.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:88px 0 18px}.hero-copy{width:min(900px,100%);margin-inline:auto;text-align:center}.hero-copy h1{max-width:780px;margin:0 auto;color:var(--text);font-size:3rem;font-weight:820;letter-spacing:0;line-height:1.02}.hero-summary{max-width:760px;margin:16px auto 0;color:var(--muted);font-size:1.03rem;font-weight:520;line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid var(--line-strong);border-radius:var(--radius);padding:0 15px;background:var(--surface-tint);color:var(--text);font-size:.9rem;font-weight:560;line-height:1;text-decoration:none}.button-icon{display:block;width:16px;height:16px;flex:0 0 16px;stroke-width:2}.button-icon-filled{fill:currentColor;stroke:none}.button:hover{border-color:var(--accent-border);background:var(--accent-soft)}.button-primary{border-color:var(--accent-border);background:var(--accent);color:#061014}.button-primary:hover{border-color:var(--accent);background:var(--accent-strong);color:#061014}.site-shell--light .button-primary{color:#fff}.button-support{border-color:#c88f2d;background:#f2b84b;box-shadow:0 8px 20px #f2b84b29;color:#1c1306;font-weight:620}.button-support:hover{border-color:#d99f39;background:#f7c86b;box-shadow:0 10px 24px #f2b84b38;color:#1c1306}.button-quiet{color:var(--muted)}.demo-stage{position:relative;container-type:inline-size;width:min(1040px,100%,max(720px,calc((100vh - 318px)*1.74049)));margin:26px auto 0;overflow:visible;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--stage-shadow)}.use-case-strip{width:min(1040px,100%);margin-inline:auto}.use-case-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.use-case{min-width:0;padding:18px 18px 18px 0}.use-case+.use-case{border-left:1px solid var(--line);padding-left:18px}.use-case h2{margin:0;color:var(--text);font-size:.95rem;font-weight:780;letter-spacing:0}.use-case p{margin:8px 0 0;color:var(--soft);font-size:.84rem;font-weight:520;line-height:1.45}.demo-stage-top{position:relative;display:grid;align-items:center;gap:3px;justify-content:center;min-height:64px;padding:8px 16px;border-bottom:1px solid var(--line)}.demo-screen{position:relative;aspect-ratio:1281 / 736;border-radius:0 0 var(--radius) var(--radius);background:#101820;overflow:hidden}.demo-screen:after{position:absolute;inset:0;z-index:3;border:1px solid var(--line-strong);border-top:0;border-radius:0 0 var(--radius) var(--radius);content:"";pointer-events:none}.demo-screen--light{background:#eef3f7}.demo-screen img{position:absolute;top:-4.21196%;left:-.46838%;display:block;width:100.93677%;height:104.8913%}.hotspot{position:absolute;z-index:4;display:grid;width:46px;height:46px;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:34px;height:34px;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-ring:after{position:absolute;inset:-6px;border:1px solid var(--accent);border-radius:inherit;content:"";opacity:0;pointer-events:none}.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:.9rem;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,.theme-hotspot .hotspot-label{display:none}.theme-toggle-callout{position:absolute;top:calc(49px + 3.25cqw);left:calc(100% + 5px);z-index:5;display:inline-flex;align-items:center;min-height:28px;border:1px solid var(--accent-border);border-radius:999px;padding:0 8px;background:var(--hotspot-button-bg);box-shadow:0 8px 18px var(--hotspot-shadow);color:var(--accent-strong);cursor:pointer;font:inherit;font-size:.7rem;font-weight:650;line-height:1;white-space:nowrap;animation:theme-label-nudge 3.8s ease-in-out infinite}.theme-toggle-callout:hover,.theme-toggle-callout:focus-visible{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.theme-hotspot .hotspot-ring{width:34px;height:34px;background:var(--hotspot-button-bg)}.theme-hotspot .hotspot-ring:after{animation:hotspot-pulse 2.2s ease-out infinite}.theme-hotspot .hotspot-number svg{animation:theme-toggle-wiggle 3.2s ease-in-out infinite;transform-origin:center}.theme-hotspot .hotspot-dot{width:18px;height:18px}.theme-hotspot .hotspot-number{color:var(--accent)}.demo-step-list{display:flex;flex-wrap:wrap;justify-content:center;column-gap:16px;row-gap:6px}.demo-current-screen{display:none}.demo-tour-hint{position:static;max-width:none;margin:0;overflow:hidden;color:var(--soft);font-size:.7rem;font-weight:650;line-height:1;opacity:.78;text-align:center;text-overflow:ellipsis;white-space:nowrap}.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;color:var(--soft);font-size:.9rem}@keyframes hotspot-pulse{0%{opacity:0;transform:scale(.82)}14%{opacity:.72}48%,to{opacity:0;transform:scale(1.55)}}@keyframes theme-label-nudge{0%,62%,to{transform:translate(0)}72%{transform:translate(-4px)}82%{transform:translate(0)}}@keyframes theme-toggle-wiggle{0%,62%,to{transform:rotate(0) scale(1)}70%{transform:rotate(-12deg) scale(1.06)}78%{transform:rotate(12deg) scale(1.06)}86%{transform:rotate(0) scale(1)}}@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}.hotspot-ring:after{animation:none!important}.theme-hotspot .hotspot-number svg{animation:none!important}.theme-toggle-callout{animation:none!important}}@media(max-width:1270px){.theme-toggle-callout{display:none}}@media(max-width:760px),(max-width:1024px)and (max-height:560px)and (orientation:landscape){.site-nav{position:sticky;grid-template-columns:auto auto;gap:14px;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:28px 0 32px}.hero-copy{text-align:left}.hero-copy h1{max-width:none;font-size:2.15rem;line-height:1.06}.hero-summary{max-width:none;margin-top:12px;font-size:.94rem;line-height:1.48}.hero-actions{display:grid;grid-template-columns:repeat(2,max-content);justify-content:flex-start;gap:8px;margin-top:18px}.hero-actions .button-primary{grid-column:1 / -1;width:max-content}.button{min-height:38px;padding:0 12px;font-size:.84rem}.demo-stage{width:100%;margin-top:24px;overflow:hidden}.demo-stage-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:60px;padding:8px 10px 9px;overflow:hidden}.demo-tour-hint{grid-column:1 / -1;grid-row:2;max-width:none;color:var(--soft);font-size:.7rem;opacity:.78;text-align:left}.demo-screen{aspect-ratio:1281 / 736}.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-ring:after{animation:none}.hotspot-dot{width:3px;height:3px}.hotspot-number{font-size:.58rem}.theme-hotspot .hotspot-ring{width:22px;height:22px}.hotspot-label,.theme-toggle-callout{display:none}.demo-step-list{grid-column:2;grid-row:1;width:auto;flex-wrap:nowrap;justify-content:flex-end;column-gap:6px}.demo-step{width:28px;min-height:28px;flex:0 0 28px;justify-content:center;gap:0;border:1px solid var(--line);border-radius:999px;padding:0;font-size:0;font-weight:650}.demo-current-screen{display:block;grid-column:1;grid-row:1;min-width:0;overflow:hidden;color:var(--text);font-size:.82rem;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.demo-step span{color:var(--muted);font-size:.76rem;font-weight:720}.demo-step.active{border-color:var(--accent);background:var(--accent-soft)}.demo-step.active span,.demo-step.is-linked span{color:var(--accent-strong)}.site-footer{flex-direction:column}.use-case-strip{grid-template-columns:1fr;margin-top:20px}.use-case{padding:15px 0}.use-case+.use-case{border-top:1px solid var(--line);border-left:0;padding-left:0}}