/* ===== Shell & screen transitions ===== */
.ar-shell{padding:64px 0 90px;max-width:880px;}
.ar-screen{animation:ar-fade-in .35s ease;}
@keyframes ar-fade-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion: reduce){.ar-screen{animation:none}}

.ar-lede-tight{margin-top:14px;max-width:560px;}

/* ===== Screen 1: intro ===== */
.ar-intro-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden;margin:38px 0 30px;}
.ar-fact{background:white;padding:22px 18px;text-align:center;}
.ar-fact strong{display:block;font-size:30px;font-weight:750;letter-spacing:-.03em;color:var(--ink);}
.ar-fact span{display:block;font-size:13px;color:var(--muted);margin-top:4px;}
.ar-intro-note{color:var(--muted);font-size:15px;max-width:600px;margin:0 0 32px;}
.ar-btn-lg{padding:16px 26px;font-size:16px;}

/* ===== Screen 2: lead capture ===== */
.ar-lead-form{margin-top:30px;max-width:none;}
.ar-form-grid-2{grid-template-columns:1fr 1fr;}
.ar-span-2{grid-column:1 / -1;}
.ar-honeypot{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
.ar-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:400;color:var(--graphite);cursor:pointer;}
.ar-checkbox input{width:auto;margin-top:3px;flex:0 0 auto;}
.ar-checkbox span{line-height:1.5;}
.ar-checkbox a{color:var(--raspberry);font-weight:650;}
.ar-form-actions{display:flex;justify-content:space-between;gap:14px;margin-top:26px;}
.ar-form-error{color:#b1003d;background:rgba(140,29,78,.06);border-radius:12px;padding:11px 14px;font-size:14px;margin:18px 0 0;}

/* ===== Screen 3: questionnaire ===== */
.ar-progress-head{margin-bottom:30px;}
.ar-progress-label{display:block;font-size:13px;font-weight:700;color:var(--raspberry);letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;}
.ar-progress-track{height:6px;background:var(--paper-2);border-radius:99px;overflow:hidden;}
.ar-progress-fill{height:100%;background:var(--raspberry);border-radius:99px;transition:width .35s ease;}

.ar-questions{display:grid;gap:30px;margin:30px 0 6px;}
.ar-question h3{font-size:18px;font-weight:700;letter-spacing:-.01em;margin-bottom:14px;}
.ar-options{display:grid;gap:10px;}
.ar-option{
  display:flex;align-items:flex-start;gap:12px;text-align:left;
  border:1px solid var(--line);border-radius:18px;background:white;
  padding:14px 16px;cursor:pointer;font:inherit;color:var(--graphite);
  transition:border-color .15s ease, background .15s ease, transform .15s ease;
}
.ar-option:hover{border-color:rgba(140,29,78,.3);transform:translateY(-1px);}
.ar-option-marker{
  flex:0 0 auto;width:18px;height:18px;border-radius:50%;border:2px solid var(--line);
  margin-top:1px;position:relative;transition:border-color .15s ease;
}
.ar-option.is-selected{border-color:rgba(140,29,78,.5);background:rgba(140,29,78,.035);}
.ar-option.is-selected .ar-option-marker{border-color:var(--raspberry);}
.ar-option.is-selected .ar-option-marker::after{
  content:"";position:absolute;inset:3px;border-radius:50%;background:var(--raspberry);
}
.ar-option-text{font-size:15px;line-height:1.45;}

/* ===== Screen 4: calculating ===== */
.ar-calculating{text-align:center;padding:120px 0;}
.ar-spinner{
  width:38px;height:38px;border-radius:50%;
  border:3px solid var(--line);border-top-color:var(--raspberry);
  margin:0 auto 22px;animation:ar-spin 0.8s linear infinite;
}
@keyframes ar-spin{to{transform:rotate(360deg)}}
.ar-calculating p{color:var(--muted);font-size:15px;}

/* ===== Screen 5: results ===== */
.ar-results-top{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;margin:30px 0 40px;}
.ar-score-number{font-size:clamp(48px,7vw,72px);font-weight:750;letter-spacing:-.04em;color:var(--ink);}
.ar-band-name{font-size:17px;font-weight:700;color:var(--raspberry);margin-top:2px;}
.ar-interpretation{color:var(--muted);font-size:16px;margin-top:14px;max-width:380px;}
.ar-radar-block svg{width:100%;height:auto;max-width:320px;display:block;margin:0 auto;}

.ar-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px;}
.ar-result-card{border:1px solid var(--line);border-radius:22px;padding:24px;background:white;}
.ar-result-card h3{font-size:15px;letter-spacing:.02em;margin-bottom:14px;}
.ar-result-card ul{margin:0;padding:0;list-style:none;display:grid;gap:13px;}
.ar-result-card li{font-size:14px;color:var(--graphite);padding-left:16px;border-left:2px solid var(--line);}
.ar-result-card li strong{display:block;color:var(--ink);font-size:14.5px;margin-bottom:2px;}

.ar-cta-card{
  border-radius:24px;background:var(--gunmetal);color:white;padding:30px 32px;margin-bottom:30px;
}
.ar-cta-card h3{font-size:19px;margin-bottom:8px;color:white;}
.ar-cta-card p{color:rgba(255,255,255,.72);font-size:14.5px;margin:0 0 18px;max-width:520px;}
.ar-cta-card .btn.primary{box-shadow:none;}

.ar-confirmation{border-top:1px solid var(--line);padding-top:22px;font-size:14px;color:var(--muted);}
.ar-confirmation p{margin:0;}

@media (max-width:760px){
  .ar-intro-facts,.ar-form-grid-2{grid-template-columns:1fr 1fr;}
  .ar-results-top,.ar-results-grid{grid-template-columns:1fr;}
  .ar-radar-block{order:-1;}
}
@media (max-width:520px){
  .ar-intro-facts{grid-template-columns:1fr 1fr;}
  .ar-form-grid-2{grid-template-columns:1fr;}
}