:root{--font-sans:"Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--bg:oklch(98.5% .002 75);--surface:#fff;--fg:oklch(17.5% .006 75);--fg-muted:oklch(44.5% .012 75);--fg-subtle:oklch(55.5% .012 75);--line:oklch(92.5% .006 75);--accent:oklch(52% .2 293);--accent-strong:oklch(45% .2 293);--accent-soft:oklch(96% .02 293);--violet:oklch(52% .22 290);--brand:linear-gradient(90deg, oklch(89.4% .057 293.3), oklch(89.2% .058 10), oklch(96.2% .059 95.6));--gradient:linear-gradient(135deg, oklch(89.4% .057 293.3), oklch(89.2% .058 10) 55%, oklch(96.2% .059 95.6));--footer-bg:oklch(17.5% 0 0);--header-h:68px;--radius:18px;--measure:68ch}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;isolation:isolate;margin:0;font-size:17px;line-height:1.6}.vibe-bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.vibe-bg span{filter:blur(60px);border-radius:999px;position:absolute}.vibe-bg span:first-child{opacity:.7;background:oklch(89.4% .057 293.3);width:60%;height:50%;top:-20%;right:-10%}.vibe-bg span:nth-child(2){opacity:.55;background:oklch(88.2% .059 254.1);width:50%;height:40%;bottom:-10%;left:-15%}.vibe-bg span:nth-child(3){opacity:.6;background:oklch(94.1% .03 12.6);width:30%;height:30%;top:40%;left:50%}@media (pointer:coarse){.vibe-bg span{display:none}.vibe-bg{background:linear-gradient(160deg, oklch(96% .025 293) 0%, var(--bg) 45%, oklch(97% .02 254) 100%)}}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--accent-strong)}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.15}p{margin:0}.wrap{width:min(100% - 32px,1120px);margin-inline:auto}.narrow{width:min(100% - 32px,760px);margin-inline:auto}.site-header{z-index:50;transition:background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;inset:0 0 auto}.site-header[data-lifted=true]{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff8c}.site-header .bar{justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.site-header .brand{align-items:center;gap:12px;min-width:0;display:flex}.site-header .logo img{width:auto;height:36px}.site-header .section{color:var(--fg-muted);border-left:1px solid var(--line);padding-left:12px;font-size:15px;font-weight:600;text-decoration:none}.site-header .section:hover{color:var(--fg)}.site-header nav{align-items:center;gap:12px;display:flex}.site-header .login{color:oklch(44.6% .043 257.3);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none}.site-header .login:hover{color:oklch(20.8% .042 265.8)}.site-header .plan{color:var(--fg);background:var(--brand);white-space:nowrap;border-radius:999px;padding:8px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:box-shadow .2s,transform .1s;box-shadow:0 1px 2px #0000000f}.site-header .plan:hover{color:var(--fg);box-shadow:0 4px 12px -2px #0000001f}.site-header .plan:active{transform:scale(.98)}@media (width<=640px){.site-header .bar{padding:12px 16px}.site-header .logo img{height:28px}.site-header .section{padding-left:10px;font-size:14px}.site-header nav{gap:6px}.site-header .login{padding:8px 10px}.site-header .plan{padding:8px 14px}}@media (width<=480px){.site-header .section{display:none}}.site-header .login,.site-header .section{white-space:nowrap}main{padding-top:var(--header-h)}.hero{padding:56px 0 28px}.hero h1{font-size:clamp(2rem,5vw,3.25rem)}.hero p{max-width:60ch;color:var(--fg-muted);margin-top:12px;font-size:1.1rem}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700;display:inline-block}.filters{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.chip{border:1px solid var(--line);color:var(--fg-muted);background:#ffffffb3;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;text-decoration:none}.chip:hover{color:var(--fg);border-color:oklch(85% .03 293)}.chip[aria-current=page]{background:var(--brand);color:var(--fg);border-color:#0000}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;padding:24px 0 64px;display:grid}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf;border:1px solid oklch(96.8% .007 247.9/.8);border-radius:24px;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000a}.card:hover{transform:translateY(-2px);box-shadow:0 10px 30px -12px oklch(17.5% .006 75/.25)}.card .cover{aspect-ratio:16/9;background:var(--gradient)}.card .cover img{object-fit:cover;width:100%;height:100%}.card .body{flex-direction:column;flex:1;gap:10px;padding:20px 22px 22px;display:flex}.card h2{font-size:1.25rem}.card h2 a{text-decoration:none}.card h2 a:after{content:"";position:absolute;inset:0}.card{position:relative}.card .excerpt{color:var(--fg-muted);font-size:15px}.meta{color:var(--fg-subtle);flex-wrap:wrap;gap:6px 12px;font-size:13px;display:flex}.meta .tag{color:var(--accent);font-weight:700}.pager{justify-content:center;gap:16px;padding-bottom:64px;font-weight:600;display:flex}.article-head{padding:48px 0 24px}.article-head h1{margin-top:14px;font-size:clamp(2rem,4.5vw,3rem)}.article-head .lede{color:var(--fg-muted);margin-top:16px;font-size:1.2rem}.article-head .meta{margin-top:20px}.article-cover{border-radius:var(--radius);width:min(100% - 32px,960px);margin:8px auto 40px;overflow:hidden}.article-cover img{aspect-ratio:16/9;object-fit:cover;width:100%}.prose{font-size:1.1rem;line-height:1.75}.prose>*+*{margin-top:1.25em}.prose h2{margin-top:2em;font-size:1.75rem}.prose h3{margin-top:1.6em;font-size:1.3rem}.prose blockquote{border-left:3px solid var(--accent);color:var(--fg-muted);margin:1.5em 0;padding:4px 0 4px 20px;font-style:italic}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.4em}.prose img{border-radius:12px}.prose hr{border:0;border-top:1px solid var(--line);margin:2.5em 0}.prose code{background:var(--accent-soft);border-radius:4px;padding:1px 5px;font-size:.92em}.prose strong{font-weight:700}.cta-box{background:var(--gradient);color:var(--fg);border-radius:28px;margin:56px auto 0;padding:36px}.cta-box h2{font-size:1.6rem}.cta-box p{color:oklch(30% .01 293);max-width:52ch;margin-top:10px}.cta-box a.button{color:var(--fg);background:#fff;border-radius:999px;margin-top:20px;padding:12px 22px;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 1px 3px #00000014}.cta-box a.button:hover{color:var(--fg);box-shadow:0 6px 16px -4px #00000026}.related{padding:56px 0 24px}.related h2{margin-bottom:4px;font-size:1.4rem}.site-footer{background:var(--footer-bg);color:#9ca3af;margin-top:80px;padding:80px 16px}.site-footer .inner{max-width:1152px;margin-inline:auto}.site-footer a{text-decoration:none;transition:color .2s}.site-footer a:hover{color:#fff}.site-footer .logo{justify-content:center;margin-bottom:32px;display:flex}.site-footer .logo img{width:auto;height:56px}.site-footer .links{flex-wrap:wrap;justify-content:center;gap:20px 40px;margin-bottom:48px;font-size:18px;display:flex}.site-footer .base{border-top:1px solid #1f2937;flex-direction:column;justify-content:space-between;align-items:center;gap:24px;padding-top:40px;font-size:16px;display:flex}.site-footer .socials{gap:24px;display:flex}.site-footer .socials svg{display:block}.site-footer .powered{text-align:center;color:#6b7280;margin-top:32px;font-size:14px}@media (width>=640px){.site-footer{padding:128px 24px}.site-footer .logo{margin-bottom:40px}.site-footer .logo img{height:64px}.site-footer .links{gap:20px 56px;margin-bottom:64px;font-size:20px}.site-footer .base{flex-direction:row}}.prose .demo{margin:2em 0}.demo iframe{color-scheme:normal;background:0 0;border:0;border-radius:24px;width:100%;display:block}.demo-card iframe{max-width:520px;margin-inline:auto}.demo figcaption{text-align:center;color:var(--fg-subtle);margin-top:8px;font-size:13px}.demo figcaption a{color:var(--accent)}
