@font-face{font-family:Manrope;src:url('/assets/manrope.ttf') format('truetype');font-weight:400 500;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-semibold.ttf') format('truetype');font-weight:600 700;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-bold.ttf') format('truetype');font-weight:750 800;font-display:swap}
:root{--paper:#f5f3ec;--ink:#20251f;--muted:#5b6057;--orange:#c6431d;--blue:#234bc5;--pale:#e9eddf;--line:#d3d6ca;--white:#fff;--error:#a42d23;--success:#245b3b;--r:8px;--panel:16px;--stage:24px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--s12:48px;--s16:64px;--s24:96px;--s32:128px;--ease:cubic-bezier(.2,.8,.2,1);--quick:180ms;--step:340ms;--hero:650ms}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif;font-size:16px;line-height:1.65}::selection{background:var(--blue);color:var(--white)}a{color:inherit;text-decoration:none;text-underline-offset:5px}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h1{font-size:clamp(44px,5.55vw,80px);font-weight:800;letter-spacing:-.035em;line-height:1.04}h2{font-size:clamp(34px,3.5vw,48px);font-weight:800;letter-spacing:-.025em;line-height:1.12}h3{font-size:28px;font-weight:750;line-height:1.2;letter-spacing:-.02em}p{color:var(--muted)}small,.small{font-size:13px;line-height:1.5;color:var(--muted)}.lead{font-size:20px;line-height:1.6}.wrap{width:min(100% - clamp(40px,8vw,128px),1280px);margin-inline:auto}.skip{position:fixed;left:16px;top:-80px;background:var(--white);z-index:20;padding:12px}.skip:focus{top:8px}.header{position:sticky;top:0;z-index:10;background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{font-size:25px;font-weight:800;letter-spacing:-.03em;display:flex;align-items:center;gap:10px;line-height:1.2}.brand-mark{width:34px;height:34px;background:var(--orange);color:var(--white);display:grid;place-items:center;border-radius:8px}.brand-mark svg{width:26px;height:26px}.nav{display:flex;gap:32px;align-items:center;font-size:15px;font-weight:650}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;border-radius:var(--r);background:var(--orange);color:var(--white);border:0;font-size:15px;font-weight:650;line-height:1.4;transition:background var(--quick) var(--ease),transform var(--quick) var(--ease);text-decoration:none}.button:hover{background:color-mix(in srgb,var(--orange),var(--ink) 15%);text-decoration:none}.button:active{transform:translateY(1px)}.button.secondary{border:1px solid var(--line);background:transparent;color:var(--ink)}.button.secondary:hover{background:var(--pale)}.button.blue{background:var(--blue)}.button svg{width:20px;height:20px}.menu-button{display:none;border:1px solid var(--line);border-radius:var(--r);background:transparent;width:48px;height:48px;place-items:center}.hero{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:24px;padding-top:64px;padding-bottom:48px}.hero h1{max-width:650px}.hero .lead{margin-top:24px;max-width:510px}.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:32px}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:650}.stage{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;min-width:0}.stage img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.stage .animate-robot{position:absolute;bottom:12px;right:16px;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:12px 16px;display:flex;gap:8px;align-items:center;font-size:15px;font-weight:650}.image-label{position:absolute;top:16px;left:16px;font-size:13px;color:var(--muted)}.stage.is-awake img{animation:wake var(--hero) var(--ease)}@keyframes wake{25%{transform:rotate(-5deg) translateY(-8px)}65%{transform:rotate(3deg)}100%{transform:none}}.path-strip{border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;padding:24px 0;align-items:center;font-weight:650}.path-strip span{display:flex;align-items:center;gap:16px}.path-strip svg{color:var(--orange)}.path-strip>.arrow{color:var(--muted);width:20px}.section{padding-block:96px;scroll-margin-top:24px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:48px}.section-top h2{max-width:640px}.section-top p{max-width:350px}.programs .section-top h2{max-width:680px}.tabs{display:flex;gap:8px;margin-bottom:32px}.tab{padding:12px 24px;min-height:48px;font-size:16px;font-weight:650;background:transparent;border:1px solid var(--line);border-radius:var(--r)}.tab[aria-selected=true]{background:var(--blue);border-color:var(--blue);color:var(--white)}.program-panel{display:grid;grid-template-columns:.85fr 1.4fr;gap:64px;border-block:1px solid var(--line);padding-block:48px}.program-name{font-size:42px;line-height:1.13;letter-spacing:-.025em}.program-name+p{margin-top:16px;color:var(--blue);font-weight:650}.program-description>p{font-size:20px;line-height:1.6;max-width:680px}.skills{list-style:none;padding:0;margin:24px 0;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:15px}.skills li{display:flex;align-items:center;gap:8px}.skills svg{width:18px;height:18px;color:var(--blue)}.panel-swap{animation:panel var(--quick) var(--ease)}@keyframes panel{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:none}}.approach{background:var(--pale)}.step-list{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:48px}.step{border-top:1px solid color-mix(in srgb,var(--ink),transparent 70%);padding-top:24px}.step>svg{width:40px;height:40px;margin-bottom:24px;color:var(--orange)}.step h3{margin-bottom:16px}.faq-layout{display:grid;grid-template-columns:.8fr 1.3fr;gap:96px}.faq-layout h2{max-width:370px}.faq-item{border-bottom:1px solid var(--line)}.faq-trigger{min-height:72px;background:transparent;border:0;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;text-align:left;font-size:18px;font-weight:650;line-height:1.5}.faq-trigger svg{transition:transform var(--quick) var(--ease)}.faq-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.faq-answer{padding:0 48px 24px 0}.closing{background:var(--blue);color:var(--white);border-radius:var(--stage);padding:64px;display:flex;align-items:center;justify-content:space-between;gap:48px;margin-bottom:96px}.closing h2{max-width:660px}.closing p{color:var(--white);opacity:.85;max-width:620px;margin-top:24px}.closing .button{flex-shrink:0;background:var(--white);color:var(--ink)}.footer{border-top:1px solid var(--line);padding-block:32px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.footer-links{display:flex;gap:24px;font-size:15px}.footer .small{max-width:780px}.breadcrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px;color:var(--muted);padding-top:32px}.breadcrumbs svg{width:16px;height:16px}.course-hero{padding-top:48px}.course-hero h1{font-size:clamp(44px,5vw,72px)}.course-hero .stage{max-height:460px}.course-content{display:grid;grid-template-columns:.8fr 1.3fr;gap:96px;border-top:1px solid var(--line)}.course-content .lead{margin-bottom:48px}.modules{display:grid;gap:32px}.module{border-top:1px solid var(--line);padding-top:24px;display:grid;grid-template-columns:.6fr 1fr;gap:32px}.module h3{font-size:24px}.project-callout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;background:var(--pale);padding:64px;border-radius:var(--stage);margin-bottom:96px}.project-callout p{margin-top:24px}.circuit{height:260px;display:flex;align-items:center;justify-content:center;gap:12px}.command-visual{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--r);background:var(--blue);color:var(--white)}.command-visual:nth-child(2){transform:translateY(-32px)}.command-visual:nth-child(3){transform:translateY(32px)}.command-visual svg{width:32px;height:32px}.note{margin-bottom:48px}.mission-title{padding-block:48px 32px;max-width:850px}.mission-title h1{font-size:clamp(44px,4.5vw,64px)}.mission-title .lead{margin-top:24px}.mission-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-bottom:64px;align-items:start}.board-wrap{background:var(--pale);padding:24px;border-radius:var(--stage)}.board{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;position:relative}.cell{aspect-ratio:1;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);display:grid;place-items:center;color:var(--muted)}.cell.obstacle{background:var(--line)}.cell.obstacle svg{width:30px;height:30px}.cell.goal{color:var(--orange)}.cell.goal svg{width:40px;height:40px}.rover{position:absolute;width:calc((100% - 16px)/5);height:calc((100% - 16px)/5);left:0;top:0;display:grid;place-items:center;transition:transform var(--step) var(--ease);pointer-events:none}.rover-face{width:68%;height:58%;background:var(--orange);border-radius:12px;display:grid;place-items:center;position:relative}.rover-face:before,.rover-face:after{content:'';position:absolute;width:10%;height:70%;background:var(--ink);top:15%;border-radius:4px}.rover-face:before{left:-9%}.rover-face:after{right:-9%}.rover-screen{width:72%;height:56%;border-radius:5px;background:var(--ink);display:flex;align-items:center;justify-content:space-around;padding-inline:15%}.rover-screen i{width:5px;height:9px;background:var(--white);border-radius:4px}.board-caption{display:flex;justify-content:space-between;margin-top:16px;gap:16px;font-size:13px;color:var(--muted)}.mission-controls h2{font-size:28px;margin-bottom:16px}.command-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.command-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;min-height:48px;border:1px solid var(--line);background:var(--white);border-radius:var(--r);font-size:15px;font-weight:650}.command-button:hover{background:var(--pale)}.command-button svg{color:var(--blue)}.queue-heading{display:flex;justify-content:space-between;align-items:center;margin-top:32px;margin-bottom:12px}.queue-heading h3{font-size:18px;letter-spacing:0}.queue{min-height:106px;border:1px solid var(--line);border-radius:var(--panel);padding:16px;display:flex;flex-wrap:wrap;align-content:start;gap:8px}.queue:empty:after{content:'Добавь команды выше';font-size:15px;color:var(--muted)}.queue-item{width:36px;height:36px;display:grid;place-items:center;background:var(--blue);color:var(--white);border-radius:var(--r)}.queue-item.active{outline:3px solid var(--orange);outline-offset:2px}.queue-item svg{width:20px;height:20px}.queue-tools{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.tool{background:transparent;border:0;min-height:44px;font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:4px}.status{margin-top:24px;min-height:76px;padding:16px;border-radius:var(--r);background:var(--pale);font-size:15px;color:var(--ink)}.status[data-state=error]{background:var(--paper);border:1px solid var(--error);color:var(--error)}.status[data-state=success]{background:var(--pale);color:var(--success)}.mission-actions{display:flex;gap:12px;margin-top:16px}.lesson-note{border-top:1px solid var(--line);padding-block:32px 64px;display:flex;gap:64px}.lesson-note h2{font-size:28px;flex:1}.lesson-note p{flex:1}.token-row{display:flex;gap:16px;flex-wrap:wrap}.token{width:120px;height:80px;border-radius:var(--r);padding:8px;border:1px solid var(--line)}[hidden]{display:none!important}
@media(max-width:1100px){.nav{gap:20px}.hero{gap:12px}.hero h1{font-size:64px}.hero .lead{font-size:18px}.faq-layout,.course-content{gap:48px}.mission-layout{gap:32px}.closing{padding:48px}.module{grid-template-columns:1fr;gap:12px}}
@media(max-width:900px){.header-inner{min-height:76px}.header .nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:24px 32px;border-bottom:1px solid var(--line);align-items:stretch;gap:16px}.header .nav.open{display:flex;flex-direction:column}.header .nav>a{min-height:44px;display:flex;align-items:center}.menu-button{display:grid}.hero{grid-template-columns:1fr 1fr;padding-top:48px}.hero h1{font-size:52px}.hero .actions{gap:16px}.hero .actions .text-link{font-size:14px}.program-panel{gap:32px}.program-name{font-size:36px}.program-description>p{font-size:18px}.section{padding-block:64px}.section-top{display:block}.section-top p{margin-top:24px;max-width:560px}.step-list{gap:24px}.step h3{font-size:24px}.faq-layout{grid-template-columns:1fr;gap:32px}.faq-layout h2{max-width:600px}.closing{display:block;margin-bottom:64px}.closing .button{margin-top:32px}.course-content{grid-template-columns:1fr}.project-callout{padding:32px;gap:32px}.mission-layout{grid-template-columns:1fr 1fr;gap:24px}.board-wrap{padding:16px}.mission-title .lead{font-size:18px}.mission-actions{flex-wrap:wrap}.command-buttons{gap:8px}.command-button{gap:8px;font-size:14px}.board-caption{font-size:12px}.queue{padding:12px}}
@media(max-width:600px){.brand{font-size:23px}.hero{grid-template-columns:1fr;padding-top:32px;padding-bottom:32px;gap:16px}.hero h1{font-size:44px;max-width:420px}.hero .lead{font-size:18px}.hero .actions{margin-top:24px}.stage{max-width:440px;width:100%;margin-inline:auto}.hero .stage{margin-top:8px}.stage .animate-robot{bottom:0}.path-strip{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:14px;padding-block:24px}.path-strip>.arrow{display:none}.path-strip span{gap:12px}.section{padding-block:64px}.section-top{margin-bottom:32px}.section-top h2{font-size:34px}.section-top p{margin-top:16px}.tabs{gap:8px;margin-bottom:24px}.tab{padding:12px 16px;flex:1;white-space:nowrap;font-size:15px}.program-panel{grid-template-columns:1fr;gap:24px;padding-block:32px}.program-name{font-size:34px}.program-name+p{margin-top:12px}.program-description>p{font-size:18px}.skills{display:grid;gap:12px}.step-list{grid-template-columns:1fr;gap:32px;margin-top:32px}.step{display:grid;grid-template-columns:40px 1fr;column-gap:20px;padding-top:24px}.step>svg{grid-row:1/3;margin:0}.step h3{font-size:24px;margin-bottom:12px}.faq-trigger{font-size:16px;gap:16px}.faq-answer{padding-right:32px}.closing{padding:32px 24px;margin-bottom:64px}.closing h2{font-size:34px}.closing p{margin-top:16px}.footer-top{display:block}.footer-links{margin-top:24px;flex-wrap:wrap;gap:16px 24px}.breadcrumbs{padding-top:24px;font-size:13px}.course-hero{padding-top:32px}.course-hero h1{font-size:44px}.course-hero .stage{max-height:360px}.course-content .lead{font-size:18px;margin-bottom:32px}.module{gap:12px}.project-callout{grid-template-columns:1fr;padding:32px 24px;gap:16px;margin-bottom:64px}.circuit{height:140px}.project-callout .actions{margin-top:24px}.note{margin-bottom:32px}.mission-title{padding-block:32px}.mission-title h1{font-size:44px}.mission-layout{grid-template-columns:1fr;gap:32px;margin-bottom:48px}.board-wrap{padding:16px}.board-caption{font-size:13px}.mission-controls h2{font-size:28px}.command-button{font-size:15px}.queue{min-height:106px}.mission-actions .button{flex:1}.lesson-note{display:block;padding-block:32px 48px}.lesson-note h2{font-size:28px;margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

h1,h2,h3{overflow-wrap:anywhere}
.lesson-note>div{flex:1;min-width:0}.lesson-note h2{min-width:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.robot-stage{isolation:isolate;overflow:hidden;border-radius:var(--stage)}.robot-stage .robot-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:grab;z-index:1}.robot-stage .robot-canvas:active{cursor:grabbing}.robot-stage .robot-canvas:focus-visible{outline:3px solid var(--blue);outline-offset:-5px;border-radius:var(--stage)}.robot-stage.has-model>img{visibility:hidden}.robot-stage .animate-robot{z-index:3;bottom:12px;right:12px;min-height:48px}.robot-hint{position:absolute;bottom:26px;left:12px;font-size:13px;line-height:1.5;color:var(--muted);z-index:2;pointer-events:none}.robot-stage canvas{display:block}
@media(max-width:600px){.robot-hint{bottom:28px;font-size:12px}.robot-stage .animate-robot{font-size:14px;padding:12px}.robot-stage{margin-bottom:8px}}
.robot-stage .robot-canvas{cursor:default}.robot-stage .robot-canvas:active{cursor:default}

.footer-credit{margin-top:var(--s4)}