:root { --ink:#0B132B; --blue:#2563EB; --ice:#E0F2FE; --mint:#34D399; --ivory:#FAFAF7; --slate:#64748B; --apricot:#FB923C; --shadow:0 16px 40px rgba(11,19,43,.12); --radius:18px; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:"Inter",sans-serif;color:var(--ink);background:linear-gradient(180deg,#fdfdfc 0%,#f6f9ff 30%,#fdfbf7 100%);line-height:1.6}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block;border-radius:14px}
.container{width:min(1200px,92vw);margin:0 auto}.section{padding:clamp(3rem,6vw,6rem) 0}.section--warm{background:linear-gradient(145deg,rgba(251,146,60,.08),rgba(224,242,254,.5))}.section--ink{background:linear-gradient(145deg,#0d1738,#18244f);color:#f4f7ff}
.angled{position:relative}.angled::before{content:"";position:absolute;inset:0;background:linear-gradient(170deg,rgba(37,99,235,.06) 20%,rgba(52,211,153,.08) 80%);clip-path:polygon(0 8%,100% 0,100% 92%,0 100%);z-index:-1}
.eyebrow{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);font-weight:700}
h1,h2,h3,h4{font-family:"Syne",sans-serif;line-height:1.15;margin:0 0 1rem} h1{font-size:clamp(2rem,4.8vw,4.2rem)} h2{font-size:clamp(1.5rem,3vw,2.7rem)} p{margin:0 0 1rem;color:#1d2948}
.scroll-progress{position:fixed;top:0;left:0;width:0;height:4px;background:linear-gradient(90deg,var(--mint),var(--blue));z-index:999}
.site-header{position:sticky;top:0;z-index:998;backdrop-filter:blur(10px);background:rgba(250,250,247,.85);border-bottom:1px solid rgba(11,19,43,.08)} .site-header.scrolled{box-shadow:0 8px 24px rgba(11,19,43,.12)}
.meta-strip{background:var(--ink);color:#dbeafe;font-size:.86rem}.meta-strip__inner{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0}
.header-main{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1rem;padding:.75rem 0}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:700}.brand svg{width:34px;height:34px;stroke:var(--blue);fill:none;stroke-width:4}
.main-nav ul{display:flex;gap:.2rem;list-style:none;margin:0;padding:0;justify-content:center}.main-nav a{padding:.5rem .8rem;border-radius:999px;font-weight:600;color:#1c2950}.main-nav a:hover,.main-nav a.active{background:#e8efff;color:#0f1f45}
.nav-toggle{display:none;border:0;background:transparent;padding:.3rem}.nav-toggle span{width:24px;height:2px;background:var(--ink);display:block;margin:5px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;padding:.75rem 1.2rem;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}
.btn--solid{background:linear-gradient(110deg,var(--blue),#1e40af);color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.3)} .btn--ghost{background:transparent;border-color:#9db7f4;color:#1e3a8a}
.hero{padding:clamp(2.5rem,7vw,6rem) 0}.hero-grid,.inner-hero__grid,.two-col,.success-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(1rem,3vw,3rem);align-items:center}
.hero-media{position:relative}.hero-media figcaption{position:absolute;right:1rem;bottom:1rem;background:rgba(11,19,43,.75);color:#fff;padding:.5rem .8rem;border-radius:12px;font-size:.88rem}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.2rem}.inner-hero{padding:clamp(2.2rem,6vw,4.8rem) 0 2rem}.inner-hero img{min-height:260px;object-fit:cover}
.breadcrumb{border-top:1px solid rgba(11,19,43,.08);border-bottom:1px solid rgba(11,19,43,.08);background:#fff}.breadcrumb .container{display:flex;gap:.6rem;align-items:center;padding:.75rem 0;font-size:.95rem}
.panel,.feature-card,.info-card,.stat-card,.quote-card,.course-card,.role-card,.article-card,.compare-card{background:#fff;border:1px solid rgba(11,19,43,.08);border-radius:var(--radius);padding:1.2rem;box-shadow:var(--shadow)}
.card-grid{display:grid;gap:1rem}.card-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.benefit-strip{margin-top:1.2rem;display:flex;flex-wrap:wrap;gap:.6rem}.benefit-strip span{padding:.4rem .8rem;border-radius:999px;background:#ebf5ff;color:#1e3a8a;font-weight:600}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-card{text-align:center}.counter{font-family:"Syne",sans-serif;font-size:2.4rem;margin:0;color:var(--blue)}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}.process-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:1rem}.process-card strong{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:var(--mint);color:#083344;margin-bottom:.6rem}
.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.quote-card cite{display:block;margin-top:.8rem;font-style:normal;color:#344868;font-weight:600}.mini-faq details{border-bottom:1px solid rgba(11,19,43,.12);padding:.6rem 0}.mini-faq summary{cursor:pointer;font-weight:700}
.map-card iframe,.small-map iframe{width:100%;min-height:260px;border:0;border-radius:14px}.cta-band{padding-top:0}.cta-band__inner{background:linear-gradient(120deg,#0f1e45,#1f3c8d);color:#fff;padding:clamp(1.2rem,4vw,2.4rem);border-radius:24px;display:grid;gap:.8rem}.cta-band__inner p{color:#e6edff}
.chip-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.1rem}.chip{border:1px solid #c5d7ff;border-radius:999px;padding:.45rem .85rem;background:#fff;cursor:pointer;font-weight:600}.chip.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.course-grid,.role-grid,.article-grid{display:grid;gap:1rem}.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.role-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.badge{display:inline-block;margin-bottom:.5rem;background:#ecf3ff;color:#1e40af;border-radius:999px;padding:.2rem .6rem;font-size:.82rem;font-weight:700}.ghost-link{border:0;background:transparent;color:#1d4ed8;font-weight:700;padding:0;cursor:pointer}.accordion-panel{max-height:0;overflow:hidden;transition:max-height .3s ease}
.roadmap-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.tab-panels{margin-top:1rem}.tab-panel{display:none}.tab-panel.active{display:block}.matrix-grid{display:grid;gap:.6rem}.matrix-row{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:.5rem;background:rgba(255,255,255,.08);border-radius:12px;padding:.8rem}.matrix-row span{background:rgba(224,242,254,.18);border-radius:8px;text-align:center;padding:.3rem}
.timeline{display:grid;gap:1rem}.timeline-item{border-left:4px solid var(--blue);padding-left:1rem}.flip-card{perspective:900px;min-height:180px}.flip-card__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s ease}.flip-card:hover .flip-card__inner{transform:rotateY(180deg)}
.flip-card__front,.flip-card__back{position:absolute;inset:0;padding:1rem;border-radius:var(--radius);display:grid;place-content:center;text-align:center;backface-visibility:hidden;border:1px solid rgba(11,19,43,.1);background:#fff}.flip-card__back{transform:rotateY(180deg);background:#eef5ff}
.compare-panels{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.search-row input,.faq-tools input{width:100%;border-radius:12px;border:1px solid #bcccf2;padding:.75rem}
.faq-tools{display:grid;gap:.7rem;margin-bottom:1rem}.accordion-list{display:grid;gap:.8rem}.accordion-item{background:#fff;border:1px solid rgba(11,19,43,.1);border-radius:14px;overflow:hidden}.accordion-trigger{width:100%;text-align:left;border:0;background:transparent;padding:.9rem 1rem;font-weight:700;cursor:pointer}.accordion-content{max-height:0;overflow:hidden;transition:max-height .35s ease;padding:0 1rem}.accordion-item.open .accordion-content{padding-bottom:1rem}
.contact-form{background:#fff;border-radius:20px;padding:1.2rem;border:1px solid rgba(11,19,43,.1);box-shadow:var(--shadow)}.form-row{display:grid;gap:.35rem;margin-bottom:.9rem}.form-row input,.form-row select,.form-row textarea{border:1px solid #aec2ed;border-radius:12px;padding:.65rem .75rem;font:inherit}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:2px solid rgba(37,99,235,.24);border-color:var(--blue)}.field-error{border-color:#e11d48!important;background:#fff1f2}.error-text{color:#be123c;font-size:.85rem;margin-top:.2rem}.checkbox-row{grid-template-columns:auto 1fr;align-items:start;gap:.6rem}
.anchor-nav{position:sticky;top:110px;align-self:start;background:#fff;border:1px solid rgba(11,19,43,.08);border-radius:14px;padding:.8rem;display:grid;gap:.4rem}.anchor-nav a{color:#1d4ed8;font-weight:600}.privacy-content section{margin-bottom:1.2rem;padding-bottom:.8rem;border-bottom:1px dashed rgba(11,19,43,.12)}
.site-footer{margin-top:clamp(2rem,5vw,4rem);padding-top:2rem;border-top:3px solid #d9e4ff;background:#0f1a3c;color:#e6eeff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:1.2rem}.site-footer p,.site-footer li,.site-footer a{color:#c8d5f6}.site-footer ul{margin:0;padding:0;list-style:none;display:grid;gap:.4rem}.social-placeholders{display:flex;gap:.4rem;margin-top:.6rem}.social-placeholders span{width:34px;height:34px;display:grid;place-content:center;border-radius:50%;background:rgba(255,255,255,.1);text-transform:uppercase}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:1.2rem;padding:.9rem 0 1.4rem;font-size:.92rem}
.cookie-banner{position:fixed;right:1rem;bottom:1rem;width:min(520px,calc(100vw - 2rem));background:rgba(11,19,43,.95);color:#f8fbff;border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 18px 36px rgba(0,0,0,.3);padding:.95rem;z-index:999}.cookie-banner p{color:#d7e4ff;margin-bottom:.8rem}.cookie-actions{display:flex;flex-wrap:wrap;gap:.5rem}.cookie-actions button,.cookie-actions a{border-radius:999px;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;padding:.45rem .8rem;font-weight:600;cursor:pointer}.cookie-actions .accept{background:var(--mint);color:#062c2b;border-color:var(--mint)}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}.reveal.show{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}
@media (max-width:1199px){.course-grid,.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-steps,.stats-grid{grid-template-columns:repeat(2,1fr)}.card-grid--3,.quote-grid,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.header-main{grid-template-columns:auto auto;grid-template-areas:"brand toggle" "nav nav" "cta cta"}.brand{grid-area:brand}.nav-toggle{grid-area:toggle;justify-self:end;display:block}.main-nav{grid-area:nav;display:none}.main-nav.open{display:block}.main-nav ul{flex-direction:column;align-items:start}.header-cta{grid-area:cta;justify-self:start}.meta-strip__inner{flex-direction:column;align-items:flex-start}.hero-grid,.inner-hero__grid,.two-col,.success-grid{grid-template-columns:1fr}.course-grid,.article-grid,.role-grid,.stats-grid,.process-steps,.card-grid--3,.quote-grid,.compare-panels,.footer-grid{grid-template-columns:1fr}.matrix-row{grid-template-columns:1fr}.anchor-nav{position:static}.cookie-banner{left:1rem;right:1rem;width:auto}}