@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/sora-latin-ext-700-normal.DM0oy5s8.woff2)format("woff2"),url(/_astro/sora-latin-ext-700-normal.Oc7uZIYt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Sora;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/sora-latin-700-normal.9waGdLWo.woff2)format("woff2"),url(/_astro/sora-latin-700-normal.BKPfQAnC.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#111318;--ink-2:#161a21;--line:#262c36;--fg:#eef2f6;--muted:#8b95a3;--cyan:#38e0f0;--cyan-dim:#38e0f024;--font-display:"Sora", "Segoe UI", system-ui, sans-serif;--font-body:"Geist Variable", "Segoe UI", system-ui, sans-serif;--font-mono:"Geist Mono Variable", ui-monospace, "Cascadia Mono", Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ink);color:var(--fg)}body{font:400 16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:8px}.page{position:relative;overflow:hidden}#flow{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.page:after{content:"";pointer-events:none;background:radial-gradient(ellipse 70% 60% at 78% 30%, transparent 0%, var(--ink) 75%), linear-gradient(to bottom, transparent 55%, var(--ink) 90%);position:absolute;inset:0}.wrap{z-index:1;max-width:1120px;margin:0 auto;padding-inline:clamp(16px,4vw,40px);position:relative}header{justify-content:space-between;align-items:center;gap:16px;padding-block:22px;display:flex}.logo{align-items:center;display:inline-flex}.logo svg{width:auto;height:34px;display:block}nav{align-items:center;gap:clamp(14px,3vw,32px);display:flex}nav .link{color:var(--muted);font-size:15px;font-weight:500;transition:color .15s}nav .link:hover{color:var(--fg)}.btn{font:600 15px/1 var(--font-body);white-space:nowrap;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:12px 18px;transition:transform .15s,background .15s,border-color .15s,color .15s;display:inline-flex}.btn-primary{background:var(--cyan);color:var(--ink)}.btn-primary:hover{background:#6ae9f5;transform:translateY(-1px)}.btn-ghost{border-color:var(--line);color:var(--fg);background:#ffffff05}.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}.btn .arrow{transition:transform .15s}.btn:hover .arrow{transform:translate(3px)}nav .btn{padding:10px 14px;font-size:14px}.hero{max-width:980px;padding-block:clamp(56px,11vw,120px) clamp(48px,7vw,80px)}.pill{font:500 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);background:var(--cyan-dim);border:1px solid #38e0f04d;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;display:inline-flex}.pill i{background:var(--cyan);border-radius:50%;width:6px;height:6px;animation:2.4s infinite ping;box-shadow:0 0 #38e0f099}@keyframes ping{0%{box-shadow:0 0 #38e0f08c}70%,to{box-shadow:0 0 0 8px #38e0f000}}h1{font:700 clamp(40px, 6.6vw, 80px)/1.04 var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:26px 0 0}h1 .ai{color:var(--cyan);display:block}.lede{color:var(--muted);max-width:34em;margin:24px 0 0;font-size:clamp(17px,2vw,19px)}.ctas{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.traits{flex-wrap:wrap;gap:10px 22px;margin:34px 0 0;padding:0;list-style:none;display:flex}.traits li{font:500 13px/1 var(--font-mono);color:var(--muted);letter-spacing:.02em;align-items:center;gap:8px;display:inline-flex}.traits svg{width:15px;height:15px;stroke:var(--cyan);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.entries{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:72px;display:grid}.card{border:1px solid var(--line);backdrop-filter:blur(8px);background:linear-gradient(#161a21eb,#111318eb);border-radius:16px;flex-direction:column;gap:14px;min-width:0;padding:24px;transition:border-color .2s,transform .2s;display:flex;position:relative}.card:hover{border-color:#38e0f08c;transform:translateY(-2px)}.card .kicker{font:500 12px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}.card h2{font:600 22px/1.2 var(--font-display);letter-spacing:-.01em;margin:0}.card p{color:var(--muted);margin:0;font-size:15px}.snippet{min-width:0;font:400 13px/1.5 var(--font-mono);color:#c6d0db;border:1px solid var(--line);background:#0b0d11;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}.snippet code{white-space:nowrap;scrollbar-width:none;flex:1;min-width:0;overflow-x:auto}.snippet code::-webkit-scrollbar{display:none}.snippet .k{color:var(--cyan)}.snippet .d{color:#5d6774}.copy{font:500 12px/1 var(--font-mono);color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;flex:none;padding:6px 8px}.copy:hover{color:var(--fg);border-color:var(--muted)}.card .go{color:var(--fg);align-items:center;gap:8px;margin-top:auto;padding-top:4px;font-size:15px;font-weight:600;display:inline-flex}.card:hover .go{color:var(--cyan)}.card .go .arrow{transition:transform .15s}.card:hover .go .arrow{transform:translate(3px)}.card .cover{z-index:0;border-radius:16px;position:absolute;inset:0}.card>:not(.cover){z-index:1;pointer-events:none;position:relative}.card .snippet{pointer-events:auto}footer{border-top:1px solid var(--line)}footer .wrap{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-block:24px;font-size:14px;display:flex}footer .links{flex-wrap:wrap;gap:8px 22px;display:flex}footer a:hover{color:var(--fg)}@media (width<=860px){.entries{grid-template-columns:minmax(0,1fr)}}@media (width<=520px){nav .link:not(.signin){display:none}.logo svg{height:28px}.ctas .btn{flex:100%;justify-content:center}}@media (prefers-reduced-motion:reduce){.pill i{animation:none}*{transition:none!important}}
