.interactivedemo-root{--head-font:"Instrument Serif", Georgia, "Times New Roman", serif;--head-weight:500;--head-spacing:-.5px;--sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg:#f5f5f5;--bg-2:#ebebeb;--surface:#f8f8f8;--surface-2:#fcfcfc;--line:#ccc;--line-soft:#ddd;--line-strong:#aaa;--ink:#1f1f1f;--ink-2:#3a3a3a;--muted:#7a7a7a;--muted-2:#b0b0b0;--accent:#5b6cff;--accent-ink:#2a3aaa;--dot:#0000001a;--shadow-press:inset 0 1px 0 #fff9, inset 0 -1px 0 #0000000a;--shadow-lift:inset 0 1px 0 #ffffffd9, 0 1px 0 #14182808, 0 1px 2px #1418280d, 0 4px 10px -4px #14182814;--shadow-lift-hover:inset 0 1px 0 #ffffffe6, 0 1px 0 #1418280a, 0 2px 4px #1418280f, 0 10px 22px -8px #14182824;--shadow-float:0 24px 60px -24px #14182859, 0 8px 20px -10px #1418282e;isolation:isolate;min-height:100vh;font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;line-height:1.5;position:relative;overflow-x:clip}.interactivedemo-root[data-theme=cool]{--bg:#f4f4f2;--bg-2:#ececea;--surface:#f7f7f4;--surface-2:#fbfbf9;--line:#c8c7c2;--line-soft:#dcdbd6;--line-strong:#a8a7a2;--ink:#232322;--ink-2:#3d3d3b;--muted:#7d7c77;--muted-2:#afaea9;--accent:#c98a4a;--accent-ink:#7a4a1d;--dot:#28281e1a}.interactivedemo-root[data-theme=slate]{--bg:#eef1f6;--bg-2:#dde3ec;--surface:#f1f4f9;--surface-2:#f6f8fc;--line:#b6c0d0;--line-soft:#ccd3df;--line-strong:#94a0b4;--ink:#1e2532;--ink-2:#38415a;--muted:#6e7891;--muted-2:#a4adbf;--accent:#4c7cd6;--accent-ink:#1f3e85;--dot:#14285a1a}.interactivedemo-root[data-theme=sage]{--bg:#eef1ea;--bg-2:#e0e6d6;--surface:#f1f4ec;--surface-2:#f7f9f3;--line:#b8c2a8;--line-soft:#cdd5c0;--line-strong:#9aa68a;--ink:#232a20;--ink-2:#3d4636;--muted:#767f6e;--muted-2:#a9b0a0;--accent:#5b8a47;--accent-ink:#2f521d;--dot:#283c141a}.interactivedemo-root[data-theme=dark]{--bg:#181a1f;--bg-2:#141519;--surface:#202329;--surface-2:#262a31;--line:#33373f;--line-soft:#2b2f36;--line-strong:#454b55;--ink:#e7e8ec;--ink-2:#bcc0c8;--muted:#8a8f99;--muted-2:#5a606b;--accent:#7d8cff;--accent-ink:#aeb7ff;--dot:#dce1f00d;--shadow-lift:inset 0 1px 0 #ffffff0a, 0 4px 12px -4px #00000080;--shadow-lift-hover:inset 0 1px 0 #ffffff0f, 0 10px 24px -8px #0009;--shadow-press:inset 0 1px 2px #0006;--shadow-float:0 24px 60px -24px #000000b3}.interactivedemo-root *{box-sizing:border-box}.interactivedemo-root img{max-width:100%;display:block}.interactivedemo-root svg{display:block}.interactivedemo-root .page-bg{z-index:-2;background-image:url(/assets/hero-bg.png);background-position:top;background-repeat:no-repeat;background-size:cover;height:720px;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0%,#0000008c 55%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000008c 55%,#0000 100%)}.interactivedemo-root .page-veil{z-index:-1;pointer-events:none;background:radial-gradient(120% 70% at 50% 0%, color-mix(in oklab, var(--bg) 50%, transparent) 0%, color-mix(in oklab, var(--bg) 62%, transparent) 40%, var(--bg) 72%), radial-gradient(var(--dot) 1px, transparent 1px);background-size:auto,18px 18px;position:fixed;inset:0}.interactivedemo-root[data-theme=dark] .page-bg{opacity:.5}.interactivedemo-root .head{font-family:var(--head-font);font-weight:var(--head-weight);letter-spacing:var(--head-spacing);color:var(--ink);text-wrap:balance;margin:0}.interactivedemo-root .btn{--bbg:var(--surface);--bbd:var(--line-strong);--binkc:var(--ink);border:1px solid var(--bbd);background:linear-gradient(180deg, color-mix(in oklab, var(--bbg) 96%, white) 0%, var(--bbg) 100%);height:38px;color:var(--binkc);font:inherit;cursor:pointer;box-shadow:var(--shadow-lift);-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13.5px;font-weight:500;text-decoration:none;transition:transform 60ms,box-shadow .12s,background .12s,border-color .12s;display:inline-flex}.interactivedemo-root .btn .arr{transition:transform .15s}.interactivedemo-root .btn:hover .arr{transform:translate(3px)}.interactivedemo-root .btn.primary{--bbd:var(--accent-ink);--binkc:#fff;background:linear-gradient(180deg, color-mix(in oklab, var(--accent) 88%, white) 0%, var(--accent) 60%, color-mix(in oklab, var(--accent) 86%, black) 100%);color:#fff;box-shadow:inset 0 1px 0 #fff6, 0 1px 2px color-mix(in oklab, var(--accent-ink) 40%, transparent), 0 8px 16px -8px color-mix(in oklab, var(--accent-ink) 70%, transparent)}.interactivedemo-root[data-theme=dark] .btn.primary{color:#14161b}.interactivedemo-root .pill{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lift);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:5px 13px 5px 11px;font-size:12.5px;font-weight:500;text-decoration:none;display:inline-flex}.interactivedemo-root .pill .pdot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 22%, transparent);border-radius:50%}.interactivedemo-root .tag{background:var(--surface);border:1px solid var(--line);height:34px;box-shadow:var(--shadow-lift);color:var(--ink-2);border-radius:999px;align-items:center;padding:0 16px;font-size:13px;font-weight:500;display:inline-flex}.interactivedemo-root .nav{z-index:50;pointer-events:none;background:color-mix(in oklab, var(--surface) 16%, transparent);-webkit-backdrop-filter:blur(8px)saturate(125%);backdrop-filter:blur(8px)saturate(125%);border-bottom:1px solid #0000;justify-content:center;padding:0 16px;transition:background-color .3s,border-color .3s,box-shadow .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;top:0;left:0;right:0}.interactivedemo-root .nav__inner{pointer-events:auto;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px;width:100%;max-width:1160px;padding:12px 6px;display:grid}.interactivedemo-root .nav.is-floating{background:color-mix(in oklab, var(--surface) 96%, white);border-bottom-color:var(--line-soft);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);box-shadow:0 1px #1418280a,0 6px 20px -12px #1418282e}.interactivedemo-root .brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.interactivedemo-root .brand-mark{background:var(--surface);border:1px solid var(--line);width:36px;height:36px;box-shadow:var(--shadow-lift);color:var(--ink);border-radius:10px;place-items:center;display:grid}.interactivedemo-root .brand-mark svg{width:22px;height:22px}.interactivedemo-root .brand-text{font-family:var(--head-font);letter-spacing:-.3px;color:var(--ink);font-size:22px;font-weight:500;line-height:1}.interactivedemo-root .nav__links{justify-self:center;align-items:center;gap:30px;display:flex}.interactivedemo-root .nav__links>a,.interactivedemo-root .nav__links>.navitem>button{color:var(--ink-2);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .12s}.interactivedemo-root .nav__links>a:hover,.interactivedemo-root .nav__links>.navitem>button:hover{color:var(--accent)}.interactivedemo-root .nav__links a.is-current{color:var(--ink);position:relative}.interactivedemo-root .nav__links a.is-current:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-6px;left:0;right:0}.interactivedemo-root .nav__cta{justify-self:end}.interactivedemo-root .navitem{position:relative}.interactivedemo-root .navitem>button{align-items:center;gap:5px;display:inline-flex}.interactivedemo-root .navitem>button .chev{width:13px;height:13px;color:var(--muted);transition:transform .2s}.interactivedemo-root .navitem.open>button{color:var(--accent)}.interactivedemo-root .navitem.open>button .chev{transform:rotate(180deg)}.interactivedemo-root .dropdown{background:var(--surface);border:1px solid var(--line);width:340px;box-shadow:var(--shadow-float);opacity:0;visibility:hidden;pointer-events:none;border-radius:16px;padding:8px;transition:opacity .16s,transform .16s,visibility .16s;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%)translateY(-6px)}.interactivedemo-root .navitem.open .dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.interactivedemo-root .dropdown:before{content:"";background:var(--surface);border-left:1px solid var(--line);border-top:1px solid var(--line);border-radius:3px 0 0;width:12px;height:12px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.interactivedemo-root .ddlabel{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:8px 10px 6px;font-size:10px}.interactivedemo-root .dditem{color:var(--ink);border-radius:11px;grid-template-columns:38px 1fr;align-items:center;gap:12px;padding:9px 10px;text-decoration:none;transition:background .12s;display:grid}.interactivedemo-root .dditem:hover{background:color-mix(in oklab, var(--accent) 7%, var(--surface-2))}.interactivedemo-root .dditem .di{background:var(--surface-2);border:1px solid var(--line-soft);width:38px;height:38px;color:var(--accent-ink);box-shadow:var(--shadow-lift);border-radius:10px;place-items:center;display:grid}.interactivedemo-root .dditem.feat .di{background:linear-gradient(180deg, color-mix(in oklab, var(--accent) 86%, white), var(--accent));border-color:var(--accent-ink);color:#fff}.interactivedemo-root[data-theme=dark] .dditem.feat .di{color:#14161b}.interactivedemo-root .dditem .di svg{width:19px;height:19px}.interactivedemo-root .dditem .dt{color:var(--ink);align-items:center;gap:7px;font-size:13.5px;font-weight:600;display:flex}.interactivedemo-root .dditem .badge{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:color-mix(in oklab, var(--accent) 16%, var(--surface));color:var(--accent-ink);border:1px solid color-mix(in oklab, var(--accent) 28%, var(--line-soft));border-radius:999px;padding:2px 6px;font-size:9px}.interactivedemo-root .dditem .dd{color:var(--muted);margin-top:1px;font-size:12px}.interactivedemo-root .dropdown hr{border:0;border-top:1px dashed var(--line-soft);margin:6px 4px}.interactivedemo-root .container{max-width:1160px;margin:0 auto;padding:0 36px}.interactivedemo-root .hero{padding:150px 0 60px;position:relative}.interactivedemo-root .hero__grid{grid-template-columns:1.02fr 1.18fr;align-items:center;gap:56px;display:grid}.interactivedemo-root .hero__eyebrow{margin-bottom:18px}.interactivedemo-root .hero h1{max-width:13ch;margin:0 0 20px;font-size:clamp(34px,5vw,60px);line-height:1.06}.interactivedemo-root .hero h1 .accent{color:var(--accent-ink)}.interactivedemo-root .hero p.lede{color:var(--muted);max-width:38ch;margin:0 0 28px;font-size:clamp(15px,1.35vw,18px);line-height:1.5}.interactivedemo-root .hero__btns{flex-wrap:wrap;gap:12px;display:flex}.interactivedemo-root .browser{background:var(--surface-2);border:1px solid var(--line);box-shadow:var(--shadow-float);border-radius:16px;position:relative;overflow:hidden}.interactivedemo-root .browser__bar{border-bottom:1px solid var(--line-soft);background:var(--surface);align-items:center;gap:7px;padding:12px 14px;display:flex}.interactivedemo-root .browser__bar .dot{border-radius:50%;width:11px;height:11px}.interactivedemo-root .browser__bar .dot.r{background:#ed6a5e}.interactivedemo-root .browser__bar .dot.y{background:#f5bf4f}.interactivedemo-root .browser__bar .dot.g{background:#61c554}.interactivedemo-root .browser__body{grid-template-columns:168px 1fr;min-height:360px;display:grid}.interactivedemo-root .appside{border-right:1px solid var(--line-soft);background:color-mix(in oklab, var(--surface) 60%, var(--bg));padding:16px 12px}.interactivedemo-root .appside__brand{align-items:center;gap:9px;padding:4px 6px 16px;display:flex}.interactivedemo-root .appside__brand .lg{color:#fff;width:26px;height:26px;font-family:var(--head-font);background:#1f1f1f;border-radius:8px;place-items:center;font-size:14px;display:grid}.interactivedemo-root[data-theme=dark] .appside__brand .lg{color:#181a1f;background:#e7e8ec}.interactivedemo-root .appside__brand .nm{letter-spacing:.02em;font-size:13px;font-weight:600}.interactivedemo-root .appside__sec{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);padding:12px 8px 7px;font-size:9px}.interactivedemo-root .appnav{color:var(--ink-2);border-radius:8px;align-items:center;gap:9px;padding:8px;font-size:12.5px;display:flex}.interactivedemo-root .appnav svg{width:15px;height:15px;color:var(--muted)}.interactivedemo-root .appnav.active{background:var(--surface);box-shadow:var(--shadow-lift);color:var(--ink);font-weight:500;position:relative}.interactivedemo-root .appnav.active svg{color:var(--accent-ink)}.interactivedemo-root .appmain{padding:18px;position:relative}.interactivedemo-root .appmain__top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.interactivedemo-root .appmain__top .ttl{color:var(--muted);font-size:13px;font-weight:600}.interactivedemo-root .appmain__top .fund{color:#fff;background:#1f1f1f;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:500}.interactivedemo-root[data-theme=dark] .appmain__top .fund{color:#181a1f;background:#e7e8ec}.interactivedemo-root .statgrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.interactivedemo-root .stat{border:1px solid var(--line-soft);background:var(--surface);box-shadow:var(--shadow-lift);border-radius:12px;padding:13px 14px}.interactivedemo-root .stat .k{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:10px}.interactivedemo-root .stat .v{font-family:var(--head-font);letter-spacing:-1px;margin-top:3px;font-size:24px;font-weight:500}.interactivedemo-root .spark{width:100%;height:46px;margin-top:10px}.interactivedemo-root .spark path.line{fill:none;stroke:var(--accent);stroke-width:2px}.interactivedemo-root .spark path.fill{fill:color-mix(in oklab, var(--accent) 14%, transparent);stroke:none}.interactivedemo-root .spark.rose path.line{stroke:#e3879e}.interactivedemo-root .spark.rose path.fill{fill:#e3879e29;fill:lab(66.9247% 38.054 3.74186/.16)}.interactivedemo-root .hotspot{background:var(--accent);color:#fff;width:26px;height:26px;font-size:12px;font-weight:600;font-family:var(--mono);box-shadow:0 0 0 6px color-mix(in oklab, var(--accent) 24%, transparent);z-index:4;border-radius:50%;place-items:center;display:grid;position:absolute;top:86px;left:150px}.interactivedemo-root[data-theme=dark] .hotspot{color:#14161b}.interactivedemo-root .tip{background:linear-gradient(180deg, color-mix(in oklab, var(--accent) 92%, white), var(--accent));color:#fff;width:226px;box-shadow:0 18px 38px -16px color-mix(in oklab, var(--accent-ink) 80%, transparent);z-index:5;border-radius:14px;padding:16px 16px 13px;position:absolute;top:64px;left:188px}.interactivedemo-root[data-theme=dark] .tip{color:#11131a}.interactivedemo-root .tip__txt{font-size:12.5px;line-height:1.45}.interactivedemo-root .tip__txt b{font-weight:600}.interactivedemo-root .tip__foot{align-items:center;gap:7px;margin-top:12px;display:flex}.interactivedemo-root .tip__foot .nb{cursor:pointer;background:#ffffff2e;border-radius:8px;place-items:center;width:30px;height:28px;display:grid}.interactivedemo-root .tip__foot .nb svg{color:#fff;width:14px;height:14px}.interactivedemo-root[data-theme=dark] .tip__foot .nb svg{color:#11131a}.interactivedemo-root .tip__foot .prog{font-family:var(--mono);opacity:.85;margin-left:auto;font-size:11px}.interactivedemo-root .tip:after{content:"";background:color-mix(in oklab, var(--accent) 92%, white);border-radius:3px;width:13px;height:13px;position:absolute;top:30px;left:-7px;transform:rotate(45deg)}.interactivedemo-root .recorder{background:var(--surface);border:1px solid var(--line);width:100%;max-width:444px;box-shadow:var(--shadow-float);border-radius:18px;flex-direction:column;gap:12px;margin:0 auto;padding:20px;display:flex}.interactivedemo-root .rec__chrome{justify-content:space-between;align-items:center;padding:2px 2px 6px;display:flex}.interactivedemo-root .rec__brand{font-family:var(--head-font);letter-spacing:-.4px;color:var(--ink);align-items:center;gap:9px;font-size:19px;font-weight:500;display:inline-flex}.interactivedemo-root .brand-mark.sm{border-radius:8px;width:28px;height:28px}.interactivedemo-root .brand-mark.sm svg{width:17px;height:17px}.interactivedemo-root .rec__icons{color:var(--muted);align-items:center;gap:14px;display:inline-flex}.interactivedemo-root .rec__icons svg{width:18px;height:18px}.interactivedemo-root .rec__dim{background:color-mix(in oklab, var(--accent) 8%, var(--surface-2));border:1px solid color-mix(in oklab, var(--accent) 20%, var(--line-soft));height:52px;box-shadow:var(--shadow-press);border-radius:12px;justify-content:space-between;align-items:center;padding:0 14px 0 16px;display:flex}.interactivedemo-root .rec__dim .l{color:var(--ink);align-items:center;gap:10px;font-size:14px;font-weight:600;display:inline-flex}.interactivedemo-root .rec__dim .l svg{width:17px;height:17px;color:var(--accent-ink)}.interactivedemo-root .rec__dim .r{font-family:var(--mono);color:var(--accent-ink);background:var(--surface);border:1px solid color-mix(in oklab, var(--accent) 22%, var(--line-soft));border-radius:7px;align-items:center;gap:8px;padding:5px 9px;font-size:12px;display:inline-flex}.interactivedemo-root .rec__dim .r svg{width:13px;height:13px}.interactivedemo-root .rec__hide{border:1px solid var(--line);background:var(--surface-2);height:52px;color:var(--ink);box-shadow:var(--shadow-lift);border-radius:12px;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.interactivedemo-root .rec__hide svg{width:17px;height:17px;color:var(--muted)}.interactivedemo-root .rec__go{appearance:none;font:inherit;cursor:pointer;border:1px solid var(--accent-ink);color:#fff;background:linear-gradient(180deg, color-mix(in oklab, var(--accent) 88%, white) 0%, var(--accent) 60%, color-mix(in oklab, var(--accent) 86%, black) 100%);height:56px;box-shadow:inset 0 1px 0 #fff6, 0 12px 26px -10px color-mix(in oklab, var(--accent-ink) 70%, transparent);border-radius:13px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:600;transition:transform 80ms,box-shadow .14s;display:flex}.interactivedemo-root .rec__go:hover{box-shadow:inset 0 1px 0 #fff6, 0 16px 30px -10px color-mix(in oklab, var(--accent-ink) 72%, transparent);transform:translateY(-1px)}.interactivedemo-root[data-theme=dark] .rec__go{color:#11131a}.interactivedemo-root .rec__go svg{width:18px;height:18px}.interactivedemo-root .rec__split{grid-template-columns:1fr 1fr;gap:12px;display:grid}.interactivedemo-root .rec__sub{border:1px solid var(--line);background:var(--surface-2);height:50px;color:var(--ink-2);box-shadow:var(--shadow-lift);border-radius:12px;justify-content:center;align-items:center;gap:9px;font-size:13.5px;font-weight:600;display:flex}.interactivedemo-root .rec__sub svg{width:16px;height:16px;color:var(--muted)}.interactivedemo-root .medialib{background:var(--surface);border:1px solid var(--line-soft);width:300px;box-shadow:var(--shadow-float);border-radius:16px;flex-direction:column;gap:3px;padding:12px;display:flex}.interactivedemo-root .ml-it{color:var(--ink-2);border-radius:11px;align-items:center;gap:13px;padding:13px 14px;font-size:14px;font-weight:600;display:flex}.interactivedemo-root .ml-it svg{width:18px;height:18px;color:var(--accent-ink)}.interactivedemo-root .ml-it.on{background:linear-gradient(180deg, color-mix(in oklab, var(--accent) 90%, white), var(--accent));color:#fff;box-shadow:0 12px 26px -12px color-mix(in oklab, var(--accent-ink) 70%, transparent)}.interactivedemo-root .ml-it.on svg{color:#fff}.interactivedemo-root[data-theme=dark] .ml-it.on,.interactivedemo-root[data-theme=dark] .ml-it.on svg{color:#11131a}.interactivedemo-root .section{padding:64px 0}.interactivedemo-root .section__head{text-align:center;max-width:660px;margin:0 auto 44px}.interactivedemo-root .section__head h2{font-size:clamp(32px,4vw,50px);line-height:1.04}.interactivedemo-root .section__head p{color:var(--muted);max-width:48ch;margin:14px auto 0;font-size:16px;line-height:1.55}.interactivedemo-root .frow-wrap{flex-direction:column;gap:22px;display:flex}.interactivedemo-root .frow{border:1px solid var(--line-soft);background:var(--surface);box-shadow:var(--shadow-lift);border-radius:22px;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:44px;display:grid}.interactivedemo-root .frow.flip .frow__media{order:-1}.interactivedemo-root .frow__copy h3{font-family:var(--head-font);letter-spacing:var(--head-spacing);margin:0 0 14px;font-size:clamp(26px,2.6vw,34px);font-weight:500;line-height:1.05}.interactivedemo-root .frow__copy p{color:var(--muted);max-width:46ch;margin:0 0 22px;font-size:15.5px;line-height:1.55}.interactivedemo-root .frow__tags{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.interactivedemo-root .frow__media{place-items:center;display:grid}.interactivedemo-root .media-stage{background:radial-gradient(130% 120% at 50% 0%, color-mix(in oklab, var(--accent) 12%, var(--surface-2)) 0%, var(--surface-2) 68%);border:1px solid var(--line-soft);border-radius:18px;place-items:center;width:100%;min-height:300px;padding:30px;display:grid;position:relative;overflow:hidden}.interactivedemo-root .usecases{background:color-mix(in oklab, var(--accent) 6%, var(--bg));border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.interactivedemo-root .uc-tabs{flex-wrap:wrap;justify-content:center;gap:9px;margin-bottom:32px;display:flex}.interactivedemo-root .uc-tab{appearance:none;font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--surface);height:42px;color:var(--ink-2);box-shadow:var(--shadow-lift);border-radius:999px;padding:0 18px;font-size:13.5px;font-weight:500;transition:all .14s}.interactivedemo-root .uc-tab:hover{border-color:var(--line-strong)}.interactivedemo-root .uc-tab.active{background:linear-gradient(180deg, color-mix(in oklab, var(--accent) 86%, white), var(--accent));color:#fff;border-color:var(--accent-ink);box-shadow:inset 0 1px 0 #ffffff59, 0 10px 22px -10px color-mix(in oklab, var(--accent-ink) 70%, transparent)}.interactivedemo-root[data-theme=dark] .uc-tab.active{color:#11131a}.interactivedemo-root .uc-panel-wrap{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lift);border-radius:22px;padding:46px}.interactivedemo-root .uc-panel{grid-template-columns:1fr 1.1fr;align-items:center;gap:48px;display:none}.interactivedemo-root .uc-panel.active{display:grid}.interactivedemo-root .uc-panel__copy .uc-kicker{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:12px;font-size:11px}.interactivedemo-root .uc-panel__copy h3{font-family:var(--head-font);letter-spacing:var(--head-spacing);margin:0 0 14px;font-size:clamp(26px,2.8vw,36px);font-weight:500;line-height:1.05}.interactivedemo-root .uc-panel__copy p{color:var(--muted);max-width:44ch;margin:0 0 24px;font-size:15.5px;line-height:1.55}.interactivedemo-root .uc-media{background:radial-gradient(130% 120% at 70% 10%, color-mix(in oklab, var(--accent) 16%, var(--surface-2)) 0%, var(--surface-2) 70%);border:1px solid var(--line-soft);border-radius:18px;place-items:center;min-height:300px;padding:30px;display:grid;position:relative;overflow:hidden}.interactivedemo-root .uc-card{background:var(--surface);border:1px solid var(--line-soft);width:86%;box-shadow:var(--shadow-float);border-radius:14px;padding:18px;position:relative}.interactivedemo-root .uc-card .rowline{background:var(--bg-2);border-radius:999px;height:9px;margin:9px 0}.interactivedemo-root .uc-card .rowline.s{width:60%}.interactivedemo-root .uc-card .rowline.m{width:80%}.interactivedemo-root .uc-card .head-chip{background:#1f1f1f;border-radius:7px;width:64px;height:30px}.interactivedemo-root[data-theme=dark] .uc-card .head-chip{background:#e7e8ec}.interactivedemo-root .uc-badge{background:linear-gradient(180deg, color-mix(in oklab, var(--accent) 90%, white), var(--accent));color:#fff;box-shadow:0 14px 28px -12px color-mix(in oklab, var(--accent-ink) 70%, transparent);border-radius:11px;align-items:center;gap:8px;padding:9px 14px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:-16px;left:22px}.interactivedemo-root[data-theme=dark] .uc-badge{color:#11131a}.interactivedemo-root .uc-badge .play{background:#ffffff40;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.interactivedemo-root .uc-badge .play svg{width:10px;height:10px}.interactivedemo-root .foot{isolation:isolate;color:var(--ink);position:relative;overflow:hidden}.interactivedemo-root .foot__inner{z-index:2;max-width:1160px;margin:0 auto;padding:64px 36px 48px;position:relative}.interactivedemo-root .foot__cta{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-lift);border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:36px;padding:44px;display:flex;position:relative;overflow:hidden}.interactivedemo-root .foot__cta:before{content:"";z-index:0;opacity:.5;background-image:url(/assets/footer-bg.png);background-position:50% 55%;background-size:cover;position:absolute;inset:0;-webkit-mask-image:linear-gradient(110deg,#0000 30%,#000 100%);mask-image:linear-gradient(110deg,#0000 30%,#000 100%)}.interactivedemo-root[data-theme=dark] .foot__cta:before{opacity:.32}.interactivedemo-root .foot__cta>*{z-index:1;position:relative}.interactivedemo-root .foot__cta-copy{max-width:460px}.interactivedemo-root .foot__cta-copy h3{margin:0 0 10px;font-size:clamp(28px,3.4vw,40px);line-height:1.05}.interactivedemo-root .foot__cta-copy p{color:var(--ink-2);max-width:40ch;margin:0;font-size:15px;line-height:1.5}.interactivedemo-root .foot__cta-btns{flex-wrap:wrap;gap:10px;display:flex}.interactivedemo-root .foot__bar{max-width:1160px;color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;margin:0 auto;padding:8px 36px 32px;font-size:12.5px;display:flex}.interactivedemo-root .foot__bar .spacer{flex:1}.interactivedemo-root .foot__bar a{color:var(--muted);text-decoration:none}.interactivedemo-root .foot__bar a:hover{color:var(--accent-ink)}@media (max-width:1000px){.interactivedemo-root .hero__grid{grid-template-columns:1fr;gap:40px}.interactivedemo-root .frow,.interactivedemo-root .frow.flip{grid-template-columns:1fr;gap:32px}.interactivedemo-root .frow .frow__media,.interactivedemo-root .frow.flip .frow__media{order:0}.interactivedemo-root .uc-panel.active{grid-template-columns:1fr}}@media (max-width:760px){.interactivedemo-root .nav__links{display:none}.interactivedemo-root .container{padding:0 20px}.interactivedemo-root .hero{padding-top:120px}.interactivedemo-root .frow{padding:28px}.interactivedemo-root .uc-panel-wrap{padding:26px}.interactivedemo-root .foot__cta{padding:32px}}.interactivedemo-root .btn{background:var(--button-surface);border-color:var(--button-line);height:36px;color:var(--button-ink);box-shadow:var(--button-shadow-lift);border-radius:11px;gap:7px;padding:0 11px;font-size:15px;font-weight:600}.interactivedemo-root .btn:hover{box-shadow:var(--button-shadow-lift-hover);transform:none}.interactivedemo-root .btn:active{box-shadow:var(--button-shadow-press);transform:translateY(1px)}.interactivedemo-root .btn.primary{border-color:var(--button-accent-ink);color:#fff;background:linear-gradient(180deg, color-mix(in oklab, var(--button-accent) 86%, white), var(--button-accent));box-shadow:var(--button-shadow-primary-lift)}.interactivedemo-root .btn.primary:hover{filter:brightness(1.03);box-shadow:var(--button-shadow-primary-lift-hover);transform:none}.interactivedemo-root .btn.primary:active{box-shadow:var(--button-shadow-primary-press)}.interactivedemo-root .btn.lg{border-radius:11px;height:41px;padding:0 13px;font-size:15px}