:root{--ink:#0a1724;--navy:#0c2639;--blue:#124f70;--cyan:#31c7c9;--cream:#f5f1e9;--white:#fff;--muted:#586573;--line:#dbe2e5;--display:'Barlow Condensed',sans-serif;--body:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--body);color:var(--ink);background:var(--cream);font-size:16px;line-height:1.6}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.hero{min-height:100svh;background:radial-gradient(circle at 78% 15%,#1d6075 0,transparent 30%),linear-gradient(135deg,#07131e 0%,#0a2637 58%,#103a4d 100%);color:white;position:relative;overflow:hidden}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4}.brand{display:flex;align-items:center;gap:10px}.brand span{font-family:var(--display);font-size:2.1rem;font-weight:800;letter-spacing:.04em;border-right:1px solid rgba(255,255,255,.35);padding-right:10px}.brand small{font-size:.68rem;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:#d8e4e8;max-width:72px}.nav-cta{border:1px solid rgba(255,255,255,.5);padding:11px 20px;border-radius:999px;font-size:.85rem;font-weight:700;transition:.25s}.nav-cta:hover{background:white;color:var(--ink)}.hero-grid{display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:52px;min-height:calc(100svh - 90px);padding:45px 0 80px;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:16px;margin-bottom:22px;text-transform:uppercase;font-size:.75rem;letter-spacing:.11em}.eyebrow span{background:var(--cyan);color:#061a20;border-radius:999px;padding:7px 13px;font-weight:800}.eyebrow strong{color:#d4e6eb}.hero h1,.section h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.025em;line-height:.96;margin:0}.hero h1{font-size:clamp(4rem,7.2vw,6.8rem);max-width:720px}.hero h1 em{display:block;color:var(--cyan);font-style:normal}.lead{font-size:1.1rem;line-height:1.65;color:#dae6ea;max-width:680px;margin:26px 0 22px}.hero-points{padding:0;margin:0 0 30px;list-style:none;display:grid;gap:9px}.hero-points li{position:relative;padding-left:24px;color:#f2f7f8}.hero-points li:before{content:'';position:absolute;left:0;top:.68em;width:10px;height:4px;border-left:2px solid var(--cyan);border-bottom:2px solid var(--cyan);transform:rotate(-45deg)}.button{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:0 24px;border-radius:6px;font-weight:800;transition:.25s;box-shadow:0 12px 35px rgba(0,0,0,.18)}.button b{font-size:1.6rem;font-weight:400}.button-primary{background:var(--cyan);color:#071921}.button-primary:hover{background:#56dcda;transform:translateY(-2px)}.microcopy{font-size:.76rem;color:#9eb4bd;margin:10px 0 0}.hero-visual{height:min(690px,75vh);position:relative;align-self:end}.hero-visual:before{content:'';position:absolute;inset:10% 2% 0 14%;border:1px solid rgba(78,204,207,.3);border-radius:240px 240px 0 0}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:240px 240px 10px 10px;filter:saturate(.88) contrast(1.02);position:relative}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(3,18,28,.95));border-radius:240px 240px 10px 10px;pointer-events:none}.date-stamp{position:absolute;z-index:3;right:-18px;top:15%;width:118px;height:118px;border-radius:50%;background:var(--cyan);color:var(--ink);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 18px 45px rgba(0,0,0,.28);transform:rotate(5deg)}.date-stamp strong{font-family:var(--display);font-size:4rem;line-height:1}.date-stamp span{font-size:.68rem;font-weight:800;line-height:1.25;text-transform:uppercase}.teacher-label{position:absolute;z-index:3;left:28px;bottom:26px;display:flex;flex-direction:column}.teacher-label span,.teacher-label small{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#b8d0d6}.teacher-label strong{font-family:var(--display);font-size:2.1rem;text-transform:uppercase;line-height:1.1}.soundline{position:absolute;left:0;bottom:0;width:100%;height:44px;opacity:.16;background:repeating-linear-gradient(90deg,transparent 0 7px,var(--cyan) 8px 10px,transparent 11px 18px);clip-path:polygon(0 46%,4% 40%,8% 65%,12% 20%,16% 75%,20% 42%,24% 58%,28% 10%,32% 86%,36% 30%,40% 70%,44% 46%,48% 62%,52% 22%,56% 74%,60% 38%,64% 58%,68% 8%,72% 82%,76% 28%,80% 67%,84% 45%,88% 58%,92% 31%,96% 64%,100% 46%,100% 100%,0 100%)}.section{padding:110px 0}.section-kicker{display:block;color:var(--blue);font-size:.75rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin-bottom:17px}.section-kicker.light{color:var(--cyan)}.section h2{font-size:clamp(2.8rem,5vw,5rem)}.problem-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:start}.problem h2{max-width:630px}.problem-copy{border-left:1px solid #b9c3c6;padding-left:36px;color:#3f4f59;font-size:1.05rem}.problem-copy p:first-child{margin-top:0}.journey{background:white}.section-head{text-align:center;max-width:750px;margin:0 auto 55px}.section-head p{color:var(--muted);font-size:1.05rem}.days{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.day-card{padding:34px 30px 36px;background:#f3f6f6;border:1px solid #e0e7e8;position:relative;overflow:hidden}.day-card.featured{background:var(--navy);color:white;transform:translateY(-12px);box-shadow:0 24px 60px rgba(10,32,45,.18)}.day-number{position:absolute;right:15px;top:5px;font-family:var(--display);font-size:7.5rem;line-height:1;color:rgba(13,58,79,.075);font-weight:800}.featured .day-number{color:rgba(255,255,255,.07)}.day-date{position:relative;display:inline-block;background:var(--cyan);color:#0a232c;text-transform:uppercase;font-weight:800;font-size:.72rem;letter-spacing:.1em;padding:5px 10px;margin-bottom:35px}.day-card h3{font-family:var(--display);font-size:2rem;line-height:1.05;text-transform:uppercase;margin:0 0 12px}.day-card p{font-size:.9rem;color:#64727b;min-height:48px}.featured p{color:#bdd0d6}.day-card ul{padding:20px 0 0;margin:20px 0 0;border-top:1px solid #d7dfe1;list-style:none;display:grid;gap:12px}.featured ul{border-color:rgba(255,255,255,.15)}.day-card li{padding-left:18px;position:relative;font-size:.9rem}.day-card li:before{content:'';width:6px;height:6px;background:var(--cyan);border-radius:50%;position:absolute;left:0;top:.67em}.audience{background:var(--navy);color:white}.audience-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:center}.audience-photo{height:640px;position:relative}.audience-photo:before{content:'';position:absolute;inset:24px -20px -20px 24px;border:1px solid rgba(49,199,201,.45)}.audience-photo img{position:relative;width:100%;height:100%;object-fit:cover;object-position:center 15%;filter:saturate(.82)}.audience h2{font-size:clamp(2.7rem,4.4vw,4.7rem)}.audience-list{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:38px 0}.audience-list div{padding:20px 24px 20px 0;border-top:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;gap:5px}.audience-list div:nth-child(even){padding-left:24px;border-left:1px solid rgba(255,255,255,.15)}.audience-list strong{font-family:var(--display);font-size:1.35rem;text-transform:uppercase}.audience-list span{font-size:.86rem;color:#b9ccd3}.button-light{background:white;color:var(--ink)}.button-light:hover{background:var(--cyan);transform:translateY(-2px)}.teacher{background:#e9eeee}.teacher-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.teacher-role{font-size:1rem;color:var(--blue);font-weight:700;max-width:420px}.teacher-copy{font-size:1.05rem;color:#40515b}.teacher-copy p:first-child{margin-top:0}.final-cta{padding:80px 0;background:var(--cyan)}.final-box{background:var(--ink);color:white;padding:70px;text-align:center;max-width:1000px}.final-box h2{max-width:760px;margin:0 auto}.final-box p{color:#c5d5db;max-width:670px;margin:22px auto 30px}.final-box small{display:block;color:#9db1b9;margin-top:12px}footer{background:#06111a;color:white;padding:35px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-inner p{font-size:.75rem;color:#91a4ad;text-align:right}.toast{position:fixed;z-index:30;left:50%;bottom:24px;transform:translate(-50%,30px);background:white;color:var(--ink);padding:14px 20px;border-radius:6px;box-shadow:0 16px 45px rgba(0,0,0,.25);font-size:.88rem;font-weight:700;opacity:0;pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.hero-grid,.problem-grid,.audience-grid,.teacher-grid{grid-template-columns:1fr}.hero-grid{padding-top:30px}.hero-visual{height:620px;max-width:570px;width:100%;margin:0 auto}.problem-grid,.audience-grid,.teacher-grid{gap:45px}.days{grid-template-columns:1fr}.day-card.featured{transform:none}.audience-photo{height:620px;max-width:500px}.section{padding:80px 0}}
@media(max-width:600px){.container{width:min(100% - 28px,1160px)}.nav{height:74px}.nav-cta{font-size:.75rem;padding:9px 14px}.brand span{font-size:1.7rem}.hero-grid{min-height:auto;gap:34px;padding-bottom:45px}.eyebrow{align-items:flex-start;flex-direction:column;gap:9px}.hero h1{font-size:clamp(3.3rem,17vw,5rem)}.lead{font-size:1rem}.button{width:100%;font-size:.9rem;gap:12px;padding-inline:16px}.hero-visual{height:500px}.date-stamp{right:-6px;top:12%;width:98px;height:98px}.date-stamp strong{font-size:3.2rem}.teacher-label{left:20px}.teacher-label strong{font-size:1.65rem}.section{padding:68px 0}.section h2{font-size:clamp(2.6rem,13vw,4rem)}.problem-copy{padding-left:22px}.days{gap:14px}.day-card{padding:28px 24px}.audience-photo{height:500px}.audience-list{grid-template-columns:1fr}.audience-list div:nth-child(even){padding-left:0;border-left:0}.final-cta{padding:0}.final-box{padding:64px 22px}.footer-inner{flex-direction:column;align-items:flex-start}.footer-inner p{text-align:left;margin:0}.toast{width:calc(100% - 28px);text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.toast{transition:none}}
.course-name{display:flex;align-items:flex-end;gap:12px;margin:0 0 18px;text-transform:uppercase}.course-name span{font-size:.72rem;letter-spacing:.16em;color:#a9c3cc;padding-bottom:8px}.course-name strong{font-family:var(--display);font-size:clamp(2.8rem,4.5vw,4.6rem);line-height:.8;color:white;letter-spacing:.01em}.hero h1{font-size:clamp(3.4rem,6vw,5.7rem)}.hero-visual img{filter:none}.audience-photo img{filter:none}
@media(max-width:600px){.course-name{margin-bottom:16px}.course-name strong{font-size:3.2rem}.hero h1{font-size:clamp(3rem,14vw,4.4rem)}}
.hero-grid{grid-template-columns:1.08fr .92fr;gap:0}.hero-copy{position:relative;z-index:4;padding-right:8px}.course-name{display:block;margin-bottom:22px}.course-name span{display:block;padding:0;margin-bottom:6px}.course-name strong{display:block;font-size:clamp(3.4rem,5.4vw,5.6rem);line-height:.84;color:var(--cyan)}.hero h1{font-size:clamp(3.3rem,5.2vw,5rem)}.hero-visual{height:min(720px,78vh);margin-left:-38px;width:calc(100% + 38px);overflow:hidden;align-self:end}.hero-visual:before{display:none}.hero-visual img{border-radius:0;object-fit:cover;object-position:center 30%;transform:scale(1.1);transform-origin:center center}.hero-visual:after{border-radius:0;background:linear-gradient(90deg,#0a2637 0%,rgba(10,38,55,.28) 20%,transparent 48%),linear-gradient(180deg,transparent 58%,rgba(3,18,28,.92))}.date-stamp{right:8px;top:9%}.teacher-label{left:72px}.audience-grid{grid-template-columns:.9fr 1.1fr;gap:54px}.audience-photo{height:650px;overflow:hidden}.audience-photo:before{inset:18px -14px -14px 18px}.audience-photo img{object-fit:cover;object-position:center 8%;transform:scale(1.55);transform-origin:center 7%}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:28px}.hero-copy{padding-right:0}.hero-visual{margin-left:0;width:100%;height:580px}.teacher-label{left:28px}.audience-grid{grid-template-columns:1fr}.audience-photo{height:580px;max-width:560px}}
@media(max-width:600px){.course-name strong{font-size:clamp(3.3rem,15vw,4.6rem)}.hero h1{font-size:clamp(2.8rem,12vw,3.8rem)}.hero-visual{height:470px}.hero-visual img{transform:scale(1.18);object-position:center 25%}.date-stamp{right:0;top:5%}.audience-photo{height:480px}.audience-photo img{transform:scale(1.6);transform-origin:center 5%}}
.hero-visual,.audience-photo{background:transparent}.hero-visual img,.audience-photo img{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 11%,#000 91%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 7%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,#000 11%,#000 91%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 7%,#000 88%,transparent 100%);mask-composite:intersect}.hero-visual:after{background:linear-gradient(90deg,#0a2637 0%,rgba(10,38,55,.6) 9%,transparent 32%),linear-gradient(180deg,transparent 52%,rgba(3,18,28,.9) 93%,#0a2637 100%)}.audience-photo:before{display:none}
.hero-visual img,.audience-photo img{-webkit-mask-image:radial-gradient(ellipse 72% 76% at 52% 47%,#000 0%,#000 48%,rgba(0,0,0,.96) 60%,rgba(0,0,0,.65) 72%,transparent 100%);-webkit-mask-composite:initial;mask-image:radial-gradient(ellipse 72% 76% at 52% 47%,#000 0%,#000 48%,rgba(0,0,0,.96) 60%,rgba(0,0,0,.65) 72%,transparent 100%);mask-composite:add}.hero-visual:after{inset:-2px;background:linear-gradient(90deg,#0a2637 0%,rgba(10,38,55,.5) 12%,transparent 34%),linear-gradient(180deg,transparent 48%,rgba(3,18,28,.72) 82%,#0a2637 100%)}
.hero{background:#041e35}.audience{background:#042037}.hero-visual img,.audience-photo img{-webkit-mask-image:none;mask-image:none}.hero-visual:after{inset:-3px;background:linear-gradient(90deg,#041e35 0%,rgba(4,30,53,.92) 7%,rgba(4,30,53,.42) 18%,transparent 34%),linear-gradient(180deg,#041e35 0%,transparent 9%,transparent 68%,rgba(4,30,53,.82) 90%,#041e35 100%)}.audience-photo:after{content:'';position:absolute;z-index:2;inset:-3px;pointer-events:none;background:linear-gradient(90deg,#042037 0%,transparent 16%,transparent 84%,#042037 100%),linear-gradient(180deg,#042037 0%,transparent 13%,transparent 77%,#042037 100%)}
.hero-visual:after{background:linear-gradient(90deg,#041e35 0%,rgba(4,30,53,.92) 7%,rgba(4,30,53,.42) 18%,transparent 34%,transparent 84%,#041e35 100%),linear-gradient(180deg,#041e35 0%,transparent 9%,transparent 68%,rgba(4,30,53,.82) 90%,#041e35 100%)}