 :root{--navy:#061b4f;--navy2:#0b2d6b;--gold:#efc37a;--teal:#1598a1;--ink:#152033;--muted:#687386;--line:#dce3ec;--soft:#f5f7fa;--white:#fff;--shadow:0 22px 60px rgba(3,20,61,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.6}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(calc(100% - 40px),1180px);margin:auto}.hidden{display:none!important}header{position:sticky;top:0;z-index:20;background:#03143d;color:#fff}.head{min-height:78px;display:flex;align-items:center;justify-content:space-between}.head strong,.foot strong{font:800 1.25rem Manrope;letter-spacing:.18em}.head span{color:rgba(255,255,255,.55);font-size:.8rem}.hero{padding:90px 0;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(21,152,161,.2),transparent 28%),linear-gradient(135deg,#03143d,var(--navy2))}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:75px;align-items:center}.eyebrow{color:#f7d9a7;font-size:.73rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow.dark{color:var(--teal)}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.045em}.hero h1{margin:16px 0;font-size:clamp(2.9rem,5vw,5rem);line-height:1.02}.hero p{max-width:700px;color:rgba(255,255,255,.72)}.hero aside{padding:30px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:rgba(255,255,255,.07)}.hero aside h3{margin-top:0}.hero aside ul{padding-left:20px;color:rgba(255,255,255,.72)}.btn{min-height:48px;padding:11px 21px;border:1px solid transparent;border-radius:999px;font-weight:800}.primary{color:#03143d;background:var(--gold)}.dark{color:#fff;background:var(--navy)}.ghost{color:var(--navy);background:#fff;border-color:var(--line)}.assessment{padding:85px 0;background:var(--soft)}.shell{display:grid;grid-template-columns:280px 1fr;gap:34px;align-items:start}.side{position:sticky;top:100px;padding:25px;border-radius:18px;background:var(--navy);color:#fff}.progress-label{display:flex;justify-content:space-between}.track{height:7px;margin:9px 0 22px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}.track i{display:block;width:0;height:100%;background:var(--gold)}#steps{display:grid;border-top:1px solid rgba(255,255,255,.12)}#steps button{padding:15px 0;color:rgba(255,255,255,.58);border:0;border-bottom:1px solid rgba(255,255,255,.12);background:transparent;text-align:left}#steps button.active{color:#fff;font-weight:700}.side p{color:rgba(255,255,255,.5);font-size:.75rem}.formbox{padding:42px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.step{display:none}.step.active{display:block}.title{padding-bottom:25px;margin-bottom:34px;border-bottom:1px solid var(--line)}.title span{color:var(--teal);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.title h2{margin:8px 0 0;color:#03143d;font-size:clamp(2rem,3.5vw,3.1rem)}.title p{color:var(--muted)}.q{margin-bottom:34px}.q h3{margin:0 0 15px;color:var(--navy);font:700 1.03rem/1.45 Manrope}.opts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.opts.scale{grid-template-columns:repeat(5,1fr)}.opts label{position:relative}.opts input{position:absolute;opacity:0}.opts span{min-height:52px;padding:12px 14px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:#fff;font-size:.82rem}.opts input:checked+span{color:#fff;border-color:var(--navy);background:var(--navy)}.q.invalid h3{color:#b42318}.navbuttons{padding-top:24px;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;border-top:1px solid var(--line)}#msg{text-align:center;color:#b42318;font-size:.82rem}.results{padding:90px 0}.result-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}.result-head h2{margin:10px 0 0;color:#03143d;font-size:clamp(2.4rem,4vw,4rem)}.result-head p{max-width:750px;color:var(--muted)}.scores{display:grid;grid-template-columns:260px 1fr;gap:22px;margin-bottom:24px}.global{padding:28px;display:grid;grid-template-columns:auto auto 1fr;align-items:end;color:#fff;border-radius:16px;background:var(--navy)}.global span{grid-column:1/4;color:rgba(255,255,255,.55);font-size:.75rem}.global strong{color:#f7d9a7;font:800 4rem/1 Manrope}.global small{padding-bottom:7px}.global b{grid-column:1/4;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}.scoreRows{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}.score{display:grid;grid-template-columns:150px 1fr 42px;gap:14px;align-items:center;margin-bottom:15px}.score:last-child{margin:0}.score span{font-weight:700}.score div{height:9px;border-radius:99px;background:#e1e6ed;overflow:hidden}.score i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--navy2))}.score b{text-align:right}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{padding:28px;border:1px solid var(--line);border-radius:16px}.card.wide{grid-column:1/3}.card h3{margin-top:0;color:var(--navy);font:800 1.25rem Manrope}.rec{padding:15px 17px;margin-top:11px;border-left:3px solid var(--teal);background:var(--soft)}.rec strong{display:block;color:var(--navy)}.rec p{margin:4px 0 0;color:var(--muted);font-size:.86rem}.tools{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.tool{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.tool span{color:var(--teal);font-size:.7rem;font-weight:800;text-transform:uppercase}.tool h4{margin:7px 0;color:var(--navy)}.tool p{margin:0;color:var(--muted);font-size:.83rem}.phase{display:grid;grid-template-columns:82px 1fr;gap:13px;margin-top:16px}.phase span{color:var(--teal);font-size:.73rem;font-weight:800}.phase strong{display:block;color:var(--navy)}.phase p{margin:4px 0 0;color:var(--muted);font-size:.84rem}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kpi{padding:16px;border:1px solid var(--line);border-radius:10px}.kpi strong{display:block;color:var(--navy)}.kpi span{color:var(--muted);font-size:.8rem}footer{padding:28px 0;color:#fff;background:#03143d}.foot{display:flex;justify-content:space-between}.foot span{color:rgba(255,255,255,.5);font-size:.78rem}@media(max-width:900px){.hero-grid,.shell,.scores{grid-template-columns:1fr}.side{position:static}.grid{grid-template-columns:1fr}.card.wide{grid-column:auto}.result-head{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.wrap{width:min(calc(100% - 26px),1180px)}.head span{display:none}.hero{padding:60px 0}.hero h1{font-size:2.7rem}.formbox{padding:24px 18px}.opts,.opts.scale,.tools,.kpis{grid-template-columns:1fr}.navbuttons{grid-template-columns:1fr 1fr}#msg{grid-column:1/3;grid-row:1}.result-head>div:last-child,.foot{display:flex;align-items:flex-start;flex-direction:column;gap:10px}}@media print{header,.hero,.assessment,footer,.result-head>div:last-child{display:none!important}.results{display:block!important;padding:0}.card{break-inside:avoid}}
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.field{display:grid;gap:7px}.field:last-child{grid-column:1/3}.field span{color:var(--navy);font-weight:700;font-size:.88rem}.field input{width:100%;min-height:50px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#fff;outline:none}.field input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(21,152,161,.12)}.field.invalid span{color:#b42318}.field.invalid input{border-color:#b42318}.loading-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(3,20,61,.9)}.loading-box{min-width:min(420px,100%);padding:38px;display:grid;justify-items:center;gap:10px;text-align:center;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:var(--navy)}.loading-box strong{font:800 1.45rem Manrope}.loading-box span{color:rgba(255,255,255,.7)}.loading-box b{color:var(--gold);font:800 2rem Manrope}.spinner{width:52px;height:52px;margin-bottom:8px;border:5px solid rgba(255,255,255,.18);border-top-color:var(--gold);border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.contact-grid{grid-template-columns:1fr}.field:last-child{grid-column:auto}}
