.product-page { background:var(--bg); color:var(--text); }
.product-page .nav-logo em { color:var(--accent); font-style:normal; }
.product-nav-cta { display:none; }
.product-hero { position:relative; min-height:88vh; display:flex; align-items:center; overflow:hidden; padding:130px 0 80px; border-bottom:1px solid var(--border); }
.product-hero::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px); background-size:68px 68px; mask-image:linear-gradient(to bottom,#000,transparent 90%); }
.product-hero::after { content:""; position:absolute; width:600px; height:600px; right:-200px; top:-160px; border-radius:50%; background:radial-gradient(circle,rgba(var(--accent-rgb),.16),transparent 68%); pointer-events:none; }
.product-hero-grid { position:relative; z-index:1; display:grid; gap:52px; align-items:center; }
.product-eyebrow { display:flex; align-items:center; gap:12px; margin-bottom:25px; color:var(--accent); font-family:var(--font-display); font-size:11px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.product-eyebrow::before { content:""; width:28px; height:1px; background:var(--accent); }
.product-hero h1 { max-width:880px; font-family:var(--font-display); font-size:clamp(42px,7vw,92px); line-height:.98; letter-spacing:-.055em; }
.product-hero h1 em { color:var(--accent); font-style:normal; }
.product-lead { max-width:680px; margin-top:28px; color:var(--text-2); font-size:clamp(16px,1.6vw,20px); line-height:1.7; font-weight:300; }
.product-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.product-proof { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--border); border-radius:var(--radius-lg); background:var(--surface); overflow:hidden; box-shadow:0 30px 90px rgba(0,0,0,.15); }
.product-proof div { min-height:145px; padding:25px 18px; border-right:1px solid var(--border); }
.product-proof div:last-child { border:0; }
.product-proof strong { display:block; color:var(--accent); font-family:var(--font-display); font-size:clamp(22px,3vw,34px); }
.product-proof span { display:block; margin-top:10px; color:var(--text-3); font-size:11px; line-height:1.5; text-transform:uppercase; letter-spacing:.08em; }
.product-section { padding:var(--sp-lg) 0; }
.product-section.alt { background:var(--bg-2); }
.product-head { display:grid; gap:22px; margin:34px 0 48px; }
.product-head h2 { max-width:790px; font-family:var(--font-display); font-size:clamp(34px,5vw,64px); line-height:1.04; letter-spacing:-.045em; }
.product-head h2 em { color:var(--accent); font-style:normal; }
.product-head > p { max-width:570px; color:var(--text-2); font-size:15px; line-height:1.75; font-weight:300; }
.value-grid { display:grid; grid-template-columns:1fr; gap:16px; }
.value-card { min-height:270px; padding:30px; border:1px solid var(--border); border-radius:var(--radius-lg); background:var(--surface); transition:.4s var(--ease-out); }
.value-card:hover { transform:translateY(-5px); border-color:rgba(var(--accent-rgb),.45); box-shadow:0 20px 60px rgba(0,0,0,.12); }
.value-card > span { color:var(--accent); font-family:var(--font-display); font-size:11px; }
.value-card h3 { margin:58px 0 14px; font-family:var(--font-display); font-size:clamp(20px,2vw,27px); }
.value-card p { color:var(--text-2); font-size:14px; line-height:1.7; font-weight:300; }
.choice-lab { display:grid; gap:18px; padding:18px; border:1px solid var(--border); border-radius:var(--radius-lg); background:var(--surface); }
.choice-tabs { display:flex; flex-direction:column; gap:8px; }
.choice-tab { width:100%; padding:19px 20px; border:1px solid var(--border); border-radius:var(--radius); background:transparent; color:var(--text-2); text-align:left; font:500 13px var(--font-display); cursor:pointer; transition:.3s ease; }
.choice-tab:hover,.choice-tab.active { border-color:rgba(var(--accent-rgb),.48); background:rgba(var(--accent-rgb),.1); color:var(--text); }
.choice-panel { display:none; min-height:340px; padding:34px; border-radius:var(--radius); background:linear-gradient(145deg,rgba(var(--accent-rgb),.12),var(--bg-2)); }
.choice-panel.active { display:flex; flex-direction:column; animation:panelIn .4s ease both; }
@keyframes panelIn { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }
.choice-panel small { color:var(--accent); font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.choice-panel h3 { max-width:620px; margin:30px 0 16px; font-family:var(--font-display); font-size:clamp(28px,4vw,48px); line-height:1.08; }
.choice-panel p { max-width:650px; color:var(--text-2); font-size:15px; line-height:1.75; }
.premium-list { margin-top:auto; display:grid; gap:0; border-top:1px solid var(--border); }
.premium-list span { padding:13px 0; border-bottom:1px solid var(--border); color:var(--text-2); font-size:13px; }
.process-line { display:grid; gap:0; border-top:1px solid var(--border); }
.process-item { display:grid; grid-template-columns:48px 1fr; gap:20px; padding:30px 0; border-bottom:1px solid var(--border); }
.process-item > span { color:var(--accent); font-family:var(--font-display); font-size:11px; }
.process-item h3 { margin-bottom:9px; font-family:var(--font-display); font-size:20px; }
.process-item p { max-width:720px; color:var(--text-2); font-size:14px; line-height:1.7; }
.product-faq { border-top:1px solid var(--border); }
.product-faq details { border-bottom:1px solid var(--border); }
.product-faq summary { display:flex; justify-content:space-between; gap:20px; padding:24px 0; list-style:none; cursor:pointer; color:var(--text); font-family:var(--font-display); font-size:clamp(15px,1.4vw,18px); font-weight:600; }
.product-faq summary::-webkit-details-marker { display:none; }
.product-faq summary span { color:var(--accent); font-size:24px; transition:.3s ease; }
.product-faq details[open] summary span { transform:rotate(45deg); }
.product-faq p { max-width:780px; padding:0 45px 24px 0; color:var(--text-2); font-size:14px; line-height:1.75; }
.product-cta { padding:var(--sp-lg) 0; }
.product-cta-box { position:relative; overflow:hidden; padding:48px 30px; border:1px solid rgba(var(--accent-rgb),.32); border-radius:var(--radius-lg); background:linear-gradient(135deg,rgba(var(--accent-rgb),.16),var(--surface)); }
.product-cta-box h2 { max-width:820px; font-family:var(--font-display); font-size:clamp(34px,5vw,68px); line-height:1.04; letter-spacing:-.045em; }
.product-cta-box p { max-width:600px; margin:22px 0 30px; color:var(--text-2); line-height:1.7; }
@media(min-width:768px){.product-nav-cta{display:inline-flex}.product-section,.product-cta{padding:var(--sp-xl) 0}.product-head{grid-template-columns:1.15fr .85fr;align-items:end;margin:50px 0 64px}.product-head>p{justify-self:end}.value-grid{grid-template-columns:repeat(2,1fr)}.choice-lab{grid-template-columns:310px 1fr}.choice-panel{min-height:430px;padding:52px}.process-item{grid-template-columns:80px 280px 1fr;align-items:start}.process-item h3{margin:0}.product-cta-box{padding:70px}}
@media(min-width:1050px){.product-hero-grid{grid-template-columns:1.25fr .75fr}.value-grid{grid-template-columns:repeat(4,1fr)}.value-card{min-height:330px}.product-proof{grid-template-columns:1fr}.product-proof div{border-right:0;border-bottom:1px solid var(--border)}}
@media(max-width:767px){.product-hero{min-height:auto;padding-top:120px}.product-proof{grid-template-columns:1fr}.product-proof div{min-height:auto;border-right:0;border-bottom:1px solid var(--border)}.choice-panel{min-height:390px}.product-hero h1 br{display:none}}