@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--paper:#f6f5ed;--ink:#173d35;--muted:#62716a;--green:#226b50;--yellow:#efc760;--line:#dbe0d3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',sans-serif}a{color:inherit}button,input{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ac8125;outline-offset:4px}input:focus-visible{outline:3px solid #d0dfbf;outline-offset:1px}.masthead{max-width:1240px;margin:auto;padding:28px 42px;display:flex;align-items:center;gap:30px}.brand{display:flex;gap:9px;align-items:center;font:700 23px 'Space Grotesk';text-decoration:none;letter-spacing:-.9px}.brand-dot{color:#83a66a;margin-left:-8px}.brand-mark{width:29px;height:28px;position:relative;display:block;margin-right:3px}.brand-mark i{position:absolute;width:12px;height:12px;border-radius:3px;background:var(--green)}.brand-mark i:first-child{bottom:0;left:0}.brand-mark i:nth-child(2){bottom:0;right:0;background:var(--yellow)}.brand-mark i:last-child{top:0;left:0;background:#7ea16c}.header-note{color:var(--muted);font-size:12px;margin-left:10px}.header-link{margin-left:auto;font-size:13px;font-weight:600;text-decoration:none;padding:10px 0}.hero{max-width:1240px;margin:auto;padding:55px 42px 60px;display:grid;grid-template-columns:1.08fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:var(--green);display:flex;align-items:center;gap:8px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:#8fae78;flex-shrink:0}h1,h2{font-family:'Space Grotesk';font-weight:600;letter-spacing:-1.8px;line-height:1.08}h1{font-size:62px;margin:25px 0}h1>span{color:var(--green)}.hero-description{font-size:17px;line-height:1.8;color:var(--muted);margin:0 0 30px}.primary{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--green);color:white;padding:16px 21px;border:1px solid var(--green);border-radius:12px;text-decoration:none;font-weight:600;min-height:54px;transition:background .15s}.primary:hover{background:#18523c}.hero-cta{display:inline-flex;min-width:255px}.small-note{font-size:12px;color:var(--muted);margin:13px 0}.invention{border:1px solid #d6dfd0;border-radius:25px;background:#eaf0e1;padding:24px;box-shadow:0 18px 40px #203d2810;transform:rotate(1deg);overflow:hidden}.invention-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.mission-label{font-size:9px;letter-spacing:1.3px;display:flex;align-items:center;gap:7px;font-weight:700}.mission-label i{width:7px;height:7px;border-radius:50%;background:#61904e}.serial{font:12px 'Space Grotesk';color:#74906c}.invention h2{font-size:28px;letter-spacing:-.8px;margin:22px 0 8px}.experiment-description{font-size:13px;color:#61715b;margin:0}.workbench{position:relative;height:240px;margin:12px -7px 4px;background-image:radial-gradient(#77926b33 1px,transparent 1px);background-size:17px 17px;display:flex;align-items:center;justify-content:center;border-radius:14px}.brick-stack{position:relative;width:180px;height:190px;display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:center;gap:4px;padding-bottom:12px;transform:rotate(-12deg)}.toy-brick{width:133px;height:29px;position:relative;border-radius:5px;background:#2f795c;box-shadow:inset 0 -6px #00000016,6px 5px 0 #315c4020;flex-shrink:0;transition:transform .2s}.toy-brick:nth-child(3n+1){background:#e9bc50;color:#d3a73d;transform:translateX(-10px)}.toy-brick:nth-child(3n+2){background:#df9e87;color:#c98570;transform:translateX(12px)}.toy-brick:nth-child(3n){background:#3d8265;color:#2b6e51;transform:translateX(0)}.studs{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);position:absolute;inset:3px 9px 8px;gap:3px 14px}.studs i{border-radius:50%;background:#ffffff30;box-shadow:0 1px 1px #0002}.result-chip{position:absolute;right:2px;bottom:39px;background:#fffaf0;border:1px solid #e5d6ae;border-radius:13px;min-width:93px;padding:10px 14px;box-shadow:0 6px 14px #425d2f0c;transform:rotate(5deg)}.result-chip>span{display:block;font-size:8px;letter-spacing:1px;color:#7c755b}.result-chip strong{font:600 36px 'Space Grotesk';line-height:1.2}.annotation{position:absolute;bottom:5px;left:7px;color:#66815c;font-size:11px}.blueprint-cross{position:absolute;color:#729267;font:21px 'Space Grotesk'}.blueprint-cross.one{top:22px;left:7px}.blueprint-cross.two{right:20px;top:35px}.controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:13px 0 17px}.stepper{display:flex;align-items:center;gap:15px}.stepper button{border:1px solid #c3d2b8;background:#f8faf3;border-radius:10px;width:44px;height:44px;color:var(--ink);font-size:22px}.stepper button:hover:not(:disabled){background:white}.stepper button:disabled{opacity:.35;cursor:default}.stepper>span{font-size:12px;min-width:47px;text-align:center}.try-label{font-size:11px;color:#69815c}.code-preview{border-radius:13px;background:#1c3d32;padding:16px;color:#f3eed3}.code-label{display:block;font-size:8px;letter-spacing:1.5px;color:#b7c7b3;margin-bottom:8px}.code-preview code{font:16px/1.6 ui-monospace,monospace;white-space:nowrap}.python-name{color:#bbdb9c}.code-arrow{color:#78937f;margin:0 8px}.code-preview strong{color:#f1cf6a}.experiment-note{font-size:10px;color:#60745a;line-height:1.6;margin:11px 0 0;min-height:32px}.possibilities{max-width:1156px;margin:0 auto 75px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.possibility{display:flex;align-items:center;gap:14px}.possibility strong{display:block;font-size:13px;font-weight:600}.possibility small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.project-icon{flex-shrink:0;border-radius:11px;width:46px;height:46px;display:grid;place-content:center;background:#eee7d5;color:#766230;font:600 14px/1.2 'Space Grotesk';text-align:center}.brick-icon{background:#e5edde;color:var(--green);font-size:26px}.entrance{max-width:1010px;margin:0 auto 80px;padding:20px 35px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;scroll-margin-top:25px}.entrance-copy h2{font-size:43px;margin:20px 0}.entrance-copy p{color:var(--muted);font-size:15px;line-height:1.8}.mini-passport{display:flex;gap:8px;margin-top:25px;flex-wrap:wrap}.mini-stamp{font-size:11px;border:1px solid #cbd7bf;background:#eaf0e2;border-radius:25px;padding:7px 11px;color:#536d45}.login-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 6px 18px #1b3e2405}.login-card h2{font-size:28px;letter-spacing:-1px;margin:16px 0 10px}.login-card #intro{color:var(--muted);font-size:13px;margin:0 0 18px}.login-card label{display:block;font-size:13px;font-weight:600;margin:17px 0 7px}.login-card input{width:100%;border:1px solid #d5ddd0;border-radius:10px;background:#fbfcf8;padding:13px;color:var(--ink);font-size:16px;min-height:49px}.full{width:100%;margin-top:23px}.subtle{background:transparent;border:0;color:var(--green);padding:13px 0;text-decoration:underline;text-underline-offset:3px;text-align:left;min-height:44px;font-size:12px}.status{font-size:13px;line-height:1.6;color:var(--green)}.status:not(:empty){background:#eef3e7;border-radius:10px;padding:12px;margin:6px 0 14px}.help-note{font-size:11px;line-height:1.7;color:var(--muted);margin:12px 0 0}footer{max-width:1156px;margin:auto;border-top:1px solid var(--line);padding:24px 0 30px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}[hidden]{display:none!important}body.reset-mode .hero,body.reset-mode .possibilities,body.reset-mode .entrance-copy{display:none}body.reset-mode .entrance{display:block;max-width:480px;margin:40px auto 75px;padding:0 20px}body.reset-mode .login-card{width:100%}body.reset-mode footer{padding:24px}body.reset-mode .header-note{display:none}@media(max-width:1000px){h1{font-size:49px}.hero{gap:32px;padding:40px 30px}.masthead{padding:24px 30px}.possibilities,footer{margin-left:30px;margin-right:30px}.entrance{gap:40px}.try-label{display:none}}@media(max-width:700px){.masthead{padding:22px 22px 12px;gap:15px}.brand{font-size:21px}.header-note{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding:32px 22px 35px;gap:30px}.eyebrow{font-size:8px;letter-spacing:1.1px}h1{font-size:38px;letter-spacing:-1.5px;margin:20px 0}.hero-description{font-size:14px;line-height:1.8;margin-bottom:24px}.hero-cta{width:100%;font-size:14px;min-height:54px}.small-note{font-size:11px}.invention{padding:20px;transform:rotate(0);border-radius:21px}.invention h2{font-size:26px}.workbench{height:220px;margin-bottom:0}.brick-stack{height:175px;transform:rotate(-10deg)}.result-chip{right:0;bottom:30px}.controls{margin-top:15px}.try-label{display:block;font-size:10px}.code-preview code{font-size:15px}.experiment-note{font-size:10px}.possibilities{margin:0 22px 40px;padding:23px 0;grid-template-columns:1fr;gap:22px}.possibility strong{font-size:13px}.possibility small{font-size:11px}.entrance{display:block;padding:0 22px;margin:0 auto 40px}.entrance-copy{margin:0 0 28px}.entrance-copy h2{font-size:32px;letter-spacing:-1.2px;margin:15px 0}.entrance-copy h2 br{display:none}.entrance-copy p{font-size:13px}.mini-passport{margin-top:16px}.login-card{padding:24px}.login-card h2{font-size:26px}.login-card .eyebrow{font-size:9px}footer{margin:0 22px;padding:22px 0;display:block;line-height:1.8}footer span{display:block}.header-link{font-size:12px}.experiment-description{font-size:12px}.stepper{gap:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}