/* Product-led refinement: real interface, compact prices, readable comparisons. */
.contact { display:inline-flex; align-items:center; min-height:44px; padding:10px 16px; border-radius:6px; background:var(--lime); color:var(--ink); white-space:nowrap; }
nav { justify-content:center; }
.product-hero { grid-template-columns:1.25fr .85fr; align-items:center; gap:48px; padding-block:40px; }
.product-hero h1 { font-size:clamp(2.5rem,4.3vw,3.8rem); }
.hero-copy .intro { max-width:600px; margin-bottom:20px; }
.hero-copy .hero-footnote { margin:16px 0 28px; }
.value-cards { display:grid; gap:14px; }
.value-cards article { display:flex; gap:14px; align-items:flex-start; padding-top:14px; border-top:1px solid var(--border); }
.benefit-icon { width:42px; height:42px; display:flex; align-items:center; justify-content:center; background:var(--wash); color:var(--accent-text); border:1px solid var(--border); border-radius:10px; flex-shrink:0; }
.value-cards h2 { font-size:1.0625rem; letter-spacing:-.2px; margin:0 0 4px; line-height:1.4; }
.value-cards p { margin:0; color:var(--secondary); font-size:.9375rem; }
.product-proof { margin:0; padding:26px 24px 20px; border:1px solid var(--border); border-radius:18px; background:var(--wash); text-align:center; }
.proof-label { margin-bottom:20px; }
.proof-label>span { display:block; font-size:.75rem; letter-spacing:1.4px; font-weight:700; color:var(--accent-text); margin-bottom:8px; }
.proof-label strong { font-size:1.5rem; line-height:1.2; letter-spacing:-.5px; }
.product-proof img { display:block; width:210px; height:auto; max-width:100%; margin:auto; border-radius:20px; box-shadow:0 12px 32px #0c110b20; }
.product-proof>a { display:block; width:fit-content; margin:auto; border-radius:20px; }
.product-proof figcaption { max-width:340px; margin:16px auto 0; font-size:.8125rem; color:var(--secondary); line-height:1.5; }
.price-ribbon { margin:0 5%; padding:24px 28px; border:1px solid var(--border); border-left:5px solid var(--lime); border-radius:8px; background:var(--surface); display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:center; }
.price-ribbon .eyebrow { display:block; margin:0; }
.price-ribbon p { margin:4px 0; }
.price-ribbon p>strong { font-size:2.5rem; letter-spacing:-1px; }
.price-or { margin-left:10px; }
.price-ribbon .text-link { margin-top:4px; }
.switch-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.switch-steps article { border-top:2px solid var(--border); padding-top:18px; }
.switch-steps article>span { color:var(--accent-text); font-size:.875rem; font-weight:700; }
.switch-steps h3 { margin:10px 0; }
.switch-steps p { color:var(--secondary); margin:0; }
.comparison-hero { padding-block:28px; }
.comparison-hero h1 { font-size:clamp(2rem,3.2vw,3rem); margin-bottom:14px; }
.comparison-hero .intro { margin-bottom:0; }
.comparison-heading { grid-template-columns:1.4fr 1fr; gap:28px; }
.platform-links { margin-bottom:22px; }
.comparison-cost { padding-top:24px; }
.comparison-cost>h2 { font-size:1.6rem; margin-bottom:14px; }
.comparison-cost>.eyebrow { display:none; }
.comparison-cost .assumptions { margin-top:8px; padding-block:12px; }
.comparison-cost .table-wrap { margin-top:16px; }
.technology-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
.technology-tile,.technology-tile:nth-child(n+4) { grid-column:auto; padding:22px 18px; }
.technology-logos { min-height:62px; margin-bottom:18px; }
.technology-logos img { max-height:56px; width:auto; max-width:100%; }
.technology-tile h2 { font-size:1.0625rem; letter-spacing:0; }
.technology-tile p { font-size:.875rem; }
.calculator-heading { padding-block:28px 16px; }
.calculator-layout { padding-top:24px; }
.calculator-form .calc-mode { margin-bottom:18px; }
.calc-form-summary { background:var(--surface); padding-top:12px; }
.calc-form-summary .button { margin:0; width:100%; flex-direction:column; gap:2px; }
.calc-form-summary .button span { font-size:.8125rem; font-weight:500; }
.referral-steps { list-style:none; padding:0; counter-reset:steps; margin:0 0 24px; display:grid; gap:12px; }
.referral-steps li { counter-increment:steps; display:flex; gap:12px; align-items:center; }
.referral-steps li::before { content:counter(steps); width:28px; height:28px; display:grid; place-items:center; flex-shrink:0; border-radius:50%; background:var(--wash); color:var(--accent-text); border:1px solid var(--border); font-weight:700; }
.referral-terms { margin-bottom:24px; }
@media(max-width:1000px) {
 .product-hero { gap:26px; grid-template-columns:1.1fr .9fr; }
 .technology-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:700px) {
 header { padding:12px 5%; gap:12px; }
 .header-actions { gap:8px; }
 .contact { display:inline-flex; font-size:.875rem; padding:9px 12px; }
 nav { flex-wrap:nowrap; justify-content:flex-start; padding:6px 4%; gap:0; }
 nav a { font-size:.875rem; padding:8px 12px; }
 .product-hero { grid-template-columns:1fr; padding-block:28px; gap:24px; }
 .product-hero h1 { font-size:2.5rem; }
 .hero-copy .intro { font-size:1rem; line-height:1.6; }
 .hero-copy .hero-footnote { font-size:.8125rem; margin-bottom:20px; }
 .product-proof { padding:22px 18px 18px; }
 .product-proof img { width:210px; }
 .price-ribbon { grid-template-columns:1fr; padding:20px; gap:14px; }
 .price-or { display:block; margin-left:0; }
 .switch-steps,.comparison-heading { grid-template-columns:1fr; gap:22px; }
 .comparison-hero { padding-block:24px; }
 .comparison-hero h1 { font-size:2rem; }
 .comparison-hero .intro { font-size:1rem; }
 .comparison-cost { padding-top:20px; }
 .decision-card { padding:18px; }
 .decision-card .eyebrow { margin-bottom:10px; }
 .decision-card h2 { font-size:1.25rem; margin-bottom:10px; }
 .table-wrap table:not(.calc-table) th:first-child { position:sticky; left:0; z-index:1; background:#f3f5ef; min-width:128px; max-width:150px; width:150px; box-shadow:2px 0 0 #d9dfd1; }
 .table-wrap table .clubos-row th:first-child { background:#e4f4d0; }
 .table-wrap table:not(.calc-table) { border-collapse:separate; border-spacing:0; }
 .technology-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .technology-tile,.technology-tile:nth-child(n+4) { padding:18px 14px; }
 .technology-tile:last-child { grid-column:1/-1; display:grid; grid-template-columns:72px 1fr; column-gap:14px; align-items:center; }
 .technology-tile:last-child .technology-logos { grid-row:1/3; margin:0; }
 .technology-tile:last-child h2 { margin:0; }
 .technology-tile:last-child p { align-self:start; }
 .calc-form-summary { position:sticky; bottom:0; padding-block:10px; border-top:1px solid var(--border); z-index:2; }
 .calc-form-summary .button { min-height:60px; }
 .calculator-layout { padding-top:12px; }
 .calculator-result { scroll-margin-top:16px; }
}
@media print {
 .product-proof img { width:180px; }
 .calc-form-summary { position:static; }
 .table-wrap table:not(.calc-table) th:first-child { position:static; box-shadow:none; }
}