:root{--ink:var(--t-ink);--muted:var(--t-muted);--paper:var(--t-bg);--line:var(--t-line);--line-2:var(--t-line-2);--night:var(--t-surface);--soft:var(--t-code);--blue:#2f5bea;--blue-hover:#2549c4;--blue-on:#fff;--blue-soft:#eaf0ff;--green:var(--blue);--truth:#16a34a;--truth-ink:#15803d;--mint:var(--truth);--orange:#ea7a1c;--cyan:#0891b2;--violet:#7c3aed;--safety:#ca8a04;--obstacle:#e3e6ec;--art-bg:#f6f7f9;--radius:16px;font-family:var(--t-font);color:var(--ink);font-synthesis:none}
/* Тёмная тема общей лаборатории (../shared): фирменные и смысловые цвета светлее, чтобы читались на тёмном фоне */
:root[data-theme="dark"]{--blue:#7b98ff;--blue-hover:#9bb1ff;--blue-on:#0a1230;--blue-soft:rgba(123,152,255,.16);--truth:#3fd47a;--truth-ink:#5be39b;--orange:#ff9a45;--cyan:#38c6e8;--violet:#b18cff;--safety:#f0b429;--obstacle:#26324a;--art-bg:var(--t-surface-2)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--blue:#7b98ff;--blue-hover:#9bb1ff;--blue-on:#0a1230;--blue-soft:rgba(123,152,255,.16);--truth:#3fd47a;--truth-ink:#5be39b;--orange:#ff9a45;--cyan:#38c6e8;--violet:#b18cff;--safety:#f0b429;--obstacle:#26324a;--art-bg:var(--t-surface-2)}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button{color:inherit}h1,h2,h3,p{margin:0}svg{display:block;width:100%;height:100%}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:15px;letter-spacing:1.4px;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--line-2);border-radius:11px;font-size:30px;font-weight:500;background:var(--soft)}.brand-sub{display:block;font-size:12px;letter-spacing:1.3px;margin-top:5px;color:var(--muted);font-weight:600}.site-header nav{display:flex;gap:30px;font-size:15.5px;color:var(--muted)}.site-header nav a:hover,.text-link:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:16px 23px;border:1px solid transparent;border-radius:9px;font-size:15.5px;font-weight:600;white-space:nowrap;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.dark{background:var(--blue);color:var(--blue-on)}.button.dark:hover{background:var(--blue-hover)}.button.small{padding:11px 15px;font-size:15px}.button.light{background:var(--t-surface);border-color:var(--line)}.hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:58px;padding-block:62px 92px}.eyebrow{font-size:14px;letter-spacing:1.6px;font-weight:700;line-height:1.5;color:var(--green)}.hero .eyebrow{display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;background:var(--blue);display:inline-block;border-radius:50%;flex-shrink:0}.hero h1{font-size:clamp(36px,4.1vw,61px);line-height:1.1;letter-spacing:-2.4px;margin:26px 0 23px;font-weight:650}.hero h1 span{color:var(--blue)}.lead{max-width:425px;font-size:17px;color:var(--muted);line-height:1.7}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.text-link{font-size:15px;font-weight:600}.hero-facts{display:flex;gap:32px;margin-top:43px}.hero-facts div{display:flex;flex-direction:column;gap:7px}.hero-facts strong{font-size:27px;font-weight:600}.hero-facts span{font-size:14px;color:var(--muted)}.hero-preview{position:relative;background:var(--night);border-radius:16px;box-shadow:0 30px 65px -25px #1018284d;color:var(--ink);transform:rotate(-1.2deg);border:1px solid var(--line)}.preview-chrome{height:39px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-bottom:1px solid var(--line);color:var(--muted)}.preview-chrome>span:first-child{display:flex;gap:5px}.preview-chrome i{width:5px;height:5px;background:var(--muted);border-radius:50%}.preview-chrome small{font-size:13px}.live-label{font-size:12px;letter-spacing:1.5px;color:var(--truth-ink)}.preview-title{padding:22px 23px 6px;display:flex;justify-content:space-between;align-items:center;gap:8px}.preview-title small{font-size:12px;letter-spacing:1px;color:var(--muted)}.preview-title h3{font-size:14px;font-weight:500;margin-top:9px}.preview-pill{font-size:13px;padding:8px;background:var(--soft);border-radius:5px;white-space:nowrap;color:var(--truth-ink)}.mini-world{height:290px;padding:12px 14px 0}.preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px 21px;font-size:12px;color:var(--muted)}.preview-bottom strong{font-size:14px;font-weight:400}.preview-bottom strong span{color:var(--orange);margin-left:6px}.legend-dot{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%}.legend-dot.mint{background:var(--truth)}.legend-dot.orange{background:var(--orange)}.floating-note{position:absolute;bottom:-26px;left:34px;display:flex;align-items:center;gap:15px;background:var(--t-surface);padding:17px 21px;border-radius:10px;box-shadow:0 10px 30px #10182812;color:var(--ink);transform:rotate(1.2deg)}.floating-note>span{font-size:27px;color:var(--blue)}.floating-note strong{font-size:14.5px;display:block}.floating-note small{font-size:13px;color:var(--muted);display:block;margin-top:6px}.concept-note{display:flex;align-items:center;gap:16px;border-block:1px solid var(--line);padding-block:20px}.note-icon{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--muted);border-radius:50%;font:italic 15px Georgia,serif;flex-shrink:0;color:var(--muted)}.concept-note p{font-size:14.5px;line-height:1.6;color:var(--muted);max-width:780px}.concept-note p strong{color:var(--ink);font-weight:600}.tag{margin-left:auto;font-size:12px;letter-spacing:1px;white-space:nowrap;border:1px solid var(--line);border-radius:4px;padding:7px 9px;color:var(--muted)}.section{padding-block:90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:35px}.section h2,.workflow-section h2,.roadmap-section h2{font-size:38px;line-height:1.18;font-weight:550;letter-spacing:-1.3px;margin-top:16px}.section-heading>p,.roadmap-section>div>p{font-size:15.5px;line-height:1.8;color:var(--muted)}.concept-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.concept-card{background:var(--t-surface);border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:transform .2s,box-shadow .2s}.concept-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #10182812}.card-preview{height:250px;background:var(--night);padding:12px 20px}.card-body{padding:25px 28px}.card-meta{display:flex;gap:13px;font-size:13px;letter-spacing:1px;color:var(--green);font-weight:700}.card-meta span{color:var(--muted);font-weight:500}.card-body h3{font-size:22px;font-weight:600;margin-top:14px;display:flex;justify-content:space-between}.card-body h3 span{font-size:22px;font-weight:400;color:var(--muted)}.card-body p{font-size:15.5px;line-height:1.75;color:var(--muted);margin-top:13px;max-width:420px}.card-tags{display:flex;gap:8px;margin-top:21px}.card-tags span{font-size:13px;padding:6px 9px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}.workflow-section{background:var(--soft);padding-block:70px}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:47px}.workflow article{border-top:1px solid var(--line-2);padding-top:20px}.workflow article>span{font-size:14px;color:var(--muted)}.workflow h3{font-size:18px;font-weight:550;margin-top:16px}.workflow p{font-size:15px;line-height:1.8;color:var(--muted);margin-top:12px}.workflow-foot{margin-top:36px;font-size:14px;color:var(--muted)}.curriculum-list{border-top:1px solid var(--line)}.curriculum-row{display:grid;grid-template-columns:75px 1fr 60px 140px;gap:15px;padding:18px 12px;border-bottom:1px solid var(--line);align-items:center;font-size:15px}.curriculum-row>span{font-size:14px;font-variant-numeric:tabular-nums;color:var(--muted)}.curriculum-row strong{font-weight:500}.curriculum-row small{font-size:14.5px;color:var(--muted)}.curriculum-row em{font-style:normal;color:var(--muted);text-align:right;font-size:14px}.curriculum-row.available em{color:var(--green)}.curriculum-row.available:hover{background:var(--soft)}.section-caption{font-size:14.5px;color:var(--muted);line-height:1.7;margin-top:22px}.roadmap-section{display:grid;grid-template-columns:1.2fr 1fr;gap:95px;padding-block:50px 80px}.roadmap-section h2{font-size:32px}.roadmap-section>div>p{margin-top:20px}.roadmap-section .button{margin-top:28px}.roadmap{margin:0;padding-left:22px;list-style:none;border-left:1px solid var(--line)}.roadmap li{position:relative;padding:0 0 30px 14px}.roadmap li:last-child{padding-bottom:0}.roadmap li:before{content:"";position:absolute;left:-27px;top:3px;width:8px;height:8px;background:var(--line-2);border-radius:50%;border:3px solid var(--paper)}.roadmap li.current:before{background:var(--blue);box-shadow:0 0 0 3px var(--line)}.roadmap li>span{font-size:12px;letter-spacing:1px;color:var(--muted)}.roadmap h3{font-size:15px;font-weight:600;margin-top:7px}.roadmap p{font-size:14.5px;line-height:1.7;color:var(--muted);margin-top:6px}.site-footer{border-top:1px solid var(--line);padding-block:25px;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}
/* Shared laboratory shell */
.stand-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;background:var(--t-surface);border-bottom:1px solid var(--line);gap:20px}.stand-header .brand{font-size:15px}.stand-header .brand-mark{width:32px;height:32px;font-size:24px}.stand-header .brand-sub{font-size:12px}.stand-breadcrumb{font-size:14.5px;color:var(--muted)}.stand-breadcrumb span{padding:0 14px;color:var(--line-2)}.header-actions{display:flex;gap:24px;align-items:center}.demo-badge{font-size:12px;letter-spacing:1.2px;background:var(--soft);border:1px solid var(--line);padding:7px 9px;border-radius:4px;color:var(--muted)}.back-link{font-size:14.5px}.stand-layout{display:grid;grid-template-columns:218px minmax(0,1fr);max-width:1920px;margin:auto}.lesson-sidebar{padding:29px 15px;background:var(--t-surface);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:calc(100vh - 76px)}.sidebar-label{font-size:12px;letter-spacing:1.2px;color:var(--muted);display:block}.sidebar-label>span{float:right}.lesson-sidebar nav{display:grid;gap:5px;margin-top:21px}.lesson-sidebar nav a{display:flex;align-items:center;gap:11px;padding:14px 10px;border-radius:8px;border:1px solid transparent}.lesson-sidebar nav a:hover{background:var(--soft)}.lesson-sidebar nav a.active{background:var(--soft);border-color:var(--line)}.lesson-icon{font-size:23px;width:24px;color:var(--muted);text-align:center}.lesson-sidebar nav small{font-size:12px;color:var(--muted);display:block;margin-bottom:5px}.lesson-sidebar nav strong{font-size:14.5px;font-weight:550}.nav-arrow{margin-left:auto;color:var(--muted)}.sidebar-course{margin:34px 8px 25px;padding-top:24px;border-top:1px solid var(--line)}.sidebar-course h3{font-size:15px;font-weight:600;line-height:1.6;margin-top:15px}.sidebar-course p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:11px}.sidebar-chip{display:inline-block;margin-top:17px;font-size:12px;padding:6px 7px;border:1px solid var(--line);border-radius:4px;color:var(--muted)}.sidebar-bottom{margin:40px 8px 0;margin-top:auto;padding-top:35px}.sidebar-bottom .note-icon{width:19px;height:19px;font-size:15px}.sidebar-bottom p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:11px}.sidebar-bottom a{font-size:13px;color:var(--green);display:inline-block;margin-top:15px}.experiment-main{padding:31px 30px 18px;min-width:0}.experiment-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.experiment-heading h1{font-size:28px;font-weight:600;letter-spacing:-.7px;margin-top:10px}.experiment-heading p{font-size:14.5px;color:var(--muted);line-height:1.6;margin-top:9px}.experiment-heading .eyebrow{font-size:12px}.experiment-bar{display:flex;align-items:center;gap:20px;padding:14px 0 18px;margin-top:12px;font-size:14px}.experiment-bar label{display:flex;align-items:center;gap:10px;color:var(--muted)}select{border:1px solid var(--line);background:var(--t-surface);border-radius:5px;padding:7px 25px 7px 9px;color:var(--ink);font-size:14px}.experiment-bar input[type=number]{width:62px;border:1px solid var(--line);border-radius:5px;padding:7px;background:var(--t-surface);color:var(--ink);font-size:14px}.bar-divider{height:18px;width:1px;background:var(--line)}.bar-end{margin-left:auto;color:var(--muted);display:flex;align-items:center;gap:7px;font-size:13px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:17px;align-items:stretch}.world-panel{background:var(--night);border-radius:12px;position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0;color:var(--muted);min-height:430px}.world-toolbar{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:1px}.world-toolbar small{font-size:12px;color:var(--muted);letter-spacing:.5px}.world-tool{background:var(--soft);border:1px solid var(--line);padding:6px 9px;border-radius:5px;font-size:13px;color:var(--muted);letter-spacing:0}.world-tool[aria-pressed=false]{opacity:.5}.world-stage{flex:1;min-height:285px;display:flex;align-items:center;padding:9px 14px;overflow:hidden}.world-stage svg{aspect-ratio:10/6;max-height:440px}.world-legend{display:flex;align-items:center;gap:20px;font-size:12px;padding:7px 19px 15px;flex-wrap:wrap}.world-legend i{display:inline-block;width:16px;height:2px;margin-right:7px;vertical-align:middle}.world-footer{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:12px 18px;background:var(--t-surface-2);color:var(--muted);font-variant-numeric:tabular-nums}.world-footer>span>span{padding:0 8px}.layers-menu{position:absolute;z-index:5;right:17px;top:50px;border:1px solid var(--line);background:var(--t-surface);border-radius:7px;padding:12px;box-shadow:0 5px 20px #0004}.layers-menu label{display:flex;gap:7px;align-items:center;font-size:14px;padding:5px}.layers-menu input{accent-color:var(--truth)}.parameters-panel{background:var(--t-surface);border:1px solid var(--line);border-radius:12px;padding:18px 18px 15px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:9px}.panel-heading h2{font-size:15.5px;font-weight:600}.panel-heading button{background:none;border:none;font-size:13px;color:var(--muted);padding:3px}.panel-caption{font-size:13px;line-height:1.7;color:var(--muted);margin-top:9px;margin-bottom:20px}.parameter{margin-top:16px}.parameter label{display:flex;justify-content:space-between;gap:5px;font-size:14px}.parameter output{font-variant-numeric:tabular-nums;color:var(--green);font-size:14px}.parameter small{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:5px}.parameter input[type=range]{width:100%;margin:12px 0 0;accent-color:var(--blue);height:5px;cursor:pointer}.parameter-scale{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:5px}.parameter-info{display:flex;align-items:flex-start;gap:8px;margin-top:20px;background:var(--soft);padding:10px;border-radius:6px}.parameter-info>span{font:italic 12px Georgia;color:var(--muted)}.parameter-info p{font-size:12px;line-height:1.6;color:var(--muted)}.task-card{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.task-card .eyebrow{font-size:12px;letter-spacing:1px}.task-card h3{font-size:14.5px;line-height:1.6;margin-top:8px;font-weight:600}.task-card p{font-size:13px;line-height:1.7;color:var(--muted);margin-top:7px}.task-card button{background:none;border:none;font-size:13px;padding:10px 0 0;color:var(--green)}.task-card button span{margin-left:14px}.task-card ol{padding-left:17px;font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:0}.playback{display:flex;align-items:center;gap:22px;background:var(--t-surface);border:1px solid var(--line);border-radius:10px;padding:15px 17px;margin-top:14px}.playback-controls{display:flex;gap:7px;align-items:center;flex-shrink:0}.playback button{border:1px solid var(--line);border-radius:6px;background:var(--t-surface);padding:10px;font-size:13px}.playback .play-button{background:var(--ink);color:var(--t-surface);border-color:var(--ink);min-width:108px}.timeline{flex:1;min-width:70px}.timeline label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);gap:8px}.timeline strong{font-weight:500;font-variant-numeric:tabular-nums}.timeline input{width:100%;accent-color:var(--blue);height:4px;margin:13px 0 0;cursor:pointer}.speed-label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.results-panel{background:var(--t-surface);border:1px solid var(--line);border-radius:11px;margin-top:16px;padding:19px 20px 9px}.results-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.results-heading .eyebrow{font-size:12px;letter-spacing:1px;color:var(--muted)}.results-heading h2{font-size:15px;font-weight:600;margin-top:7px}.results-heading>div:last-child{display:flex;gap:7px}.results-heading .button{font-size:13px;padding:8px 10px;gap:0}.results-body{display:grid;grid-template-columns:minmax(0,1fr) 168px;gap:22px;align-items:center}.chart-container{height:145px;min-width:0;margin-top:15px}.metrics{border-left:1px solid var(--line);padding-left:20px;display:grid;gap:15px}.metric-label{font-size:12px;color:var(--muted);display:block}.metric-value{display:block;font-size:20px;letter-spacing:-.5px;margin-top:5px;font-variant-numeric:tabular-nums}.metric-value small{font-size:13px;color:var(--muted);letter-spacing:0}.comparison{font-size:14px;line-height:1.7;background:var(--soft);border-radius:6px;padding:10px 12px;margin-bottom:8px;display:flex;justify-content:space-between;gap:15px}.comparison strong{color:var(--green)}.comparison button{border:0;background:none;font-size:14px;color:var(--muted)}.stand-disclaimer{font-size:12px;color:var(--muted);line-height:1.7;margin-top:13px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--t-ink);color:var(--t-surface);padding:13px 22px;border-radius:8px;font-size:15px;z-index:20;box-shadow:0 10px 30px #0002;max-width:90vw}.world-svg text{font-family:inherit}.world-svg .grid-line{stroke:#94a3b820;stroke-width:1}.world-svg .obstacle{fill:var(--obstacle);stroke:var(--muted);stroke-width:1}.world-svg .map-border{fill:none;stroke:var(--muted);stroke-width:2}.world-svg .true-path{stroke:var(--truth);stroke-width:2.5;fill:none}.world-svg .estimate-path{stroke:var(--orange);stroke-width:2.5;fill:none;stroke-dasharray:7 5}.world-svg .landmark{fill:var(--violet)}.world-svg .map-label{fill:var(--muted);font-size:13px}.world-svg .robot-body{fill:var(--truth);stroke:#dcfce7;stroke-width:1}.world-svg .robot-wheel{fill:var(--muted)}.world-svg .robot-heading{fill:#fff}.world-svg .goal{stroke:var(--truth);stroke-width:1.5;fill:color-mix(in srgb,var(--truth) 10%,transparent)}.world-svg .uncertainty{fill:color-mix(in srgb,var(--cyan) 10%,transparent);stroke:var(--cyan);stroke-width:1;stroke-dasharray:4 3}.world-svg .ray{stroke:color-mix(in srgb,var(--cyan) 22%,transparent);stroke-width:1}.world-svg .sensor-point{fill:var(--cyan)}.world-svg .particle{fill:var(--truth)}.world-svg .safety{fill:none;stroke:color-mix(in srgb,var(--safety) 24%,transparent);stroke-width:19;stroke-linejoin:round;stroke-linecap:round}.world-svg .planning-grid{fill:#94a3b840;stroke:#94a3b840;stroke-width:1}
@media(min-width:1600px){.experiment-main{padding:38px 46px}.workspace{grid-template-columns:minmax(0,1fr) 310px}.world-stage svg{max-height:500px}.parameters-panel{padding:24px}.parameter{margin-top:22px}.stand-layout{grid-template-columns:235px minmax(0,1fr)}}
@media(max-width:1150px){.wrap{width:calc(100% - 60px)}.hero{gap:30px}.hero h1{font-size:43px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-facts{gap:22px}.mini-world{height:250px}.stand-layout{grid-template-columns:175px minmax(0,1fr)}.experiment-main{padding:25px 20px}.workspace{grid-template-columns:minmax(0,1fr) 235px;gap:12px}.lesson-sidebar{padding-inline:10px}.lesson-sidebar nav a{gap:7px;padding-inline:8px}.lesson-sidebar nav strong{font-size:14px}.lesson-icon{font-size:20px;width:20px}.bar-end{display:none}.stand-breadcrumb{display:none}.world-stage{padding:8px}.world-footer{font-size:12px;padding-inline:10px}.world-legend{gap:12px;padding-inline:12px}.parameters-panel{padding:16px 13px}.playback{gap:13px;padding:12px}.speed-label{flex-direction:column;gap:4px}.results-body{grid-template-columns:minmax(0,1fr) 130px;gap:15px}.metrics{padding-left:15px}.experiment-heading h1{font-size:25px}}
@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:35px;gap:55px}.hero h1{font-size:53px}.hero-preview{max-width:650px}.mini-world{height:320px}.hero-copy .lead{max-width:550px}.hero-facts{gap:50px}.tag{display:none}.section-heading>p{max-width:270px}.section h2,.workflow-section h2{font-size:32px}.workflow{gap:22px}.roadmap-section{gap:40px}.stand-layout{grid-template-columns:1fr}.lesson-sidebar{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:12px 20px}.lesson-sidebar>.sidebar-label,.sidebar-course,.sidebar-bottom{display:none}.lesson-sidebar nav{display:flex;margin-top:0;gap:8px}.lesson-sidebar nav a{flex:1;padding:9px 8px}.lesson-sidebar nav small{font-size:12px}.lesson-sidebar nav strong{font-size:14px}.nav-arrow{display:none}.experiment-main{padding:25px}.world-stage svg{max-height:400px}.experiment-heading h1{font-size:28px}.workspace{grid-template-columns:minmax(0,1fr) 245px}.stand-header{padding-inline:22px}.world-panel{min-height:400px}}
@media(max-width:620px){.wrap{width:calc(100% - 36px)}.site-header{height:80px;gap:12px}.brand{font-size:15px;letter-spacing:1px}.brand-mark{width:32px;height:32px;font-size:25px}.brand-sub{font-size:11px}.site-header .button{font-size:13px;padding:10px;gap:9px}.hero{padding-block:35px 70px}.hero h1{font-size:40px;letter-spacing:-1.5px}.lead{font-size:15px}.hero .eyebrow{font-size:13px}.hero-facts{gap:25px}.hero-facts span{font-size:12px}.hero-facts strong{font-size:25px}.hero-actions .button{font-size:14.5px;padding:14px}.hero-actions .text-link{font-size:14px}.mini-world{height:240px}.preview-title{padding:18px 15px 6px}.preview-title h3{font-size:14.5px}.preview-title small{font-size:11px}.preview-pill{font-size:12px}.preview-bottom{font-size:12px;padding-inline:13px;gap:5px}.preview-bottom strong{font-size:12px}.floating-note{left:13px;padding:14px;gap:10px;right:13px}.floating-note strong{font-size:14px}.floating-note small{font-size:12px}.concept-note{align-items:flex-start;gap:12px}.concept-note p{font-size:14px}.section{padding-block:55px}.section-heading{display:block;margin-bottom:25px}.section h2,.workflow-section h2,.roadmap-section h2{font-size:29px}.section-heading>p{margin-top:18px;font-size:15px;max-width:100%}.concept-grid{grid-template-columns:1fr;gap:20px}.card-preview{height:220px}.card-body{padding:22px}.card-body h3{font-size:21px}.workflow-section{padding-block:45px}.workflow{grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.workflow-foot{font-size:13px;line-height:1.8}.curriculum-row{grid-template-columns:42px minmax(0,1fr) 25px;gap:9px;padding:15px 3px}.curriculum-row strong{font-size:14.5px;line-height:1.5}.curriculum-row small{font-size:13px}.curriculum-row em{grid-column:2/4;text-align:left;font-size:12px}.roadmap-section{grid-template-columns:1fr;padding-block:25px 50px;gap:40px}.site-footer{flex-wrap:wrap;font-size:12px;gap:12px}.site-footer span:first-child{width:100%}.stand-header{height:65px;padding:0 14px;gap:10px}.stand-header .brand{font-size:14px}.stand-header .brand-sub{font-size:11px}.header-actions{gap:10px}.demo-badge{font-size:11px;padding:5px;letter-spacing:.5px}.back-link{font-size:13px;max-width:67px;line-height:1.5}.lesson-sidebar{padding:10px}.lesson-sidebar nav{gap:4px}.lesson-sidebar nav a{flex-direction:column;gap:4px;text-align:center;padding:8px 4px}.lesson-sidebar nav small{margin-bottom:3px}.lesson-sidebar nav strong{font-size:12px}.lesson-icon{font-size:18px}.experiment-main{padding:22px 14px}.experiment-heading{align-items:flex-start}.experiment-heading h1{font-size:24px}.experiment-heading p{font-size:14px}.experiment-heading>.button{font-size:12px;padding:8px;white-space:normal;max-width:85px}.experiment-bar{gap:12px;font-size:13px;flex-wrap:wrap}.experiment-bar select{max-width:200px;font-size:13px}.experiment-bar label{gap:6px}.bar-divider{display:none}.workspace{grid-template-columns:1fr}.world-panel{min-height:320px}.world-stage{min-height:240px}.world-toolbar{padding:12px;font-size:12px}.world-toolbar small{font-size:11px}.world-footer{font-size:12px;flex-wrap:wrap}.parameters-panel{padding:18px}.parameter{margin-top:19px}.parameter label{font-size:14.5px}.parameter output{font-size:14.5px}.parameter small{font-size:13px}.parameter-info p{font-size:14px}.panel-caption{font-size:14px}.task-card p,.task-card button,.task-card ol{font-size:14px}.task-card h3{font-size:15px}.playback{flex-wrap:wrap;gap:15px}.playback-controls{flex:1}.timeline{order:3;flex-basis:100%}.speed-label{flex-direction:row}.results-panel{padding:16px 13px 10px}.results-heading{align-items:flex-start;flex-direction:column}.results-heading .button{font-size:13px}.results-body{grid-template-columns:1fr;gap:0}.chart-container{height:150px}.metrics{border-left:0;border-top:1px solid var(--line);padding:12px 0;grid-template-columns:1fr 1fr}.metric-value{font-size:21px}.comparison{font-size:13px}.stand-disclaimer{font-size:13px}.world-legend{font-size:12px}.panel-heading h2{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Link from the odometry demo to the working lab (07.10.2026). */
.real-lab-note{margin:10px 0 0;font-size:14px;color:var(--muted);background:var(--soft);border-radius:8px;padding:8px 12px;display:inline-block}
.real-lab-note a{color:var(--blue);font-weight:600}
.roadmap li.done span{color:var(--blue)}

/* Palette aligned with ВП02 (07.10.2026): blue = interface, green = truth, orange = odometry estimate. */
.concept-card[href*="Лабораторная"]{outline:2px solid var(--blue);outline-offset:-2px}
.concept-card[href*="Лабораторная"] .card-meta span{color:var(--truth-ink)}
.curriculum-row.available:first-of-type em,.curriculum-row em{white-space:nowrap}
.button.dark{background:var(--blue)}.button.dark:hover{background:var(--blue-hover)}
@media (max-width:640px){.site-header .button{display:none}}

/* All-labs grid (07.10.2026) */
.lab-filter{display:flex;flex-wrap:wrap;gap:10px 22px;margin:8px 0 22px;font-size:14px;color:var(--muted)}
.lab-filter span{display:inline-flex;align-items:center;gap:8px}
.lab-filter .lab-status{width:10px;height:10px;border-radius:50%;padding:0}
.lab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.lab-card{display:flex;flex-direction:column;background:var(--t-surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s;color:var(--ink)}
.lab-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #10182814}
.lab-card.ready{outline:2px solid var(--blue);outline-offset:-2px}
.lab-art{padding:12px 12px 0}.lab-art svg{height:auto;border-radius:10px}
.lab-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:9px;flex:1}
.lab-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.lab-meta b{color:var(--ink);font-size:14px}
.lab-status{margin-left:auto;font-style:normal;font-size:12px;font-weight:600;padding:3px 9px;border-radius:99px;display:inline-block}
.lab-status.ready{background:var(--blue);color:var(--blue-on)}.lab-status.demo{background:var(--blue-soft);color:var(--blue)}.lab-status.plan{background:var(--soft);color:var(--muted)}
.lab-filter .lab-status.ready{background:var(--blue)}.lab-filter .lab-status.demo{background:#9db4f5}.lab-filter .lab-status.plan{background:var(--t-dim)}
.lab-card h3{font-size:18px;line-height:1.3;font-weight:650}
.lab-q{font-size:15.5px;line-height:1.5;color:var(--ink);font-weight:500;border-left:3px solid var(--orange);padding-left:10px}
.lab-see{font-size:14px;line-height:1.55;color:var(--muted)}.lab-see b{color:var(--ink);font-weight:600}
.lab-do{margin:0;padding-left:18px;font-size:14px;line-height:1.55;color:var(--t-ink-2)}
.lab-cta{margin-top:auto;padding-top:6px;font-size:14.5px;font-weight:600;color:var(--blue)}
.lab-card.plan .lab-cta{color:var(--muted)}
.lab-table-title{margin:44px 0 14px;font-size:20px;font-weight:650}

/* Светлая и тёмная темы (24.10.2026): общий стиль ../shared/theme.css, цвета SVG из app.js задаются классами. */
.world-svg .safety-zone{fill:color-mix(in srgb,var(--safety) 9%,transparent);stroke:color-mix(in srgb,var(--safety) 45%,transparent)}
.world-svg .estimate-mark{stroke:var(--orange)}.world-svg .scale-bar{stroke:var(--muted)}
.chart-svg .chart-text{fill:var(--muted)}.chart-svg .chart-grid{stroke:var(--line-2)}.chart-svg .chart-noise{stroke:var(--cyan)}.chart-svg .chart-baseline{stroke:var(--blue)}.chart-svg .chart-series{stroke:var(--orange)}.chart-svg .chart-cursor{stroke:var(--muted)}.chart-svg .chart-dot{fill:var(--orange)}
.lab-art svg [fill="#f6f7f9"]{fill:var(--art-bg)}.lab-art svg [fill="#fff"]{fill:var(--t-surface)}
.lab-art svg [stroke="#2f5bea"]{stroke:var(--blue)}.lab-art svg [fill="#2f5bea"]{fill:var(--blue)}
.lab-art svg [stroke="#16a34a"]{stroke:var(--truth)}.lab-art svg [fill="#16a34a"]{fill:var(--truth)}
.lab-art svg [stroke="#ea7a1c"]{stroke:var(--orange)}.lab-art svg [fill="#ea7a1c"]{fill:var(--orange)}
.lab-art svg [fill="#7c3aed"]{fill:var(--violet)}
.lab-art svg [stroke="#1d2433"]{stroke:var(--ink)}.lab-art svg [fill="#1d2433"]{fill:var(--ink)}
.lab-art svg [fill="#5b6475"]{fill:var(--muted)}
.lab-card,.concept-card,.parameters-panel,.playback,.results-panel{box-shadow:var(--t-shadow)}
.site-header nav{align-items:center}[data-theme-toggle]{display:inline-flex}.stand-header [data-theme-toggle] .t-tx{display:none}
:root[data-theme="dark"] .robot-body{stroke:var(--t-surface)}
@media (max-width:640px){.site-header nav{gap:16px}[data-theme-toggle] .t-tx{display:none}}
@media (max-width:480px){.stand-header .demo-badge{display:none}.stand-header .back-link{flex-shrink:0;max-width:96px}.stand-header .brand-sub{display:none}.stand-header .t-toggle{height:30px;min-width:30px;padding:0 8px}}
@media (max-width:900px){.site-header nav{display:flex;margin-left:auto}.site-header nav a{display:none}}