body[data-page="landing"]{background:#090a0c;color:#f3f5fa;font-family:'Plus Jakarta Sans',sans-serif}
body[data-page="landing"]::before,body[data-page="landing"]::after{display:none}
.course-redesign{max-width:1280px;margin:0 auto;padding:0 56px;position:relative}
.course-nav{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid #242933}
.course-brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;font-size:10px;letter-spacing:.18em;line-height:1.7;font-weight:500}
.course-brand img{object-fit:contain}.course-brand b{font-weight:800}.nav-label{font-size:10px;color:#9ca7ba;letter-spacing:.2em}
.course-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:72px;align-items:center;padding:76px 0 64px}
.course-intro .pill{margin:0 0 26px;padding:0;border:0;background:none;box-shadow:none;font-family:inherit;color:#9eaff0;font-size:11px;letter-spacing:.04em;justify-content:flex-start}
.course-intro .pill i{background:#2060f0;box-shadow:none}
.course-intro h1{font-family:inherit;font-size:clamp(36px,3.7vw,52px);line-height:1.16;letter-spacing:-.045em;font-weight:800;text-align:left;max-width:none;margin:0;text-transform:none;text-shadow:none}
.course-intro h1 s{color:#778399;text-decoration-color:#778399;font-size:inherit}.course-intro h1 em{font-family:inherit;font-style:normal;color:#6d9bff;background:none;text-shadow:none}
.course-action{margin-top:32px}.course-redesign .cta{font-family:inherit;border-radius:6px;background:#2060f0;border:1px solid #487cf1;color:#fff;box-shadow:none;min-height:58px;padding:17px 28px;font-size:16px;font-weight:800;text-transform:none;display:flex;align-items:center;justify-content:space-between;gap:60px;width:270px;max-width:100%;margin:0;animation:none}
.course-redesign .cta:hover{background:#174fcc;transform:none}.course-redesign button:focus-visible{outline:3px solid #9fbbff;outline-offset:5px}
.course-action .social{justify-content:flex-start;margin:24px 0 0;gap:12px}.course-action .social p{font-size:12px;color:#9ea8b9;text-align:left}.course-action .profile-stack{transform:scale(.8);transform-origin:left center;margin-right:-16px}
.course-intro .availability{justify-content:flex-start;margin:16px 0 0;font-size:11px;color:#8a94a6}.course-intro .clock-icon{border-color:#8a94a6}
.course-outline{position:relative;min-width:0;background:#111620;border:1px solid #2c374b;border-radius:10px;box-shadow:16px 16px 0 #0c1018;overflow:hidden}
.outline-top{padding:23px 24px;background:#2060f0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:700}.outline-count{font-size:10px;opacity:.7;font-variant-numeric:tabular-nums;white-space:nowrap}
.outline-list{padding:0 24px}.course-unit{width:100%;display:grid;grid-template-columns:35px 1fr 20px;gap:16px;text-align:left;align-items:center;border:0;border-bottom:1px solid #29313f;background:none;color:#fff;padding:30px 0;cursor:pointer;font-family:inherit}.course-unit:last-child{border:0}.unit-num{align-self:start;padding-top:3px;font-size:13px;color:#6d9bff;font-variant-numeric:tabular-nums}.course-unit small{display:block;font-size:9px;letter-spacing:.16em;color:#8d9bb2;margin-bottom:10px}.course-unit strong{display:block;font-size:21px;line-height:1.35;font-weight:600;letter-spacing:-.025em}.unit-arrow{color:#7c8fac;transition:transform .2s}.course-unit:hover .unit-arrow{transform:translate(3px,-3px);color:#fff}
.outline-bottom{border-top:1px solid #29313f;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;color:#9aa7bc;font-size:12px}.outline-bottom s{margin-left:8px}.outline-bottom strong{font-size:18px;color:#6d9bff;letter-spacing:.04em}
.instructor-strip{display:flex;align-items:center;gap:32px;padding:28px 0 36px;border-top:1px solid #242933}.instructor-strip .teacher{margin:0;padding:0;background:none;justify-content:flex-start;flex-shrink:0}.instructor-strip .teacher strong{font-family:inherit;font-size:13px;color:#f3f5fa}.instructor-strip .teacher span{font-size:11px;color:#8e9bb0}.instructor-strip .teacher img{width:48px;height:48px}.instructor-line{height:1px;background:#242933;flex:1}.instructor-strip>img{opacity:.5;object-fit:contain}
body[data-page="landing"] footer{background:#090a0c;border-top:1px solid #202631;padding:32px 24px}body[data-page="landing"] .footer-inner{max-width:1168px;text-align:left}body[data-page="landing"] footer .logo{display:none}body[data-page="landing"] footer p{max-width:850px;margin:8px 0;color:#8c97a9;font-size:11px;line-height:1.7}body[data-page="landing"] footer h2{font-family:inherit;font-size:11px;margin:20px 0 4px;color:#abb5c6}body[data-page="landing"] footer small{color:#778399}
body[data-page="landing"] dialog{background:#111620;border:1px solid #34425c;border-radius:12px}body[data-page="landing"] dialog h2{font-family:inherit;font-weight:800;letter-spacing:-.04em}body[data-page="landing"] dialog .cta{background:#2060f0;border-radius:6px;box-shadow:none;font-family:inherit}body[data-page="landing"] dialog::backdrop{background:rgba(2,5,12,.82);backdrop-filter:blur(6px)}
@media(max-width:1000px){.course-redesign{padding:0 32px}.course-hero{gap:36px}.course-unit strong{font-size:18px}.outline-list{padding:0 18px}.course-unit{gap:10px}}
@media(max-width:760px){.course-redesign{padding:0 22px}.course-nav{padding:20px 0}.course-brand img{width:38px;height:32px}.course-hero{grid-template-columns:1fr;gap:40px;padding:38px 0}.course-intro h1{font-size:clamp(32px,7.7vw,48px);line-height:1.18}.course-intro .pill{font-size:10px;margin-bottom:20px}.course-redesign .cta{width:100%}.course-outline{box-shadow:7px 7px 0 #0c1018}.course-unit{padding:25px 0}.course-unit strong{font-size:21px}.outline-list{padding:0 22px}.instructor-strip{gap:18px}.nav-label{font-size:9px}.course-action .social{margin-top:18px}body[data-page="landing"] footer{padding:25px 22px}}
@media(prefers-reduced-motion:reduce){.course-redesign *{animation:none!important;transition:none!important}}

.course-intro .availability{background:none;border:0;border-radius:0;padding:0;letter-spacing:.03em;box-shadow:none}
body[data-page="landing"] dialog .cta{color:#fff}

/* Course preview is a phone illustration, visually distinct from the signup CTA. */
.course-intro h1 s,.outline-bottom s { color:#f87171; text-decoration-color:#f87171; }
.course-outline { width:100%; max-width:390px; justify-self:center; border:7px solid #262d39; border-radius:46px; background:#10141c; box-shadow:0 0 0 1px #536079,0 28px 70px rgba(0,0,0,.45); padding:0 0 12px; overflow:hidden; transform:rotate(2deg); }
.phone-status { height:47px; display:flex; align-items:center; justify-content:space-between; padding:0 24px; color:#e5e9f1; font-size:11px; font-weight:700; position:relative; }
.phone-island { position:absolute; width:98px; height:24px; border-radius:18px; background:#05070a; top:10px; left:50%; transform:translateX(-50%); }
.phone-signals { display:flex; align-items:center; gap:7px; font-size:10px; }
.phone-signals i { display:block; width:18px; height:9px; border:1px solid #b8c3d6; border-radius:2px; background:linear-gradient(90deg,#b8c3d6 75%,transparent 75%); }
.phone-title { display:flex; align-items:center; gap:10px; padding:22px 22px 23px; font-size:13px; font-weight:700; }
.phone-title img { object-fit:contain; }
.phone-tabs { display:flex; align-items:center; justify-content:space-between; padding:0 22px; border-bottom:1px solid #2c3444; gap:12px; font-size:11px; }
.phone-tabs strong { padding:0 0 12px; font-weight:600; border-bottom:2px solid #6d9bff; }
.phone-tabs>span { color:#8e9db5; font-size:10px; padding-bottom:12px; }
.course-outline .outline-list { padding:7px 18px 4px; }
.course-outline .course-unit { grid-template-columns:30px 1fr 22px; padding:26px 0; gap:10px; cursor:default; }
.course-outline .course-unit strong { font-size:19px; }
.course-outline .course-unit small { font-size:8px; letter-spacing:.1em; }
.course-outline .unit-num { color:#7fa6ff; font-size:11px; }
.course-outline .unit-arrow { color:#6d9bff; font-size:12px; transform:none; }
.course-outline .course-unit:hover .unit-arrow { transform:none; color:#6d9bff; }
.course-outline .outline-bottom { margin:0 18px; padding:18px 0; font-size:11px; }
.course-outline .outline-bottom strong { font-size:15px; }
.phone-home { width:105px; height:4px; background:#a6afbf; border-radius:4px; margin:12px auto 0; }
@media(max-width:1000px) and (min-width:761px) { .course-hero { gap:24px; } .course-outline { transform:none; } .phone-title { padding-left:16px; padding-right:16px; font-size:11px; } .course-outline .course-unit strong { font-size:17px; } }
@media(max-width:760px) { .course-outline { max-width:350px; width:calc(100% - 10px); transform:none; margin:0 auto; border-width:6px; border-radius:40px; } .course-hero { gap:40px; } }

/* Match the Inner Circle background texture as well as its base color. */
body[data-page="landing"]::before { content:''; display:block; position:absolute; inset:0 0 auto; height:1100px; pointer-events:none; z-index:0; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:56px 56px; mask-image:linear-gradient(#000,transparent); }
body[data-page="landing"] .course-redesign,body[data-page="landing"] footer { position:relative; z-index:1; }
@media(max-width:600px) { body[data-page="landing"]::before { background-size:40px 40px; } }

/* Explicit price paint for mobile browsers; compact phone proportions. */
body[data-page="landing"] .course-intro h1 s,body[data-page="landing"] .outline-bottom s { color:#f87171 !important; -webkit-text-fill-color:#f87171 !important; text-decoration-color:#f87171 !important; }
@media(max-width:760px) {
 .course-outline { width:100%; max-width:292px; border:5px solid #29313e; border-radius:36px; transform:none; box-shadow:0 0 0 1px #536079,0 16px 35px rgba(0,0,0,.28); }
 .phone-status { height:40px; padding:0 20px; font-size:10px; }
 .phone-island { width:82px; height:21px; top:8px; }
 .phone-title { padding:17px 16px 19px; font-size:11px; gap:8px; }
 .phone-title img { width:25px; height:21px; }
 .phone-tabs { padding:0 16px; font-size:10px; }
 .phone-tabs>span { font-size:9px; }
 .course-outline .outline-list { padding:4px 16px; }
 .course-outline .course-unit { grid-template-columns:23px 1fr 13px; gap:8px; padding:22px 0; }
 .course-outline .course-unit strong { font-size:17px; line-height:1.35; }
 .course-outline .course-unit small { font-size:7px; letter-spacing:.08em; margin-bottom:8px; }
 .course-outline .unit-num { font-size:10px; }
 .course-outline .unit-arrow { font-size:10px; }
 .course-outline .outline-bottom { margin:0 16px; padding:15px 0; font-size:10px; }
 .course-outline .outline-bottom strong { font-size:13px; }
 .phone-home { width:88px; height:4px; margin-top:9px; }
}

/* Signup popup color match. */
body[data-page="landing"] #signup { background:#090a0c; color:#f3f5fa; border-color:#303846; }
body[data-page="landing"] #signup::backdrop { background:rgba(9,10,12,.86); }
body[data-page="landing"] #signup h2 em { color:#6d9bff; -webkit-text-fill-color:#6d9bff; background:none; }
body[data-page="landing"] #signup .form-note,body[data-page="landing"] #signup .consent,body[data-page="landing"] #signup small { color:#9da8bb; }
body[data-page="landing"] #signup label { color:#c7cedb; }
body[data-page="landing"] #signup input,body[data-page="landing"] #signup .phone-field,body[data-page="landing"] #signup .country-picker { background:#11151d; border-color:#303b4d; color:#f3f5fa; }
body[data-page="landing"] #signup input::placeholder { color:#8491a6; }
body[data-page="landing"] #signup input:focus { border-color:#6d9bff; outline-color:#6d9bff; }
body[data-page="landing"] #signup .phone-field:focus-within { border-color:#6d9bff; }
body[data-page="landing"] #signup .close { background:#11151d; border-color:#303b4d; color:#c7cedb; }
body[data-page="landing"] #signup .cta { background:#2060f0; border-color:#487cf1; color:#fff; }
body[data-page="landing"] #signup .cta:hover { background:#174fcc; }
body[data-page="landing"] #signup .consent a { color:#a7beee; }