/*
Theme Name: Cyberseguridad Absoluta
Theme URI: https://cyberseguridadabsoluta.com
Author: Mario Meraz
Description: Portal bilingüe (ES/EN) de ciberseguridad con productos SaaS por suscripción. Sistema visual Modernist retonado en cian de marca. Integrado con WooCommerce, WooCommerce Subscriptions la Evaluación de Riesgo ([csa_evaluacion]) y el Radar de Amenazas con visualización D3 ([csa_radar_amenazas]).
Version: 1.2.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: cyberabsoluta
*/

:root{
  --color-bg:#f3f2f2; --color-surface:#eae9e9; --color-text:#201e1d; --color-ink:#06121a;
  --color-accent:#00b8bd; --color-accent-100:#e6fafb; --color-accent-200:#b8f0f2; --color-accent-300:#7fe2e6;
  --color-accent-400:#3fcdd3; --color-accent-600:#009499; --color-accent-700:#007377; --color-accent-800:#005457;
  --color-neutral-300:#d7d3d3; --color-neutral-400:#bab6b6; --color-neutral-500:#9b9797;
  --color-neutral-600:#7d7979; --color-neutral-700:#605d5d; --color-neutral-800:#444141;
  --font-body:"Archivo",system-ui,sans-serif;
  --radius-md:0px; --rule:2px solid #201e1d; --rule-soft:2px solid #d7d3d3; --wrap:1280px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.5}
img{max-width:100%;height:auto}
a{color:var(--color-accent-700);text-decoration:none}
a:hover{color:var(--color-accent-800)}
:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
::selection{background:var(--color-accent-200)}
h1,h2,h3{font-weight:800;letter-spacing:-0.03em;line-height:1.02;margin:0}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}
.kicker{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-neutral-600)}
.kicker-accent{color:var(--color-accent-700)}
.section{border-bottom:var(--rule)}

.btn{display:inline-block;padding:14px 22px;font-size:15px;font-weight:700;letter-spacing:.02em;cursor:pointer;text-align:left;border:2px solid transparent;transition:background .12s ease}
.btn-primary{background:var(--color-accent);color:#fff}
.btn-primary:hover{background:var(--color-accent-600);color:#fff}
.btn-secondary{border-color:var(--color-text);color:var(--color-text)}
.btn-secondary:hover{background:var(--color-accent-100)}
.btn-invert{border-color:#fff;color:#fff}
.btn-invert:hover{background:#fff;color:var(--color-ink)}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:var(--color-bg);border-bottom:var(--rule)}
.site-header .wrap{min-height:72px;padding:14px 32px;display:flex;align-items:center;flex-wrap:wrap;column-gap:32px;row-gap:10px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:-0.02em;text-transform:uppercase;color:var(--color-text)}
.brand .mark{width:26px;height:26px;border:2px solid var(--color-accent);display:grid;place-items:center}
.brand .mark i{width:8px;height:8px;background:var(--color-accent);display:block}
.brand span{color:var(--color-accent)}
.main-nav{order:3;flex:1 1 100%}
.main-nav ul{list-style:none;display:flex;flex-wrap:wrap;column-gap:24px;row-gap:8px;margin:0;padding:0}
.main-nav a{font-size:14px;font-weight:600;color:var(--color-text);padding:4px 0;border-bottom:2px solid transparent;display:inline-block}
.main-nav a:hover,.main-nav .current-menu-item>a{border-bottom-color:var(--color-accent)}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:14px}
.lang-switch{display:flex;border:var(--rule)}
.lang-switch a{padding:7px 12px;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--color-text)}
.lang-switch a+a{border-left:var(--rule)}
.lang-switch a.is-active{background:var(--color-text);color:var(--color-bg)}
.menu-toggle{display:none}

/* Hero oscuro con imagen */
.hero{position:relative;overflow:hidden;background:var(--color-ink);color:#fff;border-bottom:var(--rule)}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.hero .wrap{position:relative;padding:84px 32px 72px}
.hero h1{font-size:74px;letter-spacing:-0.04em;margin-top:24px;max-width:900px;text-wrap:pretty}
.hero .lead{font-size:19px;line-height:1.55;margin-top:24px;max-width:620px;color:#d6dde1}
.hero .kicker{color:var(--color-accent-300)}
.hero-actions{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}

/* Poster oscuro */
.poster{background:var(--color-ink);color:#fff;border-bottom:var(--rule)}
.poster .wrap{padding:64px 32px}
.poster h2{font-size:58px;letter-spacing:-0.04em;margin-top:22px;max-width:900px}
.poster .kicker{color:var(--color-accent-300)}
.poster .lead{font-size:18px;line-height:1.55;max-width:560px;color:#d6dde1}
.poster-foot{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;margin-top:32px;align-items:end}

/* Cifras */
.stats{display:grid;grid-template-columns:repeat(4,1fr)}
.stats>div{padding:30px 24px;border-right:var(--rule)}
.stats>div:last-child{border-right:0}
.stat-num{font-size:40px;font-weight:800;letter-spacing:-0.03em}
.stat-label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-neutral-600)}

.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:var(--rule)}
.sec-head h2{font-size:32px;letter-spacing:-0.03em}
.sec-head .more{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-700)}

/* Tarjetas de producto */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:28px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.pcard{border:var(--rule);background:var(--color-surface);display:flex;flex-direction:column;color:var(--color-text)}
.pcard:hover{background:var(--color-accent-100);color:var(--color-text)}
.pcard .thumb{aspect-ratio:16/10;border-bottom:var(--rule);overflow:hidden;background:var(--color-ink)}
.pcard .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pcard .body{padding:18px;display:flex;flex-direction:column;flex:1}
.pcard .tag{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-700)}
.pcard h3{font-size:17px;line-height:1.2;letter-spacing:-0.02em;margin:10px 0}
.pcard p{font-size:13.5px;line-height:1.5;color:var(--color-neutral-700);margin-bottom:14px}
.pcard .engine{font-size:12.5px;line-height:1.5;color:var(--color-neutral-600);margin-bottom:18px}
.pcard .foot{margin-top:auto;display:flex;align-items:baseline;justify-content:space-between;padding-top:12px;border-top:var(--rule)}
.pcard .price{font-size:17px;font-weight:800}
.pcard .per{font-size:12px;font-weight:600;color:var(--color-neutral-700)}

/* Pasos y listas numeradas */
.steps{border-top:var(--rule)}
.step{padding:18px 0;border-bottom:var(--rule-soft);display:flex;gap:18px;align-items:baseline}
.step .n{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--color-accent)}
.step h3{font-size:18px;letter-spacing:-0.02em}
.step p{font-size:14.5px;line-height:1.55;color:var(--color-neutral-800);margin-top:6px}

/* Planes */
.plans{display:grid;grid-template-columns:repeat(4,1fr);border-top:var(--rule);border-left:var(--rule)}
.plan{border-right:var(--rule);border-bottom:var(--rule);padding:26px 22px;display:flex;flex-direction:column}
.plan.is-dark{background:var(--color-text);color:var(--color-bg)}
.plan h3{font-size:26px;letter-spacing:-0.025em;margin:12px 0 10px}
.plan .price{font-size:40px;font-weight:800;letter-spacing:-0.03em}
.plan .per{font-size:14px;opacity:.75}
.plan p{font-size:14px;line-height:1.5;margin:14px 0 18px;opacity:.9}
.plan ul{list-style:none;margin:0 0 22px;padding:0;font-size:14px}
.plan li{padding-top:9px;margin-top:9px;border-top:var(--rule-soft)}
.plan .btn{margin-top:auto}

.cols-3{display:grid;grid-template-columns:repeat(3,1fr)}
.cols-3>*{padding:0 32px;border-right:var(--rule)}
.cols-3>*:first-child{padding-left:0}
.cols-3>*:last-child{border-right:0;padding-right:0}
.quote{font-size:17px;line-height:1.55;margin-bottom:20px}
.who{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.who-meta{font-size:13px;color:var(--color-neutral-600)}

.figure{border:var(--rule);overflow:hidden;background:var(--color-ink)}
.figure img{width:100%;display:block}
.page-head{padding:40px 0 0}
.page-head h1{font-size:52px;letter-spacing:-0.035em;margin:14px 0 0}
.page-head .lead{font-size:17px;color:var(--color-neutral-800);margin:12px 0 28px;max-width:680px}
.entry{max-width:760px;padding:48px 0 72px}
.entry h1{font-size:52px;letter-spacing:-0.035em;margin-bottom:20px}
.entry p{font-size:17px;line-height:1.65;margin-bottom:18px}
.table{width:100%;border-collapse:collapse;border:var(--rule)}
.table th{background:var(--color-text);color:#fff;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:left;padding:12px 16px}
.table td{padding:14px 16px;border-top:var(--rule-soft);font-size:14px}

/* Footer */
.site-footer{background:var(--color-ink);color:#9aa8b0;border-top:var(--rule)}
.site-footer .wrap{padding:52px 32px 28px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
.site-footer a{color:#9aa8b0;display:block;margin-bottom:10px;font-size:14px}
.site-footer a:hover{color:#fff}
.site-footer h4{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin:0 0 10px}
.site-footer .brand{color:#fff}
.site-footer .brand span{color:var(--color-accent-400)}
.colophon{border-top:2px solid #2a3a44;max-width:var(--wrap);margin:0 auto;padding:20px 32px 40px;font-size:13px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.colophon .credit{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6b7c85}

/* ---- WooCommerce + Subscriptions ---- */
.woocommerce-page .wrap,.woocommerce .wrap{padding-top:28px}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:0}
.woocommerce ul.products li.product{border:var(--rule);background:var(--color-surface);margin:0!important;width:auto!important;float:none!important;padding:0;display:flex;flex-direction:column}
.woocommerce ul.products li.product a img{margin:0;border-bottom:var(--rule)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:17px!important;font-weight:800;letter-spacing:-0.02em;line-height:1.2;padding:16px 18px 0}
.woocommerce ul.products li.product .price{display:block;padding:10px 18px 0;font-size:17px;font-weight:800;color:var(--color-text)!important}
.woocommerce ul.products li.product .subscription-details{font-size:12.5px;color:var(--color-neutral-700);padding:0 18px}
.woocommerce ul.products li.product .button{margin:16px 18px 18px;align-self:flex-start}
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{
  border-radius:0!important;background:var(--color-accent)!important;color:#fff!important;font-weight:700!important;
  padding:13px 20px!important;border:2px solid var(--color-accent)!important;text-align:left}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce #respond input#submit:hover,
.woocommerce button.button.alt:hover{background:var(--color-accent-600)!important;border-color:var(--color-accent-600)!important}
.woocommerce .woocommerce-message,.woocommerce .woocommerce-info,.woocommerce .woocommerce-error{
  border-top-color:var(--color-accent)!important;background:var(--color-surface);border-radius:0}
.woocommerce div.product .product_title{font-size:52px;letter-spacing:-0.035em;font-weight:800}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--color-text)!important;font-size:34px;font-weight:800}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;border-bottom:var(--rule)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{border-radius:0;border:var(--rule);background:var(--color-surface)}
.woocommerce table.shop_table,.woocommerce table.shop_attributes{border-radius:0;border:var(--rule)}
.woocommerce table.shop_table th{background:var(--color-text);color:#fff;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;border-top:var(--rule)}
.woocommerce-account .woocommerce-MyAccount-navigation li{border-bottom:var(--rule-soft)}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:12px 8px;font-weight:600;color:var(--color-text)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--color-text);color:var(--color-bg)}
.woocommerce .quantity .qty,.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,
.woocommerce form .form-row select{border:var(--rule);border-radius:0;padding:12px 14px;background:#fff;font-family:inherit}
.woocommerce-subscription-totals-table,.woocommerce-orders-table{border:var(--rule)}
.subscription_details .button{text-align:left}

/* ---- Evaluación de Riesgo · [csa_evaluacion] ---- */
.csa-app{border:var(--rule);background:var(--color-bg);max-width:640px}
.csa-app *{box-sizing:border-box}
.csa-head{padding:26px 26px 22px;border-bottom:var(--rule);background:var(--color-ink);color:#fff}
.csa-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent-300);border:2px solid var(--color-accent-700);padding:5px 10px}
.csa-head .csa-title{font-size:26px;letter-spacing:-0.03em;font-weight:800;margin:16px 0 8px;color:#fff}
.csa-head .csa-subtitle{font-size:14.5px;line-height:1.55;color:#d6dde1;margin:0}
.csa-progress-wrap{padding:18px 26px 0}
.csa-progress-label{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-neutral-600);margin-bottom:8px}
.csa-progress-bar{height:8px;background:var(--color-neutral-300)}
.csa-progress-fill{height:100%;width:0;background:var(--color-accent);transition:width .3s ease}
.csa-body{padding:26px}
.csa-intro-meta{display:flex;flex-wrap:wrap;gap:0;border-top:var(--rule);border-bottom:var(--rule);margin-bottom:24px}
.csa-intro-meta span{flex:1 1 33%;padding:14px 0;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-neutral-700);border-right:var(--rule-soft);padding-left:12px}
.csa-intro-meta span:first-child{padding-left:0}
.csa-intro-meta span:last-child{border-right:0}
.csa-question-cat{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent-700)}
.csa-question-text{font-size:22px;font-weight:800;letter-spacing:-0.025em;line-height:1.22;margin:12px 0 22px}
.csa-options{display:flex;flex-direction:column;gap:10px}
.csa-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:var(--rule);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:15px;text-align:left;cursor:pointer}
.csa-option:hover{background:var(--color-accent-100)}
.csa-option.is-selected{background:var(--color-accent-100);border-color:var(--color-accent)}
.csa-option-dot{width:16px;height:16px;flex:0 0 auto;border:2px solid var(--color-neutral-500);position:relative}
.csa-option.is-selected .csa-option-dot{border-color:var(--color-accent)}
.csa-option.is-selected .csa-option-dot::after{content:"";position:absolute;inset:3px;background:var(--color-accent)}
.csa-nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
.csa-results-top{border-bottom:var(--rule);padding-bottom:24px}
.csa-score{display:flex;align-items:baseline;gap:10px}
.csa-score-num{font-size:64px;font-weight:800;letter-spacing:-0.045em;line-height:1}
.csa-score-of{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-neutral-600)}
.csa-score-track{height:10px;background:var(--color-neutral-300);margin:16px 0}
.csa-score-fill{height:100%;width:0;background:var(--color-accent);transition:width .4s ease}
.csa-risk-label{display:inline-block;font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:8px 14px;border:2px solid var(--color-text)}
.csa-risk-desc{font-size:15px;line-height:1.55;color:var(--color-neutral-800);margin-top:14px}
.csa-findings{padding:24px 0}
.csa-findings h3{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-neutral-600);margin-bottom:12px}
.csa-finding{display:flex;gap:14px;padding:14px 16px;border:var(--rule);background:var(--color-surface);margin-bottom:10px}
.csa-finding-sev{flex:0 0 6px;width:6px;background:var(--color-accent)}
.csa-finding strong{display:block;font-size:14.5px;margin-bottom:4px}
.csa-finding span{font-size:13.5px;line-height:1.5;color:var(--color-neutral-700)}
.csa-all-good{padding:16px;border:var(--rule);background:var(--color-accent-100);font-size:14.5px;font-weight:600}
.csa-lead-box{border:var(--rule);background:var(--color-surface);padding:22px}
.csa-lead-box h3{font-size:19px;letter-spacing:-0.02em;margin-bottom:6px}
.csa-lead-sub{font-size:13.5px;line-height:1.55;color:var(--color-neutral-700);margin-bottom:18px}
.csa-field{margin-bottom:14px}
.csa-field label{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-neutral-600);margin-bottom:6px}
.csa-field .input{width:100%;padding:12px 14px;border:var(--rule);border-radius:0;background:#fff;color:var(--color-text);font:inherit;font-size:15px}
.csa-field .input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.csa-lead-msg{font-size:13.5px;margin-top:12px}
.csa-lead-msg.is-error{color:#c1121f;font-weight:600}
.csa-result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.csa-thanks{padding:32px 0;text-align:left}
.csa-thanks-mark{width:48px;height:48px;border:2px solid var(--color-accent);color:var(--color-accent);display:grid;place-items:center;font-size:22px;font-weight:800;margin-bottom:18px}
.csa-thanks h3{font-size:28px;letter-spacing:-0.03em;margin-bottom:10px}
.csa-thanks p{font-size:15.5px;line-height:1.6;color:var(--color-neutral-800)}
.csa-app [hidden]{display:none}
@media print{
  .csa-nav,.csa-result-actions,.csa-lead-box,.csa-progress-wrap{display:none!important}
  .csa-app{border:0;max-width:none}
  .csa-head{background:#fff;color:#000;border-bottom:var(--rule)}
  .csa-head .csa-title,.csa-head .csa-subtitle{color:#000}
}

/* ---- Radar de Amenazas · [csa_radar_amenazas] ---- */
.csr-app{--csr-rule:2px solid var(--color-text)}
.csr-app *{box-sizing:border-box}
.csr-kicker{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-neutral-600)}
.csr-kicker-accent{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent-700)}
.csr-h3{font-size:30px;letter-spacing:-0.03em;font-weight:800;margin:10px 0 0}
.csr-h4{font-size:22px;letter-spacing:-0.025em;font-weight:800;margin:0 0 8px}
.csr-section{padding:44px 32px;border-top:var(--csr-rule)}
.csr-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:20px;border-bottom:var(--csr-rule)}
.csr-sec-help{font-size:14.5px;line-height:1.55;color:var(--color-neutral-800);margin:0;max-width:460px}

.csr-hero{background:var(--color-ink);color:#fff;padding:64px 32px 56px}
.csr-hero .csr-kicker-accent{color:var(--color-accent-300)}
.csr-hero-title{font-size:56px;line-height:.98;letter-spacing:-0.04em;font-weight:800;margin:22px 0 0;max-width:840px;text-wrap:pretty}
.csr-hero-lead{font-size:18px;line-height:1.55;color:#d6dde1;margin:20px 0 0;max-width:620px}
.csr-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}

.csr-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:var(--csr-rule);border-bottom:var(--csr-rule)}
.csr-stats>div{padding:26px 24px;border-right:var(--csr-rule)}
.csr-stats>div:last-child{border-right:0}
.csr-stat-num{font-size:36px;font-weight:800;letter-spacing:-0.03em}
.csr-stat-label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-neutral-600)}

.csr-cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:var(--csr-rule);border-left:var(--csr-rule);margin-top:24px}
.csr-cat-cell{border-right:var(--csr-rule);border-bottom:var(--csr-rule);padding:18px;background:var(--color-surface)}
.csr-cat-cell-row{display:flex;align-items:baseline;gap:12px;background:var(--color-bg)}
.csr-cat-num{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--color-accent-700)}
.csr-cat-name{font-size:15px;font-weight:800;letter-spacing:-0.02em;line-height:1.25;flex:1;display:block;margin:8px 0 6px}
.csr-cat-cell-row .csr-cat-name{margin:0}
.csr-cat-count{font-size:12.5px;color:var(--color-neutral-700)}
.csr-cat-risk{font-size:17px;font-weight:800;letter-spacing:-0.02em}

.csr-progress-wrap{padding:18px 32px 0;border-bottom:var(--csr-rule)}
.csr-progress-label{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-neutral-600);margin-bottom:8px}
.csr-progress-bar{height:8px;background:var(--color-neutral-300)}
.csr-progress-fill{height:100%;background:var(--color-accent);transition:width .3s ease}
.csr-dots{display:flex;gap:4px;padding:12px 0 14px;flex-wrap:wrap}
.csr-dot{width:28px;height:6px;border:0;padding:0;cursor:pointer}

.csr-quiz{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;padding:40px 32px 56px;align-items:start}
.csr-q-title{font-size:40px;line-height:1.04;letter-spacing:-0.035em;font-weight:800;margin:14px 0 0}
.csr-q-help{font-size:16px;line-height:1.55;color:var(--color-neutral-800);margin:14px 0 0;max-width:620px}
.csr-items{display:flex;flex-direction:column;margin-top:26px;border-top:var(--csr-rule)}
.csr-item{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:0;border-bottom:2px solid var(--color-neutral-300);background:transparent;font:inherit;text-align:left;cursor:pointer;color:var(--color-text)}
.csr-item:hover{background:var(--color-accent-100)}
.csr-item.is-on{background:var(--color-accent-100)}
.csr-box{width:16px;height:16px;flex:0 0 auto;border:2px solid var(--color-neutral-500)}
.csr-item.is-on .csr-box{border-color:var(--color-accent);background:var(--color-accent)}
.csr-item-name{font-size:15.5px;line-height:1.4}
.csr-item.is-on .csr-item-name{font-weight:700}
.csr-control{margin-top:34px;padding-top:24px;border-top:var(--csr-rule)}
.csr-seg{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px;border:var(--csr-rule)}
.csr-seg-opt{padding:14px 12px;border:0;border-left:var(--csr-rule);background:transparent;font:inherit;text-align:left;cursor:pointer;color:var(--color-text)}
.csr-seg-opt:first-child{border-left:0}
.csr-seg-opt.is-on{background:var(--color-text);color:var(--color-bg)}
.csr-seg-name{font-size:14px;font-weight:700}
.csr-seg-hint{font-size:12px;line-height:1.4;margin-top:4px;opacity:.75}
.csr-nav{display:flex;justify-content:space-between;gap:12px;margin-top:32px}

.csr-side{border:var(--csr-rule);background:var(--color-surface);position:sticky;top:100px}
.csr-side-top{padding:20px;border-bottom:var(--csr-rule)}
.csr-score-row{display:flex;align-items:baseline;gap:8px;margin-top:10px}
.csr-score-num{font-size:46px;font-weight:800;letter-spacing:-0.04em;line-height:1}
.csr-score-of{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-neutral-600)}
.csr-side-level{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-top:10px}
.csr-side-body{padding:20px}
.csr-side-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:2px solid var(--color-neutral-300);font-size:13.5px}
.csr-side-val{font-weight:800}
.csr-track{height:8px;background:var(--color-neutral-300);margin-top:14px}
.csr-track-dark{background:#2a3a44;margin-top:24px}
.csr-track-thin{height:6px;margin-top:12px}
.csr-track-fill{height:100%;width:0}

.csr-result-hero{background:var(--color-ink);color:#fff;display:grid;grid-template-columns:1fr 1.3fr;gap:40px;padding:48px 32px}
.csr-result-hero .csr-kicker-accent{color:var(--color-accent-300)}
.csr-result-score{display:flex;align-items:baseline;gap:12px;margin-top:20px}
.csr-result-num{font-size:96px;font-weight:800;letter-spacing:-0.05em;line-height:.85}
.csr-result-of{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9aa8b0}
.csr-level-chip{display:inline-block;margin-top:20px;padding:9px 15px;border:2px solid var(--color-accent);font-size:14px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.csr-level-desc{font-size:16px;line-height:1.6;color:#d6dde1;margin:18px 0 0;max-width:460px}
.csr-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-content:start;border-left:2px solid #2a3a44;padding-left:40px}
.csr-hl-num{font-size:32px;font-weight:800;letter-spacing:-0.03em}
.csr-hl-label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9aa8b0;margin-top:4px}

.csr-legend{display:flex;flex-wrap:wrap;align-items:center;margin-top:24px;border-top:2px solid var(--color-neutral-300);border-bottom:2px solid var(--color-neutral-300)}
.csr-legend-title{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-neutral-600);padding:14px 22px 14px 0;border-right:2px solid var(--color-neutral-300)}
.csr-legend-item{display:flex;align-items:center;gap:10px;padding:14px 22px;border-right:2px solid var(--color-neutral-300);font-size:13.5px}
.csr-swatch{width:14px;height:14px;flex:0 0 auto}
.csr-legend-note{font-size:12.5px;line-height:1.5;color:var(--color-neutral-700);padding:14px 0 14px 22px;max-width:320px}
.csr-chart{width:100%;margin-top:28px}
.csr-cat-grid-legend{margin-top:28px}

.csr-impact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:14px}
.csr-impact-card{border:var(--csr-rule);background:var(--color-surface);padding:18px}
.csr-impact-top{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.csr-impact-name{font-size:17px;font-weight:800;letter-spacing:-0.02em}
.csr-impact-val{font-size:24px;font-weight:800;letter-spacing:-0.03em}
.csr-impact-driver{font-size:13px;line-height:1.5;color:var(--color-neutral-700);margin-top:10px}

.csr-plan{border-top:var(--csr-rule);margin-top:24px}
.csr-plan-row{display:grid;grid-template-columns:56px 1.1fr 1.4fr auto;gap:24px;padding:20px 0;border-bottom:2px solid var(--color-neutral-300);align-items:baseline}
.csr-plan-num{font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--color-accent)}
.csr-plan-name{font-size:18px;font-weight:800;letter-spacing:-0.02em}
.csr-plan-horizon{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-600);margin-top:6px}
.csr-plan-action{font-size:14.5px;line-height:1.55;color:var(--color-neutral-800)}
.csr-plan-meter{display:flex;align-items:center;gap:12px}
.csr-plan-meter .csr-track{width:90px;margin-top:0}
.csr-plan-risk{font-size:18px;font-weight:800;letter-spacing:-0.02em}

.csr-foot{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.csr-lead-box{border:var(--csr-rule);background:var(--color-surface);padding:26px}
.csr-lead-sub{font-size:14.5px;line-height:1.55;color:var(--color-neutral-700);margin:0 0 20px}
.csr-form{display:flex;flex-direction:column;gap:14px}
.csr-field label{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-neutral-600);margin-bottom:6px}
.csr-field .input{width:100%;padding:12px 14px;border:var(--csr-rule);border-radius:0;background:#fff;font:inherit;font-size:15px;color:var(--color-text)}
.csr-msg{font-size:13.5px}
.csr-msg.is-error{color:#c1121f;font-weight:600}
.csr-steps{border-top:var(--csr-rule);margin-top:14px}
.csr-step{display:flex;gap:16px;align-items:baseline;padding:16px 0;border-bottom:2px solid var(--color-neutral-300)}
.csr-step-num{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--color-accent)}
.csr-step-text{font-size:15px;line-height:1.55}
.csr-thanks-mark{width:48px;height:48px;border:2px solid var(--color-accent);color:var(--color-accent);display:grid;place-items:center;font-size:22px;font-weight:800;margin-bottom:18px}

@media print{
  .csr-nav,.csr-actions,.csr-lead-box,.csr-progress-wrap,.csr-dots{display:none!important}
  .csr-result-hero{background:#fff;color:#000}
  .csr-result-of,.csr-hl-label,.csr-level-desc{color:#444141}
  .csr-result-grid{border-left-color:#d7d3d3}
}

@media (max-width:1080px){
  .csr-hero-title{font-size:40px}
  .csr-q-title{font-size:32px}
  .csr-result-num{font-size:72px}
  .csr-cat-grid,.csr-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .csr-stats{grid-template-columns:repeat(2,1fr)}
  .hero h1{font-size:52px}
  .grid,.grid-3{grid-template-columns:repeat(2,1fr)}
  .plans{grid-template-columns:repeat(2,1fr)}
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:820px){
  .wrap{padding:0 20px}
  .main-nav{display:none}
  .main-nav.is-open{display:block}
  .menu-toggle{display:inline-block;margin-left:auto;background:none;border:var(--rule);padding:8px 12px;font-weight:700;cursor:pointer;font-family:inherit}
  .hero h1{font-size:38px}
  .poster h2{font-size:36px}
  .stats,.grid,.grid-3,.plans,.cols-3,.poster-foot,.site-footer .wrap,.woocommerce ul.products{grid-template-columns:1fr}
  .csa-head,.csa-body{padding-left:18px;padding-right:18px}
  .csa-progress-wrap{padding-left:18px;padding-right:18px}
  .csa-question-text{font-size:19px}
  .csa-score-num{font-size:48px}
  .csr-hero,.csr-section,.csr-quiz,.csr-result-hero{padding-left:18px;padding-right:18px}
  .csr-progress-wrap{padding-left:18px;padding-right:18px}
  .csr-quiz,.csr-result-hero,.csr-foot,.csr-cat-grid,.csr-impact-grid,.csr-seg,.csr-result-grid{grid-template-columns:1fr}
  .csr-result-grid{border-left:0;padding-left:0;border-top:2px solid #2a3a44;padding-top:24px}
  .csr-seg-opt{border-left:0;border-top:var(--csr-rule)}
  .csr-seg-opt:first-child{border-top:0}
  .csr-side{position:static}
  .csr-plan-row{grid-template-columns:40px 1fr;row-gap:10px}
  .csr-hero-title{font-size:32px}
  .csr-q-title{font-size:26px}
  .stats>div{border-right:0;border-bottom:var(--rule)}
  .cols-3>*{padding:24px 0;border-right:0;border-bottom:var(--rule)}
}