@keyframes liquid{0%,to{transform:translate3d(0,0,0) scale(1)}33%{transform:translate3d(6%,-5%,0) scale(1.12)}66%{transform:translate3d(-7%,6%,0) scale(.92)}}@keyframes corePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.7}}@keyframes punch{0%{opacity:0;transform:translateY(28px) scale(.9)}to{opacity:1;transform:none}}@keyframes ticker{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes floaty{0%,to{transform:rotateX(10deg) rotateY(-14deg) translateY(0)}50%{transform:rotateX(8deg) rotateY(-10deg) translateY(-8px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes slam{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@font-face{font-family:"Manrope";src:url(assets/fonts/manrope-latin-wght-normal.woff2)format("woff2");font-style:normal;font-weight:200 800;font-display:swap}:root{--bg:#050506;--text:#f5f5f7;--muted:rgba(245,245,247,.62);--faint:rgba(245,245,247,.4);--line:rgba(255,255,255,.16);--accent:#0a84ff;--ok:#30d158;--warn:#ffd60a;--danger:#ff453a;--blue:#64d2ff;--font:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body,html{margin:0;height:100%;background:#000;color:var(--text);font-family:var(--font);letter-spacing:-.015em;-webkit-font-smoothing:antialiased}a,button{font:inherit}[hidden],body.embed .gate{display:none!important}body:has(#share:not([hidden])),html:has(#share:not([hidden])){overflow:hidden}.liquid{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(900px 520px at 12% -8%,rgba(10,132,255,.32),transparent 58%),radial-gradient(720px 480px at 108% 8%,rgba(191,90,242,.28),transparent 60%),radial-gradient(820px 620px at 70% 118%,rgba(255,45,85,.22),transparent 62%),#050506}.blob{position:absolute;border-radius:50%;filter:blur(48px);mix-blend-mode:screen;opacity:.42;animation:liquid 22s ease-in-out infinite}.blob-a{width:42vw;height:42vw;min-width:280px;background:#ff2d55;left:-8%;top:18%;animation-delay:-4s}.blob-b{width:36vw;height:36vw;min-width:240px;background:#bf5af2;right:-10%;top:-8%}.blob-c{width:48vw;height:48vw;min-width:320px;background:#0a84ff;left:28%;bottom:-18%;animation-duration:26s;animation-delay:-9s}.film{position:relative;min-height:100%;display:grid;grid-template-rows:auto 1fr auto auto;padding:max(12px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.brand,.chrome{display:flex;align-items:center;gap:10px}.chrome{justify-content:space-between;max-width:1180px;width:100%;margin:0 auto 8px;position:relative;z-index:19;pointer-events:auto}.brand{color:inherit;text-decoration:none}.brand-mark{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.45);box-shadow:0 8px 22px rgba(214,41,118,.28),inset 0 1px 0 rgba(255,255,255,.2)}.brand-logo{width:36px;height:36px;display:block}.logo-core{animation:corePulse 1.8s ease-in-out infinite}.brand-copy{display:grid;line-height:1.1}.brand-copy small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700}.brand-copy strong{font-size:14px;font-weight:720;letter-spacing:-.04em}.chrome-actions{display:flex;gap:8px;flex-wrap:nowrap;justify-content:flex-end}.chip,.stage{position:relative}.chip{border:1px solid var(--line);background:rgba(255,255,255,.08);color:var(--text);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:1;text-decoration:none}.chip:hover{background:rgba(255,255,255,.14)}.chip.primary{background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 42%),var(--accent);border-color:rgba(255,255,255,.28);color:#fff}.stage{width:min(1120px,100%);margin:0 auto;min-height:0;display:grid;place-items:center;align-content:center}.device,.ticker{grid-area:1/1;width:100%}.hook{display:grid;place-items:center;text-align:center;opacity:0;pointer-events:none;z-index:20;position:fixed;inset:0;padding:0 32px;transition:opacity .28s ease}.hook:before{content:"";position:absolute;inset:0;background:rgba(5,5,6,.78);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.hook>*{position:relative;z-index:1}.hook.is-on{opacity:1}.hook .eyebrow{font-size:13px;letter-spacing:.22em;margin-bottom:28px}.hook h1{margin:0 auto;font-size:clamp(48px,9.2vw,118px);line-height:.9;letter-spacing:-.08em;font-weight:760;max-width:10ch;text-shadow:0 28px 70px rgba(0,0,0,.6)}.hook h1.punch{animation:punch .48s cubic-bezier(.16,1.15,.32,1)}.endcard,.ticker{pointer-events:none}.endcard{display:grid;place-items:center;text-align:center;opacity:0;z-index:18;position:fixed;inset:0;padding:0 32px;transform:scale(.96);transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}.captions span.on,.endcard.is-on{opacity:1;transform:none}.endcard .eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:16px}.endcard .mark{width:88px;height:88px;margin:0 auto 22px}.endcard h2{margin:0 0 10px;font-size:clamp(40px,6vw,72px);letter-spacing:-.07em;font-weight:720}.endcard p{margin:0 auto;color:var(--muted);font-size:clamp(14px,2vw,18px);max-width:22em;line-height:1.45}.endcard .url{margin-top:18px;color:#fff;font-weight:650;letter-spacing:-.03em}.ticker{align-self:end;z-index:4;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);padding-bottom:2px}.film[data-scene=hook] .ticker,.ticker{opacity:0}.film[data-scene=live] .ticker,.film[data-scene=overview] .ticker{opacity:.85}.ticker-track{display:inline-block;white-space:nowrap;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(245,245,247,.55);animation:ticker 18s linear infinite;padding:8px 0}.device,.scene.is-on{opacity:1;transform:none}.device{z-index:3;perspective:1600px;transition:filter .4s ease,opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}.film[data-scene=hook] .device{filter:blur(28px) brightness(.12)}.film[data-scene=end] .captions,.film[data-scene=hook] .captions{opacity:0}.film[data-scene=end] .device{opacity:0;pointer-events:none}.device-shell{width:min(920px,100%);margin:0 auto;border-radius:28px;background:rgba(20,20,24,.42);border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.28),0 1px 0 rgba(255,255,255,.12) inset;backdrop-filter:blur(42px) saturate(190%);-webkit-backdrop-filter:blur(42px) saturate(190%);overflow:hidden;transform-origin:center}@media (min-width:860px){.device-shell{transform:rotateX(10deg) rotateY(-14deg);animation:floaty 9s ease-in-out infinite}}.app{position:relative;min-height:min(62vh,620px);padding:12px 12px 78px}.title-wrap,.topbar{display:flex;align-items:center;gap:10px}.topbar{justify-content:space-between;padding:10px 12px;border-radius:22px;margin-bottom:12px;background:rgba(22,22,26,.38);border:1px solid var(--line)}.title-wrap{min-width:0}.topbar h3{margin:2px 0 0;font-size:18px;letter-spacing:-.045em}.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--accent);font-weight:700;text-transform:uppercase}.status{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);background:rgba(255,255,255,.08);border:1px solid var(--line);padding:6px 10px;border-radius:999px}.dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(48,209,88,.16);animation:pulse 2.6s ease-in-out infinite}.primary{background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 42%),var(--accent);border:1px solid rgba(255,255,255,.28);color:#fff;font-weight:600;padding:8px 12px;border-radius:980px;font-size:12px}.scenes{position:relative;min-height:420px}.scene{position:absolute;inset:0;opacity:0;transform:translateY(18px) scale(.98);pointer-events:none;transition:opacity .32s ease,transform .4s cubic-bezier(.22,1.15,.36,1)}.scene.is-on{pointer-events:auto;position:relative}.scene.is-on .card,.scene.is-on .kpi,.scene.is-on .row{animation:slam .42s cubic-bezier(.22,1.4,.36,1) both}.scene.is-on .card:nth-child(2),.scene.is-on .kpi:nth-child(2),.scene.is-on .row:nth-child(2){animation-delay:.06s}.scene.is-on .card:nth-child(3),.scene.is-on .kpi:nth-child(3),.scene.is-on .row:nth-child(3){animation-delay:.12s}.scene.is-on .card:nth-child(4),.scene.is-on .kpi:nth-child(4){animation-delay:.18s}.scene.is-on .card:nth-child(5){animation-delay:.22s}.scene.is-on .card:nth-child(6){animation-delay:.26s}.hero{border-radius:26px;padding:22px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.04) 42%,rgba(10,132,255,.08)),rgba(20,20,24,.42);border:1px solid var(--line);overflow:hidden;position:relative}.hero h4{margin:8px 0;font-size:clamp(22px,3vw,34px);line-height:.98;letter-spacing:-.055em;font-weight:720;max-width:16ch}.hero p{margin:0;color:var(--muted);font-size:13px;line-height:1.5;max-width:52ch}.hero-stat{text-align:right;flex:0 0 auto}.hero-stat strong,.kpi strong{display:block;font-size:16px;letter-spacing:-.04em}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.kpi,.panel{padding:14px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid var(--line)}.card p,.hero-stat small,.kpi span,.row small{font-size:11px;color:var(--muted)}.kpi strong{font-size:26px;margin:6px 0 0;letter-spacing:-.055em;font-weight:720}.panel{margin-top:10px;padding:16px;border-radius:22px}.card h5,.panel h4{margin:4px 0 10px;font-size:16px;letter-spacing:-.04em}.stack{display:grid;gap:8px}.pill,.row{border:1px solid var(--line)}.row{display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:center;background:rgba(255,255,255,.08);padding:11px 12px;border-radius:16px}.row .bar{height:24px;width:4px;border-radius:99px;background:var(--accent)}.row.high .bar{background:var(--warn)}.row.crit .bar{background:var(--danger)}.row strong{display:block;font-size:12.5px;font-weight:600}.row small{display:block;margin-top:3px}.pill{border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700;background:rgba(48,209,88,.14);color:var(--ok)}.pill.high{background:rgba(255,214,10,.14);color:var(--warn)}.pill.med{background:rgba(10,132,255,.22);color:var(--blue)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.card{padding:14px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid var(--line)}.card h5{margin:6px 0;font-size:15px}.card p{margin:0;font-size:12px;line-height:1.45}.checks{display:grid;gap:0}.check{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.check:last-child{border:0}.box,.dock{border:1px solid var(--line)}.box{width:15px;height:15px;margin-top:2px;border-radius:4px;flex:0 0 auto;background:rgba(255,255,255,.08)}.check.on .box{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 2px #050506}.check small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.dock{position:absolute;left:12px;right:12px;bottom:10px;display:grid;grid-template-columns:repeat(5,1fr);padding:6px;border-radius:24px;background:rgba(16,16,20,.55);backdrop-filter:blur(40px) saturate(180%)}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;color:rgba(245,245,247,.76);font-size:9px;font-weight:700}.tab svg{width:18px;height:18px}.tab.on{color:#fff}.captions{min-height:52px;display:grid;place-items:center;text-align:center;font-size:clamp(15px,2.4vw,22px);font-weight:650;letter-spacing:-.035em;padding:8px 12px 4px}.captions span{opacity:0;transform:translateY(10px) scale(.98);transition:opacity .18s ease,transform .28s cubic-bezier(.22,1.2,.36,1)}.progress{width:min(920px,100%);margin:6px auto 0;height:2px;background:rgba(255,255,255,.12);border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:#fff;transform-origin:left}.gate{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:linear-gradient(180deg,rgba(5,5,6,.28),rgba(5,5,6,.62)),url(assets/demo/poster.png)center/cover no-repeat}.gate-card{text-align:center;padding:28px}.play{width:84px;height:84px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.12);color:#fff;cursor:pointer;display:grid;place-items:center;margin:0 auto 18px;box-shadow:0 18px 50px rgba(0,0,0,.35)}.play:hover{transform:scale(1.06)}.play svg{width:28px;margin-left:4px}.gate h2{margin:0 0 8px;font-size:28px;letter-spacing:-.05em}.gate p{margin:0;color:var(--muted)}.share{position:fixed;inset:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:rgba(0,0,0,.45);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.share-card{width:min(720px,100%);max-height:min(92vh,100%);max-height:min(92dvh,100%);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;background:rgba(22,22,26,.78);border:1px solid var(--line);border-radius:28px 28px 0 0;padding:18px 18px max(28px,env(safe-area-inset-bottom))}@media (min-width:761px){.share{align-items:center;padding:32px 16px}.share-card{border-radius:28px;max-height:min(86vh,820px);max-height:min(86dvh,820px);padding:22px 22px 24px}}.share-card h3{margin:0 0 8px;letter-spacing:-.04em}.share-card li,.share-card p{color:var(--muted);font-size:13px;line-height:1.55}.copy-block{white-space:pre-wrap;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:16px;padding:12px;font-size:13px;line-height:1.5;margin:10px 0}.share-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}body.embed{overflow:hidden}body.embed .film{padding:8px;min-height:100%;height:100%}body.embed .chrome .chip:not(.sound),body.embed .endcard .url,body.embed .share{display:none}body.embed .chrome{margin-bottom:4px}body.embed .brand-copy{display:none}body.embed .stage{cursor:pointer}body.embed .device-shell{animation:none;transform:none;width:100%}body.embed .app{min-height:auto;padding-bottom:70px}body.embed .scenes{min-height:280px}body.embed .captions{font-size:14px;min-height:36px}body.record .captions,body.record .chrome,body.record .gate,body.record .progress,body.record .share,html.record .captions,html.record .chrome,html.record .gate,html.record .progress,html.record .share{display:none!important}body.record,html.record{overflow:hidden;background:#000}body.record .film{padding:36px 48px 40px;height:100vh}body.record .device-shell{animation:none;transform:rotateX(8deg) rotateY(-10deg)}@media (max-width:760px){.cards,.kpis{grid-template-columns:1fr 1fr}.hero{display:block}.hero-stat{text-align:left;margin-top:14px}.status,.topbar .primary{display:none}.topbar h3{font-size:16px}.app,.scenes{min-height:auto}.device-shell{border-radius:22px}.chrome{display:flex;flex-direction:column;align-items:stretch;gap:10px;position:relative;z-index:19;margin:0 auto 10px;padding:0;background:0 0}.brand-logo,.brand-mark{width:28px;height:28px}.brand-copy small{font-size:9px;letter-spacing:.12em}.brand-copy strong{font-size:12px}.chrome-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;flex-wrap:nowrap;justify-content:stretch}.chip{width:100%;min-width:0;min-height:0;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 .35em;font-size:clamp(10px,2.7vw,12px);white-space:nowrap;text-decoration:none}.chip-extra{display:none}body.embed .chrome{flex-direction:row;align-items:center;justify-content:space-between}body.embed .chrome-actions{display:flex;width:auto;grid-template-columns:none}body.embed .chip.sound{width:auto;padding:0 .9em}}@media (prefers-reduced-motion:reduce){.blob,.device-shell,.dot,.logo-core{animation:none}.captions span,.device,.endcard,.scene,.super{transition:none}}