
/* V60 Cyber Risk Readiness Checker */

.v60-tool-page{background:#f5f8fb;color:#17384e}
.v60-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}

.v60-topbar{position:sticky;top:0;z-index:100;background:#071724;border-bottom:1px solid rgba(255,255,255,.06)}
.v60-topbar-inner{width:min(1240px,calc(100% - 40px));min-height:76px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}
.v60-brand{display:inline-flex;width:max-content}
.v60-brand img{display:block;width:150px;height:auto}
.v60-topbar-title{justify-self:center;color:#d8e6ee;font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.v60-exit{justify-self:end;color:#c8d8e2;text-decoration:none;font-size:.82rem;font-weight:750;padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px}

.v60-hero{padding:74px 0 62px;background:radial-gradient(circle at 84% 18%,rgba(41,166,218,.14),transparent 30%),linear-gradient(135deg,#071624,#0b2435 65%,#0d2f45);color:#fff}
.v60-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);gap:56px;align-items:center}
.v60-kicker{display:inline-block;margin-bottom:14px;color:#61c8ef;font-size:.75rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.v60-hero h1{max-width:820px;margin:0;color:#fff;font-size:clamp(2.15rem,4vw,3.7rem);line-height:1.04;letter-spacing:-.035em}
.v60-lead{max-width:800px;margin:20px 0 0;color:#b6c9d5;font-size:1.02rem;line-height:1.72}
.v60-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.v60-meta span{padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04);color:#c8d8e2;font-size:.77rem}
.v60-meta b{color:#fff}

.v60-hero-card{padding:28px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);box-shadow:0 24px 60px rgba(0,0,0,.2)}
.v60-label{display:block;color:#61c8ef;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.v60-preview{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin:16px 0 18px;padding:16px;border-radius:12px;background:rgba(255,255,255,.055)}
.v60-preview-score{color:#fff;font-size:1.35rem;font-weight:900}
.v60-preview strong{display:block;color:#fff;font-size:.9rem}
.v60-preview small{display:block;margin-top:3px;color:#93aab8;font-size:.74rem;line-height:1.4}
.v60-hero-card ul{margin:0;padding:0;list-style:none}
.v60-hero-card li{position:relative;padding:8px 0 8px 24px;border-bottom:1px solid rgba(255,255,255,.06);color:#d5e3eb;font-size:.84rem}
.v60-hero-card li:last-child{border-bottom:0}
.v60-hero-card li::before{content:"✓";position:absolute;left:0;color:#61c8ef;font-weight:900}

.v60-assessment{padding:64px 0 80px;background:#f5f8fb}
.v60-progress-row{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-bottom:18px;color:#60798a;font-size:.8rem;font-weight:750}
.v60-progress-track{height:7px;border-radius:999px;background:#dce7ed;overflow:hidden}
.v60-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#168fc4,#59c5ed);transition:width .25s ease}
.v60-progress-row strong{color:#244a63}

.v60-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.55fr);gap:30px;align-items:start}
.v60-question-card{padding:34px 36px 30px;border:1px solid #dbe5eb;border-radius:20px;background:#fff;box-shadow:0 18px 48px rgba(24,62,87,.08)}
.v60-question-top{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding-bottom:24px;margin-bottom:27px;border-bottom:1px solid #edf2f5}
.v60-step{display:block;margin-bottom:7px;color:#228fbe;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.v60-question-top h2{max-width:680px;margin:0;color:#17384e;font-size:1.28rem;line-height:1.35}
.v60-private{white-space:nowrap;color:#7d919f;font-size:.72rem;padding:7px 9px;border-radius:999px;background:#f1f6f9}

.v60-question{border:0;padding:0;margin:0}
.v60-question legend{display:block;width:100%;margin:0 0 22px;color:#16374e;font-size:1.12rem;line-height:1.55;font-weight:760}
.v60-domain{display:block;margin-bottom:8px;color:#2395c5;font-size:.74rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.v60-options{display:grid;grid-template-columns:1fr;gap:12px}
.v60-option{display:grid;grid-template-columns:22px 1fr;gap:14px;align-items:start;min-height:74px;padding:16px 18px;border:1px solid #dbe5eb;border-radius:14px;background:#fff;cursor:pointer;transition:.18s ease}
.v60-option:hover{transform:translateY(-1px);border-color:#9dcde2;box-shadow:0 9px 22px rgba(35,104,141,.08)}
.v60-option input{width:18px;height:18px;margin:3px 0 0;accent-color:#238fbe}
.v60-option strong{display:block;color:#1c425a;font-size:.91rem}
.v60-option small{display:block;margin-top:4px;color:#768b99;font-size:.78rem;line-height:1.45}
.v60-option:has(input:checked){border-color:#238fbe;background:#f1f9fd;box-shadow:0 0 0 3px rgba(35,143,190,.07)}
.v60-question-error{outline:2px solid #b94444;outline-offset:8px;border-radius:10px}

.v60-nav{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:30px;padding-top:24px;border-top:1px solid #edf2f5}
.v60-back,.v60-continue{min-height:48px;border-radius:12px;padding:0 22px;font-size:.87rem;font-weight:850;cursor:pointer;transition:.17s ease}
.v60-back{border:1px solid #d5e0e6;background:#fff;color:#426176}
.v60-back:disabled{opacity:.35;cursor:not-allowed}
.v60-continue{min-width:160px;border:0;background:linear-gradient(135deg,#198fc4,#44b8e8);color:#fff;box-shadow:0 11px 25px rgba(25,143,196,.22)}
.v60-continue:hover{transform:translateY(-1px);box-shadow:0 15px 30px rgba(25,143,196,.26)}

.v60-insight{position:sticky;top:102px;padding:28px;border-radius:18px;background:linear-gradient(180deg,#0c2232,#091a27);color:#fff;box-shadow:0 18px 45px rgba(12,34,50,.15)}
.v60-insight h3{margin:9px 0 0;color:#fff;font-size:1.12rem;line-height:1.38}
.v60-insight p{margin:10px 0 0;color:#adc0cc;font-size:.86rem;line-height:1.65}
.v60-divider{height:1px;margin:24px 0;background:rgba(255,255,255,.08)}
.v60-domains{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.v60-domains span{padding:7px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#c6d5de;font-size:.71rem}

.v60-results{padding:72px 0 84px;background:linear-gradient(180deg,#f5f8fb,#edf4f7)}
.v60-results-card{max-width:1040px;margin:0 auto;padding:38px;border:1px solid #d9e4ea;border-radius:20px;background:#fff;box-shadow:0 20px 55px rgba(27,69,94,.09)}
.v60-score-block{display:flex;gap:30px;align-items:center;padding-bottom:28px;border-bottom:1px solid #e7eef2}
.v60-score-circle{width:132px;height:132px;border:10px solid #d5edf7;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto}
.v60-score-circle strong{font-size:2.2rem;line-height:1;color:#208dbf}
.v60-score-circle span{font-size:.75rem;color:#718896}
.v60-score-block h2{margin:0;color:#17384e}
.v60-score-block p{max-width:720px;margin:8px 0 0;color:#637b8b;line-height:1.6}
.v60-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:26px}
.v60-results-grid>div{padding:22px;border:1px solid #e2eaf0;border-radius:15px;background:#f8fbfc}
.v60-results-grid h3,.v60-recommendations h3{margin-top:0;color:#17384e;font-size:1rem}
.v60-results-grid ul,.v60-recommendations ol{margin-bottom:0;color:#496477;line-height:1.7}
.v60-recommendations{margin-top:24px;padding:23px;border:1px solid #e0e9ee;border-radius:15px;background:#fbfdfe}
.v60-result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px;padding-top:24px;border-top:1px solid #e7eef2}
.v60-action-light,.v60-action-primary,.v60-action-dark{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:11px;text-decoration:none;font-size:.84rem;font-weight:850}
.v60-action-light{border:1px solid #d4e0e7;background:#fff;color:#365870;cursor:pointer}
.v60-action-primary{border:0;background:linear-gradient(135deg,#198fc4,#44b8e8);color:#fff;cursor:pointer}
.v60-action-dark{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#e0edf3}

.v60-next{padding:0 0 80px;background:#edf4f7}
.v60-next-card{display:grid;grid-template-columns:minmax(0,1.25fr) auto;gap:34px;align-items:center;padding:34px;border-radius:20px;background:#0b1d2b;color:#fff;box-shadow:0 18px 48px rgba(11,29,43,.16)}
.v60-next-card h2{margin:0;color:#fff;font-size:1.55rem}
.v60-next-card p{max-width:760px;margin:9px 0 0;color:#afc0cb;line-height:1.62}
.v60-next-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}

@media(max-width:1040px){
  .v60-hero-grid,.v60-workspace,.v60-next-card{grid-template-columns:1fr}
  .v60-insight{position:static}
  .v60-next-actions{justify-content:flex-start}
}
@media(max-width:680px){
  .v60-shell{width:min(100% - 24px,1180px)}
  .v60-topbar-inner{width:min(100% - 24px,1240px);grid-template-columns:1fr auto;min-height:66px}
  .v60-topbar-title{display:none}
  .v60-brand img{width:120px}
  .v60-hero{padding:52px 0 44px}
  .v60-question-card{padding:22px}
  .v60-question-top{flex-direction:column}
  .v60-private{white-space:normal}
  .v60-progress-row{grid-template-columns:1fr auto}
  .v60-progress-track{grid-row:2;grid-column:1/-1}
  .v60-nav{flex-direction:column-reverse;align-items:stretch}
  .v60-back,.v60-continue{width:100%}
  .v60-results-card{padding:22px}
  .v60-score-block{flex-direction:column;align-items:flex-start}
  .v60-results-grid{grid-template-columns:1fr}
}
@media print{
  .v60-topbar,.v60-hero,.v60-next,.v59-footer,.v60-result-actions{display:none!important}
  .v60-results{padding:0;background:#fff}
  .v60-results-card{border:0;box-shadow:none;padding:0}
}
