:root { --pp-bg:#0a0a0a; --pp-panel:#0f1013; --pp-line:rgba(255,255,255,.12); --pp-muted:#a1a1a6; }
.product-page { background:var(--pp-bg); color:var(--text); }
.product-page .site-nav { border-bottom:1px solid var(--pp-line); }
.product-main { overflow:hidden; }
.product-wrap { width:min(1320px, calc(100% - 64px)); margin:0 auto; }
.product-hero { padding:clamp(90px,11vw,150px) 0 clamp(50px,7vw,84px); }
.product-kicker { margin:0 0 22px; color:var(--text-3); font-size:11px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; }
.product-hero h1 { max-width:1120px; margin:0; font-size:clamp(56px,7.4vw,108px); font-weight:300; line-height:.92; letter-spacing:-.06em; color:var(--text); }
.product-lead { max-width:760px; margin:30px 0 0; color:var(--text-2); font-size:clamp(18px,1.55vw,23px); line-height:1.5; font-weight:300; }
.product-actions { display:flex; flex-wrap:wrap; align-items:center; gap:22px; margin-top:34px; }
.product-chips { display:flex; flex-wrap:wrap; gap:10px; margin:34px 0 0; padding:0; list-style:none; }
.product-chips li { padding:9px 12px; border:1px solid var(--pp-line); border-radius:999px; color:var(--text-3); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.product-shot { padding:0 0 clamp(70px,9vw,120px); }
.product-shot figure { margin:0; }
.product-shot img { display:block; width:100%; height:auto; border:1px solid var(--pp-line); border-radius:16px; background:#111216; }
.product-shot figcaption { display:flex; justify-content:space-between; gap:24px; margin-top:14px; color:var(--text-3); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.product-section { padding:clamp(64px,8vw,110px) 0; border-top:1px solid var(--pp-line); }
.product-section--tight { padding:clamp(48px,6vw,76px) 0; }
.product-section__head { display:grid; grid-template-columns:.95fr 1.05fr; gap:40px; align-items:end; margin-bottom:40px; }
.product-section__head h2 { margin:0; font-size:clamp(38px,4.4vw,64px); font-weight:300; line-height:.98; letter-spacing:-.05em; }
.product-section__head p { margin:0; max-width:600px; color:var(--text-2); font-size:16px; line-height:1.6; }
.product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--pp-line); border:1px solid var(--pp-line); }
.product-feature { min-height:210px; padding:26px 24px 30px; background:var(--pp-bg); }
.product-feature span { color:var(--text-3); font-size:10px; letter-spacing:.12em; }
.product-feature h3 { margin:20px 0 10px; font-size:21px; font-weight:400; letter-spacing:-.02em; }
.product-feature p { margin:0; max-width:330px; color:var(--text-2); font-size:13px; line-height:1.6; }
.product-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:38px; }
.product-step { padding-top:22px; border-top:1px solid var(--pp-line); }
.product-step b { display:block; color:var(--text-3); font-size:10px; font-weight:500; letter-spacing:.12em; }
.product-step h3 { margin:16px 0 8px; font-size:22px; font-weight:400; }
.product-step p { margin:0; color:var(--text-2); font-size:14px; line-height:1.6; }
.product-quote { padding:clamp(60px,8vw,110px) 0; border-top:1px solid var(--pp-line); }
.product-quote p { max-width:1120px; margin:0; font-size:clamp(34px,4.6vw,68px); font-weight:300; line-height:1.04; letter-spacing:-.05em; color:var(--text); }
.product-quote small { display:block; margin-top:24px; color:var(--text-3); font-size:10px; letter-spacing:.13em; text-transform:uppercase; }
.product-cta { display:grid; grid-template-columns:1.25fr .75fr; gap:50px; align-items:center; padding:clamp(40px,5vw,64px); border:1px solid var(--pp-line); border-radius:18px; background:#0e0f12; }
.product-cta h2 { margin:0; font-size:clamp(34px,4vw,58px); font-weight:300; line-height:1; letter-spacing:-.05em; }
.product-cta p { margin:16px 0 0; color:var(--text-2); font-size:15px; line-height:1.6; max-width:560px; }
.product-cta__side { display:flex; flex-direction:column; align-items:flex-start; gap:14px; }
.product-related { display:flex; flex-wrap:wrap; gap:18px 30px; margin-top:26px; }
.product-related a { color:var(--text-2); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
@media (max-width:1000px) {
  .product-wrap { width:calc(100% - 40px); }
  .product-section__head { grid-template-columns:1fr; gap:20px; }
  .product-grid, .product-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .product-cta { grid-template-columns:1fr; gap:30px; }
}
@media (max-width:620px) {
  .product-hero { padding-top:64px; }
  .product-hero h1 { font-size:clamp(48px,14vw,64px); }
  .product-lead { font-size:17px; }
  .product-grid, .product-steps { grid-template-columns:1fr; }
  .product-feature { min-height:0; }
  .product-shot figcaption { flex-direction:column; gap:8px; }
}
.wp-hero { padding:clamp(90px,10vw,140px) 0 clamp(44px,6vw,70px); }
.wp-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--pp-line); border:1px solid var(--pp-line); }
.wp-card { display:flex; flex-direction:column; background:var(--pp-bg); padding:28px 26px 30px; min-height:390px; }
.wp-card .num { color:var(--text-3); font-size:10px; letter-spacing:.12em; }
.wp-card h2 { margin:18px 0 12px; font-size:clamp(28px,2.6vw,38px); font-weight:300; line-height:1; letter-spacing:-.04em; }
.wp-card p { margin:0 0 24px; color:var(--text-2); font-size:14px; line-height:1.6; }
.wp-card .meta { margin-top:auto; padding-top:18px; border-top:1px solid var(--pp-line); color:var(--text-3); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.wp-card a { margin-top:18px; }
@media (max-width:900px){ .wp-grid { grid-template-columns:1fr; } .wp-card{ min-height:0; } }
.wp-hero h1 { margin:0; font-size:clamp(56px,7.4vw,108px); font-weight:300; line-height:.92; letter-spacing:-.06em; }