@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#030408;--white:#f5f6ff;--muted:#a6a9bb;--cyan:#20d9ff;--pink:#f344d9;--line:rgba(255,255,255,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icons{position:absolute;width:0;height:0;overflow:hidden}button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:6px}button:disabled{cursor:default}.header{height:96px;max-width:1400px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);position:relative;z-index:3}.brand img{width:216px;height:auto;display:block}.header nav{display:flex;gap:36px;color:#c4c5d0;font-size:14px}.header nav a:hover{color:white}.login{display:flex;align-items:center;gap:14px;font-size:14px;border:1px solid #343642;border-radius:100px;padding:11px 19px}.login svg{width:17px;height:17px}.hero{position:relative;isolation:isolate;overflow:hidden;padding:62px 5% 38px}.hero-art{position:absolute;z-index:-3;inset:0;background-image:linear-gradient(#030408 0%,rgba(3,4,8,.7) 20%,rgba(3,4,8,.15) 54%,#030408 98%),url('../images/home/carreteras.webp');background-size:cover;background-position:center top;opacity:.8;transition:filter 1s}.hero:before{content:'';position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 22% 63%,#003f671f,transparent 50%),radial-gradient(ellipse at 80% 65%,#81037b1f,transparent 48%);pointer-events:none}.intro{text-align:center;max-width:1060px;margin:auto}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:700;margin:0 0 24px;color:#bec0d1;display:flex;align-items:center;justify-content:center;gap:10px}.eyebrow>span{width:20px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--pink))}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(48px,5.8vw,84px);font-weight:600;letter-spacing:-.055em;line-height:1.06;margin-bottom:22px}.gradient{background:linear-gradient(95deg,#44e4ff 12%,#6198ff 48%,#d98bff 75%,#ff65d8);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-line{font-size:clamp(18px,1.8vw,25px);font-weight:500;letter-spacing:-.025em;margin-bottom:14px}.hero-line span{color:#dcbded}.intro-copy{font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:25px}.primary-cta{display:inline-flex;align-items:center;justify-content:center;gap:23px;border-radius:8px;background:#eff6ff;color:#10131e;padding:15px 24px;font-weight:700;font-size:14px;box-shadow:0 0 28px #52b7ff1b;transition:transform .25s,box-shadow .25s}.primary-cta:hover{transform:translateY(-3px);box-shadow:0 0 38px #52b7ff3b}.primary-cta svg{width:19px;height:19px}.journey{max-width:1120px;margin:58px auto 0}.journey-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:20px}.section-label{font-size:12px;letter-spacing:.16em;font-weight:600;color:#a9adbf}.mode-switch{display:flex;gap:4px;background:#080b13c9;border:1px solid #292b3b;border-radius:30px;padding:4px}.mode-switch button{display:flex;gap:7px;align-items:center;background:transparent;border:0;border-radius:24px;color:#959aae;padding:9px 17px;font-size:14px;transition:background .25s,color .25s}.mode-switch button[aria-pressed=true]{background:#272535;color:white}.mode-switch button svg{width:15px;height:15px;color:#eeb5ff}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.path{--accent:var(--cyan);--tint:rgba(16,135,190,.12);background:linear-gradient(150deg,var(--tint),rgba(7,9,16,.94) 70%);border:1px solid #204958;border-radius:16px;padding:28px 32px 20px;backdrop-filter:blur(14px);position:relative;transition:opacity .5s,border-color .5s,transform .5s,box-shadow .5s}.path.producer{--accent:var(--pink);--tint:rgba(182,34,150,.12);border-color:#4d2447}.path:before{content:'';position:absolute;top:-1px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 18px var(--accent)}.path-top{display:flex;align-items:center;justify-content:space-between;color:var(--accent);margin-bottom:18px}.path-number{font-size:12px;letter-spacing:.15em;font-weight:700}.path-icon{width:26px;height:26px}.path h2{font-size:clamp(27px,2.65vw,37px);font-weight:500;line-height:1.13;letter-spacing:-.04em;margin-bottom:14px}.path h2 span{color:var(--accent)}.path>p{max-width:370px;font-size:15px;line-height:1.65;color:#b1b6c6;margin-bottom:26px}.route{display:flex;position:relative;justify-content:space-between;isolation:isolate;margin-bottom:22px}.station{display:flex;flex-direction:column;gap:9px;text-align:center;align-items:center;width:94px;font-size:12px;color:#b9c0d2;line-height:1.4}.node{position:relative;display:grid;place-items:center;width:46px;height:46px;border:1px solid color-mix(in srgb,var(--accent),transparent 60%);border-radius:12px;color:var(--accent);background:#080e19;box-shadow:0 0 20px #0006}.node svg{width:21px;height:21px}.node.money{font-family:'Space Grotesk',sans-serif;font-size:25px}.route-line{position:absolute;top:22px;left:40px;right:40px;height:1px;background:color-mix(in srgb,var(--accent),transparent 70%);z-index:-1;overflow:visible}.route-line:before{content:'';position:absolute;left:0;top:-1px;width:26px;height:3px;border-radius:4px;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:travel 4s ease-in-out infinite}.producer .route-line:before{animation-delay:1s}.path-bottom{border-top:1px solid #ffffff13;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#8d9bae}.text-button{display:grid;place-items:center;border:1px solid #ffffff26;background:#ffffff05;border-radius:50%;width:32px;height:32px;color:var(--accent)}.text-button:hover{background:#ffffff16}.text-button svg{width:17px;height:17px}body[data-mode=affiliate] .producer,body[data-mode=producer] .affiliate{opacity:.42;transform:scale(.985)}body[data-mode=affiliate] .affiliate{box-shadow:0 0 45px #13bdf21a;border-color:#21bada}body[data-mode=producer] .producer{box-shadow:0 0 45px #f213cf1a;border-color:#c33ba9}.complete-strip{display:flex;align-items:center;gap:17px;border:1px solid #49415d;border-radius:12px;padding:19px 25px;margin-top:22px;background:linear-gradient(100deg,#0a1b29dd,#171022e8 70%);transition:border-color .25s}.complete-strip:hover{border-color:#a598c5}.complete-emblem{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(140deg,#163b59,#543156);color:#d5baff}.complete-strip strong{font-size:16px;display:block;margin-bottom:4px}.complete-strip>span:nth-child(2)>span{font-size:14px;color:#a5a8bc}.complete-price{margin-left:auto;display:flex;align-items:center;gap:35px;white-space:nowrap;font-family:'Space Grotesk',sans-serif;font-size:23px}.complete-price svg{width:21px;color:#b9b1d4}.particles{position:absolute;inset:0;pointer-events:none;z-index:-1}.particle{position:absolute;width:2px;height:2px;border-radius:50%;background:#5ccfff;box-shadow:0 0 6px #35befe;opacity:.3;animation:float 9s ease-in-out infinite}.particle:nth-child(even){background:#eb63fb;box-shadow:0 0 6px #dd43fb}.access-section{max-width:1280px;margin:auto;padding:90px 5% 60px}.access-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:36px}.access-heading .eyebrow{justify-content:start;color:#9ba1b6;margin-bottom:18px}.access-heading h2{font-size:clamp(34px,3.6vw,49px);line-height:1.08;font-weight:500;letter-spacing:-.05em;margin:0}.access-heading h2 span{color:#9593ab}.access-heading>p{max-width:320px;font-size:16px;line-height:1.7;color:var(--muted);margin:0}.offers{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:16px}.offer{text-align:left;border:1px solid #272935;border-radius:12px;background:#0b0c13;padding:25px 23px;display:flex;flex-direction:column;gap:16px;transition:border-color .25s,background .25s;min-width:0}.offer[aria-pressed=true]{border-color:#a486d8;background:linear-gradient(130deg,#122034,#21112b)}.offer-label{font-size:12px;font-weight:700;letter-spacing:.1em;color:#b8bed2;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.offer:first-child .offer-label{color:var(--cyan)}.offer:last-child .offer-label{color:var(--pink)}.badge{font-size:10px;border-radius:20px;padding:5px 8px;background:#68518733;color:#d7b5fa;letter-spacing:.02em}.price{font-family:'Space Grotesk',sans-serif;font-size:49px;line-height:1;letter-spacing:-.05em;display:flex;align-items:start;gap:5px}.price small{font:500 14px 'DM Sans',sans-serif;margin-top:7px;color:#939bad;letter-spacing:0}.offer>span:nth-child(3){font-size:14px;line-height:1.5;color:#b7bbca}.saving{font-size:12px;line-height:1.5;color:#cdadeb}.offer-action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff13;padding-top:16px;margin-top:auto;font-size:14px}.offer-action svg{width:18px;height:18px}.details{display:grid;grid-template-columns:.9fr 1.5fr;gap:40px;margin-top:32px;border:1px solid #232530;border-radius:12px;padding:30px;background:#080910}.details h3{margin:15px 0;font-size:28px;line-height:1.15;font-weight:500;letter-spacing:-.035em}.details p{color:#959eb2;font-size:14px;line-height:1.7;margin-bottom:0}.detail-content{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-content.single{grid-template-columns:1fr}.detail-group h4{margin:0 0 15px;color:var(--cyan);font-size:14px;font-weight:600}.detail-group.producer h4{color:var(--pink)}.detail-group ol{padding-left:20px;margin:0;color:#b6bccb;font-size:14px;line-height:1.65}.detail-group li{padding:3px 0 3px 3px}.availability{text-align:center;color:#7f8597;font-size:12px;margin:22px 0 0}footer{max-width:1280px;margin:auto;border-top:1px solid #222531;padding:30px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px;color:#797e91;font-size:12px}footer img{width:150px;height:auto}footer a{color:#b1b7c7}@keyframes travel{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 26px);opacity:0}}@keyframes float{0%,100%{transform:translateY(0);opacity:.15}50%{transform:translateY(-22px);opacity:.6}}
@media(min-width:1600px){.hero{padding-top:80px}.journey{margin-top:64px}}@media(max-width:850px){.header{height:80px}.brand img{width:180px}.header nav{gap:20px}.hero{padding-top:45px}.hero-art{background-size:auto 100%;opacity:.6}.path{padding:23px 22px 18px}.path>p{min-height:74px}.offers{grid-template-columns:1fr 1fr}.offer.featured{grid-column:1/-1;grid-row:1}.details{grid-template-columns:1fr}.details-intro{max-width:500px}.access-heading{align-items:start}.access-heading>p{max-width:260px}footer>span{display:none}}
@media(max-width:600px){html{scroll-padding-top:20px}.header{padding:0 6%;height:76px;gap:12px}.brand img{width:165px}.header nav{display:none}.login{font-size:12px;padding:9px 13px;gap:8px}.hero{padding:36px 6% 20px}.eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:20px}h1{font-size:46px;letter-spacing:-.055em;line-height:1.07;margin-bottom:21px}.hero-line{font-size:18px;line-height:1.5;max-width:310px;margin-left:auto;margin-right:auto}.hero-line span{display:block}.intro-copy{font-size:14px;line-height:1.75;max-width:330px;margin-left:auto;margin-right:auto}.desktop-break{display:none}.primary-cta{font-size:14px;padding:14px 20px}.journey{margin-top:40px}.journey-top{align-items:center;flex-direction:column;gap:15px;margin-bottom:20px}.section-label{font-size:10px}.mode-switch{width:100%;justify-content:space-between}.mode-switch button{justify-content:center;flex:1;padding:9px 12px}.path-grid{grid-template-columns:1fr;gap:20px}.path{padding:23px 25px 17px}.path h2{font-size:32px}.path>p{font-size:14px;min-height:0;margin-bottom:22px}.path-top{margin-bottom:15px}.route{margin-bottom:16px}.station{font-size:12px}.complete-strip{padding:17px 16px;gap:12px;flex-wrap:wrap}.complete-emblem{width:32px;height:32px}.complete-emblem svg{width:20px}.complete-strip strong{font-size:14px}.complete-strip>span:nth-child(2)>span{font-size:12px}.complete-price{width:100%;justify-content:space-between;font-size:23px;border-top:1px solid #ffffff15;padding-top:13px;margin-top:3px}.access-section{padding:55px 6% 38px}.access-heading{flex-direction:column;gap:20px;margin-bottom:26px}.access-heading>p{max-width:100%;font-size:14px}.access-heading h2{font-size:36px}.offers{gap:12px}.offer{padding:19px 16px;gap:13px}.offer-label{font-size:10px;letter-spacing:.06em}.price{font-size:42px}.offer>span:nth-child(3){font-size:12px}.offer-action{font-size:12px;gap:10px}.featured .offer-action{font-size:14px}.featured .offer-label{font-size:12px}.featured .price{font-size:52px}.featured>span:nth-child(3){font-size:14px}.details{padding:24px 20px;gap:25px}.detail-content{grid-template-columns:1fr}.detail-group ol{font-size:14px}footer{padding:23px 6%;gap:12px}footer img{width:135px}body[data-mode=affiliate] .producer,body[data-mode=producer] .affiliate{opacity:.65;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.particle{opacity:.2}.route-line:before{display:none}}

.about-section{max-width:1280px;margin:auto;padding:80px 5% 20px}.about-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:30px}.about-heading .eyebrow{justify-content:flex-start;margin-bottom:18px;color:#a9adbf}.about-heading h2{font-size:clamp(34px,3.5vw,49px);font-weight:500;line-height:1.13;letter-spacing:-.045em;margin:0 0 12px}.about-subtitle{color:#d0d3df;font-size:18px;margin:0}.about-copy p{font-size:16px;line-height:1.8;color:#a6a9bb;margin:0 0 12px}.about-copy p:last-child{margin-bottom:0}.mural-figure{margin:0}.mural-scroll{overflow-x:auto;border:1px solid #454152;border-radius:12px;background:#080a10;scrollbar-color:#8f689f #11131e;scrollbar-width:thin;box-shadow:0 15px 55px #0006}.mural-scroll img{display:block;width:100%;height:auto;max-width:none}.mural-scroll:focus-visible{outline:2px solid #20d9ff;outline-offset:5px}.mural-figure figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:14px;color:#999db0;font-size:12px;line-height:1.6}.mural-hint{display:none}@media(max-width:850px){.about-heading{gap:28px;grid-template-columns:1fr}.about-copy{max-width:650px}}@media(max-width:600px){.about-section{padding:50px 6% 0}.about-heading{gap:20px;margin-bottom:24px}.about-heading h2{font-size:35px}.about-subtitle{font-size:16px}.about-copy p{font-size:15px;line-height:1.8}.mural-scroll img{width:760px}.mural-figure figcaption{flex-direction:column;gap:5px}.mural-hint{display:block;color:#bba5d6}}

/* Second concept: permanently visible paths, dedicated illustrations and clear course structure. */
.header{max-width:1440px}.header nav{gap:23px}.journey-top{margin-bottom:24px}.journey-note{font-size:14px;color:#c2c7d8;display:flex;gap:16px;align-items:center}.journey-note:hover{color:white}.path{padding:0;overflow:hidden;box-shadow:0 0 30px #00c8ff0a}.path.producer{box-shadow:0 0 30px #f344d90d}.path:before{z-index:2}.path-inner{padding:24px 28px 19px}.path-inner>p{font-size:15px;line-height:1.7;color:#b8bfce;min-height:76px;margin-bottom:24px}.path-visual{position:relative;aspect-ratio:16/9;overflow:hidden;background:#060810}.path-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 58%}.path-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#080d18)}.visual-label{position:absolute;top:17px;left:20px;font-size:11px;font-weight:700;letter-spacing:.12em;padding:8px 11px;border:1px solid #ffffff38;background:#070a14b8;backdrop-filter:blur(10px);border-radius:4px;color:#eff6ff}.path h2{font-size:clamp(29px,2.65vw,38px)}.path .station{font-size:14px}.path .route{margin-bottom:25px}.path-bottom{font-size:13px}body[data-mode=affiliate] .producer,body[data-mode=producer] .affiliate{opacity:1;transform:none}.mobile-roads{display:none}.curriculum-section{max-width:1280px;margin:auto;padding:75px 5% 0}.section-heading{margin-bottom:34px}.section-heading .eyebrow{justify-content:flex-start;margin-bottom:16px}.section-heading h2{font-size:clamp(32px,3.3vw,47px);letter-spacing:-.045em;font-weight:500;line-height:1.13;margin:0 0 14px}.section-heading>p:last-child{font-size:16px;color:var(--muted);line-height:1.6;margin:0}.curriculum-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.syllabus{--accent:var(--cyan);border:1px solid #203b4e;background:linear-gradient(160deg,#0a1925,#070a10 38%);border-radius:14px;padding:28px 24px 16px;scroll-margin-top:30px}.syllabus.producer{--accent:var(--pink);border-color:#48223e;background:linear-gradient(160deg,#211022,#0a0910 38%)}.syllabus header{padding:0 3px 20px}.syllabus h3{font-size:25px;letter-spacing:-.035em;font-weight:500;margin:14px 0 10px}.syllabus h3 span{color:var(--accent)}.syllabus header p{color:#b0b6c6;font-size:14px;line-height:1.6;margin:0}.module{border-top:1px solid #ffffff14}.module summary{list-style:none;display:flex;align-items:center;gap:12px;cursor:pointer;padding:16px 0;font-size:14px;line-height:1.45;color:#d7dce8;min-height:61px}.module summary::-webkit-details-marker,.faq-list summary::-webkit-details-marker{display:none}.module-number{font-family:'Space Grotesk',sans-serif;display:grid;place-items:center;flex-shrink:0;border:1px solid color-mix(in srgb,var(--accent),transparent 80%);background:#ffffff04;color:var(--accent);width:32px;height:32px;border-radius:7px;font-size:13px}.module-plus{margin-left:auto;font-size:20px;color:var(--accent)}.module[open] .module-plus,.faq-list details[open] summary>span{transform:rotate(45deg)}.module p{font-size:14px;line-height:1.7;color:#aab4c7;margin:0 10px 20px 44px}.module summary:hover{color:var(--accent)}.module summary:focus-visible,.faq-list summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.about-section{padding-top:90px}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.plan{border:1px solid #294150;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;background:#080d16;--accent:var(--cyan)}.plan.producer{--accent:var(--pink);border-color:#472442;background:#100b15}.plan.complete{--accent:#c7adff;border-color:#b08ade;background:linear-gradient(140deg,#0b2030,#211028);box-shadow:0 0 36px #a852ee14}.plan-cover{height:150px;position:relative;overflow:hidden}.plan-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#080d16)}.producer .plan-cover:after{background:linear-gradient(transparent 35%,#100b15)}.complete .plan-cover:after{background:linear-gradient(transparent 35%,#151726)}.plan-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%}.plan-cover.combined{display:flex}.plan-cover.combined img{width:50%;object-position:65% center}.plan-body{padding:14px 24px 25px;display:flex;flex-direction:column;flex:1}.plan-category,.pack-badge{font-size:11px;letter-spacing:.08em;color:var(--accent);font-weight:700;min-height:22px}.pack-badge{letter-spacing:.03em}.plan h3{font-size:27px;font-weight:500;letter-spacing:-.045em;margin:10px 0 13px}.plan-desc{font-size:14px;color:#acb5c8;line-height:1.7;min-height:73px;margin-bottom:22px}.plan .price{font-size:55px;margin-bottom:25px}.plan ul{list-style:none;padding:0;margin:0 0 28px}.plan li{display:flex;gap:10px;align-items:start;color:#c5ccda;font-size:14px;line-height:1.55;margin-bottom:12px}.plan li svg{width:17px;height:17px;margin-top:2px;color:var(--accent)}.buy-button{margin-top:auto;border:1px solid color-mix(in srgb,var(--accent),transparent 50%);background:color-mix(in srgb,var(--accent),transparent 90%);color:var(--accent);display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:12px 15px;border-radius:7px;font-size:14px;font-weight:700;text-align:left}.buy-button svg{width:18px}.buy-button:hover{filter:brightness(1.25)}.complete .buy-button{background:linear-gradient(100deg,#81dfff,#d6a0f9);border:0;color:#111124}.plan-details{font-size:12px;text-align:center;padding-top:16px;color:#b6bacb;text-decoration:underline;text-underline-offset:4px}.faq-section{max-width:1000px;padding:30px 5% 85px;margin:auto}.faq-list{border-top:1px solid #303040}.faq-list details{border-bottom:1px solid #242634}.faq-list summary{list-style:none;cursor:pointer;padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px;font-weight:500;line-height:1.5}.faq-list summary>span{font-weight:400;font-size:24px;color:#bfa0de}.faq-list p{font-size:15px;line-height:1.8;color:#a8b0c2;margin:0 35px 24px 0}dialog{border:1px solid #6c578a;border-radius:16px;background:#0c0c18;color:white;width:calc(100% - 40px);max-width:480px;padding:40px;box-shadow:0 30px 90px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog .eyebrow{justify-content:start;margin-top:12px;font-size:11px}dialog h2{font-size:32px;margin-bottom:15px;letter-spacing:-.04em}dialog>p:not(.eyebrow){color:#b8bdd0;line-height:1.7;font-size:15px}dialog .dialog-price{font-size:28px!important;color:#dac0ff!important}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:28px;color:#b5b3c6}.dialog-back{border:1px solid #655079;border-radius:7px;background:#262036;padding:13px 18px;margin-top:12px;width:100%;font-size:14px}
@media(max-width:1000px){.header nav{gap:14px;font-size:12px}.header .brand img{width:175px}.plan-body{padding:12px 18px 22px}.plan h3{font-size:24px}.buy-button{font-size:12px}.plan-desc{min-height:95px}}
@media(max-width:760px){.header nav{display:none}.curriculum-grid{grid-template-columns:1fr}.plans{grid-template-columns:1fr}.plan{display:grid;grid-template-columns:36% 1fr}.plan-cover{height:100%;min-height:320px}.plan-cover img{object-position:62% center}.plan-cover:after{background:linear-gradient(90deg,transparent,#080d1655)!important}.plan-body{padding:24px}.plan-desc{min-height:0}.plan h3{font-size:28px}.buy-button{font-size:14px}.plan-cover.combined{flex-direction:column}.plan-cover.combined img{width:100%;height:50%;object-position:65% center}.path-inner{padding:22px}.path-inner>p{min-height:103px}.journey-top{flex-direction:row;align-items:center}}
@media(max-width:600px){.hero-art{display:none}.hero:before{background:radial-gradient(ellipse at 0 10%,#07385822,transparent 35%),radial-gradient(ellipse at 100% 15%,#5b145622,transparent 40%)}.mobile-roads{display:block;position:relative;height:155px;overflow:hidden;margin:18px -6.82% -15px;mask-image:linear-gradient(transparent,black 25%,black 80%,transparent)}.mobile-roads img{position:absolute;bottom:0;width:100%;height:auto}.journey{margin-top:0}.journey-top{flex-direction:column;align-items:start;gap:12px}.journey-note{font-size:13px}.path-inner{padding:22px 23px 17px}.path-inner>p{min-height:0;font-size:14px}.path h2{font-size:32px}.path-visual{aspect-ratio:16/10}.visual-label{font-size:10px;left:16px;top:15px}.path .station{font-size:13px}.path-bottom{font-size:12px}.curriculum-section{padding:50px 6% 0}.section-heading h2{font-size:34px}.section-heading>p:last-child{font-size:14px}.syllabus{padding:24px 19px 10px}.syllabus h3{font-size:25px}.syllabus .section-label{font-size:10px}.module summary{font-size:14px}.about-section{padding-top:55px}.plan{display:flex}.plan-cover{height:170px;min-height:0}.plan-cover img{object-position:center 57%}.plan-cover.combined{flex-direction:row}.plan-cover.combined img{width:50%;height:100%}.plan-body{padding:16px 24px 25px}.plan-desc{margin-bottom:20px}.plan li{font-size:14px}.plan-category,.pack-badge{font-size:11px}.plan .price{font-size:51px}.plan-details{font-size:13px}.availability{font-size:12px;line-height:1.7}.faq-section{padding:10px 6% 55px}.faq-list summary{font-size:15px;padding:21px 0}.faq-list p{font-size:14px;margin-right:0}dialog{padding:28px}}

/* V3: the user's original, complete posters are the card artwork. */
.path{overflow:visible}.path-visual{aspect-ratio:auto;overflow:hidden;border-radius:15px 15px 0 0;border-bottom:1px solid color-mix(in srgb,var(--accent),transparent 40%);animation:art-float 8s ease-in-out infinite;box-shadow:0 0 25px color-mix(in srgb,var(--accent),transparent 88%)}.path-visual img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}.path-visual:after{background:linear-gradient(110deg,transparent 30%,#ffffff16 49%,transparent 67%);width:65%;left:-70%;animation:art-light 10s ease-in-out infinite;pointer-events:none}.producer .path-visual{animation-delay:-4s}.producer .path-visual:after{animation-delay:-5s}.view-art{position:relative;z-index:2;width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-top:1px solid #ffffff18;padding:10px 15px;color:var(--accent);background:#080b13;font-size:13px}.view-art:hover{background:#151725}.path-inner{border-radius:0 0 15px 15px}.hero-art{animation:road-light 9s ease-in-out infinite;background-size:cover;background-position:center top}.motion-tools{display:flex;justify-content:flex-end;margin-bottom:18px}.motion-tools button{font:inherit;font-size:12px;color:#b9bfd1;background:#0d101a;border:1px solid #34394b;border-radius:20px;padding:8px 13px}.plan-cover{height:auto;aspect-ratio:1672/941}.plan-cover img{height:100%;object-fit:contain;object-position:center}.plan-cover:after{display:none}.plan-cover.combined{aspect-ratio:1672/941;align-items:center;background:#080b13}.plan-cover.combined img{width:50%;height:auto;object-fit:contain}#art-dialog{max-width:1300px;width:calc(100% - 24px);padding:48px 16px 16px;max-height:94vh;overflow:auto;background:#080910}#art-dialog h2{font-size:18px;margin:0 35px 16px 0}#art-dialog .art-full{overflow:auto}#art-dialog img{display:block;width:100%;height:auto}#art-dialog p{font-size:12px;margin:12px 0 0;color:#b5bdd0}.art-close{position:absolute;right:14px;top:8px;border:0;background:transparent;color:white;font-size:30px}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .path-visual{transform:none!important}@keyframes art-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes art-light{0%,30%{left:-70%;opacity:0}40%{opacity:.6}70%,100%{left:110%;opacity:0}}@keyframes road-light{0%,100%{filter:brightness(.95) saturate(1)}50%{filter:brightness(1.18) saturate(1.15)}}@media(max-width:760px){.plan-cover{min-height:0}.plan{display:flex}.plan-cover.combined{flex-direction:row}.plan-cover.combined img{width:50%;height:auto}}@media(max-width:600px){.path-visual{aspect-ratio:auto}.mobile-roads{animation:road-light 9s ease-in-out infinite}.motion-tools{margin-top:10px}#art-dialog img{width:1050px;max-width:none}#art-dialog .art-full{max-height:68vh}.plan-cover{height:auto;aspect-ratio:1672/941}}
@media(prefers-reduced-motion:reduce){.path-visual,.path-visual:after,.hero-art,.mobile-roads{animation:none!important}}

.header .brand-logo-wrap,footer .brand-logo-wrap{display:block}
.footer-legal{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.footer-legal a{color:#8b90a4}
.footer-legal a:hover{color:#d4d7e4}
.flash-stack{position:fixed;z-index:40;top:14px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;width:min(440px,calc(100% - 24px))}
.flash{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;border:1px solid #343642;background:#12141e;color:#f5f6ff;font-size:14px}
.flash__icon{display:none}
.flash__close{border:0;background:transparent;color:#b1b7c7;font-size:20px;cursor:pointer;margin-left:auto}
@media(max-width:600px){footer{flex-wrap:wrap}.footer-legal{width:100%;gap:12px 16px}}

#hero-title{text-transform:uppercase}
.intro-copy{margin-bottom:8px}
.path,.syllabus,.plan,.complete-strip,.mural-scroll{position:relative}
.complete-strip{--accent:#c7adff;overflow:hidden}
.syllabus{position:relative;overflow:hidden}
.mural-scroll{overflow:hidden;isolation:isolate}
.mural-scroll img{width:100%;height:auto;max-width:100%}
.mural-hint{display:none!important}
.frame-light{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:6;overflow:hidden;padding:3px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.frame-light:before{content:'';position:absolute;inset:-80%;background:conic-gradient(from 0deg,transparent 0 40%,var(--accent,#20d9ff) 58%,#fff 72%,var(--accent,#20d9ff) 82%,transparent 92%);animation:frame-spin 2.6s linear infinite;opacity:1;filter:blur(.4px)}
.path .frame-light:before{animation-duration:2.8s}
.path.producer .frame-light:before{animation-delay:-1.2s}
.syllabus.producer .frame-light:before,.plan.producer .frame-light:before{animation-delay:-1.4s}
.plan.complete .frame-light:before,.complete-strip .frame-light:before{animation-duration:2.6s;animation-delay:-.6s}
.mural-scroll{--accent:#d98bff}
.mural-scroll .frame-light:before{animation-duration:5s}
.hero:after{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 8%,#44e4ff14,transparent 42%),radial-gradient(ellipse at 18% 70%,#20d9ff18,transparent 36%),radial-gradient(ellipse at 82% 68%,#f344d918,transparent 38%);animation:ambient-glow 7s ease-in-out infinite}
.login{box-shadow:0 0 0 1px #20d9ff22,0 0 18px #20d9ff14;animation:login-glow 4.5s ease-in-out infinite}
.path{filter:drop-shadow(0 0 18px color-mix(in srgb,var(--accent),transparent 82%))}
.plan{filter:drop-shadow(0 0 16px color-mix(in srgb,var(--accent),transparent 78%))}
.syllabus{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent),transparent 80%))}
.mural-scroll{box-shadow:0 15px 55px #0006,0 0 0 1px #d98bff33,0 0 32px #f344d91f}
.particle{opacity:.42}
@keyframes frame-spin{to{transform:rotate(360deg)}}
@keyframes ambient-glow{0%,100%{opacity:.7;filter:saturate(1)}50%{opacity:1;filter:saturate(1.35)}}
@keyframes login-glow{0%,100%{box-shadow:0 0 0 1px #20d9ff22,0 0 14px #20d9ff12}50%{box-shadow:0 0 0 1px #f344d944,0 0 22px #f344d922}}
@media(max-width:600px){.mural-scroll img{width:100%!important;max-width:100%}h1,#hero-title{font-size:clamp(32px,11vw,42px);letter-spacing:-.04em}}
@media(prefers-reduced-motion:reduce){.frame-light:before,.hero:after,.login{animation:none!important}}