@import "https://fonts.googleapis.com/css2?family=Geist:wght@400..700&family=Geist+Mono:wght@400..700&display=swap";:root{--vercel-black:#171717;--pure-white:#fff;--gray-900:#171717;--gray-600:#4d4d4d;--gray-500:#666;--gray-400:gray;--gray-100:#ebebeb;--gray-50:#fafafa;--ship-red:#ff5b4f;--preview-pink:#de1d8d;--develop-blue:#0a72ef;--link-blue:#0072f5;--focus-blue:#0072f5;--badge-blue-bg:#ebf5ff;--badge-blue-text:#0068d6;--font-sans:"Geist", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, "Roboto Mono", Menlo, Monaco, "Courier New", monospace;--shadow-border:#00000014 0px 0px 0px 1px;--shadow-subtle:#00000014 0px 0px 0px 1px, #0000000a 0px 2px 2px;--shadow-card:#00000014 0px 0px 0px 1px, #0000000a 0px 2px 2px, #0000000a 0px 8px 8px -8px, #fafafa 0px 0px 0px 1px inset;--shadow-ring-light:#ebebeb 0px 0px 0px 1px}[data-theme=dark]{--vercel-black:#fff;--pure-white:#000;--gray-900:#fff;--gray-600:#a1a1aa;--gray-500:#888;--gray-400:#666;--gray-100:#333;--gray-50:#111;--badge-blue-bg:#0068d633;--badge-blue-text:#3291ff;--shadow-border:#ffffff24 0px 0px 0px 1px;--shadow-subtle:#ffffff24 0px 0px 0px 1px, #0006 0px 2px 2px;--shadow-card:#ffffff24 0px 0px 0px 1px, #0006 0px 2px 2px, #0006 0px 8px 8px -8px, #222 0px 0px 0px 1px inset}[data-theme=dark] .navbar{background:#000c}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--pure-white);color:var(--vercel-black);font-feature-settings:"liga" 1;-webkit-font-smoothing:antialiased;line-height:1.56}h1.display-hero{letter-spacing:-2.4px;font-size:48px;font-weight:600;line-height:1.05}h2.section-heading{letter-spacing:-2.4px;font-size:40px;font-weight:600;line-height:1.2}h3.sub-heading-large{letter-spacing:-1.28px;font-size:32px;font-weight:600;line-height:1.25}h4.card-title{letter-spacing:-.96px;font-size:24px;font-weight:600;line-height:1.33}p.body-large{color:var(--gray-600);font-size:20px;font-weight:400;line-height:1.8}p.body{color:var(--gray-600);font-size:18px;font-weight:400;line-height:1.56}p.body-small{color:var(--gray-600);font-size:16px;font-weight:400;line-height:1.5}.mono{font-family:var(--font-mono)}.mono-small{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:normal;font-size:12px;font-weight:500}.btn{font-family:var(--font-sans);cursor:pointer;font-feature-settings:"liga" 1;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn:focus{outline:2px solid var(--focus-blue);outline-offset:2px}.btn-primary{background:var(--vercel-black);color:var(--pure-white)}.btn-primary:hover{background:#000}.btn-secondary{background:var(--pure-white);color:var(--vercel-black);box-shadow:var(--shadow-border)}.btn-secondary:hover{background:var(--gray-50)}.pill-badge{background:var(--badge-blue-bg);color:var(--badge-blue-text);border-radius:9999px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.card{background:var(--pure-white);box-shadow:var(--shadow-subtle);border-radius:8px;padding:24px;transition:box-shadow .2s}.card.featured{box-shadow:var(--shadow-card);border-radius:12px}.container{max-width:1200px;margin:0 auto;padding:0 24px}.navbar{-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-border);z-index:100;background:#fffc;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.nav-links{gap:24px;display:flex}.nav-link{color:var(--gray-600);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--vercel-black)}.logo{color:var(--vercel-black);letter-spacing:-.5px;align-items:center;gap:8px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.logo-triangle{width:24px;height:24px}.section{padding:120px 0}.hero{text-align:center;max-width:800px;margin:0 auto;padding:120px 24px 80px}.hero-actions{justify-content:center;gap:16px;margin-top:32px;display:flex}.workflow-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.workflow-step{flex-direction:column;gap:16px;display:flex}.workflow-develop{color:var(--develop-blue)}.workflow-preview{color:var(--preview-pink)}.workflow-ship{color:var(--ship-red)}
