/* Marketing uses the same original colors, artwork and reading patterns as the app. */
.marketing{--muted:#61655f}.skip-link{position:absolute;left:20px;top:-100px;background:var(--ink);color:white;padding:15px;z-index:200}.skip-link:focus{top:12px}.marketing header{height:auto;min-height:104px;gap:24px}.marketing nav{flex-wrap:wrap;justify-content:flex-end;gap:22px}.marketing nav>a{min-height:44px;display:inline-flex;align-items:center}.home-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:35px 0 60px}.home-hero h1{font-size:clamp(52px,6.1vw,82px);letter-spacing:-4px}.home-hero h1 em{font-style:normal;color:var(--red)}.home-hero .intro{max-width:470px;font-size:19px;line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.marketing .primary{gap:25px;min-height:48px}.marketing .secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #d9d5c7;border-radius:16px;padding:18px 22px;font-weight:700;margin-top:20px;background:white}.robot-stage{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:500px;background:#e3eafb;border-radius:36px;padding:36px 10px 22px;overflow:hidden}.robot-stage>img{width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-5deg)}.stage-sticker{align-self:flex-end;background:var(--yellow);color:var(--ink);border-radius:50%;width:96px;height:96px;display:grid;place-content:center;transform:rotate(10deg);font-size:14px;font-weight:800;line-height:1.2;margin:0 24px -45px 0;z-index:1}.robot-caption{display:flex;flex-direction:column;gap:7px;margin:0 24px;padding:16px 19px;background:#ffffffb8;border-radius:16px;font-size:13px}.robot-caption>b{font-size:19px}.home-stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #e1ddcf;padding:22px 0;margin-bottom:65px}.home-stats p{display:flex;flex-direction:column;gap:4px;margin:0;padding:8px 24px;border-right:1px solid #e1ddcf}.home-stats p:first-child{padding-left:0}.home-stats p:last-child{border:0}.home-stats strong{font-family:'Space Grotesk',system-ui,sans-serif;font-size:40px;letter-spacing:-2px}.home-stats span{font-size:13px;color:var(--muted)}.marketing .section-heading{border-top:0;padding-top:0}.marketing .section-heading h2{font-size:clamp(31px,3.3vw,44px);line-height:1.08;letter-spacing:-1.5px}.marketing .section-heading>p{line-height:1.6}.start-section,.projects-section,.lesson-section{margin-bottom:80px}.start-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.start-card{padding:30px;border-radius:26px;display:flex;align-items:flex-start;flex-direction:column;border:1px solid #e5dfcc}.set-start{background:#fff0b6}.lesson-start{background:#e4eee7}.route-icon{font-size:30px}.start-card h3{font-size:27px;margin:16px 0 6px;letter-spacing:-.7px}.start-card p{font-size:16px;line-height:1.65;color:#50564e;margin-bottom:24px}.card-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:700;margin-top:auto}.section-intro{max-width:780px;line-height:1.75;color:var(--muted);font-size:17px;margin:0 0 30px}.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:700}.featured-projects,.lesson-previews{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-preview,.lesson-preview{display:flex;flex-direction:column;border-radius:24px;background:white;border:1px solid #e8e3d5;overflow:hidden}.project-preview>img{width:100%;height:auto;aspect-ratio:720/520;object-fit:contain;background:#edf0f7}.project-preview:nth-child(2)>img{background:#f3e7d9}.project-preview:nth-child(3)>img{background:#e3ece2}.project-preview>div,.lesson-preview>div{padding:20px 22px;display:flex;flex-direction:column;flex:1}.project-preview h3,.lesson-preview h3{font-size:25px;letter-spacing:-.7px;margin:10px 0}.project-preview p:not(.eyebrow),.lesson-preview p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.6;margin:4px 0 13px}.lesson-preview>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.teaching-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:30px 0 10px;padding:26px;background:#f1ede1;border-radius:22px}.teaching-strip b{font-size:17px}.teaching-strip p{font-size:14px;line-height:1.65;color:var(--muted);margin-bottom:0}.marketing .fine{font-size:12px;line-height:1.65}.learning-banner{display:grid;grid-template-columns:1.4fr 1fr;gap:55px;background:#e4eaf9;border-radius:30px;padding:42px;margin-bottom:75px;align-items:center}.learning-banner h2{font-size:44px;letter-spacing:-2px;margin:18px 0}.learning-banner p{line-height:1.65}.learning-banner .secondary{margin-left:5px}.marketing footer{padding-inline:0;gap:18px}.marketing footer>a:not(.brand){display:inline-flex;align-items:center;min-height:44px}.marketing #gallery{scroll-margin-top:20px}
@media(hover:hover){.start-card:hover,.project-preview:hover,.lesson-preview:hover{border-color:#a3a797}.text-link:hover,.card-link:hover{text-decoration:underline}}
@media(max-width:950px){.home-hero{gap:26px}.robot-stage{min-height:420px}.featured-projects,.lesson-previews{gap:14px}.project-preview>div,.lesson-preview>div{padding:17px}.learning-banner{gap:25px;padding:30px}}
@media(max-width:800px){.marketing header{padding:18px 23px;align-items:flex-start;flex-wrap:wrap;gap:10px}.marketing nav{gap:20px;justify-content:flex-start;width:100%}.marketing nav>a{display:inline-flex}.marketing nav #user-button:empty{display:none}.home-hero{grid-template-columns:1fr;padding:20px 0 35px;gap:20px}.home-hero h1{font-size:58px;letter-spacing:-3px;margin:20px 0}.home-hero .intro{font-size:17px}.robot-stage{min-height:0;max-width:600px;width:100%;justify-self:center;padding-top:20px}.robot-stage>img{max-height:370px}.stage-sticker{width:80px;height:80px;font-size:12px}.home-stats{grid-template-columns:repeat(2,1fr);margin-bottom:45px;gap:18px 0}.home-stats p{padding:5px 18px}.home-stats p:nth-child(2){border:0}.home-stats p:nth-child(3){padding-left:0}.home-stats strong{font-size:34px}.start-grid{grid-template-columns:1fr}.start-card{padding:24px}.start-section,.projects-section,.lesson-section{margin-bottom:50px}.featured-projects,.lesson-previews{grid-template-columns:1fr}.project-preview{display:grid;grid-template-columns:45% 1fr;align-items:center}.project-preview>img{height:100%;object-fit:contain}.project-preview h3{font-size:23px}.project-preview .eyebrow{font-size:9px;letter-spacing:1px}.lesson-preview>img{max-height:300px}.teaching-strip{grid-template-columns:1fr;gap:22px;padding:24px}.learning-banner{grid-template-columns:1fr;gap:0;padding:27px;margin-bottom:50px}.learning-banner h2{font-size:37px}.learning-banner .secondary{margin-left:0}.marketing footer{margin:0 23px}.marketing .primary,.marketing .secondary{font-size:14px;padding:16px 20px}}
@media(max-width:380px){.home-hero h1{font-size:49px}.project-preview{grid-template-columns:1fr}.project-preview>img{max-height:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}