:root{--bg:#0f1115;--bg-2:#12151c;--panel:#1b1e26;--panel-2:#20242e;--line:#2c303c;--line-2:#383d4b;--text:#e8e8e8;--muted:#8b93a7;--muted-2:#6b7180;--a:#4a8cff;--b:#ff6b6b;--mono:"Spline Sans Mono", ui-monospace, "SF Mono", "Roboto Mono", monospace;--radius:12px;--shadow:0 14px 40px -20px #000000b3}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(1200px 600px at 80% -10%, #4a8cff14, transparent 60%), radial-gradient(900px 500px at -10% 0%, #ff6b6b0d, transparent 55%), var(--bg);min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45}a{color:var(--a)}.wrap{flex-direction:column;max-width:760px;min-height:100dvh;margin:0 auto;padding:64px 20px 48px;display:flex}.masthead{margin-bottom:44px}.masthead__brand{align-items:baseline;gap:12px;display:flex}.masthead__logo{letter-spacing:-.02em;font-size:22px;font-weight:800}.masthead__tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--a);border:1px solid color-mix(in srgb, var(--a) 40%, transparent);background:color-mix(in srgb, var(--a) 12%, transparent);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.hero{margin-bottom:40px}.hero__title{letter-spacing:-.03em;background:linear-gradient(180deg, var(--text), color-mix(in srgb, var(--text) 62%, var(--bg)));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(30px,6vw,46px);font-weight:800;line-height:1.05}.hero__lead{color:var(--muted);max-width:56ch;margin:18px 0 0;font-size:16px;line-height:1.6}.products{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.card{color:inherit;background:linear-gradient(180deg, var(--panel-2), var(--panel));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;padding:20px;text-decoration:none;transition:border-color .2s,transform .15s;display:flex}.card:hover{border-color:var(--line-2);transform:translateY(-2px)}.card:hover .card__cta{color:var(--text)}.card:hover .card__arrow{transform:translate(3px)}.card__head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.card__name{letter-spacing:-.01em;align-items:center;gap:9px;margin:0;font-size:18px;font-weight:700;display:flex}.card__badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--b);border:1px solid color-mix(in srgb, var(--b) 45%, transparent);background:color-mix(in srgb, var(--b) 14%, transparent);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;line-height:1.4}.card__tagline{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted-2);white-space:nowrap;font-size:10.5px;font-weight:600}.card__desc{color:var(--muted);flex:auto;margin:0 0 18px;font-size:14px;line-height:1.55}.card__cta{font-family:var(--mono);color:var(--a);align-items:center;gap:6px;font-size:13px;font-weight:600;transition:color .2s;display:inline-flex}.card__arrow{width:14px;height:14px;transition:transform .2s}.foot{margin-top:auto;padding-top:48px}.foot p{color:var(--muted-2);margin:0;font-size:13px}.foot__copy{font-family:var(--mono);font-size:11.5px;margin-top:6px!important}@media (prefers-reduced-motion:reduce){*{transition:none!important}}