*{box-sizing:border-box;margin:0}.display{font-family:Clash Display,Switzer,PingFang SC,Noto Sans SC,sans-serif}.wrap{max-width:1152px;margin:0 auto;padding:0 32px}section[id]{scroll-margin-top:84px}.topbar{position:sticky;top:0;z-index:60;--tb-ease: cubic-bezier(.45, .05, .15, 1)}.topbar .wrap{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:20px;height:60px;border:1px solid transparent;transition:max-width .45s var(--tb-ease),padding .45s var(--tb-ease),margin-top .45s var(--tb-ease),height .45s var(--tb-ease),background .45s var(--tb-ease),border-color .45s var(--tb-ease),border-radius .45s var(--tb-ease),box-shadow .45s var(--tb-ease),backdrop-filter .45s var(--tb-ease)}.topbar.scrolled .wrap{max-width:920px;height:56px;margin-top:2px;padding:0 20px;border-color:var(--border);border-radius:999px;background:color-mix(in srgb,var(--bg) 62%,transparent);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 10px 30px #0000001f}[data-theme=dark] .topbar.scrolled .wrap{background:color-mix(in srgb,var(--bg-subtle) 55%,transparent);box-shadow:0 12px 36px #00000080}.logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--fg)}.logo .mark{width:26px;height:26px;border-radius:var(--r-sm);background:var(--accent);color:var(--accent-fg);display:grid;place-items:center;font-size:13px;font-weight:600}.logo b{font-family:Clash Display,Switzer,sans-serif;font-size:16px;letter-spacing:-.01em}.topbar .wrap>.logo{justify-self:start}.topnav{display:flex;justify-self:center;justify-content:space-evenly;width:100%;gap:0;transition:width .45s var(--tb-ease),gap .45s var(--tb-ease)}.topbar.scrolled .topnav{width:320px;gap:22px}.topnav a{font-size:14px;color:var(--fg-secondary);text-decoration:none;padding:4px 0;border-bottom:2px solid transparent}.topnav a:hover{color:var(--fg)}.topnav a.on{color:var(--fg);font-weight:500;border-bottom-color:var(--accent)}.topbar-actions{display:flex;align-items:center;gap:12px;justify-self:end}.iconbtn{appearance:none;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg-subtle);color:var(--fg-secondary);height:32px;min-width:32px;padding:0 9px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;font:inherit;font-size:12px;font-weight:500;text-decoration:none;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.iconbtn:hover{color:var(--fg);border-color:var(--fg-muted)}.btn{appearance:none;border:1px solid transparent;border-radius:var(--r-md);font:inherit;font-weight:500;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.md{height:36px;padding:0 16px;font-size:14px}.btn.lg{height:44px;padding:0 22px;font-size:15px;border-radius:var(--r-md)}.btn-primary{background:var(--accent);color:var(--accent-fg);box-shadow:0 1px 2px #0000001f,0 8px 26px color-mix(in srgb,var(--accent) 32%,transparent)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 1px 2px #0000001f,0 10px 32px color-mix(in srgb,var(--accent) 42%,transparent)}.btn-secondary{background:var(--bg);border-color:var(--border-strong);color:var(--fg)}.btn-secondary:hover{background:var(--bg-subtle)}.hero{position:relative;height:calc(100vh - 60px);min-height:620px;overflow:hidden}.fx-grid{position:absolute;inset:0;z-index:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#000 30%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 30%,#000 30%,transparent 78%);opacity:.5}.fx-aurora{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 46% 42% at 50% 0%,var(--accent-subtle),transparent 70%),radial-gradient(ellipse 30% 30% at 50% 50%,var(--accent-subtle),transparent 72%)}[data-theme=dark] .fx-grid{opacity:.8}[data-theme=dark] .fx-grid{background-image:linear-gradient(color-mix(in srgb,var(--fg) 9%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--fg) 9%,transparent) 1px,transparent 1px)}[data-theme=dark] .fx-aurora{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent) 26%,transparent) 20%,color-mix(in srgb,var(--accent) 26%,transparent) 80%,transparent)}.fx-field{position:absolute;inset:0;z-index:1;pointer-events:none}.mirror-glow{position:absolute;top:0;bottom:0;left:50%;width:110px;margin-left:-55px;background:linear-gradient(180deg,transparent,var(--accent-subtle) 20%,var(--accent-subtle) 80%,transparent);filter:blur(16px);z-index:1}.mirror-line{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:linear-gradient(180deg,transparent,var(--accent) 16%,var(--accent) 84%,transparent);opacity:.9;z-index:4}.flash{position:absolute;top:0;bottom:0;left:50%;width:70px;margin-left:-35px;background:linear-gradient(180deg,transparent,var(--accent) 30%,var(--accent) 70%,transparent);opacity:0;filter:blur(12px);z-index:5}.ripple{position:absolute;top:50%;left:50%;width:90px;height:90px;margin:-45px 0 0 -45px;border:1.5px solid var(--accent);border-radius:50%;opacity:0;z-index:2;pointer-events:none}.stream-card{position:absolute;will-change:transform,opacity;z-index:1}.fx-half{position:absolute;inset:0}.fx-half-src{clip-path:inset(0 50% 0 0)}.fx-half-clo{clip-path:inset(0 0 0 50%)}.stream-card .card-inner{border-radius:var(--r-md);border:1px solid color-mix(in srgb,var(--fg) 30%,var(--border-strong));background:color-mix(in srgb,var(--bg) 90%,var(--fg) 10%);overflow:hidden;box-shadow:0 12px 32px #00000021,0 2px 6px #00000012}[data-theme=dark] .stream-card .card-inner{background:color-mix(in srgb,var(--bg-subtle) 70%,var(--fg) 30%);border-color:color-mix(in srgb,var(--fg) 55%,var(--border-strong));box-shadow:inset 0 1px color-mix(in srgb,#fff 9%,transparent),0 14px 40px #00000080,0 2px 8px #0006}.stream-card.far .card-inner{filter:blur(1px);box-shadow:0 8px 22px #0000000f}.stream-card.near .card-inner{box-shadow:0 24px 54px #00000021,0 4px 10px #0000000f}.stream-card.clone .card-inner{border-color:color-mix(in srgb,var(--pg-accent, var(--accent)) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--pg-accent, var(--accent)) 40%,transparent),0 10px 36px color-mix(in srgb,var(--pg-accent, var(--accent)) 32%,transparent),0 0 60px color-mix(in srgb,var(--pg-accent, var(--accent)) 18%,transparent)}[data-theme=dark] .stream-card.clone .card-inner{border-color:color-mix(in srgb,var(--pg-accent, var(--accent)) 70%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--pg-accent, var(--accent)) 45%,transparent),0 14px 44px #00000080,0 0 70px color-mix(in srgb,var(--pg-accent, var(--accent)) 34%,transparent)}.stream-card.far.clone .card-inner{box-shadow:0 0 24px color-mix(in srgb,var(--pg-accent, var(--accent)) 22%,transparent)}.stream-card .bar{height:22px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:4px;padding:0 9px}.stream-card .bar i{width:5px;height:5px;border-radius:50%;background:color-mix(in srgb,var(--fg) 35%,var(--border-strong))}.stream-card .bar .avatar{margin-left:auto;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 40%,#fff))}.stream-card .body{padding:10px}.stream-card .img{height:44px;border-radius:6px;margin-bottom:8px;background:linear-gradient(120deg,var(--bg-inset),var(--bg-muted) 55%,var(--bg-inset))}.stream-card .hl{height:9px;border-radius:3px;background:color-mix(in srgb,var(--fg) 20%,var(--bg-inset));width:62%;margin-bottom:7px}.stream-card .ln{height:5px;border-radius:3px;background:color-mix(in srgb,var(--fg) 20%,var(--bg-inset));margin-bottom:5px}.stream-card .ln.s{width:76%}.stream-card .cta-row{display:flex;gap:6px;margin-top:9px}.stream-card .cta-row i{width:38px;height:11px;border-radius:4px;background:var(--bg-inset)}.stream-card .cta-row i:first-child{background:color-mix(in srgb,var(--accent) 30%,var(--bg-inset))}.stream-card .card-inner.page{background:#fff}.stream-card .page.v1{--pg-accent: #6366f1;--pg-hero-a: #6366f1;--pg-hero-b: #22d3ee}.stream-card .page.v2{--pg-accent: #10b981;--pg-hero-a: #34d399;--pg-hero-b: #0ea5e9}.stream-card .page.v3{--pg-accent: #f97316;--pg-hero-a: #fb923c;--pg-hero-b: #f43f5e}.stream-card .page .bar .mark{width:10px;height:10px;border-radius:3px;background:var(--pg-accent)}.stream-card .page .bar b{font-size:6.5px;font-weight:700;letter-spacing:-.01em;color:#18181b}.stream-card .page .bar .nav{display:flex;gap:3px;margin-left:2px}.stream-card .page .bar .nav i{width:7px;height:2.5px;border-radius:1px;background:#d4d4d8}.stream-card .page .bar .pill{margin-left:auto;width:16px;height:6.5px;border-radius:999px;background:var(--pg-accent)}.stream-card .page .img{position:relative;overflow:hidden;background:linear-gradient(150deg,var(--pg-hero-a),var(--pg-hero-b))}.stream-card .page .img:before{content:"";position:absolute;right:-6px;top:-9px;width:26px;height:26px;border-radius:50%;background:#ffffff59;filter:blur(2px)}.stream-card .page .shot{position:absolute;left:7px;bottom:5px;width:52px;height:28px;border-radius:4px;background:#fff;box-shadow:0 3px 8px #0000002e;padding:5px 6px;display:flex;flex-direction:column;gap:3px}.stream-card .page .shot i{display:block;height:3px;border-radius:1.5px;background:#e4e4e7}.stream-card .page .shot i:first-child{width:60%;background:var(--pg-accent);opacity:.5}.stream-card .page .hl{background:none;color:#18181b;font-size:7px;font-weight:700;line-height:9px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-card .page .ln{background:#e4e4e7}.stream-card .page .cta-row i{background:#fff;border:1px solid #e4e4e7}.stream-card .page .cta-row i.go{background:linear-gradient(120deg,var(--pg-accent),color-mix(in srgb,var(--pg-accent) 70%,#fff));border-color:transparent;box-shadow:0 2px 6px color-mix(in srgb,var(--pg-accent) 35%,transparent)}.hero-copy{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px}.hero-copy:before{content:"";position:absolute;inset:-8%;z-index:-1;background:linear-gradient(180deg,var(--bg) 0%,transparent 22%,transparent 74%,var(--bg) 100%),radial-gradient(ellipse 70% 58% at 50% 50%,var(--bg) 42%,transparent 88%);opacity:.78}.kicker-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:500;color:var(--fg-secondary);border:1px solid var(--border-strong);background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 10px #0000000d}.kicker-badge .pulse{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 color-mix(in srgb,var(--accent) 45%,transparent);animation:pulse 2.2s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 45%,transparent)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.hero-copy h1{font-family:Clash Display,Switzer,PingFang SC,sans-serif;font-size:clamp(40px,6vw,68px);line-height:1.12;font-weight:600;letter-spacing:-.02em;margin:22px 0;text-wrap:balance}.hero-copy h1 .hl{background:linear-gradient(120deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#7aa7ff));-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=dark] .hero-copy h1 .hl{background:linear-gradient(120deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#ffffff));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 44px color-mix(in srgb,var(--accent) 40%,transparent)}.hero-copy .lede{font-size:16.5px;line-height:1.75;color:var(--fg-secondary);max-width:32em;margin-bottom:34px}[data-locale=en] .hero-copy .lede{line-height:1.7}.hero-clone{display:flex;align-items:center;gap:4px;width:min(520px,100%);margin:34px auto 0;padding:6px 6px 6px 10px;border:1px solid var(--border-strong);border-radius:18px;background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 32px #00000014;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.hero-clone:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-subtle),0 12px 32px #00000014}[data-theme=dark] .hero-clone{background:color-mix(in srgb,var(--bg-subtle) 62%,transparent)}.hero-clone-input{flex:1;min-width:0;height:40px;padding:0 8px;border:0;outline:none;background:transparent;font:inherit;font-size:15px;color:var(--fg)}.hero-clone-input::placeholder{color:var(--fg-muted)}.hero-clone-send{width:40px;height:40px;flex:none;display:grid;place-items:center;border:0;border-radius:12px;cursor:pointer;background:var(--accent);color:var(--accent-fg);transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.hero-clone-send:hover{background:var(--accent-hover)}.hero-clone-send:active{transform:scale(.95)}.auth-dialog{width:min(92vw,26rem);padding:28px;margin:auto;border:1px solid var(--border);border-radius:var(--r-xl);background:var(--bg);color:var(--fg)}.auth-dialog::backdrop{backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4)}[data-theme=light] .auth-dialog::backdrop{background:color-mix(in srgb,#ffffff 62%,transparent)}[data-theme=dark] .auth-dialog::backdrop{background:color-mix(in srgb,#000000 62%,transparent)}.auth-dialog-close{position:absolute;top:12px;right:12px;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--bg);color:var(--fg-muted);cursor:pointer}.auth-dialog-close:hover{color:var(--fg);border-color:var(--border-strong)}.auth-dialog-title{font-size:18px;font-weight:600;letter-spacing:-.01em}.auth-dialog-sub{margin-top:4px;font-size:13px;color:var(--fg-secondary)}.auth-dialog-form{margin-top:18px;display:grid;gap:12px}.auth-dialog-label{display:grid;gap:4px;font-size:13px;color:var(--fg-secondary)}.auth-dialog-label input{height:38px;padding:0 12px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg);color:var(--fg);font:inherit;font-size:14px}.auth-dialog-label input:focus{outline:none;border-color:var(--accent-line)}.auth-dialog-error{font-size:13px;color:#dc2626}[data-theme=dark] .auth-dialog-error{color:#f87171}.auth-dialog-submit{height:40px;border:0;border-radius:var(--r-md);cursor:pointer;background:var(--accent);color:var(--accent-fg);font:inherit;font-size:14px;font-weight:500}.auth-dialog-submit:hover{background:var(--accent-hover)}.auth-dialog-submit:disabled{opacity:.6;cursor:default}.auth-dialog-alt{margin-top:14px;display:grid;gap:8px}.auth-dialog-alt a{height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:var(--r-md);font-size:13px;color:var(--fg-secondary);text-decoration:none}.auth-dialog-alt a:hover{color:var(--fg);border-color:var(--fg-muted)}.auth-dialog-foot{margin-top:14px;font-size:13px;color:var(--fg-secondary);text-align:center}.auth-dialog-foot a{color:var(--fg)}.hero-copy .usps{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px;justify-content:center}.hero-copy .usps span{font-size:12.5px;color:var(--fg-secondary);border:1px solid var(--border);border-radius:999px;padding:4px 13px;background:color-mix(in srgb,var(--bg) 66%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hero-copy .usps span:before{content:"·";color:var(--accent);margin-right:7px;font-weight:700}section.block{padding:96px 0}.block-head{margin-bottom:40px}.block-head .kicker{color:var(--accent)}.block-head h2{font-family:Clash Display,Switzer,PingFang SC,sans-serif;font-size:32px;font-weight:600;letter-spacing:-.02em}.block-head p{color:var(--fg-secondary);margin-top:8px;max-width:36em;font-size:15px}.block-head .hl{color:var(--accent)}[data-locale=en] .block-head .kicker{text-transform:uppercase;letter-spacing:.08em}.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bcard{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px;transition:border-color var(--dur-base) var(--ease),transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease);display:flex;flex-direction:column;gap:14px}.bcard:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:0 16px 40px #00000014}[data-theme=dark] .bcard:hover{box-shadow:0 18px 44px #00000073}.bcard .no{font-family:Clash Display,sans-serif;font-size:12px;font-weight:600;color:var(--accent);letter-spacing:.1em}.bcard h3{font-size:17px;font-weight:600;letter-spacing:-.01em}.bcard>p{font-size:13.5px;color:var(--fg-secondary)}.demo{margin-top:auto;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-subtle);padding:14px;overflow:hidden;position:relative}.demo .urlbox{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg);font-family:monospace;font-size:12px;color:var(--fg-secondary)}.demo .urlbox .caret{width:1.5px;height:14px;background:var(--accent);animation:caret 1.05s steps(1) infinite}@keyframes caret{50%{opacity:0}}.demo .urlbox .go{margin-left:auto;font-size:10.5px;font-weight:600;color:var(--accent-fg);background:var(--accent);border-radius:4px;padding:3px 8px}.demo .win{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg);overflow:hidden}.demo .win .wbar{height:20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:4px;padding:0 8px}.demo .win .wbar i{width:5px;height:5px;border-radius:50%;background:var(--border-strong)}.demo .win .wbar .addr{flex:1;height:10px;margin-left:6px;border-radius:999px;background:var(--bg-muted)}.demo .win .wbody{height:64px;padding:8px;position:relative}.demo .win .wbody:after{content:"";position:absolute;left:0;right:0;height:26px;top:-26px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent) 22%,transparent),transparent);animation:scan 2.6s ease-in-out infinite}@keyframes scan{0%{top:-26px}55%,to{top:100%}}.demo .win .wbody .l{height:6px;border-radius:3px;background:var(--bg-muted);margin-bottom:6px}.demo .win .wbody .l.s{width:70%}.demo .genbar{height:7px;border-radius:999px;background:var(--bg-muted);overflow:hidden;margin-top:10px}.demo .genbar i{display:block;height:100%;width:40%;border-radius:999px;background:var(--accent);animation:gen 2.8s ease-in-out infinite}@keyframes gen{0%{width:12%}70%{width:86%}to{width:12%}}.demo .genlabel{display:flex;justify-content:space-between;font-size:10.5px;color:var(--fg-muted);margin-top:6px;font-family:monospace}.bcard.wide{grid-column:span 3;display:grid;grid-template-columns:1fr 1.4fr;gap:28px;align-items:center;background:var(--bg-subtle)}.bcard.wide h3{font-size:20px}.pair{display:flex;align-items:center;justify-content:center;gap:18px}.sitemock{width:200px;flex:none;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--bg);overflow:hidden;box-shadow:0 10px 28px #00000012}.sitemock.clone{border-color:var(--accent-line);background:#fff;--pg: #6366f1;--pg-b: #22d3ee}.sitemock.clone .bar{gap:5px}.sitemock.clone .bar .mark{width:9px;height:9px;border-radius:2px;background:var(--pg)}.sitemock.clone .bar b{font-size:6px;font-weight:700;color:#18181b}.sitemock.clone .bar .pill{background:var(--pg)}.sitemock .bar{height:24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:4px;padding:0 9px}.sitemock .bar i{width:6px;height:6px;border-radius:50%;background:var(--border-strong)}.sitemock .bar .pill{margin-left:auto;width:34px;height:8px;border-radius:999px;background:var(--bg-muted)}.sitemock .body{padding:12px}.sitemock .img{height:40px;border-radius:5px;margin-bottom:9px;background:linear-gradient(120deg,var(--bg-inset),var(--bg-muted) 55%,var(--bg-inset))}.sitemock.clone .img{position:relative;background:linear-gradient(150deg,var(--pg),var(--pg-b))}.sitemock.clone .shot{position:absolute;left:6px;bottom:4px;width:40px;height:20px;border-radius:3px;background:#fff;box-shadow:0 2px 6px #0000002e;padding:4px;display:flex;flex-direction:column;gap:2px}.sitemock.clone .shot i{display:block;height:2px;border-radius:1px;background:#e4e4e7}.sitemock.clone .shot i:first-child{width:60%;background:var(--pg);opacity:.5}.sitemock .hl{height:10px;border-radius:3px;background:var(--bg-muted);width:64%;margin-bottom:8px}.sitemock .ln{height:6px;border-radius:3px;background:var(--bg-muted);margin-bottom:6px}.sitemock .ln.s{width:78%}.sitemock .cta-row{display:flex;gap:6px;margin-top:10px}.sitemock .cta-row i{width:44px;height:12px;border-radius:4px;background:var(--bg-inset)}.sitemock.clone .hl{background:none;height:auto;color:#18181b;font-size:7px;font-weight:700;line-height:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sitemock.clone .ln{background:#e4e4e7}.sitemock.clone .cta-row i{background:#fff;border:1px solid #e4e4e7}.sitemock.clone .cta-row i:first-child{background:linear-gradient(120deg,var(--pg),color-mix(in srgb,var(--pg) 70%,#fff));border-color:transparent}.pair .beam{display:flex;flex-direction:column;align-items:center;gap:5px}.pair .beam .dots{display:flex;gap:5px}.pair .beam .dots i{width:6px;height:6px;border-radius:50%;background:var(--border-strong);animation:beam 1.4s ease infinite}.pair .beam .dots i:nth-child(2){animation-delay:.2s}.pair .beam .dots i:nth-child(3){animation-delay:.4s}@keyframes beam{0%,to{background:var(--border-strong);transform:scale(.8)}45%{background:var(--accent);transform:scale(1.25)}}.pair .beam span{font-size:11px;color:var(--fg-muted);letter-spacing:.06em}.pricing{background:var(--bg-subtle);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.pricing:before{content:"";position:absolute;top:-140px;left:50%;transform:translate(-50%);width:720px;height:280px;border-radius:50%;background:radial-gradient(ellipse,var(--accent-subtle),transparent 70%);filter:blur(20px);pointer-events:none}.pricing .wrap{padding-top:72px;padding-bottom:56px;position:relative}.plans{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}.plan{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;position:relative;transition:border-color var(--dur-base) var(--ease),transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease)}.plan:hover{transform:translateY(-3px);box-shadow:0 16px 40px #00000014}[data-theme=dark] .plan:hover{box-shadow:0 18px 44px #00000080}.plan.hot{border-color:var(--accent-line);box-shadow:0 0 0 1px var(--accent-line),0 18px 44px color-mix(in srgb,var(--accent) 14%,transparent)}.plan.hot .beam-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);background-size:200% 100%}.plan.hot:hover .beam-line{animation:beamline 3.2s linear infinite}@keyframes beamline{0%{background-position:200% 0}to{background-position:-200% 0}}.plan .tag{position:absolute;top:-10px;left:18px;background:var(--accent);color:var(--accent-fg);font-size:11px;font-weight:600;border-radius:999px;padding:2px 10px;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 40%,transparent)}.plan h3{font-size:17px;font-weight:600}.plan .desc{font-size:13px;color:var(--fg-secondary);margin:4px 0 14px}.plan ul{list-style:none;padding:0;font-size:13px;color:var(--fg-secondary)}.plan li{padding:4px 0;display:flex;gap:9px;align-items:baseline}.plan-cta{margin-top:16px;width:100%}.plan li:before{content:"✓";color:var(--accent);font-weight:600}.pricing-note{text-align:center;font-size:12.5px;color:var(--fg-muted);padding-bottom:32px;margin-top:-10px;position:relative}.faq{max-width:720px;margin-inline:auto}.faq details{border-bottom:1px solid var(--border);transition:background var(--dur-base) var(--ease)}.faq details:hover{background:color-mix(in srgb,var(--fg) 2%,transparent)}.faq summary{cursor:pointer;list-style:none;padding:18px 4px;font-size:15px;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--fg-muted);font-size:18px;line-height:1;transition:transform var(--dur-base) var(--ease),color var(--dur-base) var(--ease)}.faq details[open] summary:after{transform:rotate(45deg);color:var(--accent)}.faq .a{padding:0 4px 18px;font-size:13.5px;color:var(--fg-secondary);max-width:60em}.faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.faq details[open] .a{animation:faq-a .3s cubic-bezier(.45,.05,.15,1)}@keyframes faq-a{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}footer{border-top:1px solid var(--border);padding:30px 0;position:relative}footer:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:320px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.6}footer .wrap{display:flex;align-items:center;gap:18px;font-size:12.5px;color:var(--fg-muted)}footer a{color:var(--fg-muted);text-decoration:none}footer a:hover{color:var(--fg)}@media(max-width:960px){.hero{min-height:560px}.hero-copy h1{font-size:34px}.bento{grid-template-columns:1fr}.bcard.wide{grid-column:span 1;grid-template-columns:1fr}.plans{grid-template-columns:1fr}.topnav{display:none}}@media(max-width:720px){.stream-card.far .card-inner{filter:none}.sitemock{width:clamp(96px,26vw,200px)}.pair{gap:10px}}.demo .urlbox .link-ico{color:var(--fg-muted);flex:none}.hl-solid{color:var(--accent)}.bcard.wide .wide-sub{margin-top:8px}