@font-face{font-family:"EWC Gothic";src:url("/assets/fonts/URWGothic-Book.otf") format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:"EWC Gothic";src:url("/assets/fonts/URWGothic-Demi.otf") format("opentype");font-weight:700 900;font-display:swap}
:root{--ink:#0B2A66;--ink2:#13213C;--blue:#0B2A66;--blue2:#17458f;--teal:#16D9D4;--coral:#FF7426;--cream:#FFF9F1;--mist:#F7F3E9;--lav:#e9fbfa;--muted:#627083;--line:#dfe6e5;--shadow:0 28px 80px rgba(11,42,102,.14);--font-head:"EWC Gothic",system-ui,sans-serif;--font-body:"EWC Gothic",system-ui,sans-serif}
body{background:linear-gradient(180deg,#fff 0,#fff 70%,#fffaf3 100%);font-weight:400}
h1,h2,h3,.button,.site-nav,.eyebrow,.kicker{font-family:var(--font-head)}
.site-header{height:88px;background:rgba(255,249,241,.92);border-bottom:1px solid rgba(11,42,102,.08);box-shadow:0 8px 35px rgba(11,42,102,.04)}
.brand-logo{display:block;width:210px;height:auto;max-height:54px}.site-footer .brand-logo{filter:none;width:218px}.site-footer .brand{background:#fff;border-radius:14px;padding:8px 12px;width:max-content}
.site-nav{gap:21px}.site-nav>a:not(.button){font-weight:700;font-size:14px}.site-nav>a:not(.button):hover{color:#078f8b}
.button{border-radius:14px;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(135deg,#0B2A66,#17458f);box-shadow:0 12px 28px rgba(11,42,102,.2)}.button.primary:hover{box-shadow:0 16px 34px rgba(11,42,102,.28)}
.hero{background:radial-gradient(circle at 15% 15%,rgba(22,217,212,.13),transparent 28%),radial-gradient(circle at 90% 80%,rgba(168,239,22,.1),transparent 24%),#FFF9F1}.hero-copy h1{color:#0B2A66}.hero-copy h1 em{color:#078f8b}.hero-visual{border-radius:34px;box-shadow:0 35px 85px rgba(11,42,102,.2);border:1px solid rgba(11,42,102,.08)}.hero-visual img{border-radius:34px}.hero-visual figcaption{border-radius:18px;background:rgba(255,255,255,.94);border:1px solid rgba(11,42,102,.08)}
.trust-row b,.kicker,.eyebrow,.text-link{color:#078f8b}.path-strip{background:#0B2A66}.path-strip a:hover{background:#16D9D4;color:#0B2A66}
.outcome-grid article,.course-card,.mini-card,.resource-card,.values-grid article,.article-card,.price-card{border-color:rgba(11,42,102,.09);box-shadow:0 16px 45px rgba(11,42,102,.06)}
.outcome-grid article:hover,.course-card:hover,.mini-card:hover,.resource-card:hover,.values-grid article:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(11,42,102,.12)}
.journey-card.blue{background:linear-gradient(145deg,#0B2A66,#17458f)}.journey-card.teal{background:linear-gradient(145deg,#087f7c,#16D9D4)}.journey-card.coral-card{background:linear-gradient(145deg,#d74b00,#FF7426)}
.progress-demo i b,.pulse{background:#A8EF16}.kio-story,.site-footer{background:#0B2A66}.kio-story:before{background:radial-gradient(circle,rgba(22,217,212,.18),transparent 66%)}
.method-board{border-color:rgba(11,42,102,.08);box-shadow:var(--shadow)}.method-board ol li.active{background:#0B2A66}.lesson-preview{background:linear-gradient(145deg,#fff,#f7fffe)}.tip{background:#eafffd}.mic{background:#0B2A66}.mic span{color:#FF7426}
.final-cta .cta-card{background:linear-gradient(135deg,#0B2A66 0%,#123f83 63%,#067f7c 100%);box-shadow:0 35px 90px rgba(11,42,102,.24)}
.page-hero{background:radial-gradient(circle at 85% 20%,rgba(22,217,212,.13),transparent 30%),radial-gradient(circle at 10% 90%,rgba(168,239,22,.09),transparent 25%),#FFF9F1}.page-hero h1{color:#0B2A66}
.price-card.popular{border:2px solid #16D9D4}.popular-label{background:#0B2A66}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:3px solid rgba(22,217,212,.24);border-color:#078f8b}
.terms-check{display:grid!important;grid-template-columns:22px 1fr;align-items:start}.terms-check input{margin-top:4px}.icon-chip{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e7fbf9;color:#0B2A66;font-weight:800}
.kio-launch{background:#0B2A66;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 45px rgba(11,42,102,.24)}.kio-head{background:#0B2A66}.kio-form button{background:#FF7426}.kio-messages .user{background:#0B2A66}
@media(max-width:1060px){.brand-logo{width:180px}.site-nav{gap:15px}.site-nav>a:not(.button){font-size:13px}}
@media(max-width:860px){.brand-logo{width:190px}.site-header{height:78px}}
@media(prefers-reduced-motion:reduce){.button,.outcome-grid article,.course-card,.mini-card,.resource-card,.values-grid article{transition:none}}
