html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}.lp-showcase{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:15px;line-height:1.55;overflow-x:hidden;& .wrap{max-width:1080px}& .wide,& .wrap{margin:0 auto;padding:0 32px}& .wide{max-width:1180px}& h1,& h2,& h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.03em;line-height:1.05;margin:0}& p{margin:0;text-wrap:pretty}& ::selection{background:var(--brand-quiet)}& .mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}& nav{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}& .nav-in{display:flex;align-items:center;height:60px}& .logo{display:inline-flex;align-items:baseline;font-family:var(--font-display);font-weight:700;font-size:25px;letter-spacing:-.025em;color:var(--text)}& .logo i{font-style:normal;color:var(--text-faint);margin:0 .1em}& .logo .ai{color:var(--brand)}& .nav-r{margin-left:auto;display:flex;align-items:center;gap:14px}& .theme-toggle{display:inline-flex;gap:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px;margin-right:4px}& .theme-toggle button{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;border:0;background:transparent;color:var(--text-muted);padding:6px 11px;border-radius:999px;cursor:pointer}& .theme-toggle button[aria-pressed=true]{background:var(--brand-quiet);color:var(--brand)}& .btn{font-family:var(--font-ui);font-weight:600;font-size:14px;border-radius:9px;padding:9px 17px;border:1px solid var(--border-strong);background:transparent;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:all .14s}& .btn:hover{background:var(--surface-2)}& .btn.solid{background:var(--text);border-color:var(--text);color:var(--bg)}& .btn.solid:hover{opacity:.85;background:var(--text)}& .btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-text-on)}& .btn.primary:hover{background:var(--brand-hover)}& .btn.ghost{border-color:transparent;color:var(--text-muted)}& .btn.lg{padding:13px 22px;font-size:15px}& .hero{position:relative;text-align:center;padding:96px 0 64px}& .hero .eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:30px}& .hero .eyebrow b{width:6px;height:6px;background:var(--brand)}& .hero h1{font-size:clamp(40px,6.4vw,68px);font-weight:600;letter-spacing:-.04em;max-width:13em;margin:0 auto}& .hero h1 .dim{color:var(--text-faint)}& .hero .sub{font-size:19px;color:var(--text-muted);max-width:33em;margin:26px auto 0;line-height:1.5}& .hero .cta{display:flex;gap:12px;justify-content:center;margin-top:34px}& .hero-note{margin-top:22px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);display:inline-flex;gap:8px;align-items:center;justify-content:center;width:100%}& .hero-note b{width:5px;height:5px;background:var(--brand);display:inline-block}& .float{position:absolute;width:76px;height:76px;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-pop);display:grid;place-items:center;color:var(--text-muted);z-index:0;transform:translate3d(var(--px,0),var(--py,0),0) rotate(var(--rot,0deg));will-change:transform}& .float svg{width:34px;height:34px}& .float.f1{top:70px;left:4%;--rot:-13deg}& .float.f2{top:150px;right:5%;--rot:11deg;color:var(--brand)}& .float.f3{top:300px;left:7%;--rot:9deg}& .float.f4{top:330px;right:8%;--rot:-10deg}@media (max-width:920px){& .float{display:none}}& .shot{margin-top:40px}& .mock{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-modal);overflow:hidden;text-align:left}& .mock-bar{display:flex;align-items:center;gap:9px;padding:11px 15px;border-bottom:1px solid var(--border)}& .mock-bar .dots{display:flex;gap:6px}& .mock-bar .dots i{width:10px;height:10px;border-radius:50%;background:var(--border-strong);display:inline-block}& .mock-bar .ttl{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);margin-left:6px}& .mock-bar .sp{flex:1 1}& .mock-bar .pill{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);border:1px solid var(--border);border-radius:6px;padding:3px 8px}& .mock-body{display:grid;grid-template-columns:200px 1fr 220px;min-height:360px}& .mb-rail{border-right:1px solid var(--border);padding:16px;background:var(--surface-2)}& .mb-rail .row{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:7px;font-size:12.5px;color:var(--text-muted)}& .mb-rail .row.on{background:var(--brand-quiet);color:var(--brand)}& .mb-rail .row .av{width:18px;height:18px;border-radius:5px;flex:none}& .mb-rail .h{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin:6px 8px 8px}& .mb-center{padding:16px;display:grid;gap:12px}& .mb-row{display:flex;gap:12px}& .vc{flex:1 1;border:1px solid var(--border);border-radius:11px;padding:11px;background:var(--bg)}& .vc.hot{border-color:color-mix(in srgb,var(--st-review) 45%,var(--border))}& .vc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}& .vc-top .nm{font-weight:600;font-size:12.5px;display:inline-flex;align-items:center;gap:7px}& .vc-top .nm svg{width:14px;height:14px;color:var(--text-muted)}& .chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px 3px 6px;border-radius:999px;font-size:10.5px;font-weight:600;white-space:nowrap}& .vc-media{aspect-ratio:16/10;border-radius:7px;background-image:repeating-linear-gradient(135deg,var(--surface-3) 0 8px,var(--surface-2) 8px 16px);position:relative}& .vc-media,& .vc-media .ai{border:1px solid var(--border-strong)}& .vc-media .ai{position:absolute;left:6px;bottom:6px;font-family:var(--font-mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:color-mix(in srgb,var(--surface) 82%,transparent);border-radius:999px;padding:2px 6px;display:inline-flex;gap:4px;align-items:center;white-space:nowrap}& .vc-media .ai b{width:4px;height:4px;background:var(--brand);display:inline-block}& .vc-cap{font-size:11px;color:var(--text-muted);margin-top:8px;line-height:1.4}& .mb-side{border-left:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:9px}& .mb-side .h{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}& .roll{display:flex;align-items:center;gap:8px;font-size:12px;padding:5px 0}& .roll .n{margin-left:auto;font-family:var(--font-mono);font-weight:600}& .mb-side .go{margin-top:auto}& section.block{padding:104px 0;border-top:1px solid var(--border)}& .kick{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--brand);margin-bottom:16px}& .kick,& .sec-h{text-align:center}& .sec-h{font-size:clamp(30px,4.4vw,44px);letter-spacing:-.035em;max-width:16em;margin:0 auto}& .sec-lead{font-size:17px;color:var(--text-muted);text-align:center;max-width:34em;margin:16px auto 0;line-height:1.55}& .wall{column-count:4;column-gap:16px;margin-top:52px}@media (max-width:1080px){& .wall{column-count:3}}@media (max-width:760px){& .wall{column-count:2}}@media (max-width:520px){& .wall{column-count:1}}& .tw{page-break-inside:avoid;break-inside:avoid;margin-bottom:16px;border:1px solid var(--border);border-radius:13px;padding:16px;background:var(--surface)}& .tw .who{display:flex;align-items:center;gap:9px;margin-bottom:10px}& .tw .av{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:12px;color:#fff}& .tw .hd{font-weight:600;font-size:12.5px}& .tw p{font-size:13.5px;color:var(--text-muted);line-height:1.5}& .integ{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-top:52px}& .integ .it{padding:26px 16px;text-align:center;border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:11px}& .integ .it:last-child{border-right:0}& .integ .it svg{width:26px;height:26px;color:var(--text-muted)}& .integ .it .nm{font-weight:600;font-size:13.5px}& .integ .it .mt{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);letter-spacing:.04em}@media (max-width:760px){& .integ{grid-template-columns:repeat(3,1fr)}& .integ .it:nth-child(3){border-right:0}& .integ .it:nth-child(-n+3){border-bottom:1px solid var(--border)}}& .checks{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:30px}& .checks span{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text-muted)}& .checks svg{color:var(--brand);flex:none}& .split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}@media (max-width:880px){& .split{grid-template-columns:1fr;gap:36px}}& .split .copy h2{font-size:clamp(28px,3.8vw,40px);letter-spacing:-.03em;text-align:left;max-width:none}& .split .copy p{font-size:16.5px;color:var(--text-muted);margin-top:16px;line-height:1.55;max-width:30em}& .split .copy ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:11px}& .split .copy li{display:flex;gap:11px;font-size:14.5px;align-items:flex-start}& .split .copy li svg{color:var(--brand);flex:none;margin-top:3px}& .pr-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-pop);overflow:hidden}& .pr-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}& .pr-head .ic{color:var(--brand)}& .pr-head .t{font-weight:600;font-size:14px}& .pr-head .ready{margin-left:auto;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--st-approved);border:1px solid color-mix(in srgb,var(--st-approved) 40%,var(--border));background:var(--st-approved-bg);border-radius:999px;padding:4px 9px}& .pr-body{padding:14px 16px;font-family:var(--font-mono);font-size:11.5px}& .pr-body .branch{color:var(--text-faint);margin-bottom:12px}& .pr-body .branch b{color:var(--brand)}& .diff{display:flex;justify-content:space-between;padding:6px 0;border-top:1px dashed var(--border);color:var(--text-muted)}& .diff .add{color:var(--st-approved)}& .pr-foot{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface-2)}& .pr-foot .l{font-size:12px;color:var(--text-muted)}& .pr-foot .btn{margin-left:auto}& .yours{text-align:center}& .code-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:52px;text-align:left}@media (max-width:880px){& .code-grid{grid-template-columns:1fr}}& .term{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-pop)}& .term-bar{display:flex;align-items:center;gap:8px;padding:11px 15px;border-bottom:1px solid var(--border)}& .term-bar .dots{display:flex;gap:6px}& .term-bar .dots i{width:9px;height:9px;border-radius:50%;background:var(--border-strong);display:inline-block}& .term-bar .ttl{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);margin-left:4px}& .term pre{margin:0;padding:20px;font-family:var(--font-mono);font-size:12.5px;line-height:1.85;color:var(--text);overflow-x:auto}& .term .c{color:var(--text-faint)}& .term .k{color:var(--brand)}& .term .v{color:var(--st-approved)}& .specs{display:grid;grid-template-rows:repeat(4,1fr);gap:0;border:1px solid var(--border);border-radius:14px;overflow:hidden}& .specs .sp{padding:18px 20px;border-bottom:1px solid var(--border)}& .specs .sp:last-child{border-bottom:0}& .specs .sp .t{font-family:var(--font-display);font-weight:600;font-size:17px}& .specs .sp .d{font-size:12.5px;color:var(--text-muted);margin-top:3px}& .yours .links{display:flex;gap:12px;justify-content:center;margin-top:36px;flex-wrap:wrap}& .closing{padding:130px 0;text-align:center;border-top:1px solid var(--border)}& .closing h2{font-size:clamp(38px,5.6vw,64px);letter-spacing:-.04em;max-width:14em;margin:0 auto}& .closing .sub{font-size:17px;color:var(--text-muted);margin:22px auto 0;max-width:32em}& .closing .row{display:flex;gap:12px;justify-content:center;margin-top:34px}& footer{border-top:1px solid var(--border);padding:36px 0;display:flex;align-items:center;justify-content:space-between;color:var(--text-faint);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:14px}}