/* Product previews extend the existing company typography and surfaces. */
.products-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:40px; }
.product-card { display:flex; flex-direction:column; background:var(--pure); border:1px solid var(--rule); border-radius:24px; overflow:hidden; }
.product-card img { width:100%; aspect-ratio:16/10; object-fit:cover; object-position:top; background:var(--ink); }
.product-card-body { padding:28px; display:flex; flex-direction:column; flex:1; align-items:flex-start; }
.product-card h3 { font-size:28px; letter-spacing:-.04em; margin:12px 0; }
.product-card p { margin:0 0 20px; }
.product-card .product-state { font-size:12px; color:#4d5c58; font-weight:600; letter-spacing:.04em; text-transform:uppercase; }
.product-card .plink { margin-top:auto; color:#006a56; font-weight:600; padding:8px 0; }
.product-card .plink::after { content:none; }
#products > .shell-wide > .form-note { color:#515a66; }
.product-page a:focus-visible, .products-grid a:focus-visible { outline:3px solid #00725d; outline-offset:5px; border-radius:4px; }
.product-page .dark a:focus-visible { outline-color:#00d4aa; }
.product-page .section.dark .btn:not(.ghost) { color:var(--amber-fg); }
.product-page .nav { height:auto; min-height:60px; }
.product-page .nav-inner { max-width:1280px; gap:16px; flex-wrap:wrap; padding-block:12px; }
.product-page .nav-links { gap:20px; }
.product-page .nav-links a { display:inline; opacity:1; }
.product-page section[id] { scroll-margin-top:90px; }
.product-page .eyebrow { color:#59616d; }
.product-page .dark .eyebrow { color:#a5b0c4; }
.product-page .lead { max-width:640px; }
.product-page .hero-grid { display:grid; grid-template-columns:1fr 1.05fr; gap:48px; align-items:center; }
.product-page .product-hero { padding-top:72px; padding-bottom:72px; overflow:hidden; }
.product-page h1 { font-size:clamp(48px,5.8vw,80px); line-height:1.05; letter-spacing:-.055em; margin:20px 0 24px; font-weight:650; }
.product-page .product-name { color:#00d4aa; font-size:17px; letter-spacing:.15em; font-weight:650; margin:0; }
.product-status { display:inline-flex; gap:10px; flex-wrap:wrap; border:1px solid #526071; border-radius:99px; padding:8px 14px; font-size:12px; color:#d5deed; margin-bottom:28px; }
.product-status::before { content:""; width:7px; height:7px; background:#00d4aa; border-radius:50%; align-self:center; }
.product-page .hero-screen { margin:0; transform:perspective(1200px) rotateY(-5deg); border-radius:16px; overflow:hidden; border:1px solid #526071; box-shadow:0 30px 100px #00d4aa18; background:var(--ink-card); }
.product-page .hero-screen img { width:100%; }
.product-page figcaption { font-size:13px; line-height:1.6; color:#515a66; padding:16px 0; }
.product-page .dark figcaption { color:#b4bfd1; padding:16px 20px; }
.product-page .preview-video { margin:32px 0 0; }
.product-page video { display:block; width:100%; aspect-ratio:16/9; background:var(--ink); border-radius:18px; border:1px solid #465265; }
.product-page .media-note { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; font-size:14px; color:#555f6e; margin-top:16px; }
.product-page .text-link { text-decoration:underline; text-underline-offset:4px; }
.product-page .feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; margin-top:48px; }
.product-page .feature-grid article { border-top:1px solid #a6adb6; padding-top:24px; }
.product-page .feature-number { color:#00735e; font-family:var(--mono); font-size:13px; }
.product-page .feature-grid h3 { font-size:24px; letter-spacing:-.03em; margin:12px 0; }
.product-page .feature-grid p { color:#525c69; margin:0; }
.product-page .split { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.product-page .screen { margin:0; }
.product-page .screen img { width:100%; border:1px solid #586378; border-radius:16px; }
.product-page .check-profiles { display:flex; flex-wrap:wrap; gap:12px; margin:24px 0; }
.product-page .check-profiles span { padding:10px 16px; border:1px solid #526071; border-radius:8px; color:#dce3ef; font-size:14px; }
.product-page .limits { padding-left:20px; color:#ccd5e5; }
.product-page .limits li { margin-bottom:14px; }
.product-page .credit { display:grid; grid-template-columns:200px 1fr; gap:48px; align-items:center; }
.product-page .credit img { border-radius:24px; width:200px; }
.product-page .credit p { max-width:680px; }
.product-page .community { display:flex; flex-wrap:wrap; gap:24px; margin-top:24px; font-weight:600; }
.product-page .release-panel { border-top:1px solid #a6adb6; padding-top:32px; margin-top:40px; }
.product-page .foot h2 { font-size:13px; text-transform:uppercase; letter-spacing:.08em; color:#b8c1d1; margin:0 0 20px; }
.product-page .foot .foot-blurb { color:#b8c1d1; }
.product-film { scroll-margin-top:80px; }
.product-film .preview-video { margin:32px 0 0; }
.product-film video { display:block; width:100%; aspect-ratio:16/9; background:var(--ink); border-radius:18px; border:1px solid #465265; }
.product-film video:focus-visible { outline:3px solid #00725d; outline-offset:5px; }
.product-film figcaption { font-size:13px; line-height:1.6; color:#515a66; padding:16px 0; }
.product-film .media-note { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; font-size:14px; color:#555f6e; margin-top:16px; }
.product-film .text-link { text-decoration:underline; text-underline-offset:4px; }
.product-film [hidden] { display:none!important; }
.pv-hero .btn:not(.ghost) { color:var(--amber-fg); }
@media(max-width:1000px) { .products-grid { grid-template-columns:1fr; } .product-card { display:grid; grid-template-columns:1fr 1.3fr; } .product-card img { height:100%; min-height:260px; } .product-page .hero-grid { grid-template-columns:1fr; gap:36px; } .product-page .hero-screen { max-width:850px; transform:none; } .product-page .feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:759px) { .nav-links a[href="#products"], .nav-links a[href="/#products"] { display:inline; } .nav-links { gap:16px; } }
@media(max-width:650px) { .product-card { display:flex; } .product-card img { min-height:0; } .product-page .split,.product-page .feature-grid { grid-template-columns:1fr; gap:32px; } .product-page .credit { grid-template-columns:1fr; gap:24px; } .product-page .credit img { width:150px; } .product-page .nav-brand { font-size:12px; } .product-page .nav-links { gap:14px; font-size:12px; } .product-page .nav-links .nav-cta { display:none; } .product-page .product-hero { padding-top:44px; padding-bottom:48px; } .product-page h1 { font-size:clamp(42px,11vw,64px); } .product-page .cta-row { align-items:flex-start; } .product-page .product-status { border-radius:12px; } }