:root{

  --bg:var(--site-page-bg);--card:var(--site-surface);--text:var(--site-text);--muted:var(--site-muted);--primary:var(--site-primary);

  --primary2:var(--site-primary-hover);--line:var(--site-border);--soft:var(--site-primary-soft);

}

*{box-sizing:border-box} body{margin:0;font-family:var(--site-font);color:var(--text);background:var(--bg);line-height:1.5}

button{font:inherit;cursor:pointer;border:0}

.container{max-width:1120px;margin:auto;padding:0 24px}

.btn{padding:13px 19px;border-radius:12px;font-weight:700}.btn-primary{background:var(--primary);color:#fff}

.btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--line)}

.hero{padding:82px 0 72px;background:linear-gradient(180deg,var(--card) 0%,var(--bg) 100%)}

.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}

.badge{display:inline-flex;background:var(--soft);color:var(--primary2);padding:7px 11px;border-radius:99px;font-weight:700;font-size:13px}

h1{font-size:clamp(36px,5.2vw,54px);line-height:1.06;letter-spacing:-2px;margin:18px 0}.lead{font-size:19px;color:var(--muted);max-width:650px}

.actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.meta{display:flex;gap:22px;color:var(--muted);font-size:13px;margin-top:20px}

.hero-card{padding:28px}.mini-title{font-size:13px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em}

.profile-score{display:flex;align-items:center;justify-content:space-between;margin:18px 0}.score{font-size:34px;font-weight:800;color:var(--primary)}
.hero-card .profile-score strong{min-width:0;overflow-wrap:anywhere;line-height:1.25}.hero-card .score{flex:none;font-size:clamp(27px,7vw,34px);white-space:nowrap}

.bar{height:9px;background:#edf0f5;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:var(--primary);border-radius:inherit}
.hero-note{margin-top:22px;color:var(--muted);font-size:14px}

section{padding:78px 0}.section-head{text-align:center;max-width:720px;margin:0 auto 38px}.section-head h2{font-size:clamp(28px,4vw,36px);line-height:1.15;margin:0 0 12px;letter-spacing:-1px}.section-head p{color:var(--muted)}
.section--surface{background:var(--site-surface)}

.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.faq-actions{justify-content:center;margin-top:24px}
.faq-actions .btn{text-decoration:none}

.card{padding:24px}.icon{width:42px;height:42px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--primary);font-weight:800;margin-bottom:17px}

.card h3{margin:0 0 8px}.card p{margin:0;color:var(--muted);font-size:14px}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step{padding:20px;border:1px solid var(--line);background:var(--card);border-radius:16px}.num{font-weight:800;color:var(--primary);font-size:13px}

.report-preview{display:grid;gap:18px}
.report-overview,.report-direction,.report-test{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--site-card-shadow)}
.report-overview{padding:28px}
.report-eyebrow{margin:0 0 10px;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.report-overview h3{margin:0 0 12px;font-size:clamp(24px,3vw,32px);line-height:1.2}
.report-overview-copy{max-width:850px;margin:0;color:var(--muted);font-size:16px;line-height:1.65}
.report-disclaimer{margin:16px 0 0;padding:12px 14px;background:var(--soft);border-radius:12px;color:#38339a;font-size:13px;line-height:1.55}
.report-subhead{margin:0 0 14px;font-size:20px;line-height:1.3}
.report-directions,.report-tests{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.report-direction{padding:20px}
.report-direction-score{display:block;color:var(--primary);font-size:32px;font-weight:850;line-height:1.1}
.report-direction-name{display:block;margin-top:9px;font-size:15px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.report-test{padding:20px}
.report-test h4{margin:0 0 14px;font-size:16px;line-height:1.35}
.report-metric{margin-top:12px}
.report-metric:first-of-type{margin-top:0}
.report-metric-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px;line-height:1.4}
.report-metric-name{min-width:0;overflow-wrap:anywhere}
.report-metric-value{flex:none;color:var(--primary);font-weight:800}
.report-meter{height:7px;margin-top:6px;background:#edf0f5;border-radius:99px;overflow:hidden}
.report-meter i{display:block;height:100%;background:var(--primary);border-radius:inherit}
.report-method-note{margin:0;color:var(--muted);font-size:13px;line-height:1.55}

@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr}}
@media(max-width:900px){.report-directions,.report-tests{grid-template-columns:repeat(2,minmax(0,1fr))}.report-tests .report-test:last-child{grid-column:1/-1}}
@media(max-width:560px){.report-directions,.report-tests{grid-template-columns:1fr}.report-tests .report-test:last-child{grid-column:auto}.report-overview{padding:22px}.report-direction,.report-test{padding:18px}.report-subhead{font-size:18px}}


@media(max-width:520px){.steps{grid-template-columns:1fr}.hero{padding-top:50px}section{padding:55px 0}}

.bar i[data-width="82.67"],
.report-meter i[data-width="82.67"] { width: 82.67%; }
.bar i[data-width="82.18"],
.report-meter i[data-width="82.18"] { width: 82.18%; }
.bar i[data-width="77.11"],
.report-meter i[data-width="77.11"] { width: 77.11%; }
.bar i[data-width="96"],
.report-meter i[data-width="96"] { width: 96%; }
.bar i[data-width="83"],
.report-meter i[data-width="83"] { width: 83%; }
.bar i[data-width="95"],
.report-meter i[data-width="95"] { width: 95%; }
.bar i[data-width="85"],
.report-meter i[data-width="85"] { width: 85%; }
.bar i[data-width="80"],
.report-meter i[data-width="80"] { width: 80%; }
.bar i[data-width="100"],
.report-meter i[data-width="100"] { width: 100%; }
.bar i[data-width="75"],
.report-meter i[data-width="75"] { width: 75%; }