:root{--bg:#FAFAF7;--sheet:#fff;--ink:#16181D;--ink-2:#5B616C;--ink-3:#8A909A;--rule:#E7E7E1;--rule-2:#F0F0EA;--blue:#2343E0;--blue-2:#1A35C2;--blue-soft:#ECEFFF;--blue-tint:#F5F6FF;--good:#1F7A45;--good-soft:#E7F4EC;--gold:#C9971C;--gold-soft:#FBF3DD;--bad:#B42318;--bad-soft:#FDECEA;--f-display:"Familjen Grotesk","Onest",system-ui,sans-serif;--f-body:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--r:14px;--shadow:0 1px 2px rgba(22,24,29,.04),0 12px 32px -16px rgba(22,24,29,.18)}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--f-display);letter-spacing:-.01em;margin:0}.mono{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.muted{color:var(--ink-2)}.small{font-size:13px}.app{display:grid;grid-template-columns:252px 1fr;min-height:100vh;background:linear-gradient(90deg,#fff 251px,var(--rule) 251px,var(--rule) 252px,var(--bg) 252px)}.side{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:var(--sheet);border-right:1px solid var(--rule);flex-direction:column;padding:20px 14px}.logo,.side{display:flex}.logo{font-family:var(--f-display);font-weight:700;font-size:22px;padding:4px 10px 18px;align-items:center;gap:8px}.logo b{color:var(--blue)}.logo .dot{width:26px;height:26px;border-radius:8px;background:var(--blue);display:grid;place-items:center;color:#fff}.nav{display:flex;flex-direction:column;gap:2px}.nav .grp{margin:14px 10px 6px}.nav a{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:10px;color:var(--ink-2);font-weight:500;font-size:14.5px;transition:background .15s,color .15s}.nav a:hover{background:var(--rule-2);color:var(--ink)}.nav a.on{background:var(--blue-soft);color:var(--blue);font-weight:600}.nav a{white-space:nowrap}.nav a .tag{margin-left:auto;font-size:10.5px;font-weight:700;background:var(--gold-soft);color:#8A6410;padding:2px 7px;border-radius:99px}.nav a.hot{color:var(--ink);font-weight:600}.nav a.hot .ic{color:var(--blue)}.side-foot{margin-top:auto;border-top:1px solid var(--rule);padding:14px 10px 0;font-size:12.5px;color:var(--ink-3)}.side-foot b{color:var(--ink);font-weight:600;display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{min-width:0}.top{display:flex;align-items:center;gap:12px;justify-content:flex-end;padding:16px 32px;border-bottom:1px solid var(--rule);background:rgba(250,250,247,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:-webkit-sticky;position:sticky;top:0;z-index:5}.top .crumb{margin-right:auto;font-weight:600}.pill{white-space:nowrap;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:99px;background:var(--sheet);border:1px solid var(--rule);font-size:13.5px;font-weight:600}.pill .n{color:var(--blue)}.page{padding:28px 32px 64px;max-width:1180px}.page-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-h h1{font-size:30px;line-height:1.15}.page-h p{margin:6px 0 0;color:var(--ink-2);max-width:620px}.card{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--r);padding:22px}.card.tint{background:var(--blue-tint);border-color:#DCE2FF}.card h2{font-size:18px;margin-bottom:4px}.grid{display:grid;grid-gap:16px;gap:16px}.grid,.grid>*,.split>*{min-width:0}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-gap:18px;gap:18px;align-items:start}.stat .v{font-family:var(--f-display);font-size:30px;font-weight:700;margin-top:6px}.stat .v.blue{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:11px 18px;font-weight:600;font-size:14.5px;cursor:pointer;background:var(--blue);color:#fff;transition:background .15s,transform .1s;white-space:nowrap}.btn:hover{background:var(--blue-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{background:var(--sheet);color:var(--ink);border:1px solid var(--rule)}.btn.ghost:hover{background:var(--rule-2)}.btn.soft{background:var(--blue-soft);color:var(--blue)}.btn.soft:hover{background:#DFE4FF}.btn.gold{background:var(--gold);color:#fff}.btn.gold:hover{background:#B38515}.btn.danger{background:var(--sheet);color:var(--bad);border:1px solid #f4c7c3}.btn.sm{padding:7px 12px;font-size:13px;border-radius:9px}.btn.block{width:100%}label.f{display:block;font-weight:600;font-size:13.5px;margin:0 0 6px}.in{width:100%;border:1px solid var(--rule);background:var(--sheet);border-radius:11px;padding:11px 13px;font-size:15px;outline:none;transition:border .15s,box-shadow .15s}.in:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}textarea.in{resize:vertical;min-height:90px}.field{margin-bottom:16px}.hint{font-size:12.5px;color:var(--ink-3);margin-top:5px}.err{background:var(--bad-soft);color:var(--bad)}.err,.ok{border-radius:10px;padding:10px 13px;font-size:14px;margin:10px 0}.ok{background:var(--good-soft);color:var(--good)}.badge{white-space:nowrap;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--rule-2);color:var(--ink-2)}.badge.good{background:var(--good-soft);color:var(--good)}.badge.blue{background:var(--blue-soft);color:var(--blue)}.badge.gold{background:var(--gold-soft);color:#8A6410}.badge.bad{background:var(--bad-soft);color:var(--bad)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--rule);background:var(--sheet);border-radius:99px;padding:6px 12px;font-size:13px;cursor:pointer;color:var(--ink-2)}.chip:hover{border-color:var(--blue);color:var(--blue)}.seg{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.seg button{border:1px solid var(--rule);background:var(--sheet);border-radius:12px;padding:11px 8px;cursor:pointer;text-align:left}.seg button b{display:block;font-size:15px}.seg button span{font-size:11.5px;color:var(--ink-3)}.seg button.on{border-color:var(--blue);background:var(--blue-tint);box-shadow:0 0 0 3px var(--blue-soft)}.seg button.on b{color:var(--blue)}.empty{text-align:center;padding:48px 20px;color:var(--ink-2)}.empty .ic{color:var(--ink-3)}.copyline{display:flex;align-items:flex-start;gap:10px}.copyline .txt{flex:1 1;min-width:0}.cbtn{flex:none;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--rule);background:var(--sheet);border-radius:8px;padding:4px 8px;font-size:12px;font-weight:600;color:var(--ink-2);cursor:pointer;transition:all .15s}.cbtn:hover{border-color:var(--blue);color:var(--blue)}.cbtn.done{background:var(--good-soft);border-color:#BFE3CC;color:var(--good)}.idea{display:flex;flex-direction:column;gap:12px}.idea .t{font-family:var(--f-display);font-weight:700;font-size:18px;line-height:1.25}.idea .s{font-size:14.5px}.idea .s,.score{color:var(--ink-2)}.score{display:flex;align-items:center;gap:10px;font-size:12.5px}.bar{flex:1 1;height:6px;background:var(--rule-2);overflow:hidden}.bar,.bar i{border-radius:9px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#6C83FF)}.meta{display:grid;grid-template-columns:auto 1fr;grid-gap:4px 12px;gap:4px 12px;font-size:13.5px}.meta dt{color:var(--ink-3)}.meta dd{margin:0}.idea .acts{display:flex;gap:8px;margin-top:auto;padding-top:4px;flex-wrap:wrap}.tabs{display:flex;gap:4px;background:var(--rule-2);padding:4px;border-radius:11px;margin:14px 0 12px}.tabs button{flex:1 1;border:0;background:none;padding:7px 8px;border-radius:8px;font-size:13px;font-weight:600;color:var(--ink-2);cursor:pointer}.tabs button.on{background:var(--sheet);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.06)}.prompt{background:#F7F7F3;border:1px solid var(--rule);border-radius:12px;padding:14px;font-family:var(--f-mono);font-size:12px;line-height:1.6;white-space:pre-wrap;max-height:340px;overflow:auto;color:#2B2F36}.tips{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.tips li{display:flex;gap:11px}.tips li .k{flex:none;width:24px;height:24px;border-radius:7px;background:var(--gold-soft);color:#8A6410;font-weight:700;font-size:12px;display:grid;place-items:center}.tips b{display:block;font-size:14px}.tips span{font-size:13px;color:var(--ink-2)}.progress{height:10px;background:var(--rule-2);border-radius:99px;overflow:hidden;margin:14px 0 18px}.progress i{display:block;height:100%;background:var(--blue);border-radius:99px;transition:width .6s ease}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--rule-2);font-size:14.5px}.steps li .st{flex:none;width:24px;height:24px;border-radius:99px;border:1.5px solid var(--rule);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--ink-3)}.steps li.done .st{background:var(--good);border-color:var(--good);color:#fff}.steps li.now .st{border-color:var(--blue);color:var(--blue);animation:pulse 1.2s infinite}.steps li.now{font-weight:600}@keyframes pulse{50%{box-shadow:0 0 0 5px var(--blue-soft)}}.spin{width:16px;height:16px;border:2px solid;border-right:2px solid transparent;border-radius:99px;animation:sp .7s linear infinite;display:inline-block}@keyframes sp{to{transform:rotate(1turn)}}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font-weight:600;color:var(--ink-3);font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;border-bottom:1px solid var(--rule)}.tbl td{padding:12px;border-bottom:1px solid var(--rule-2);vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.tbl .acts{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.pack{position:relative;display:flex;flex-direction:column;gap:10px}.pack .amt{font-family:var(--f-display);font-size:34px;font-weight:700}.pack .amt small{font-size:14px;color:var(--ink-3);font-weight:500}.pack.feat{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.pack .rib{position:absolute;top:-11px;left:20px;background:var(--blue);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:99px}.list{list-style:none;padding:0;margin:8px 0;display:flex;flex-direction:column;gap:8px;font-size:14px}.list li{display:flex;gap:9px;align-items:flex-start}.list li svg{flex:none;color:var(--good);margin-top:2px}.vid{aspect-ratio:16/9;width:100%;border:0;border-radius:12px;background:#0f1115}.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 400px at 50% -10%,#E8ECFF,transparent),var(--bg)}.auth .box{width:100%;max-width:420px}.auth .card{padding:30px;box-shadow:var(--shadow)}.codein{letter-spacing:.5em;text-align:center;font-family:var(--f-mono);font-size:24px;font-weight:600}.secure{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--ink-3);margin-top:18px}.ic{width:18px;height:18px;flex:none}.float{animation:fl 3s ease-in-out infinite}@keyframes fl{50%{transform:translateY(-3px)}}.welcome{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(120deg,#2343E0,#4B63F0);color:#fff;border:0}.welcome h2{font-size:24px}.welcome p{color:#DCE2FF;margin:6px 0 0}.welcome .btn{background:#fff;color:var(--blue)}@media (max-width:980px){.app{grid-template-columns:1fr;background:var(--bg)}.side{position:-webkit-sticky;position:sticky;height:auto;flex-direction:row;align-items:center;padding:10px 12px;overflow-x:auto;z-index:10;border-right:0;border-bottom:1px solid var(--rule)}.logo{padding:0 10px 0 2px;font-size:18px}.nav{flex-direction:row}.nav .grp,.nav a .tag,.side-foot{display:none}.nav a{white-space:nowrap;padding:8px 10px}.top{position:static;padding:12px 16px}.page{padding:20px 16px 48px}.g2,.g3,.g4,.split{grid-template-columns:1fr}.seg{grid-template-columns:repeat(2,1fr)}.welcome{flex-direction:column;align-items:flex-start}.tbl .hide-m{display:none}}.finder{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:18px;gap:18px;align-items:start}.step-h{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:16px}.step-h .num{width:26px;height:26px;border-radius:8px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700}.search-in{position:relative;margin-bottom:10px}.search-in .ic{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink-3)}.search-in .in{padding-left:36px}.niche-panel{padding-bottom:12px}.niche-list{list-style:none;margin:0;padding:0;max-height:520px;overflow:auto;border:1px solid var(--rule);border-radius:12px}.niche-list li+li{border-top:1px solid var(--rule-2)}.niche-list button{width:100%;display:flex;align-items:center;gap:12px;padding:11px 14px;background:none;border:0;cursor:pointer;text-align:left;font-size:14.5px;color:var(--ink)}.niche-list button:hover{background:var(--rule-2)}.niche-list button.on{background:var(--blue-soft);color:var(--blue);font-weight:600}.niche-list .emo{width:28px;height:28px;border-radius:8px;background:var(--rule-2);display:grid;place-items:center;font-size:15px;flex:none}.niche-list button.on .emo{background:#fff}.niche-list .nm{flex:1 1;min-width:0}.niche-list .chev{color:var(--ink-3);opacity:0;transition:opacity .15s}.niche-list button.on .chev,.niche-list button:hover .chev{opacity:1}.niche-list button.on .chev{color:var(--blue)}.picked{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px dashed var(--rule);border-radius:12px;margin-bottom:16px;min-height:56px;background:var(--bg)}.picked .emo{font-size:22px}.picked b{display:block;font-size:16px}.picked .mono{font-size:10px}.chip.on{border-color:var(--blue);background:var(--blue-soft);color:var(--blue);font-weight:600}.seg.seg3{grid-template-columns:repeat(3,1fr)}.results-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:26px 0 14px;flex-wrap:wrap}.results-h h2{font-size:20px}.empty .ic{display:block;width:44px;height:44px;margin:0 auto 12px}.empty b{display:block;margin-bottom:4px}.btn .ic,.cbtn .ic,.nav a .ic,.pill .ic{flex:none}.small .ic{vertical-align:-3px}@media (max-width:980px){.finder{grid-template-columns:1fr}.niche-list{max-height:300px}.seg.seg3{grid-template-columns:repeat(3,1fr)}.top{flex-wrap:wrap;justify-content:flex-start}.top .badge.gold{display:none}}.tips-card{margin-top:18px;background:linear-gradient(180deg,#FFFDF6,#fff);border-color:#F1E3B8}.tips-head{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}.tips-ic{width:40px;height:40px;border-radius:12px;background:var(--gold-soft);display:grid;place-items:center;font-size:20px;flex:none}.how3{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.how3 li{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--rule);border-radius:12px;padding:12px}.how3 li>span{flex:none;width:24px;height:24px;border-radius:99px;background:var(--ink);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}.how3 b{display:block;font-size:14px}.how3 small{display:block;color:var(--ink-2);font-size:12.5px;line-height:1.45;margin-top:2px}@media (max-width:980px){.how3{grid-template-columns:1fr}}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mono-v{font-size:19px!important;font-family:var(--f-mono)!important;margin-top:14px!important}.hero-live{position:relative;overflow:hidden;border-radius:20px;padding:34px 36px;background:linear-gradient(125deg,#1B2FB8,#2343E0 45%,#5A6BFF);color:#fff;display:grid;grid-template-columns:1.15fr .85fr;grid-gap:24px;gap:24px;min-height:250px}.hl-blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;animation:drift 12s ease-in-out infinite}.hl-blob.b1{width:260px;height:260px;background:#7C8CFF;top:-80px;right:18%}.hl-blob.b2{width:200px;height:200px;background:#FFD66B;bottom:-110px;right:-40px;opacity:.35;animation-delay:-4s}.hl-blob.b3{width:180px;height:180px;background:#33C3FF;bottom:-90px;left:30%;opacity:.3;animation-delay:-8s}@keyframes drift{50%{transform:translate(30px,-20px) scale(1.1)}}.hl-copy{position:relative;z-index:1}.hl-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);padding:5px 11px}.hl-kicker,.pulse{border-radius:99px}.pulse{width:8px;height:8px;background:#5CF29B;box-shadow:0 0 0 0 rgba(92,242,155,.7);animation:pl 1.8s infinite}@keyframes pl{70%{box-shadow:0 0 0 9px rgba(92,242,155,0)}to{box-shadow:0 0 0 0 rgba(92,242,155,0)}}.hero-live h1{font-size:34px;margin:14px 0 8px;color:#fff}.hero-live p{color:#DCE2FF;margin:0;max-width:520px;font-size:15.5px}.hl-ctas{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.btn.white{background:#fff;color:var(--blue)}.btn.white:hover{background:#EEF1FF}.btn.glass{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.35)}.btn.glass:hover{background:rgba(255,255,255,.22)}.hl-float{position:relative;z-index:1;min-height:200px}.fcard{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);border-radius:14px;padding:11px 14px;box-shadow:0 18px 40px -18px rgba(0,0,0,.45);animation:bob 6s ease-in-out infinite;min-width:210px}.fcard small{display:block;font-size:11px;color:var(--ink-3)}.fcard b{font-size:13.5px}.fcard .fi{width:32px;height:32px;border-radius:9px;background:var(--blue-soft);display:grid;place-items:center;font-size:16px}.fcard .ok-dot{margin-left:auto;width:22px;height:22px;border-radius:99px;background:var(--good);color:#fff;display:grid;place-items:center;font-size:12px}.fcard.f1{top:4px;left:4%}.fcard.f2{top:78px;right:0;animation-delay:-2s}.fcard.f3{bottom:0;left:14%;animation-delay:-4s}@keyframes bob{50%{transform:translateY(-8px)}}.journey{padding:24px}.j-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}.j-head h2{font-size:21px;margin-top:2px}.j-pct{display:flex;align-items:center;gap:12px}.j-pct b{font-family:var(--f-display);font-size:22px;color:var(--blue)}.j-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px;position:relative}.j-steps:before{content:"";position:absolute;top:17px;left:6%;right:6%;height:2px;background:var(--rule)}.j-steps li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0 4px}.j-dot{width:36px;height:36px;border-radius:99px;background:#fff;border:2px solid var(--rule);display:grid;place-items:center;font-weight:700;color:var(--ink-3);position:relative;z-index:1}.j-steps li.done .j-dot{background:var(--good);border-color:var(--good);color:#fff}.j-steps li.next .j-dot{border-color:var(--blue);color:var(--blue);box-shadow:0 0 0 5px var(--blue-soft);animation:pulse 1.6s infinite}.j-steps b{font-size:14.5px;margin-top:4px}.j-steps small{color:var(--ink-2);font-size:12.5px;line-height:1.45}.j-steps li.done b{color:var(--good)}.j-steps .btn{margin-top:4px}.demo{border:1px solid var(--rule);border-radius:14px;overflow:hidden;background:#0F1220;box-shadow:var(--shadow)}.demo-bar{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#F3F3EF;border-bottom:1px solid var(--rule)}.demo-bar .dots{display:flex;gap:5px}.demo-bar .dots i{width:9px;height:9px;border-radius:99px;background:#D9D9D3}.demo-bar .dots i:first-child{background:#FF6159}.demo-bar .dots i:nth-child(2){background:#FFBD2E}.demo-bar .dots i:nth-child(3){background:#28C941}.demo-url{flex:1 1;background:#fff;border:1px solid var(--rule);border-radius:7px;padding:3px 10px;font-size:11.5px;font-family:var(--f-mono);gap:5px;min-width:0;overflow:hidden;white-space:nowrap}.demo-live,.demo-url{color:var(--ink-2);display:flex;align-items:center}.demo-live{gap:6px;font-size:11px;font-weight:600}.rec{width:7px;height:7px;border-radius:99px;background:#E5484D;animation:pl 1.8s infinite}.demo-segs{display:flex;gap:4px;padding:8px 10px;background:#fff}.seg-b{flex:1 1;height:4px;border:0;padding:0;background:var(--rule);border-radius:9px;overflow:hidden;cursor:pointer}.seg-b i{display:block;height:100%;width:0;background:var(--blue)}.seg-b i.full{width:100%}.seg-b i.half{width:50%}.seg-b i.run{animation:segrun linear forwards}@keyframes segrun{0%{width:0}to{width:100%}}.demo-stage{position:relative;aspect-ratio:16/10;background:#F6F6F2;cursor:pointer;overflow:hidden}.demo-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transition:opacity .6s ease}.demo-img.on{opacity:1;animation:kb 4.5s ease-out forwards}@keyframes kb{0%{transform:scale(1)}to{transform:scale(1.06) translate(-1%,-1%)}}.demo-cap{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(15,18,32,.86);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;animation:capin .5s ease}.demo-cap .badge{align-self:flex-start;background:rgba(255,255,255,.15);color:#fff}.demo-cap b{font-size:15.5px}.demo-cap span:last-child{font-size:13px;color:#CDD3F5}@keyframes capin{0%{opacity:0;transform:translateY(8px)}}.demo-play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(15,18,32,.25);color:#fff}.demo-play svg{width:64px;height:64px;padding:16px;border-radius:99px;background:var(--blue);box-shadow:0 10px 30px rgba(35,67,224,.5)}.demo-ctrl{display:flex;align-items:center;gap:6px;padding:9px 10px;background:#fff;border-top:1px solid var(--rule)}@media (max-width:980px){.hero-live{grid-template-columns:1fr;padding:26px 22px}.hl-float{display:none}.j-steps{grid-template-columns:1fr}.j-steps:before{display:none}.j-steps li{flex-direction:row;flex-wrap:wrap;align-items:center}.j-steps small{flex-basis:100%;padding-left:46px}.hero-live h1{font-size:27px}}@media (prefers-reduced-motion:reduce){.demo-img.on,.fcard,.hl-blob,.pulse,.rec{animation:none}}@media (max-width:980px){.g4:has(>.stat){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:14px}.stat .v{font-size:24px}.stat .mono-v{font-size:13px;word-break:break-all}}@media (max-width:640px){.tbl thead{display:none}.tbl,.tbl tbody,.tbl td,.tbl tr{display:block;width:100%}.tbl tr{padding:14px 4px;border-bottom:1px solid var(--rule-2)}.tbl tr:last-child{border-bottom:0}.tbl td{padding:4px 8px;border:0;min-width:0!important}.tbl .acts{justify-content:flex-start;margin-top:8px}}