.products-main{min-height:70vh;padding-block:clamp(40px,7vw,80px) 40px}.prod-head{margin-bottom:32px}.prod-head h1{letter-spacing:-.04em;font-size:clamp(2.4rem,6vw,4rem);font-weight:700}.prod-filters{flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-bottom:28px;display:flex}.prod-filters .chips{margin-bottom:0}.prod-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px;display:grid}.prod-card{--rx:0deg;--ry:0deg;--gx:50%;--gy:0%;isolation:isolate;background:var(--surface);border:1px solid var(--line);color:inherit;min-width:0;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));border-radius:24px;flex-direction:column;gap:16px;padding:12px 12px 22px;text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s;display:flex;position:relative}.prod-card>:not(.prod-visual){margin-inline:14px}.prod-card:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(140deg,var(--p),transparent 40%,transparent 60%,var(--g3));-webkit-mask-composite:xor;opacity:.35;padding:1px;transition:opacity .3s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.prod-card:after{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(420px circle at var(--gx) var(--gy),color-mix(in srgb,var(--p) 16%,transparent),transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.prod-card:hover{box-shadow:0 30px 70px -36px color-mix(in srgb,var(--p) 70%,#000);border-color:#0000}.prod-card:hover:before,.prod-card:hover:after{opacity:1}@media (prefers-reduced-motion:reduce),(hover:none){.prod-card{transform:none}}.prod-visual{background:radial-gradient(120% 140% at 10% 0%,color-mix(in srgb,var(--p) 42%,transparent),transparent 55%),radial-gradient(90% 120% at 100% 100%,color-mix(in srgb,var(--g3) 22%,transparent),transparent 60%),color-mix(in srgb,var(--p) 8%,var(--bg));border-radius:16px;justify-content:space-between;align-items:flex-start;height:132px;padding:18px;text-decoration:none;display:flex;position:relative;overflow:hidden}.prod-visual-grid{background-image:linear-gradient(color-mix(in srgb,var(--ink) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 7%,transparent) 1px,transparent 1px);background-size:22px 22px;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;-webkit-mask:radial-gradient(circle at 30% 30%,#000,#0000 75%);mask:radial-gradient(circle at 30% 30%,#000,#0000 75%)}.prod-visual .prod-icon{width:56px;height:56px;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:relative}.prod-visual .status{background:color-mix(in srgb,var(--bg) 60%,transparent);-webkit-backdrop-filter:blur(6px);position:relative}.prod-card:hover .prod-visual-grid{transform:scale(1.15)translateY(-6px)}.prod-card:hover .prod-visual .prod-icon{transform:translateY(-3px)scale(1.06)rotate(-3deg)}.prod-cat{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--p);font-size:.72rem}.prod-view{background:var(--ink);color:var(--bg);border-color:var(--ink)}.prod-view:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.prod-icon{background:var(--p);color:#fff;width:50px;height:50px;font-family:var(--f-display);letter-spacing:-.02em;box-shadow:0 10px 24px -12px var(--p);border-radius:15px;flex:none;place-items:center;font-size:1.1rem;font-weight:800;display:grid}.prod-icon-lg{border-radius:20px;width:68px;height:68px;font-size:1.5rem}.prod-body{gap:6px;display:grid}.prod-card h3{letter-spacing:-.02em;font-size:1.4rem}.prod-tagline{color:var(--muted)}.prod-meta{font-family:var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:6px 14px;font-size:.72rem;display:flex}.prod-meta span+span:before{content:"·";margin-right:14px}.prod-card .stack{margin-top:0}.prod-more{align-items:center;gap:8px;margin-top:auto;font-size:.95rem;font-weight:600;display:inline-flex}.prod-more svg{width:16px;height:16px;transition:transform .2s}.prod-card:hover .prod-more svg{transform:translate(4px)}.status{font:600 .7rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.status-live{color:#1f9e6e}.status-beta{color:var(--warm-deep)}.status-in-development{color:var(--accent)}.status-coming-soon{color:var(--muted)}.status-beta:before,.status-live:before{animation:2s ease-in-out infinite statusPulse}@keyframes statusPulse{50%{opacity:.35}}.prod-empty{border:1px dashed var(--line);background:var(--surface);color:var(--muted);border-radius:22px;justify-items:start;gap:14px;padding:28px;display:grid}.prod-empty b{color:var(--ink)}.prod-skel{background:linear-gradient(100deg,var(--surface) 30%,var(--bg) 50%,var(--surface) 70%);background-size:300% 100%;min-height:300px;animation:1.4s linear infinite shimmer}.prod-skel:before,.prod-skel:after{display:none}.prod-skel-detail{background:linear-gradient(100deg,var(--surface) 30%,var(--bg) 50%,var(--surface) 70%);background-size:300% 100%;border-radius:22px;min-height:420px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-150% 0}}.prod-back{color:var(--muted);align-items:center;gap:8px;margin-bottom:28px;font-size:.92rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.prod-back:hover{color:var(--ink)}.prod-back svg{width:16px;height:16px}.prod-detail{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:start;gap:clamp(28px,5vw,56px);display:grid}.prod-detail-main{gap:16px;min-width:0;display:grid}.prod-detail-head{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:6px;display:flex}.prod-detail-badges{flex-wrap:wrap;gap:8px;display:flex}.prod-chip{border:1px solid var(--line);font:500 .72rem var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-radius:999px;align-items:center;padding:5px 11px;display:inline-flex}.prod-hero h1{letter-spacing:-.04em;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:700}.prod-desc{max-width:62ch;font-size:1.06rem}.prod-section{gap:14px;margin-top:18px;padding-block:0;display:grid}.prod-section h2{font-size:1.3rem;font-weight:700}.prod-features{gap:10px;margin:0;padding:0;list-style:none;display:grid}.prod-features li{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px 12px 44px;position:relative}.prod-features li:before{content:"";background:var(--p);opacity:.18;border-radius:50%;width:18px;height:18px;margin-top:-9px;position:absolute;top:50%;left:14px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12'/%3E%3C/svg%3E")}.prod-features li:after{content:"";border-left:2px solid var(--p);border-bottom:2px solid var(--p);width:8px;height:4px;margin-top:-4px;position:absolute;top:50%;left:19px;transform:rotate(-45deg)}.prod-aside{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;gap:16px;padding:24px;display:grid;position:sticky;top:96px}.prod-demo{justify-content:center}.prod-aside-note{color:var(--muted)}.waitlist{gap:10px;display:grid}.waitlist label{font-weight:700;font-family:var(--f-display);font-size:1.1rem}.waitlist-row{gap:10px;display:grid}.waitlist input{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px;width:100%;padding:12px 14px;font-size:1rem}.waitlist input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.waitlist input[aria-invalid=true]{border-color:var(--warm-deep)}.waitlist .btn{justify-content:center}.waitlist .btn:disabled{opacity:.6;cursor:progress}.waitlist-msg{color:var(--muted);font-size:.82rem}.waitlist input[aria-invalid=true]~.waitlist-msg{color:var(--warm-deep)}.waitlist-row:has(input[aria-invalid=true])+.waitlist-msg{color:var(--warm-deep)}.waitlist-done{background:var(--accent-soft);border:1px solid var(--accent);border-radius:14px;gap:4px;padding:16px;display:grid}.waitlist-done b{font-family:var(--f-display);font-size:1.1rem}.prod-footer{margin-top:72px}.prod-footer a{color:var(--accent);font-weight:600}@media (prefers-reduced-motion:no-preference){.prod-grid>.prod-card:not(.prod-skel){animation:.5s cubic-bezier(.2,.8,.2,1) both prodIn;animation-delay:calc(var(--i,0) * 70ms)}.prod-detail{animation:.5s cubic-bezier(.2,.8,.2,1) both prodIn}}@keyframes prodIn{0%{opacity:0;translate:0 18px}to{opacity:1;translate:none}}@media (max-width:860px){.prod-detail{grid-template-columns:minmax(0,1fr)}.prod-aside{position:static}}.prod-title-link{color:inherit;text-decoration:none}.prod-title-link:hover{text-underline-offset:4px;text-decoration:underline}.prod-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.prod-actions .btn{padding:10px 18px;font-size:.9rem}.prod-try{background:var(--p);border-color:var(--p);color:#fff}.prod-try:hover{box-shadow:0 12px 26px -14px var(--p);transform:translateY(-2px)}.prod-try svg{width:15px;height:15px}.prod-logo{object-fit:contain;background:0 0;padding:0}.prod-hero{isolation:isolate;border:1px solid var(--line);background:var(--surface);border-radius:28px;gap:16px;margin-bottom:clamp(28px,5vw,48px);padding:clamp(28px,5vw,48px);display:grid;position:relative;overflow:hidden}.prod-hero-glow{z-index:-1;background:radial-gradient(70% 120% at 0% 0%,color-mix(in srgb,var(--p) 30%,transparent),transparent 60%),radial-gradient(50% 90% at 100% 100%,color-mix(in srgb,var(--g3) 16%,transparent),transparent 60%);position:absolute;inset:0}.prod-hero .lead{font-size:1.2rem}.prod-hero-cta{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.prod-hero-cta .btn svg{width:15px;height:15px}.prod-section .eyebrow{color:var(--p)}.prod-features{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}.prod-related{margin-top:clamp(56px,8vw,96px);padding-block:0}