:root{--paper:#f6f7f7;--white:#fff;--ink:#202a34;--muted:#65717b;--line:#dce1e3;--orange:#f59b23;--green:#2e8b6f;--green-soft:#e8f3ef;--blue:#2782b5;--blue-soft:#e9f2f7;--bar-bg:rgba(246,247,247,.93);--card-shadow:0 17px 35px rgba(37,56,69,.07);--robot-face:#fff;--robot-body:#dce9e6;--robot-outline:#202a34;--robot-screen:#202a34;--robot-eye:#fff;--ground:#a8b2b6;--guide:#b9c3c6;--copy:#b8c1c4;--page-stroke:#e5e9ea;--copy-chip:#e8f3ef;color-scheme:light}
:root[data-theme="dark"]{--paper:#17232d;--white:#202f3b;--ink:#f3f5f4;--muted:#aab8bd;--line:#3b4a53;--orange:#f6a32e;--green:#5ec29f;--green-soft:#233e38;--blue:#6ab4dc;--blue-soft:#223c4c;--bar-bg:rgba(23,35,45,.95);--card-shadow:0 20px 45px rgba(0,0,0,.2);--robot-face:#273946;--robot-body:#354a56;--robot-outline:#c8d3d5;--robot-screen:#182630;--robot-eye:#eaf4f1;--ground:#62737b;--guide:#4b5d66;--copy:#5b707b;--page-stroke:#40515a;--copy-chip:#29483f;color-scheme:dark}
html{color-scheme:light}html[data-theme="dark"]{color-scheme:dark}body,.topbar,footer,.space-card,.brand-frame,.sign-in,.build-scene .scene-page{transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s}.topbar{background:var(--bar-bg)}.space-card{background:var(--white);box-shadow:none}.space-card:hover{box-shadow:var(--card-shadow)}.sign-in:hover{background:var(--white)}.footer-brand{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:10px}.theme-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:4px;font:700 11px var(--sans);cursor:pointer;transition:background .2s,color .2s,border-color .2s}.theme-toggle:hover{color:var(--ink);background:var(--white);border-color:var(--line)}.theme-icon{color:var(--orange);font-size:16px;line-height:1}.build-scene{width:min(100%,490px);height:auto;overflow:visible;position:relative;z-index:1}.scene-ground{fill:none;stroke:var(--ground);stroke-width:2}.scene-guide{fill:none;stroke:var(--guide);stroke-width:2;stroke-dasharray:5 7}.scene-page{fill:var(--white);stroke:var(--page-stroke);stroke-width:1.5;filter:drop-shadow(0 18px 20px rgba(31,45,55,.12))}.scene-bar{fill:var(--ink)}.scene-bar-cut{fill:var(--ink)}.scene-dot{fill:var(--paper)}.scene-logo-block{fill:var(--ink)}.scene-logo-e{fill:var(--orange)}.scene-copy{fill:none;stroke:var(--copy);stroke-width:4;stroke-linecap:round}.scene-academy{fill:var(--green-soft);stroke:var(--green);stroke-width:1}.scene-labs{fill:var(--blue-soft);stroke:var(--blue);stroke-width:1}.robot-face{fill:var(--robot-face);stroke:var(--robot-outline);stroke-width:2}.robot-body{fill:var(--robot-body);stroke:var(--robot-outline);stroke-width:2}.robot-eye{fill:var(--robot-outline)}.robot-smile{fill:none;stroke:var(--robot-outline);stroke-width:2;stroke-linecap:round}.robot-antenna,.robot-leg,.robot-foot{fill:none;stroke:var(--robot-outline);stroke-width:3;stroke-linecap:round}.robot-accent{fill:var(--orange)}.robot-arm{fill:none;stroke:var(--robot-outline);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.floating-block rect{fill:var(--orange)}.floating-block path{stroke:var(--orange);stroke-width:2;stroke-dasharray:2 3}.scene-spark{fill:var(--green)}.scene-spark-blue{fill:var(--blue)}.scene-caption{position:absolute;z-index:1;bottom:18px;right:7%;font-size:8px;letter-spacing:1.8px;color:var(--muted);font-weight:800}.robot-left{animation:robot-bob 3.5s ease-in-out infinite}.robot-right{animation:robot-bob 3.5s ease-in-out -1.6s infinite}.robot-arm-left{transform-origin:60px 214px;animation:robot-work 2s ease-in-out infinite}.robot-arm-right{transform-origin:411px 201px;animation:robot-wave 2.5s ease-in-out infinite}.floating-block{animation:block-lift 2.3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.dot-cloud{background-image:radial-gradient(var(--orange) 1.5px,transparent 1.7px)}.brand-mark i:nth-child(2),.brand-mark i:nth-child(4){background:var(--orange)}.square-orange{background:var(--orange)}.square-navy{background:var(--ink)}.statement-pattern{background-image:radial-gradient(var(--orange) 1.5px,transparent 1.8px)}
@keyframes robot-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes robot-work{0%,100%{transform:rotate(0)}50%{transform:rotate(-15deg)}}@keyframes robot-wave{0%,100%{transform:rotate(0)}50%{transform:rotate(20deg)}}@keyframes block-lift{0%,100%{transform:translateY(5px)}50%{transform:translateY(-13px)}}
@media(max-width:760px){.header-actions{gap:4px}.theme-toggle{padding:8px}.theme-text{display:none}.build-scene{max-width:450px}}
@media(max-width:540px){.header-actions{margin-left:auto}.theme-toggle{padding:7px}.scene-caption{bottom:10px;right:10%;font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}