.landing{--brand-accent:#6650c7}.landing[data-theme=dark]{--brand-accent:#b7a5ff}.landing a{color:inherit;text-decoration:none}.landing main{margin:0;width:auto}.landing .skip{position:absolute;top:-70px}.landing .skip:focus{top:10px;background:var(--panel);padding:15px;z-index:50}.site-nav{max-width:1280px;margin:auto;padding:28px 48px;display:flex;align-items:center;justify-content:space-between;gap:25px}.wordmark{font-size:18px;font-weight:650;letter-spacing:-.6px;display:flex;align-items:center;gap:10px}.genie-mark{font-size:35px;line-height:1;color:var(--text)}.site-nav nav{display:flex;align-items:center;gap:28px;font-size:16px}.site-nav nav>a:not(.nav-login){color:var(--muted)}.site-nav nav a:hover{text-decoration:underline;text-underline-offset:5px}.site-nav button{border:1px solid var(--line);border-radius:30px;padding:8px 13px;font-size:16px}.nav-login{font-weight:600}.landing-main{max-width:1184px!important;margin:auto!important;padding:0 48px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;padding:90px 0 100px}.overline{font-size:14px;letter-spacing:1.8px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:8px}.overline>span{width:6px;height:6px;background:var(--mint);border-radius:50%}.hero h1{font-size:clamp(46px,5.3vw,72px);line-height:1.06;letter-spacing:-3.8px;font-weight:550;margin:27px 0}.hero h1 em{font-family:Georgia,serif;font-weight:400}.hero-description{font-size:17px;line-height:1.8;color:var(--muted);max-width:440px}.hero-actions{display:flex;align-items:center;gap:22px;margin:32px 0 13px;flex-wrap:wrap}.solid-link{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;background:var(--text);color:var(--bg)!important;padding:15px 22px;border-radius:30px;font-size:16px;font-weight:600;transition:transform .15s}.solid-link:hover{transform:translateY(-2px)}.subtle-link{font-size:16px;text-decoration:underline!important;text-underline-offset:4px}.hero-note{font-size:14px;color:var(--muted)}.hero-facts{display:flex;gap:25px;margin-top:45px;padding-top:25px;border-top:1px solid var(--line-soft);font-size:14px;color:var(--muted)}.hero-facts strong{display:block;color:var(--text);font-size:16px;margin-bottom:5px;font-weight:550}.demo-window{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px #0000000a;transform:rotate(1deg);overflow:hidden}.demo-bar{background:var(--side);border-bottom:1px solid var(--line-soft);padding:16px 20px;display:flex;align-items:center;gap:9px;font-size:14px;color:var(--muted)}.demo-bar>span:last-child{margin-left:auto;font-size:14px}.demo-dot{width:7px;height:7px;border-radius:50%;background:var(--mint)}.demo-content{padding:30px 27px 20px}.demo-tag{font-size:14px;letter-spacing:1.4px;color:var(--muted)}.demo-content h2{font-size:22px;margin:12px 0}.demo-brief{font-size:16px;color:var(--muted);line-height:1.7;max-width:280px}.demo-user{margin:27px 0 24px 30px;border-radius:17px 17px 4px 17px;padding:17px;background:var(--raised);font-size:16px;line-height:1.7}.demo-assistant{display:flex;gap:12px;font-size:16px;line-height:1.8}.genie-mark.small{font-size:22px}.demo-caption{text-align:center;margin-top:20px;font-size:14px;color:var(--muted)}.learning-section{border-top:1px solid var(--line);padding:75px 0}.landing .section-heading{display:block}.section-heading h2,.method-section h2,.closing h2{font-size:38px;line-height:1.2;font-weight:500;letter-spacing:-1.3px;margin:20px 0}.section-heading>p:last-child{font-size:16px;color:var(--muted)}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.skill-grid article{border-top:1px solid var(--line);padding-top:25px}.skill-grid article>span{font-size:14px;letter-spacing:1px;color:var(--muted)}.skill-grid h3{font-size:20px;margin:18px 0 13px}.skill-grid p{font-size:16px;line-height:1.9;color:var(--muted)}.skill-grid article>div{font-size:14px;color:var(--muted);margin-top:25px}.method-section{background:var(--side);border-radius:24px;padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.method-section ol{list-style:none;margin:0;padding:0;display:grid;gap:27px}.method-section li{display:flex;gap:18px}.method-section li>span{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:14px}.method-section li p{color:var(--muted);font-size:16px;line-height:1.8;margin-top:5px}.faq-section{max-width:700px;margin:90px auto}.faq-section h2{font-size:30px;font-weight:500;margin-bottom:30px}.faq-section details{border-bottom:1px solid var(--line);padding:19px 0}.faq-section summary{cursor:pointer;font-size:16px}.faq-section details p{font-size:16px;color:var(--muted);line-height:1.85;margin:14px 0 5px}.closing{text-align:center;border-top:1px solid var(--line);padding:65px 0 80px}.closing .overline{justify-content:center}.closing .solid-link{margin-top:10px}.site-footer{border-top:1px solid var(--line);max-width:1184px;margin:auto;padding:27px 48px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer .wordmark{font-size:16px}.site-footer p,.site-footer>a:last-child{font-size:14px;color:var(--muted)}a:focus-visible{outline:2px solid var(--text);outline-offset:5px}html[data-theme=dark] .demo-window{box-shadow:0 20px 60px #0003}
@media(max-width:900px){.hero{gap:30px;padding-top:55px}.hero h1{font-size:49px;letter-spacing:-2px}.hero-facts{gap:15px}.site-nav{padding:24px}.landing-main{padding:0 24px}.method-section{padding:30px;gap:25px}.skill-grid{gap:22px}.site-footer{padding:25px}}
@media(max-width:650px){.site-nav{gap:10px}.wordmark{font-size:16px}.site-nav nav{gap:13px}.site-nav nav>a:not(.nav-login){display:none}.site-nav button{font-size:14px;padding:7px 10px}.hero{grid-template-columns:1fr;padding:45px 0 55px;gap:45px}.hero h1{font-size:55px}.hero-description{font-size:16px}.hero-facts{justify-content:space-between;margin-top:30px}.demo-window{transform:none}.skill-grid,.method-section{grid-template-columns:1fr}.skill-grid{gap:32px}.learning-section{padding:50px 0}.section-heading h2,.method-section h2,.closing h2{font-size:31px}.method-section{padding:28px 22px;gap:25px}.faq-section{margin:55px auto}.closing{padding:45px 0 60px}.site-footer{align-items:flex-start;flex-direction:column;gap:12px}}

.hero-description,.skill-grid p,.method-section li p,.faq-section details p,.section-heading>p:last-child{font-size:18px;line-height:1.75}.demo-user,.demo-assistant,.demo-brief{font-size:16px;line-height:1.7}.hero-facts{flex-wrap:wrap}.site-nav nav{flex-wrap:wrap}.site-nav button,.solid-link,.subtle-link{min-height:44px}.site-footer{flex-wrap:wrap}.hero{gap:40px}@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-description{max-width:650px}.demo-window{max-width:620px;width:100%;margin:auto;transform:none}.skill-grid{grid-template-columns:1fr}.method-section{grid-template-columns:1fr}}
.account-confirmation{margin:24px 0 0;padding:24px;border:1px solid var(--mint-line);border-radius:18px;background:var(--mint-bg)}.account-confirmation h2{font-size:24px;line-height:1.3;margin:0 0 10px}.account-confirmation p{font-size:17px;line-height:1.7;color:var(--muted)}

.demo-achievement{margin-top:30px}.demo-caption{font-size:15px;margin-top:22px}.landing .hero h1{margin-top:24px}.landing .demo-content{padding:28px 24px 22px}.demo-achievement .achievement-copy strong{font-size:24px}.demo-achievement .achievement-trophy{width:68px;height:68px}.demo-achievement .achievement-top{gap:18px}.demo-achievement .achievement-badges{justify-content:flex-start}@media(max-width:550px){.landing .demo-content{padding:24px 16px 20px}.demo-achievement .achievement-trophy{width:50px;height:50px}.demo-achievement .achievement-top{gap:14px}.demo-achievement .achievement-copy strong{font-size:21px}.landing .hero h1{font-size:clamp(32px,10vw,44px)}.demo-achievement .achievement-badges{gap:10px 16px}}

.landing .course-name{display:inline-flex;align-items:center;gap:12px;max-width:100%;font-size:clamp(22px,2.1vw,28px);font-weight:450;text-transform:uppercase;line-height:1.35;letter-spacing:-.5px;color:var(--text);padding:12px 20px;border:2px solid var(--mint);border-radius:999px;background:var(--bg);box-shadow:0 0 25px #a979ed26,inset 0 0 12px #a979ed09}.course-name strong{font-weight:750;color:var(--mint)}.course-sparkles{flex:none;color:var(--mint);filter:drop-shadow(0 0 6px #b988f044)}.landing .hero h1{font-weight:600}.landing .hero h1 em{white-space:nowrap;color:var(--mint);text-shadow:0 0 22px #b988f016}@media(max-width:550px){.landing .course-name{font-size:20px;gap:9px;padding:10px 13px;letter-spacing:-.4px}.course-sparkles{width:27px;height:27px}}

@media(max-width:550px){.site-nav{padding:20px 16px}.site-nav .wordmark{white-space:nowrap}.site-nav nav{flex-wrap:nowrap;gap:10px}}