:root { --ink:#070b12; --surface:#0d1420; --surface-2:#111c2b; --line:rgba(206,231,250,.14); --text:#f5f8ff; --muted:#a9b7c8; --cyan:#26bdf2; --cyan-soft:#a9ecff; --electric:#78d7ff; --lime:#c9f88a; --max:1180px; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--text); background:var(--ink); font-family:Manrope,Arial,sans-serif; line-height:1.55; overflow-x:hidden; } a { color:inherit; text-decoration:none; } button { font:inherit; } .noise { position:fixed; inset:0; pointer-events:none; opacity:.045; z-index:9; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E"); }
.section-shell { width:min(var(--max), calc(100% - 48px)); margin-inline:auto; }.site-header { position:sticky; top:0; height:82px; display:flex; align-items:center; justify-content:space-between; padding:0 max(24px,calc((100vw - var(--max))/2)); border-bottom:1px solid rgba(255,255,255,.07); background:rgba(7,11,18,.82); backdrop-filter:blur(18px); z-index:10; }.brand {
    display:inline-flex;
    align-items:center;
    gap:14px;
}

.logo {
    display:block;
    height:clamp(42px,5vw,72px);
    width:auto;
    max-width:100%;
}
.brand-name {
    font-family: Sora, sans-serif;
    font-size: clamp(1.1rem, 1.5vw, 1.35rem);
    font-weight: 800;
    letter-spacing: -0.7px;
    white-space: nowrap;
    color: var(--text);
}

.brand-name span {
    color: var(--cyan);
}
.ring-logo{
    width:70%;
    height:auto;
}.mentor-logo {
    width: 60%;
    height: auto;
    display: block;
}.desktop-nav { display:flex; gap:30px; margin-left:105px; }.desktop-nav a,.footer p,.footer a { color:var(--muted); font-size:13px; font-weight:700; }.desktop-nav a:hover,.footer a:hover { color:var(--cyan); }.header-actions { display:flex; align-items:center; gap:18px; }.language-switch { border:1px solid var(--line); border-radius:999px; padding:2px; display:flex; }.language-switch button { cursor:pointer; border:0; color:var(--muted); background:transparent; padding:4px 7px; font-size:10px; font-weight:800; border-radius:999px; }.language-switch button.active { color:var(--ink); background:var(--cyan); }.header-cta { font-size:12px; padding:10px 15px; border:1px solid var(--cyan); color:var(--cyan); font-weight:800; border-radius:3px; }.header-cta:hover { background:var(--cyan); color:var(--ink); }.menu-toggle,.mobile-nav { display:none; }
.hero { min-height:680px; display:grid; grid-template-columns:1.06fr .94fr; align-items:center; gap:64px; padding-top:60px; padding-bottom:68px; }.eyebrow { margin:0 0 17px; display:flex; align-items:center; gap:8px; color:var(--cyan); font-size:10px; letter-spacing:1.6px; font-weight:800; }.eyebrow>span:first-child { width:22px; height:1px; background:var(--cyan); }.hero h1,.section-intro h2,.tuition h2,.mentor h2,.final-cta h2 { margin:0; letter-spacing:-3.6px; font:800 clamp(42px,5vw,75px)/1.06 Sora,sans-serif; }.hero h1 em,.tuition h2 em { color:var(--cyan); font-style:normal; }.hero-lede { max-width:548px; margin:24px 0 30px; color:var(--muted); font-size:17px; line-height:1.75; }.hero-actions { display:flex; align-items:center; gap:24px; }.button { min-height:52px; padding:0 18px; display:inline-flex; align-items:center; justify-content:space-between; gap:22px; border:0; font-weight:800; font-size:13px; letter-spacing:.1px; }.button-primary { color:var(--ink); background:var(--cyan); }.button-primary:hover { background:#74dafc; transform:translateY(-2px); }.button b,.text-link b { font-size:18px; line-height:1; }.text-link { display:inline-flex; gap:9px; align-items:center; color:var(--text); border-bottom:1px solid var(--cyan); padding-bottom:3px; font-size:12px; font-weight:800; }.text-link:hover { color:var(--cyan); }.hero-proof { display:flex; gap:27px; margin-top:49px; }.hero-proof>div { display:grid; gap:2px; max-width:102px; }.hero-proof strong { color:var(--cyan-soft); font:700 18px Sora,sans-serif; letter-spacing:-1px; }.hero-proof span { color:var(--muted); font-size:9px; line-height:1.35; font-weight:700; text-transform:uppercase; letter-spacing:.45px; }
.hero-art { min-height:450px; position:relative; display:grid; place-items:center; }.orb { position:absolute; border-radius:50%; filter:blur(1px); }.orb-one { width:335px; height:335px; background:radial-gradient(circle at 40% 35%,rgba(38,189,242,.34),rgba(38,189,242,.04) 59%,transparent 70%); border:1px solid rgba(96,218,255,.2); }.orb-two { width:440px; height:440px; border:1px solid rgba(96,218,255,.07); }.wave-card { width:min(100%,430px); position:relative; z-index:2; padding:25px 27px 21px; background:linear-gradient(140deg,rgba(27,45,65,.86),rgba(8,17,28,.72)); border:1px solid rgba(173,230,255,.25); box-shadow:0 20px 70px rgba(0,0,0,.48); backdrop-filter:blur(12px); }.wave-top,.wave-bottom { display:flex; justify-content:space-between; color:#c3d0dc; font-size:9px; letter-spacing:.8px; font-weight:700; }.wave-top span:first-child { color:var(--cyan); }.wave-bottom { margin-top:14px; color:#688096; font-size:8px; }.waveform { height:155px; display:flex; align-items:center; justify-content:center; gap:5px; overflow:hidden; }.waveform i { width:4px; height:var(--h); background:linear-gradient(180deg,#b8efff,#18b8ef); border-radius:8px; opacity:.9; animation:pulse 2.8s ease-in-out infinite alternate; }.waveform i:nth-child(1){--h:21px}.waveform i:nth-child(2){--h:41px}.waveform i:nth-child(3){--h:79px}.waveform i:nth-child(4){--h:46px}.waveform i:nth-child(5){--h:103px}.waveform i:nth-child(6){--h:133px}.waveform i:nth-child(7){--h:81px}.waveform i:nth-child(8){--h:49px}.waveform i:nth-child(9){--h:120px}.waveform i:nth-child(10){--h:146px}.waveform i:nth-child(11){--h:97px}.waveform i:nth-child(12){--h:45px}.waveform i:nth-child(13){--h:89px}.waveform i:nth-child(14){--h:127px}.waveform i:nth-child(15){--h:67px}.waveform i:nth-child(16){--h:34px}.waveform i:nth-child(17){--h:72px}.waveform i:nth-child(18){--h:111px}.waveform i:nth-child(19){--h:144px}.waveform i:nth-child(20){--h:87px}.waveform i:nth-child(21){--h:63px}.waveform i:nth-child(22){--h:30px}.waveform i:nth-child(23){--h:66px}.waveform i:nth-child(24){--h:97px}.waveform i:nth-child(25){--h:47px}.waveform i:nth-child(3n){animation-delay:-.8s}.waveform i:nth-child(2n){animation-delay:-1.7s}.frequency-ring { width:108px; height:108px; position:absolute; z-index:3; right:0; bottom:15px; display:grid; place-items:center; border:1px solid var(--cyan); border-radius:50%; color:var(--cyan); font:800 15px Sora,sans-serif; background:rgba(5,15,23,.86); box-shadow:0 0 0 10px rgba(38,189,242,.04); }.art-caption { position:absolute; left:5px; bottom:13px; z-index:3; display:flex; gap:8px; align-items:center; color:var(--muted); font-size:10px; letter-spacing:.4px; }.caption-dot { width:8px; height:8px; background:var(--lime); border-radius:50%; box-shadow:0 0 0 5px rgba(201,248,138,.1); }.ticker { overflow:hidden; background:var(--cyan); color:var(--ink); white-space:nowrap; transform:rotate(-1.6deg) scale(1.03); }.ticker-track { min-width:max-content; padding:13px 0; display:flex; align-items:center; gap:26px; font:800 13px Sora,sans-serif; letter-spacing:1px; animation:scroll 28s linear infinite; }.ticker i { width:6px; height:6px; background:var(--ink); transform:rotate(45deg); }
.approach,.curriculum,.tuition,.mentor,.faq { padding-top:150px; padding-bottom:140px; }.section-intro h2 { font-size:clamp(35px,4vw,56px); }.narrow h2 { max-width:710px; }.approach-grid { margin-top:56px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.feature-card { position:relative; min-height:313px; padding:29px 29px 26px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(255,255,255,.01); }.feature-card.emphasis { background:linear-gradient(150deg,rgba(27,190,244,.16),rgba(14,28,43,.25)); }.feature-number { color:#53657a; font-size:11px; font-weight:800; }.feature-card h3 { margin:64px 0 10px; font:700 20px Sora,sans-serif; letter-spacing:-.7px; }.feature-card p { margin:0; max-width:285px; color:var(--muted); font-size:13px; line-height:1.7; }.feature-icon { position:absolute; top:31px; right:28px; width:34px; height:34px; }.icon-wave { background:repeating-linear-gradient(90deg,transparent 0 5px,var(--cyan) 6px 8px,transparent 9px 12px); clip-path:polygon(0 42%,12% 42%,16% 14%,22% 75%,29% 20%,38% 88%,46% 8%,55% 75%,64% 24%,72% 67%,81% 41%,100% 41%,100% 57%,83% 57%,74% 82%,63% 38%,55% 91%,46% 24%,39% 100%,30% 35%,22% 86%,14% 27%,11% 58%,0 58%); }.icon-person { border:1px solid var(--cyan); border-radius:50%; }.icon-person:before { content:''; position:absolute; top:7px; left:11px; width:10px; height:10px; border:1px solid var(--cyan); border-radius:50%; }.icon-person:after { content:''; position:absolute; bottom:5px; left:7px; width:18px; height:10px; border:1px solid var(--cyan); border-radius:12px 12px 5px 5px; }.icon-flag { border-left:1px solid var(--cyan); }.icon-flag:after { content:''; position:absolute; top:2px; left:0; width:25px; height:17px; background:var(--cyan); clip-path:polygon(0 0,100% 0,77% 50%,100% 100%,0 100%); }
.curriculum { background:var(--surface); }.split { display:flex; justify-content:space-between; gap:35px; align-items:end; }.split>p { max-width:360px; margin:0 0 3px; color:var(--muted); font-size:14px; line-height:1.75; }.module-list { margin-top:58px; border-top:1px solid var(--line); }.module { display:grid; grid-template-columns:70px 1fr 30px; align-items:center; gap:25px; min-height:113px; padding:20px 2px; border-bottom:1px solid var(--line); transition:.25s ease; }.module:hover { padding-inline:17px; background:rgba(38,189,242,.055); }.module>span { color:var(--cyan); font:800 12px Sora,sans-serif; }.module h3 { margin:0 0 4px; font:700 20px Sora,sans-serif; letter-spacing:-.65px; }.module p { margin:0; color:var(--muted); font-size:13px; }.module>b { color:var(--cyan); font-size:21px; font-weight:400; }.syllabus-callout { margin-top:45px; padding:26px 28px; display:flex; align-items:center; justify-content:space-between; gap:25px; background:linear-gradient(90deg,rgba(38,189,242,.14),rgba(38,189,242,.03)); border:1px solid rgba(38,189,242,.3); }.syllabus-callout>div:first-child { display:grid; grid-template-columns:34px 1fr; column-gap:13px; }.mini-mark { grid-row:span 2; width:29px; height:29px; border:2px solid var(--cyan); border-radius:50%; position:relative; }.mini-mark:after { content:''; position:absolute; inset:6px; border:1px solid var(--cyan); border-radius:50%; }.syllabus-callout p { margin:0; font:700 14px Sora,sans-serif; }.syllabus-callout small { color:var(--muted); font-size:12px; }.syllabus-actions { display:flex; gap:18px; flex-shrink:0; }.syllabus-actions a { color:var(--cyan); font-size:12px; font-weight:800; border-bottom:1px solid currentColor; padding-bottom:3px; }
.comparison-wrap { background:#e9f8ff; color:#0a1722; }.comparison { padding-top:135px; padding-bottom:142px; }.comparison .eyebrow { color:#08799d; }.comparison .eyebrow>span:first-child { background:#08799d; }.comparison-table { margin-top:55px; border-top:1px solid #b6d4df; }.compare-row { display:grid; grid-template-columns:2.1fr 1fr 1fr 1fr; align-items:center; min-height:64px; border-bottom:1px solid #b6d4df; font-size:13px; }.compare-row span { padding-inline:16px; }.compare-head { min-height:50px; color:#4b6876; font:800 11px Sora,sans-serif; letter-spacing:.3px; text-transform:uppercase; }.compare-head span:nth-child(2) { color:#057fa9; }.yes { color:#079fcf; font-size:16px; }.no { color:#7d939d; font-size:20px; }.maybe { color:#537280; font-size:11px; font-style:italic; }
.tuition { display:grid; grid-template-columns:1fr .84fr; gap:100px; align-items:center; }.tuition h2 { font-size:clamp(37px,4vw,57px); }.tuition-copy>p:not(.eyebrow):not(.availability) { max-width:470px; color:var(--muted); font-size:15px; line-height:1.8; }.availability { display:flex; gap:10px; align-items:center; margin-top:25px; color:var(--lime); font-size:11px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; }.availability-dot {
    width:8px;
    height:8px;
    background:var(--lime);
    border-radius:50%;
    box-shadow:0 0 0 5px rgba(201,248,138,.15);
    flex-shrink:0;
}.price-card { padding:40px 39px 30px; background:linear-gradient(150deg,#14344a,#0c1724 75%); border:1px solid rgba(120,215,255,.4); box-shadow:20px 21px 0 rgba(38,189,242,.09); }.price-kicker { margin:0; color:var(--cyan-soft); font-size:10px; font-weight:800; letter-spacing:1.3px; }.price { margin:7px 0 3px; display:flex; align-items:baseline; }.price span { color:var(--cyan); font:700 26px Sora,sans-serif; }.price strong { font:800 77px/.95 Sora,sans-serif; letter-spacing:-6px; }.price small { color:var(--muted); font-size:12px; }.price-note { margin:5px 0 21px; color:#c1d1df; font-size:12px; }.price-card ul { list-style:none; padding:0; margin:0 0 29px; border-top:1px solid rgba(255,255,255,.13); }.price-card li { padding:11px 0; border-bottom:1px solid rgba(255,255,255,.13); color:#dce8f3; font-size:12px; }.price-card li:before { content:'✓'; margin-right:10px; color:var(--lime); font-weight:800; }.button.full { width:100%; }.price-foot { display:block; margin-top:15px; color:#91a9bd; text-align:center; font-size:10px; line-height:1.5; }
.mentor { display:grid; grid-template-columns:.8fr 1.2fr; gap:110px; align-items:center; border-top:1px solid var(--line); }.mentor h2 { font-size:clamp(34px,4vw,51px); }.mentor>div:last-child>p:not(.eyebrow) { max-width:570px; margin:24px 0 28px; color:var(--muted); font-size:15px; line-height:1.85; }.mentor-signal { position:relative; aspect-ratio:1; max-width:350px; display:grid; place-items:center; margin:auto; border:1px solid var(--line); border-radius:50%; background:radial-gradient(circle,rgba(38,189,242,.2),transparent 58%); }.mentor-signal:before,.mentor-signal:after { content:''; position:absolute; border:1px solid rgba(38,189,242,.25); border-radius:50%; }.mentor-signal:before{inset:12%}.mentor-signal:after{inset:27%}.mentor-signal span { position:relative; z-index:2; font:800 42px Sora,sans-serif; color:var(--cyan); letter-spacing:-3px; }.mentor-signal i { position:absolute; width:7px; height:7px; background:var(--cyan); border-radius:50%; }.mentor-signal i:nth-of-type(1){top:6%;left:48%}.mentor-signal i:nth-of-type(2){bottom:6%;left:48%}.mentor-signal i:nth-of-type(3){left:6%;top:48%}.mentor-signal i:nth-of-type(4){right:6%;top:48%}.faq { padding-top:0; }.faq-list { margin-top:53px; border-top:1px solid var(--line); }.faq details { border-bottom:1px solid var(--line); }.faq summary { padding:23px 4px; cursor:pointer; display:flex; justify-content:space-between; align-items:center; font:700 16px Sora,sans-serif; list-style:none; }.faq summary::-webkit-details-marker { display:none; }.faq summary b { color:var(--cyan); font-size:22px; font-weight:400; }.faq details[open] summary b { transform:rotate(45deg); }.faq details p { max-width:700px; margin:-4px 30px 24px 4px; color:var(--muted); font-size:13px; line-height:1.8; }
.final-cta { padding:125px 0; background:linear-gradient(125deg,#10b9f3,#08799d); color:#03141d; }.final-cta .eyebrow { color:#042a39; }.final-cta .eyebrow>span:first-child { background:#042a39; }.final-cta h2 { max-width:780px; font-size:clamp(39px,5vw,66px); }.final-cta>div>p:not(.eyebrow) { max-width:450px; margin:22px 0 28px; font-size:15px; line-height:1.75; color:#073245; font-weight:600; }.button-light { color:#e9f8ff; background:#07141d; }.button-light:hover { background:#173746; transform:translateY(-2px); }.footer { min-height:114px; display:flex; align-items:center; justify-content:space-between; gap:18px; }.footer p { margin:0; }.footer>div { display:flex; gap:20px; }
@keyframes pulse { from { transform:scaleY(.43); opacity:.42; } to { transform:scaleY(1); opacity:1; } } @keyframes scroll { to { transform:translateX(-50%); } }
@media (max-width:850px) { .site-header{height:70px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:grid; gap:5px; padding:5px 0; background:none;border:0;cursor:pointer}.menu-toggle span{width:23px;height:1px;background:var(--text);transition:.2s}.menu-toggle.open span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle.open span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-nav{position:fixed;z-index:8;top:70px;left:0;right:0;padding:22px 24px 26px;gap:19px;background:#0b111b;border-bottom:1px solid var(--line);transform:translateY(-130%);opacity:0;transition:.25s}.mobile-nav.open{display:flex;flex-direction:column;transform:translateY(0);opacity:1}.mobile-nav a{font:700 15px Sora,sans-serif}.hero{grid-template-columns:1fr;padding-top:70px;gap:20px}.hero-art{min-height:355px;max-width:530px;width:100%;margin:auto}.hero h1{font-size:clamp(43px,10vw,64px)}.approach,.curriculum,.tuition,.mentor,.faq{padding-top:100px;padding-bottom:95px}.approach-grid{grid-template-columns:1fr}.feature-card{min-height:245px}.feature-card h3{margin-top:52px}.split,.tuition,.mentor{grid-template-columns:1fr;display:grid;gap:38px}.split>p{max-width:560px}.tuition{gap:46px}.price-card{max-width:520px}.mentor{gap:55px}.mentor-signal{max-width:260px}.comparison{padding-top:95px;padding-bottom:96px}.compare-row{grid-template-columns:1.7fr repeat(3,1fr);font-size:11px}.compare-row span{padding-inline:8px}.compare-head{font-size:8px}.syllabus-callout{align-items:flex-start;flex-direction:column}.footer{align-items:flex-start;flex-direction:column;padding-top:34px;padding-bottom:34px} }
@media (max-width:520px) { .section-shell{width:min(100% - 34px,var(--max))}.site-header{padding-inline:17px}.logo{height:42px}.brand-name{font-size: 1rem;}.hero{min-height:auto;padding-top:54px;padding-bottom:56px}.hero-lede{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-proof{gap:16px;margin-top:39px}.hero-proof>div{max-width:86px}.hero-proof strong{font-size:15px}.hero-art{min-height:290px}.wave-card{padding:18px}.waveform{height:115px;gap:4px}.frequency-ring{width:76px;height:76px;font-size:11px;right:-3px;bottom:2px}.art-caption{left:0;bottom:0}.orb-one{width:250px;height:250px}.orb-two{width:320px;height:320px}.ticker-track{font-size:10px;padding:10px 0}.approach,.curriculum,.tuition,.mentor,.faq{padding-top:76px;padding-bottom:76px}.section-intro h2,.tuition h2,.mentor h2{letter-spacing:-2.2px}.module{grid-template-columns:39px 1fr 16px;gap:10px;min-height:112px}.module h3{font-size:15px}.module p{font-size:11px;line-height:1.55}.module:hover{padding-inline:5px}.syllabus-callout{padding:21px 18px}.syllabus-actions{gap:15px}.compare-row{grid-template-columns:1.8fr repeat(3,1fr);min-height:58px;font-size:10px}.compare-row span{padding-inline:4px}.compare-head{font-size:7px;line-height:1.25}.price-card{padding:31px 23px 24px;box-shadow:11px 11px 0 rgba(38,189,242,.09)}.price strong{font-size:67px}.final-cta{padding:83px 0}.final-cta h2{letter-spacing:-2.4px}.footer>div{gap:14px;flex-wrap:wrap} }
.hidden-reel {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease, margin-top .5s ease;
}

.hidden-reel.open {
    max-height: 1000px;
    margin-top: 25px;
}

.student-reel-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 12px;
}

.student-reel {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 12px;
    border: 1px solid var(--line);
    background: #000;
}