.hero,.page-hero{border-bottom:1px solid var(--border);position:relative;overflow:hidden}.hero{padding-block:clamp(64px,9vw,112px)}.page-hero{padding-block:clamp(48px,6vw,80px)}.hero .hero-bg,.page-hero .hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.hero .hero-bg img,.page-hero .hero-bg img{object-fit:cover;object-position:right center;opacity:.55;border-radius:0;width:100%;height:100%}.hero .hero-bg:after,.page-hero .hero-bg:after{content:"";background:linear-gradient(90deg, color-mix(in oklab, var(--bg) 95%, transparent) 0%, color-mix(in oklab, var(--bg) 80%, transparent) 35%, color-mix(in oklab, var(--bg) 30%, transparent) 70%, transparent 100%);position:absolute;inset:0}.hero .container,.page-hero .container{z-index:1;position:relative}.hero h1{max-width:18ch;margin-bottom:var(--space-5)}.hero h1 .accent{color:var(--accent)}.hero p{color:var(--muted);max-width:60ch;margin-bottom:var(--space-8);font-size:clamp(17px,1.4vw,20px)}.hero-cta{gap:var(--space-3);flex-wrap:wrap;display:inline-flex}.page-hero h1{max-width:24ch;margin-bottom:var(--space-4)}.page-hero p{color:var(--muted);max-width:60ch;font-size:18px}.hero .trust-strip{gap:var(--space-6);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.hero .trust-strip .trust{flex-direction:column;gap:2px;display:flex}.hero .trust-strip .trust .n{font-family:var(--font-mono);font-size:18px;font-weight:600}.hero .trust-strip .trust .l{color:var(--muted);font-size:13px}.hero-with-photo{padding-block:clamp(64px,10vw,112px);position:relative}.hero-with-photo .hero-bg-img{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-with-photo .hero-bg-img img{object-fit:cover;object-position:right center;opacity:.42;border-radius:0;width:100%;height:100%}.hero-with-photo .hero-bg-img:after{content:"";background:linear-gradient(90deg, color-mix(in oklab, var(--bg) 96%, transparent) 0%, color-mix(in oklab, var(--bg) 80%, transparent) 40%, color-mix(in oklab, var(--bg) 20%, transparent) 75%, transparent 100%);position:absolute;inset:0}.hero-with-photo .container{z-index:1;position:relative}.hero-with-photo .hero-grid{gap:var(--space-12);grid-template-columns:1.05fr 1fr;align-items:center;display:grid}@media (width<=920px){.hero-with-photo .hero-grid{gap:var(--space-8);grid-template-columns:1fr}}.hero-with-photo h1{margin-bottom:var(--space-5);font-size:clamp(40px,6vw,72px);font-weight:600;line-height:1.04}.hero-with-photo h1 .accent{color:var(--accent)}.hero-with-photo .lead{color:var(--muted);max-width:56ch;margin-bottom:var(--space-8);font-size:clamp(17px,1.4vw,20px);line-height:1.55}.hero-with-photo .hero-trust{align-items:center;gap:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.hero-with-photo .hero-trust .trust-item{flex-direction:column;gap:2px;display:flex}.hero-with-photo .hero-trust .trust-num{font-family:var(--font-mono);color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:26px;font-weight:600}.hero-with-photo .hero-trust .trust-label{color:var(--muted);font-size:13px}.hero-with-photo .hero-photo{aspect-ratio:4/3;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);position:relative;overflow:hidden}.hero-with-photo .hero-photo img{object-fit:cover;border-radius:0;width:100%;height:100%}.hero-with-photo .hero-photo .badge{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 12px color-mix(in oklab, var(--fg), transparent 92%);align-items:center;gap:12px;padding:14px 18px;display:flex;position:absolute;bottom:20px;left:20px}.hero-with-photo .hero-photo .badge .dot{background:var(--success);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in oklab, var(--success) 25%, transparent);border-radius:999px}.hero-with-photo .hero-photo .badge .label{color:var(--fg);font-size:13px;font-weight:500}.hero-with-photo .hero-photo .badge .label strong{font-size:14px;display:block}.hero-with-photo .hero-photo .badge .label span{color:var(--muted);font-size:12px}.pages-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=920px){.pages-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.pages-grid{grid-template-columns:1fr}}.page-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--fg);flex-direction:column;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.page-card:hover{border-color:var(--fg);text-decoration:none;transform:translateY(-2px)}.page-card .thumb{aspect-ratio:16/9;background:var(--bg);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.page-card .thumb img{object-fit:cover;border-radius:0;width:100%;height:100%}.page-card .body{padding:var(--space-5);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.page-card .label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:10px}.page-card h3{font-size:18px;font-weight:600;line-height:1.25}.page-card p{color:var(--muted);flex:1;font-size:13.5px}.page-card .arrow{margin-top:var(--space-2);color:var(--accent);font-size:13px;font-weight:500}.product-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=920px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.product-grid{grid-template-columns:1fr}}.stats-strip{gap:var(--space-6);padding:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=720px){.stats-strip{grid-template-columns:repeat(2,1fr)}}.stats-strip .stat{flex-direction:column;gap:4px;display:flex}.stats-strip .num{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);font-size:32px;font-weight:600;line-height:1}.stats-strip .num .accent{color:var(--accent)}.stats-strip .lbl{color:var(--muted);font-size:13px}