:root{--color-brand-primary:#02475b;--color-brand-secondary:#047c89;--color-brand-deep:#08313c;--color-accent:#f2b84b;--color-surface:#fff;--color-surface-warm:#f7f4ed;--color-surface-cool:#edf6f7;--color-surface-ink:#10262f;--color-text:#14212b;--color-muted:#5b6674;--color-border:#d8e2e5;--color-success:#1d7f5f;--color-warning:#a36300;--shadow-soft:0 18px 48px #0a212a1f;--shadow-tight:0 8px 24px #0a212a1f;--radius-card:8px;--radius-control:6px;--page-max:1180px;--page-narrow:820px}*,:before,:after{box-sizing:border-box}html{background:var(--color-surface);min-width:320px;color:var(--color-text);scroll-behavior:smooth}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}body,button,input,textarea{font-size:16px}img{max-width:100%;height:auto;display:block}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid color-mix(in srgb, var(--color-accent) 80%, white);outline-offset:3px}h1,h2,h3,p,dl,dd,figure{margin:0}h1,h2,h3{color:var(--color-brand-deep);letter-spacing:0;line-height:1.08}h1{max-width:980px;font-size:5.4rem;font-weight:850}h2{font-size:3.25rem;font-weight:800}h3{font-size:1.45rem;font-weight:780}ul,ol{margin:0;padding:0}@media (width<=900px){h1{font-size:3.9rem}h2{font-size:2.55rem}}@media (width<=520px){h1{font-size:2.85rem}h2{font-size:2rem}h3{font-size:1.22rem}}#app{min-height:100vh}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #ffffff47;position:sticky;top:0}.site-header__inner{width:min(var(--page-max), calc(100% - 32px));grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:1.2rem;margin:0 auto;padding:.85rem 0;display:grid}.brand-link{min-width:0;color:var(--color-brand-deep);align-items:center;gap:.8rem;text-decoration:none;display:inline-flex}.brand-link__logo{width:92px;height:auto}.brand-link__text{gap:.1rem;min-width:0;display:grid}.brand-link__text strong{font-size:1.1rem;font-weight:850}.brand-link__text span{color:var(--color-muted);font-size:.82rem;line-height:1.25}.site-nav{border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;align-items:center;gap:.1rem;padding:.25rem;display:flex;box-shadow:0 10px 24px #0a212a0f}.site-nav a,.header-cta{color:var(--color-brand-deep);white-space:nowrap;border-radius:999px;padding:.65rem .9rem;font-size:.9rem;font-weight:750;line-height:1;text-decoration:none}.site-nav a.router-link-active{background:var(--color-brand-primary);color:#fff}.header-cta{border:1px solid var(--color-brand-primary);background:var(--color-brand-primary);color:#fff}.hero-block{width:min(var(--page-max), calc(100% - 32px));grid-template-columns:minmax(0,1.05fr) minmax(320px,.7fr);align-items:center;gap:clamp(2rem,4vw,4rem);min-height:calc(100svh - 96px);margin:0 auto;padding:clamp(3rem,7vw,5.6rem) 0 clamp(2rem,5vw,3rem);display:grid}.hero-block__content{gap:1.45rem;display:grid}.hero-block__lead{color:#334155;max-width:780px;font-size:1.25rem;line-height:1.65}.hero-media{border:1px solid color-mix(in srgb, var(--color-brand-secondary) 22%, white);border-radius:var(--radius-card);background:var(--color-surface-cool);min-height:420px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.hero-media:before{z-index:1;content:"";background:linear-gradient(#02475b00 35%,#02475b6b 100%),linear-gradient(90deg,#f2b84b40,#047c8900 42%);position:absolute;inset:0}.hero-media img{object-fit:cover;width:100%;height:100%;min-height:420px}.eyebrow{color:var(--color-brand-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:850;line-height:1.2}.hero-actions,.section-actions{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.btn{border-radius:var(--radius-control);border:1px solid #0000;justify-content:center;align-items:center;min-height:46px;padding:.8rem 1.05rem;font-weight:820;line-height:1.15;text-decoration:none;display:inline-flex}.btn--primary{border-color:var(--color-brand-primary);background:var(--color-brand-primary);color:#fff;box-shadow:0 12px 24px #02475b2e}.btn--secondary{border-color:var(--color-border);color:var(--color-brand-deep);background:#fff}.btn--full{width:100%}.text-link{color:var(--color-brand-primary);text-underline-offset:.2em;font-weight:850;text-decoration-thickness:2px}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;max-width:720px;padding-top:.5rem;display:grid}.hero-stats div,.summary-panel,.contact-card,.related-card{border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-tight);background:#fff}.hero-stats div{padding:1rem}.hero-stats dt{color:var(--color-brand-deep);font-size:1.65rem;font-weight:900;line-height:1}.hero-stats dd{color:var(--color-muted);margin-top:.25rem;font-size:.88rem}.section{width:min(var(--page-max), calc(100% - 32px));margin:0 auto;padding:clamp(4rem,8vw,6.2rem) 0}.section--tight{padding-top:clamp(2.5rem,6vw,4rem)}.section--cool,.section--warm{width:100%;max-width:none;padding-inline:max(16px, calc((100% - var(--page-max)) / 2))}.section--cool{background:var(--color-surface-cool)}.section--warm{background:var(--color-surface-warm)}.section-heading{max-width:var(--page-narrow);gap:.9rem;margin-bottom:2rem;display:grid}.section-heading p:not(.eyebrow),.feature-card p,.course-card p,.related-card p,.service-layout p,.process-grid p,.contact-card p,.article-body p,.trust-panel p{color:var(--color-muted)}.feature-grid,.course-grid,.blog-grid,.related-grid,.process-grid,.contact-grid{gap:1rem;display:grid}.feature-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.course-card,.blog-card,.process-grid article{border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-tight);background:#fff;overflow:hidden}.feature-card img,.course-card__image img,.blog-card__media img{aspect-ratio:16/10;object-fit:cover;width:100%}.feature-card>div,.course-card__body,.blog-card>div,.process-grid article{gap:.8rem;padding:1.15rem;display:grid}.feature-card h3,.course-card h2,.blog-card h2,.related-card h3{font-size:1.2rem}.feature-card h3 a,.course-card h2 a,.blog-card h2 a,.related-card h3 a{text-decoration:none}.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.course-card__footer,.card-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.course-card__footer span{color:var(--color-brand-deep);font-weight:900}.card-meta{justify-content:flex-start}.card-meta span,.topic-strip span{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-cool) 70%, white);color:var(--color-muted);border-radius:999px;padding:.3rem .55rem;font-size:.78rem;font-weight:750}.topic-strip{flex-wrap:wrap;gap:.55rem;margin-bottom:1.5rem;display:flex}.media-section,.service-layout,.course-layout,.trust-panel{grid-template-columns:minmax(280px,.7fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.media-section figure,.article-media{border-radius:var(--radius-card);background:var(--color-surface-cool);box-shadow:var(--shadow-soft);overflow:hidden}.media-section img{aspect-ratio:4/5;object-fit:cover;width:100%}.media-section>div,.service-layout>div,.trust-panel>div{gap:1rem;display:grid}.check-list{gap:.7rem;list-style:none;display:grid}.check-list li{color:var(--color-text);padding-left:1.55rem;position:relative}.check-list li:before{color:var(--color-success);content:"✓";font-weight:900;position:absolute;top:.05rem;left:0}.check-list--compact{gap:.55rem}.trust-panel{border:1px solid var(--color-border);border-radius:var(--radius-card);background:linear-gradient(135deg, #edf6f7f5, #fffffffa), var(--color-surface);box-shadow:var(--shadow-tight);margin-bottom:clamp(4rem,8vw,6rem);padding:clamp(1.5rem,4vw,2.4rem)}.course-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start}.summary-panel{gap:1rem;padding:1.2rem;display:grid;position:sticky;top:96px}.summary-panel h2{font-size:1.45rem}.summary-panel dl{gap:.75rem;display:grid}.summary-panel dl div{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:.75rem;padding-bottom:.75rem;display:flex}.summary-panel dt{color:var(--color-muted);font-weight:700}.summary-panel dd{max-width:58%;color:var(--color-brand-deep);text-align:right;font-weight:850}.course-content{gap:3rem;display:grid}.course-content section{gap:1rem;display:grid}.chapter-list{counter-reset:chapter;gap:.65rem;list-style:none;display:grid}.chapter-list li{grid-template-columns:2.4rem minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.chapter-list li:before{background:var(--color-brand-primary);color:#fff;content:counter(chapter, decimal-leading-zero);counter-increment:chapter;border-radius:999px;place-items:center;width:2.4rem;height:2.4rem;font-size:.8rem;font-weight:900;display:grid}.support-band,.article-cta{border:1px solid color-mix(in srgb, var(--color-accent) 35%, white);border-radius:var(--radius-card);background:var(--color-surface-warm);grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center;gap:1rem;padding:1.2rem;display:grid}.related-grid,.process-grid,.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related-card,.contact-card{gap:.8rem;padding:1.2rem;display:grid}.service-list{border-left:4px solid var(--color-accent);padding-left:1.2rem}.process-grid article span{color:var(--color-accent);font-size:2rem;font-weight:900;line-height:1}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card{grid-template-columns:180px minmax(0,1fr);display:grid}.blog-card__media img{aspect-ratio:auto;height:100%}.related-note{font-size:.95rem}.article-page{width:min(var(--page-narrow), calc(100% - 32px));margin:0 auto;padding:clamp(3rem,7vw,5.6rem) 0}.article-page--simple{min-height:60vh}.article-hero{gap:1rem;margin-bottom:2rem;display:grid}.article-hero h1{font-size:4.6rem}.article-hero p:not(.eyebrow){color:var(--color-muted);font-size:1.15rem}.article-media img{aspect-ratio:16/9;object-fit:cover;width:100%}.article-body{gap:1.25rem;padding-top:2rem;display:grid}.article-body p{font-size:1.08rem}.article-cta{margin-top:1rem}.contact-card h2{overflow-wrap:anywhere;font-size:1.4rem}.site-footer{background:var(--color-surface-ink);color:#fff}.site-footer__inner{width:min(var(--page-max), calc(100% - 32px));grid-template-columns:minmax(240px,1.2fr) repeat(3,minmax(0,1fr));gap:2rem;margin:0 auto;padding:3rem 0;display:grid}.site-footer h2{color:#fff;margin-bottom:.8rem;font-size:1rem}.site-footer ul{gap:.55rem;list-style:none;display:grid}.site-footer a{color:#ffffffd1;text-decoration:none}.footer-brand{color:#ffffffc7;gap:1rem;display:grid}.footer-brand img{border-radius:4px;width:150px}.site-footer__bottom{width:min(var(--page-max), calc(100% - 32px));color:#ffffff9e;border-top:1px solid #ffffff24;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin:0 auto;padding:1rem 0;font-size:.9rem;display:flex}@media (width<=1100px){.site-header__inner{grid-template-columns:1fr auto}.site-nav{border-radius:var(--radius-card);grid-column:1/-1;justify-content:flex-start;overflow-x:auto}.hero-block,.media-section,.service-layout,.course-layout,.trust-panel{grid-template-columns:1fr}.summary-panel{position:static}.course-grid,.feature-grid--three,.related-grid,.process-grid,.contact-grid,.site-footer__inner{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.site-header__inner{width:min(100% - 20px, var(--page-max))}.brand-link__text span{display:none}.header-cta{padding-inline:.75rem}.hero-block{width:min(100% - 24px, var(--page-max));min-height:auto;padding-top:2.5rem}.hero-stats,.course-grid,.feature-grid--three,.related-grid,.process-grid,.contact-grid,.blog-grid,.support-band,.article-cta,.site-footer__inner,.blog-card{grid-template-columns:1fr}.blog-card__media img{aspect-ratio:16/10}.hero-actions,.section-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.hero-media,.hero-media img{min-height:320px}.summary-panel dl div{display:grid}.summary-panel dd{text-align:left;max-width:none}.hero-block__lead{font-size:1.08rem}.article-hero h1{font-size:2.7rem}}
