@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Space Grotesk Fallback;src:local("Arial");ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.00%;size-adjust:109.69%}.__className_dd5b2f{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.__variable_dd5b2f{--font-sans:"Space Grotesk","Space Grotesk Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_3c557b{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_3c557b{--font-mono:"JetBrains Mono","JetBrains Mono Fallback"}:root{--accent:#2563eb;--accent-2:#1d4ed8;--accent-ink:#ffffff;--accent-soft:#eef3ff;--accent-line:#cfe0ff;--bg:#ffffff;--bg-2:#f6f8fb;--surface:#ffffff;--line:#e7eaf0;--line-2:#d7dce4;--ink:#0f1620;--ink-2:#454f5e;--muted:#697182;--r:14px;--maxw:1160px;--ease:cubic-bezier(.16,1,.3,1);--ease-soft:cubic-bezier(.22,1,.36,1);--shadow-1:0 1px 2px rgba(16,22,32,.04),0 2px 8px rgba(16,22,32,.05);--shadow-2:0 8px 24px -8px rgba(16,22,32,.14),0 2px 8px rgba(16,22,32,.06);--shadow-3:0 40px 80px -24px rgba(16,22,32,.28),0 12px 32px -12px rgba(16,22,32,.16)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans),system-ui,sans-serif;font-weight:400;line-height:1.5;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;min-height:100dvh}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--accent-ink)}.mono{font-family:var(--font-mono),monospace}.wrap{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:0 26px}.accent{color:var(--accent)}.bar{justify-content:space-between;padding:22px 0;position:relative;z-index:5}.bar,.mark{display:flex;align-items:center}.mark{gap:10px;font-weight:600;font-size:20px;letter-spacing:-.02em}.glyph{width:24px;height:13px}.nav{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:500}.nav a{padding:8px 12px;border-radius:9px;color:inherit;transition:background .2s var(--ease),color .2s,opacity .2s}.nav .ghbtn{display:inline-flex;align-items:center;gap:7px;margin-left:8px;padding:8px 13px;border-radius:10px;background:#fff;color:var(--ink);box-shadow:var(--shadow-1);border:1px solid var(--line);font-weight:600;transition:transform .14s var(--ease),box-shadow .2s}.nav .ghbtn:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}.bar.over .mark,.bar.over .nav{color:var(--ink)}.bar.over .nav a:hover{background:rgba(255,255,255,.66);color:var(--accent)}.bar.over .glyph{color:var(--accent)}.bar.solid{border-bottom:1px solid var(--line)}.bar.solid .glyph{color:var(--accent)}.bar.solid .nav a{color:var(--ink-2)}.bar.solid .nav a.on,.bar.solid .nav a:hover{background:var(--accent-soft);color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:15.5px;font-weight:600;letter-spacing:-.01em;padding:13px 22px;border-radius:12px;cursor:pointer;border:1px solid transparent;transition:transform .14s var(--ease),background .2s,border-color .2s,box-shadow .25s var(--ease)}.btn .arw{transition:transform .25s var(--ease)}.btn:hover .arw{transform:translateX(3px)}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 20px -6px rgba(37,99,235,.5)}.btn-primary:hover{background:var(--accent-2);box-shadow:0 10px 30px -8px rgba(37,99,235,.55)}.btn-white{background:#fff;color:var(--ink);box-shadow:var(--shadow-2)}.btn-white:hover{transform:translateY(-2px);box-shadow:var(--shadow-3)}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line-2)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.hero-wrap{position:relative;background:var(--bg)}.hero-head{position:relative;z-index:2;text-align:center;padding:34px 0 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono),monospace;font-size:12.5px;letter-spacing:.02em;color:var(--ink);background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 13px;border-radius:999px;margin-bottom:26px}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.hero-head h1{color:var(--ink);font-size:clamp(2.9rem,7.2vw,6rem);line-height:.99;font-weight:700;letter-spacing:-.038em;text-wrap:balance;margin:0 auto 20px}.hero-head .sub{color:var(--ink);font-size:clamp(1.05rem,1.7vw,1.35rem);font-weight:500;max-width:44ch;margin:0 auto 30px}.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-stage{position:relative;z-index:2;width:80%;max-width:none;margin:52px auto -190px;padding:0}.hero-browser{width:100%;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-3),0 0 0 1px rgba(16,22,32,.06);border:1px solid rgba(255,255,255,.6)}.hb-chrome{display:flex;align-items:center;gap:14px;padding:11px 14px;background:#f4f6f9;border-bottom:1px solid var(--line)}.hb-dots{display:flex;gap:7px;flex:none}.hb-dots i{width:11px;height:11px;border-radius:50%;display:block}.hb-dots i:first-child{background:#ff5f57}.hb-dots i:nth-child(2){background:#febc2e}.hb-dots i:nth-child(3){background:#28c840}.hb-url{flex:1 1;text-align:center;font-family:var(--font-mono),monospace;font-size:12.5px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 12px;max-width:320px;margin:0 auto;transition:border-color .2s var(--ease),color .2s}.hb-url:hover{border-color:var(--accent);color:var(--accent)}.hb-open{flex:none;font-family:var(--font-mono),monospace;font-size:11.5px;color:var(--accent);font-weight:600}.hb-open:hover{text-decoration:underline}.hb-body{display:grid;grid-template-columns:1fr 1.2fr;background:#fff}.hb-pane{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--line)}.hb-code{flex:1 1;width:100%;min-height:500px;resize:none;display:block;border:0;outline:none;font-family:var(--font-mono),monospace;font-size:11.5px;line-height:1.7;color:var(--ink-2);background:#fff;padding:14px 14px 10px;white-space:pre;overflow:auto;-moz-tab-size:1;tab-size:1}.hb-code:focus{background:var(--bg-2)}.hb-status{font-family:var(--font-mono),monospace;font-size:10.5px;color:#2f7d55;background:#f2fbf6;border-top:1px solid var(--line);padding:6px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb-status.bad{color:#a3282d;background:#fdf3f3}.hb-right{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:16px}.hb-out{position:relative;aspect-ratio:16/9;background:var(--bg-2);overflow:hidden;border-radius:8px;border:1px solid var(--line);--hb-scale:1;--hb-w:1920px;--hb-h:1080px}.hb-frame{position:absolute;top:0;left:0;width:var(--hb-w);height:var(--hb-h);border:0;display:block;transform-origin:top left;transform:scale(var(--hb-scale));opacity:0;transition:opacity .45s var(--ease)}.hb-out.is-live .hb-frame{opacity:1}.hb-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s var(--ease)}.hb-out.is-live .hb-poster{opacity:0}.hb-badge{position:absolute;left:9px;bottom:8px;z-index:3;font-size:10px;color:var(--accent);background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--accent-line);border-radius:6px;padding:3px 7px}.hb-badge,.hb-meta{font-family:var(--font-mono),monospace}.hb-meta{display:grid;grid-gap:6px;gap:6px;font-size:10.5px}.hb-meta div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:5px}.hb-meta dt{color:var(--muted)}.hb-meta dd{color:var(--accent)}.hero-mobile{display:none;border-radius:14px;overflow:hidden;background:var(--bg-2);border:1px solid var(--line);box-shadow:var(--shadow-3)}.hero-mobile video{width:100%;display:block;aspect-ratio:16/9;object-fit:contain}.hero-mobile .hm-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;background:#fff;border-top:1px solid var(--line);font-family:var(--font-mono),monospace;font-size:12px;color:var(--muted)}.hero-mobile .hm-cta a{color:var(--accent);font-weight:600}@media (max-width:860px){.hero-browser{display:none}.hero-mobile{display:block}.hero-stage{width:auto;padding:0 20px;margin-bottom:-120px}}.hero-foot{background:var(--bg);height:270px}.section{padding:70px 0}.section.alt{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.kicker{font-family:var(--font-mono),monospace;font-size:12.5px;letter-spacing:.02em;color:var(--accent);margin-bottom:14px}.h2{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;text-wrap:balance}.lead{color:var(--ink-2);font-size:1.08rem;line-height:1.55;max-width:56ch}.feat3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-top:38px}.fcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:var(--shadow-1);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}.fcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:var(--accent-line)}.fcard .ic{width:38px;height:38px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.fcard h3{font-size:17px;font-weight:650;letter-spacing:-.02em;margin-bottom:8px}.fcard p{color:var(--ink-2);font-size:14.5px;line-height:1.55}.gal-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px}.gal-head a{color:var(--accent);font-weight:600;font-size:14.5px}.gal-head a .arw{display:inline-block;transition:transform .25s var(--ease)}.gal-head a:hover .arw{transform:translateX(3px)}.strip{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.clip{position:relative;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--bg-2);box-shadow:var(--shadow-1);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.clip:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}.clip.big{grid-column:span 2}.clip video{width:100%;height:100%;object-fit:contain;display:block;aspect-ratio:16/9}.clip .lab{position:absolute;left:12px;bottom:11px;font-family:var(--font-mono),monospace;font-size:11.5px;color:#fff;background:rgba(15,22,32,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:5px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12)}.clip .lab b{color:#8fc0ff;font-weight:600}.end{text-align:center;padding:96px 0}.end .h2{margin:0 auto 14px}.end .lead{margin:0 auto 28px;text-align:center}.end .hero-cta{margin-top:4px}.foot{border-top:1px solid var(--line);padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.foot a{color:var(--ink-2)}.foot a:hover{color:var(--accent)}.foot .mono{font-family:var(--font-mono),monospace}.phead{padding:52px 0 8px;max-width:48ch}.phead .kicker{display:inline-flex;align-items:center;gap:8px}.phead .kicker .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.phead h1{font-size:clamp(2.4rem,5.5vw,4rem);line-height:1;font-weight:700;letter-spacing:-.035em;margin-bottom:16px;text-wrap:balance}.phead p{color:var(--ink-2);font-size:1.1rem;line-height:1.5}.row{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:44px;gap:44px;align-items:center;padding:48px 0;border-top:1px solid var(--line)}.row.flip .media{order:2}.media{position:relative;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--bg-2);box-shadow:var(--shadow-2);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.media:hover{transform:translateY(-3px);box-shadow:var(--shadow-3)}.media video{width:100%;display:block;aspect-ratio:16/9;object-fit:contain}.num{font-family:var(--font-mono),monospace;font-size:12.5px;color:var(--accent);letter-spacing:.03em}.copy h2,.num{margin-bottom:12px}.copy h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:700;letter-spacing:-.03em}.copy p{color:var(--ink-2);font-size:15.5px;line-height:1.55;max-width:40ch}.copy .tag{display:inline-flex;margin-top:16px;font-family:var(--font-mono),monospace;font-size:12px;color:var(--muted);border:1px solid var(--line-2);border-radius:8px;padding:5px 11px;background:var(--bg-2)}.trio{display:flex;gap:14px;align-items:center;justify-content:center;padding:14px}.trio .ar{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg-2);box-shadow:var(--shadow-1);min-width:0}.trio .ar video{display:block;height:100%;width:100%;object-fit:contain}.trio .a169{flex:1.778 1;aspect-ratio:16/9}.trio .a916{flex:.563 1;aspect-ratio:9/16}.trio .a11{flex:1 1;aspect-ratio:1/1}.trio .ar span{position:absolute;left:8px;bottom:7px;font-family:var(--font-mono),monospace;font-size:10.5px;color:#fff;background:rgba(15,22,32,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:3px 7px;border-radius:6px}.films{padding:44px 0 8px}.films-head{max-width:54ch;margin-bottom:30px}.films-head h2{font-size:clamp(1.8rem,3.8vw,2.7rem);line-height:1.02;letter-spacing:-.032em;font-weight:700;margin-bottom:13px;text-wrap:balance}.films-head p{color:var(--ink-2);font-size:1.05rem;line-height:1.5}.filmgrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:28px;gap:28px}.filmcard{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow-1);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}.filmcard:hover{transform:translateY(-5px);box-shadow:var(--shadow-3);border-color:var(--accent-line)}.fmedia{aspect-ratio:16/9;background:var(--bg-2);overflow:hidden;border-bottom:1px solid var(--line)}.fmedia video{width:100%;height:100%;object-fit:contain;display:block}.filmcard figcaption{padding:18px 20px 20px}.fbrand{display:flex;align-items:baseline;gap:11px;font-weight:700;font-size:1.08rem;letter-spacing:-.015em;margin-bottom:7px}.fdur{font-family:var(--font-mono),monospace;font-size:11.5px;color:var(--muted);font-weight:500;letter-spacing:.02em}.fline{color:var(--ink-2);font-size:14.5px;line-height:1.5;margin-bottom:14px}.filmcard .tag{display:inline-flex;font-family:var(--font-mono),monospace;font-size:12px;color:var(--muted);border:1px solid var(--line-2);border-radius:8px;padding:5px 11px;background:var(--bg-2)}.cap-lead{padding:56px 0 4px;border-top:1px solid var(--line);margin-top:44px;max-width:48ch}.cap-lead h2{font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.03;letter-spacing:-.03em;font-weight:700;margin-bottom:12px;text-wrap:balance}.cap-lead p{color:var(--ink-2);font-size:1.02rem;line-height:1.5}@media(max-width:760px){.filmgrid{grid-template-columns:1fr}}.srcview{margin-top:15px}.srctoggle{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono),monospace;font-size:12.5px;color:var(--ink-2);background:var(--bg-2);border:1px solid var(--line-2);border-radius:8px;padding:7px 12px;cursor:pointer;transition:border-color .2s var(--ease),color .2s var(--ease),background .2s var(--ease)}.srctoggle.on,.srctoggle:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.srctoggle .mono{opacity:.7}.srctoggle .srcmeta{color:var(--muted);font-size:11px;padding-left:8px;margin-left:2px;border-left:1px solid var(--line-2)}.srctoggle.on .srcmeta{border-color:var(--accent-line)}.srcpanel{margin-top:11px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0d1117;box-shadow:var(--shadow-1)}.srcbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;background:#161b22;border-bottom:1px solid #21262d}.srcbar .mono{font-size:11.5px;color:#8b949e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.srccopy{flex:none;font-family:var(--font-mono),monospace;font-size:11.5px;color:#c9d1d9;background:#21262d;border:1px solid #30363d;border-radius:6px;padding:4px 11px;cursor:pointer;transition:background .15s,color .15s}.srccopy:hover{background:#30363d;color:#fff}.srccode{margin:0;max-height:440px;overflow:auto;padding:16px 18px;font-family:var(--font-mono),monospace;font-size:12.5px;line-height:1.6;color:#c9d1d9;white-space:pre;-moz-tab-size:2;tab-size:2}.srccode .j-key{color:#7ee787}.srccode .j-str{color:#a5d6ff}.srccode .j-num{color:#79c0ff}.srccode .j-bool,.srccode .j-null{color:#ff7b72}.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));grid-gap:18px;gap:18px;margin-top:32px}.bcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-1);display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}.bcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:var(--accent-line)}.bcard .thumb{aspect-ratio:3/2;background:#eef1f6;overflow:hidden;border-bottom:1px solid var(--line)}.bcard .thumb img{width:100%;height:100%;object-fit:cover;object-position:top left}.bcard .meta{padding:13px 15px 15px}.bcard .bn{font-family:var(--font-mono),monospace;font-size:13.5px;font-weight:600;color:var(--ink);letter-spacing:-.01em}.bcard .bf{color:var(--accent);margin:5px 0 9px}.bcard .bf,.bcard .bp{font-family:var(--font-mono),monospace;font-size:11px}.bcard .bp{color:var(--muted);line-height:1.6;word-break:break-word}.bnote{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:13.5px;color:var(--ink-2);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:10px;padding:9px 14px}.bnote b{color:var(--accent)}.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:18px;gap:18px;margin-top:34px;padding-bottom:80px}.flink{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px 24px 22px;box-shadow:var(--shadow-1);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}.flink:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);border-color:var(--accent-line)}.flink .fk{font-family:var(--font-mono),monospace;font-size:11.5px;color:var(--accent);margin-bottom:14px}.flink h3{font-size:20px;font-weight:700;letter-spacing:-.025em;margin-bottom:8px}.flink p{color:var(--ink-2);font-size:14.5px;line-height:1.5}.flink .go{margin-top:15px;color:var(--accent);font-weight:600;font-size:14px}.flink .go .arw{display:inline-block;transition:transform .25s var(--ease)}.flink:hover .go .arw{transform:translateX(4px)}.fdetail{padding:8px 0 80px;max-width:900px}.fdetail .backlink{color:var(--muted);font-family:var(--font-mono),monospace;font-size:13px;display:inline-block;margin-bottom:22px;transition:color .2s}.fdetail .backlink:hover{color:var(--accent)}.fdetail .tagline{color:var(--ink-2);font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.4;max-width:44ch;margin-top:6px}.demo-media{margin:36px 0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#0f1620;box-shadow:var(--shadow-2)}.demo-media video{width:100%;display:block;aspect-ratio:16/9;object-fit:contain}.fdetail .prose p{color:var(--ink-2);font-size:1.07rem;line-height:1.65;margin-bottom:18px;max-width:66ch}.fdetail .prose p code{font-family:var(--font-mono),monospace;font-size:.92em;background:var(--bg-2);border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:var(--ink)}.fdetail .foot-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}.codeblock{background:#0f1620;border-radius:12px;padding:18px 20px;margin:26px 0 6px;box-shadow:var(--shadow-1);overflow-x:auto;max-width:560px}.codeblock .lbl{font-size:11px;color:#5a6478;margin-bottom:11px}.codeblock .lbl,.codeblock pre{font-family:var(--font-mono),monospace}.codeblock pre{font-size:12.5px;line-height:1.75;color:#c8cfdb;white-space:pre;margin:0}.fdetail .tag{display:inline-flex;font-family:var(--font-mono),monospace;font-size:12px;color:var(--muted);border:1px solid var(--line-2);border-radius:8px;padding:6px 12px;background:var(--bg-2);margin-top:24px}.rise{opacity:0;transform:translateY(18px);animation:rise .85s var(--ease) forwards}.rise.d1{animation-delay:.08s}.rise.d2{animation-delay:.16s}.rise.d3{animation-delay:.26s}.rise.d4{animation-delay:.36s}.pop{opacity:0;transform:translateY(30px) scale(.985);animation:pop 1s var(--ease) .34s forwards}@keyframes rise{to{opacity:1;transform:none}}@keyframes pop{to{opacity:1;transform:none}}@media (max-width:900px){.hero-stage{margin-bottom:-90px}.hero-foot{height:120px}.feat3,.strip{grid-template-columns:1fr}.clip.big{grid-column:auto}.row,.row.flip{grid-template-columns:1fr;gap:22px}.row.flip .media{order:0}}@media (prefers-reduced-motion:reduce){.pop,.rise{animation:none;opacity:1;transform:none}html{scroll-behavior:auto}video{display:none}.clip,.ht-out,.media,.trio .ar{background:var(--bg-2)}*{transition-duration:.01ms!important}}.ed{display:grid;grid-template-columns:minmax(340px,460px) 1fr;grid-gap:24px;gap:24px;padding:20px 0 80px;align-items:start}.ed-side{display:flex;flex-direction:column;min-width:0}.ed-presets{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.ed-presets button{font-family:var(--font-mono),monospace;font-size:12px;color:var(--ink-2);background:var(--bg-2);border:1px solid var(--line-2);border-radius:999px;padding:6px 12px;cursor:pointer;transition:border-color .2s var(--ease),color .2s var(--ease),background .2s var(--ease)}.ed-presets button:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.ed-presets button:disabled{opacity:.5;cursor:default}.ed-panehead{display:flex;align-items:center;gap:10px;background:var(--bg-2);border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;padding:9px 12px}.ed-file{font-family:var(--font-mono),monospace;font-size:12px;color:var(--ink-2)}.ed-lines{color:var(--muted);margin-left:auto}.ed-copy,.ed-lines{font-family:var(--font-mono),monospace;font-size:11px}.ed-copy{color:var(--accent);background:#fff;border:1px solid var(--line-2);border-radius:6px;padding:3px 9px;cursor:pointer}.ed-copy:hover{border-color:var(--accent)}.ed-code{width:100%;height:clamp(360px,52vh,600px);resize:vertical;display:block;font-family:var(--font-mono),monospace;font-size:12.5px;line-height:1.7;color:var(--ink-2);background:#fff;border:1px solid var(--line);border-radius:0;padding:14px;outline:none;white-space:pre;overflow:auto;-moz-tab-size:1;tab-size:1}.ed-code:focus{border-color:var(--accent);background:var(--bg-2)}.ed-status{font-family:var(--font-mono),monospace;font-size:11.5px;padding:8px 12px;border:1px solid;border-radius:0 0 12px 12px;border-top:0;word-break:break-word;max-height:96px;overflow:auto}.ed-status.ok{color:#2f7d55;background:#f2fbf6;border-color:#cdeadb}.ed-status.bad{color:#a3282d;background:#fdf3f3;border-color:#f0d2d3}.ed-main{position:-webkit-sticky;position:sticky;top:88px;min-width:0}.sp{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow-2)}.sp,.sp-stage{overflow:hidden}.sp-stage{position:relative;aspect-ratio:16/9;background:var(--bg-2);--sp-scale:1;--sp-w:1920px;--sp-h:1080px}.sp-frame{position:absolute;top:0;left:0;width:var(--sp-w);height:var(--sp-h);border:0;display:block;transform-origin:top left;transform:scale(var(--sp-scale))}.sp-bar{gap:12px;padding:10px 12px;background:var(--bg-2);border-top:1px solid var(--line)}.sp-bar,.sp-play{display:flex;align-items:center}.sp-play{width:30px;height:30px;flex:none;border-radius:50%;border:1px solid var(--line-2);background:#fff;color:var(--ink-2);font-size:10px;cursor:pointer;justify-content:center}.sp-play:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.sp-play:disabled{opacity:.4;cursor:default}.sp-scrub{flex:1 1;accent-color:var(--accent);cursor:pointer;min-width:0}.sp-time{font-family:var(--font-mono),monospace;font-size:11px;white-space:nowrap}.ed-note,.sp-time{color:var(--muted)}.ed-note{font-size:13px;line-height:1.6;margin-top:14px}.ed-note code{font-family:var(--font-mono),monospace;font-size:12px;color:var(--ink-2);background:var(--bg-2);border:1px solid var(--line-2);border-radius:5px;padding:1px 5px}@media (max-width:900px){.ed{grid-template-columns:1fr}.ed-main{position:static}}.phead-rules{margin-top:14px;font-size:15px;color:var(--muted)}.phead-rules a{color:var(--accent);font-weight:600}.phead-rules a:hover{text-decoration:underline}.phead-rules code{font-family:var(--font-mono),monospace;font-size:13px;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:5px;padding:1px 6px}@media (max-width:700px){.bar{gap:10px;padding:16px 0}.bar,.nav{flex-wrap:wrap}.nav{justify-content:flex-start;gap:2px;font-size:13.5px;width:100%}.nav a{padding:6px 9px}.nav .ghbtn{margin-left:auto;padding:6px 10px}.mark{font-size:18px}}