:root{--bg:#100a28;--bg-2:#ffffff0d;--surface:#ffffff0d;--surface-2:#ffffff14;--text:#f7f5ff;--muted:#e4def2;--soft:#cfc5e2;--accent:#c4b5fd;--violet:#8b5cf6;--violet-deep:#7c3aed;--line:#ffffff26;--line-soft:#ffffff1f;--shadow:0 40px 100px #00000040,0 0 60px #a78bfa1f}
html,body{background:linear-gradient(145deg,#171044 0%,#100a28 48%,#2b1036 100%);background-attachment:fixed}
.site-header{border-color:#ffffff26;background:#ffffff0d;box-shadow:0 1px #ffffff0d;backdrop-filter:blur(18px)}
.nav-links{margin-inline:auto}.nav-cta,.button-primary{border-color:#c4b5fd66;background:#ffffff14;box-shadow:0 0 34px #a78bfa38;backdrop-filter:blur(12px)}
.button-primary:hover{border-color:#e9d5ff;background:#ffffff21;box-shadow:0 0 52px #d946ef4d,0 0 28px #818cf84a}
.button-ghost{border-color:#ffffff4d;background:#ffffff0d;backdrop-filter:blur(12px)}
.hero{min-height:max(630px,100svh);padding-top:112px;padding-bottom:80px;background:#ffffff0d;backdrop-filter:blur(12px)}
.hero-grid{grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px)}
.hero-copy h1{font-size:clamp(3.2rem,5.35vw,4.875rem);line-height:1.14}.hero-copy .lead{color:#ffffffd9}.hero-facts{margin-top:32px;color:#ffffffcc}
.cinematic-grid{background-image:linear-gradient(#a78bfa13 1px,transparent 1px),linear-gradient(90deg,#a78bfa13 1px,transparent 1px)}
.growth-orbit{background:radial-gradient(circle at 32% 28%,#fffffff5 0 2%,transparent 3%),radial-gradient(circle at 50% 45%,#ddd6fe 0 8%,#8b5cf6 26%,#2b1036 54%,#100a28 72%);box-shadow:0 0 110px #a78bfa7a,inset -24px -30px 70px #0000008c}
.motion-toggle{background:#ffffff0d}.campaign{padding-top:0;background:#ffffff0d;backdrop-filter:blur(12px)}
.campaign-card{border-color:#c4b5fd59;background:#ffffff0d;box-shadow:0 0 55px #a78bfa24,inset 0 1px #ffffff1f;backdrop-filter:blur(16px)}
.button-light{border-color:#ffffff40;background:#ffffffe6;box-shadow:0 0 28px #ffffff29}
.story-shell,.capabilities-section,.blog-section{border-color:#ffffff1f;background:#ffffff0d;backdrop-filter:blur(12px)}
.scene-sticky{border-color:#c4b5fd47;background:radial-gradient(circle at 50% 44%,#a78bfa38,transparent 45%),#ffffff0d;box-shadow:0 40px 100px #00000040,0 0 60px #a78bfa1f;backdrop-filter:blur(12px)}
.scene-node{border-color:#100a28}.scene-caption{background:#ffffff0d;backdrop-filter:blur(14px)}
.capability-list{border-color:#ffffff26;background:#ffffff0d;box-shadow:0 0 45px #c4b5fd1f;backdrop-filter:blur(14px)}
.capability-item{background:#ffffff0d;backdrop-filter:blur(12px)}.capability-item:hover{background:#ffffff1a}.capability-item[aria-expanded=true]{background:#ffffff1a;box-shadow:inset 0 0 30px #a78bfa29}
.proof-band{border-block:1px solid #ffffff1f;background:#ffffff0d;color:#fff;backdrop-filter:blur(12px)}
.proof-layout>div>p:last-child{color:#ffffffd9}.proof-card,.proof-card-2{border:1px solid #ffffff26;background:#ffffff0d;color:#fff;box-shadow:0 0 32px #a78bfa1f;backdrop-filter:blur(12px)}.proof-card-2{border-color:#c4b5fd66;background:#ffffff1a;box-shadow:0 0 44px #c4b5fd33}
.course-grid{display:flex;flex-direction:column;gap:20px}.course-card{min-height:220px;padding:30px;border-color:#c4b5fd73;background:#ffffff0d;box-shadow:0 0 34px #a78bfa38,inset 0 1px #ffffff1f;backdrop-filter:blur(14px)}
.course-card:hover{transform:translateY(-4px);border-color:#f5d0fecc;background:#ffffff14;box-shadow:0 0 65px #d946ef5c,0 0 34px #818cf847}.course-card h3{margin:24px 0 12px;font-size:clamp(1.7rem,3vw,2.25rem)}.course-card p{max-width:720px}.course-card .course-meta{margin-top:auto;color:#ffffffd1}
.blog-section{border-block:1px solid #ffffff1f}.blog-card,.card{border-color:#ffffff26;background:#ffffff0d;box-shadow:0 0 34px #a78bfa17;backdrop-filter:blur(12px)}.blog-card:hover,.card:hover{border-color:#c4b5fd80;box-shadow:0 0 46px #a78bfa29}
.conversion{background:#ffffff0d;backdrop-filter:blur(12px)}.conversion-card{border:1px solid #c4b5fd59;background:#ffffff0d;color:#fff;box-shadow:0 0 70px #c4b5fd2e;backdrop-filter:blur(16px)}.conversion-card .eyebrow{color:#ddd6fe}
.site-footer{background:#ffffff0d;backdrop-filter:blur(12px)}
.page-hero{border-bottom:1px solid #ffffff1f;background:radial-gradient(circle at 15% 20%,#a78bfa38,transparent 42%),#ffffff0d;backdrop-filter:blur(12px)}
.form,.form-shell>aside,.contact-channels{border-color:#ffffff26;background:#ffffff0d;box-shadow:0 0 42px #a78bfa1f;backdrop-filter:blur(14px)}
.field input,.field select,.field textarea{border-color:#ffffff38;background:#ffffff0d;backdrop-filter:blur(10px)}
dialog{border-color:#c4b5fd66;background:#ffffff0d;box-shadow:0 0 70px #a78bfa3d;backdrop-filter:blur(24px)}dialog::backdrop{background:#100a28b3}.dialog-close{background:#ffffff0d}
.article blockquote{background:#ffffff0d;border-radius:0 14px 14px 0}
.page-hero .growth-orbit .orb{background:radial-gradient(circle at 32% 28%,#fff 0 2%,transparent 3%),radial-gradient(circle at 50% 45%,#ddd6fe 0 8%,#8b5cf6 26%,#2b1036 54%,#100a28 72%);box-shadow:0 0 90px #a78bfa7a,inset -20px -24px 55px #0008}
@media(min-width:1024px) and (max-height:780px){.hero{min-height:max(630px,100svh);padding-top:100px;padding-bottom:60px}.hero-grid{gap:32px}.hero-copy h1{font-size:clamp(3.35rem,5vw,4.25rem);line-height:1.08}.hero-orbit-wrap{width:min(40vw,445px)}.motion-toggle{bottom:18px}.scroll-cue{bottom:20px}}
@media(max-width:1023px){.nav-links{margin-inline:0;background:#ffffff14;backdrop-filter:blur(20px)}.hero-copy h1{font-size:clamp(3rem,11vw,4rem)}}
@media(max-width:640px){.course-card{min-height:240px}}