
:root{--navy:#082a49;--navy2:#061d33;--teal:#00d1b2;--blue:#0076eb;--ink:#102a43;--slate:#66788b;--light:#f4f8fb;--line:#dce7ef;--white:#fff;--shadow:0 18px 50px rgba(8,42,73,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}
.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,231,239,.8)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:300px;max-width:48vw;height:auto;display:block}.navlinks{display:flex;align-items:center;gap:28px;font-weight:650;color:#425a70}.navlinks a:hover{color:var(--blue)}.btn{border:0;border-radius:12px;padding:14px 21px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.btn-primary{background:linear-gradient(135deg,var(--teal),var(--blue));color:#fff;box-shadow:0 10px 24px rgba(0,118,235,.22)}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{background:#fff;border:1px solid var(--line);color:var(--navy)}
.hero{overflow:hidden;background:radial-gradient(circle at 75% 20%,rgba(0,209,178,.13),transparent 32%),linear-gradient(180deg,#fff 0,#f8fbfd 100%);padding:92px 0 82px}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:62px}.eyebrow{display:inline-flex;gap:9px;align-items:center;color:#087b7c;background:#e9fbf8;border:1px solid #c8f3ec;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.hero h1{font-size:clamp(44px,5.7vw,76px);line-height:1.02;letter-spacing:-.045em;color:var(--navy);margin:20px 0 22px}.gradient{background:linear-gradient(90deg,var(--teal),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:20px;color:#526b80;max-width:660px;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.micro{margin-top:16px;font-size:13px;color:#75889a}.diagnostic-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow);position:relative}.diagnostic-card:before{content:"";position:absolute;inset:-1px;border-radius:24px;padding:1px;background:linear-gradient(135deg,rgba(0,209,178,.7),rgba(0,118,235,.15),transparent 65%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.card-kicker{font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--blue)}.diagnostic-card h3{font-size:27px;line-height:1.15;margin:8px 0 20px;color:var(--navy)}.task{display:flex;gap:13px;padding:13px 0;border-top:1px solid #edf2f6}.task:first-of-type{border-top:0}.check{width:25px;height:25px;border-radius:50%;background:#e9fbf8;color:#008d7b;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.task strong{display:block;color:var(--navy)}.task span{font-size:13px;color:#72869a}
.trust{padding:25px 0;border-bottom:1px solid var(--line);border-top:1px solid var(--line)}.trust-row{display:flex;justify-content:center;gap:42px;flex-wrap:wrap;color:#61768a;font-size:14px;font-weight:700}.section{padding:88px 0}.section.alt{background:var(--light)}.section-head{text-align:center;max-width:780px;margin:0 auto 46px}.section-head h2{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.035em;color:var(--navy);margin:0 0 16px}.section-head p{font-size:18px;color:#657b8e;margin:0}.steps,.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step,.problem{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px}.step-num{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--teal),var(--blue));color:#fff;display:grid;place-items:center;font-weight:900}.step h3,.problem h3{color:var(--navy);margin:18px 0 8px}.step p,.problem p{color:#687e91;margin:0}.problem-grid{grid-template-columns:repeat(5,1fr)}.problem{padding:20px;min-height:148px}.problem .ico{font-size:25px}.assessment{padding:88px 0;background:linear-gradient(150deg,var(--navy2),var(--navy));color:#fff}.assessment-wrap{display:grid;grid-template-columns:.72fr 1.28fr;gap:48px;align-items:start}.assessment-copy h2{font-size:46px;line-height:1.05;margin:0 0 16px}.assessment-copy p{color:#c7d7e5}.assessment-copy ul{padding-left:20px;color:#dce8f2}.quiz{background:#fff;color:var(--ink);border-radius:22px;padding:30px;box-shadow:0 25px 70px rgba(0,0,0,.22)}.progress{height:7px;background:#e9f0f5;border-radius:99px;overflow:hidden;margin-bottom:28px}.progress>div{height:100%;background:linear-gradient(90deg,var(--teal),var(--blue));width:14.28%;transition:.25s}.qmeta{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--blue)}.quiz h3{font-size:27px;color:var(--navy);margin:8px 0 20px}.choices{display:grid;gap:10px}.choice{width:100%;text-align:left;padding:15px 16px;border:1px solid var(--line);background:#fff;border-radius:12px;cursor:pointer;color:#29445a;font-weight:700}.choice:hover,.choice.selected{border-color:#55cbbf;background:#effcf9;color:#075e62}.quiz-nav{display:flex;justify-content:space-between;gap:10px;margin-top:24px}.quiz-note{font-size:12px;color:#7a8da0;margin-top:14px}.result{display:none}.score{font-size:52px;font-weight:900;color:var(--navy);line-height:1}.score small{font-size:15px;color:#75899b}.result-card{border:1px solid var(--line);border-radius:14px;padding:17px;margin-top:12px}.result-card strong{color:var(--navy);display:block}.result-card span{font-size:13px;color:#6d8194}.cta{padding:76px 0}.cta-box{border-radius:25px;padding:52px;background:linear-gradient(135deg,#e8fbf8,#edf6ff);text-align:center;border:1px solid #d4ebe9}.cta-box h2{font-size:42px;color:var(--navy);margin:0 0 12px}.cta-box p{color:#5f7588;font-size:18px;margin:0 0 24px}.site-footer{background:#061d33;color:#bfd0df;padding:45px 0 28px}.footer-grid{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.footer-brand{font-weight:900;color:#fff;font-size:22px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:22px;font-size:12px;color:#8fa7ba}
.mobile-menu{display:none}
@media(max-width:900px){.hero-grid,.assessment-wrap{grid-template-columns:1fr}.hero{padding-top:60px}.problem-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.navlinks a:not(.btn){display:none}.brand img{width:245px}.assessment-copy h2{font-size:38px}}
@media(max-width:560px){.container{width:min(100% - 28px,1160px)}.nav{height:70px}.brand img{width:210px;max-width:62vw}.navlinks .btn{padding:10px 13px;font-size:13px}.hero{padding:48px 0 58px}.hero h1{font-size:44px}.hero p{font-size:17px}.diagnostic-card{padding:21px}.problem-grid{grid-template-columns:1fr}.section{padding:65px 0}.assessment{padding:65px 0}.quiz{padding:21px}.footer-grid{flex-direction:column}.cta-box{padding:35px 20px}.cta-box h2{font-size:34px}}
.match{float:right;font-size:11px;font-weight:900;letter-spacing:.08em;color:#008d7b;background:#e9fbf8;border-radius:999px;padding:6px 9px}.result-card p{margin:7px 0;color:#66788b;font-size:14px}.workflow-line{background:#f5f8fb;border-radius:9px;padding:10px 12px;font-size:13px;color:#405a70;margin:10px 0}.result-meta,.tool-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.result-meta span,.tool-pill{font-size:11px;font-weight:800;border:1px solid #dce7ef;border-radius:999px;padding:5px 8px;color:#526b80}.tool-pill{background:#edf6ff;color:#1767a7}

