:root{--paper:#f7f5ef;--white:#fffefb;--ink:#243e40;--muted:#536768;--teal:#196c65;--mint:#e0efdf;--coral:#bc5141;--line:#d9dfd5;--yellow:#f5cb62}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:var(--teal);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--coral);outline-offset:5px}button{font:inherit;cursor:pointer}.page{max-width:1240px;margin:auto;padding:0 48px}.site-header{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--line);gap:20px}.wordmark{font-size:39px;letter-spacing:-2.2px;font-weight:850;line-height:1;color:var(--ink);text-decoration:none}.wordmark span{color:var(--coral)}.site-header nav{display:flex;gap:30px;align-items:center;font-weight:650;font-size:14px}.site-header nav a{text-decoration:none}.language{border:1px solid var(--line);border-radius:30px;padding:7px 14px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:85px 0 80px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800;color:var(--teal);margin:0 0 20px}h1{font-size:clamp(42px,4.7vw,66px);font-weight:780;line-height:1.06;letter-spacing:-2.8px;margin:0 0 26px;max-width:720px}h2{line-height:1.2;letter-spacing:-.7px;font-size:27px;font-weight:720;margin:0 0 18px}p{margin:0 0 18px}.lead{font-size:18px;color:var(--muted);line-height:1.7;max-width:650px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.button{display:inline-block;background:var(--teal);color:white;border-radius:100px;padding:13px 22px;text-decoration:none;font-size:14px;font-weight:700}.quiet-link{font-size:14px;font-weight:700}.platforms{font-size:12px;font-weight:650;color:var(--muted);margin-top:25px}.platforms span{display:block;font-weight:450}.demo{background:var(--white);border:1px solid #d8ded1;box-shadow:0 18px 46px #27483b12;border-radius:23px;padding:22px;transform:rotate(1deg)}.demo-top{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.dot{width:7px;height:7px;background:var(--teal);border-radius:100%}.tiny-label{margin-left:auto;font-size:8px;letter-spacing:1px;color:var(--muted)}.board{position:relative;margin:32px -2px 22px;height:154px;border-radius:15px;background:var(--mint);padding:0 17px}.squares{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;position:absolute;left:17px;right:17px;bottom:26px}.square{aspect-ratio:1;background:#fffaf0;border:1px solid #c7d9bb;border-bottom:5px solid #c3d6b6;border-radius:10px;display:flex;justify-content:center;align-items:flex-end}.cell-number{font-size:9px;color:#637164;line-height:1;margin-bottom:6px}.robot{position:absolute;left:calc(17px + (100% - 29px)/5 * 0);width:calc((100% - 54px)/5);bottom:50px;transition:left .24s ease;z-index:2}.robot img{width:100%;height:auto;display:block}.demo[data-step="1"] .robot{left:calc(17px + (100% - 29px)/5 * 1)}.demo[data-step="2"] .robot{left:calc(17px + (100% - 29px)/5 * 2)}.demo[data-step="3"] .robot{left:calc(17px + (100% - 29px)/5 * 3)}.demo[data-step="4"] .robot{left:calc(17px + (100% - 29px)/5 * 4)}.flag{position:absolute;right:calc(17px + (100% - 54px)/10 - 6px);bottom:65px;color:var(--coral);font-size:33px}.demo[data-step="4"] .flag{opacity:0}.code-label{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin-bottom:10px}.code-label span{font-size:10px;font-weight:400;color:var(--muted)}pre{margin:0;background:#f1f4ec;border-radius:10px;padding:17px 20px;font:14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:#256658;overflow:auto}.demo-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:16px}.demo button{font-size:12px;font-weight:700;border:0;background:var(--yellow);color:var(--ink);border-radius:100px;padding:10px 16px;min-height:44px}.step-count{font:12px ui-monospace,monospace;color:var(--muted)}.demo-status{font-size:11px;color:var(--muted);margin:14px 0 0;min-height:2em}.learning-path{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:32px 0}.learning-path div{display:flex;align-items:center;gap:18px}.learning-path span{font:12px ui-monospace,monospace;color:var(--coral)}.learning-path h2{font-size:18px;margin:0;letter-spacing:-.35px}.home-copy{padding:28px 0 55px}.home-copy .copy-section{display:grid;grid-template-columns:1fr 1.4fr;gap:12px 70px;padding:40px 0;border-bottom:1px solid var(--line)}.home-copy .copy-section h2{font-size:30px;max-width:320px}.home-copy .copy-section p,.home-copy .copy-section ul,.home-copy .text-links{grid-column:2;color:var(--muted)}.text-links{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0;font-size:14px}ul{padding-left:22px;margin:0 0 18px}li{padding-left:4px;margin-bottom:10px}.document-hero{padding:68px 0 44px;border-bottom:1px solid var(--line)}.document-hero h1{font-size:clamp(36px,4.3vw,57px);letter-spacing:-2px}.document-layout{display:grid;grid-template-columns:245px 1fr;gap:80px;padding:48px 0 70px}.contents{align-self:start;position:sticky;top:25px;border-left:2px solid var(--line);padding-left:19px;font-size:12px}.contents p{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:800;margin-bottom:14px}.contents a{display:block;margin-bottom:12px;text-decoration:none;line-height:1.55}.document-copy{max-width:720px}.document-copy .copy-section{margin-bottom:42px}.document-copy p,.document-copy li{color:var(--muted);font-size:16px}.contact-box{background:var(--mint);border-radius:16px;padding:26px;margin-top:20px}.contact-box span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.contact-box>a{display:block;font-size:22px;font-weight:700;overflow-wrap:anywhere;margin:8px 0 18px}.contact-box p{font-size:14px;margin:0}footer{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:38px 0 28px;border-top:1px solid var(--line)}.footer-brand .wordmark{font-size:31px}.footer-brand p{font-size:12px;margin:10px 0;color:var(--muted)}footer nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:14px 22px;align-content:start;font-size:12px}footer nav a{text-decoration:none}.copyright{grid-column:1/-1;font-size:10px;color:var(--muted);margin:0}.skip{position:absolute;left:20px;top:-100px;padding:10px;background:white;z-index:10}.skip:focus{top:10px}@media(max-width:1000px){.hero{gap:35px;padding:60px 0}.page{padding:0 32px}h1{font-size:50px}.hero-actions{gap:16px}.document-layout{gap:40px;grid-template-columns:210px 1fr}.demo{padding:18px}.board{height:142px}}@media(max-width:720px){.page{padding:0 22px}.site-header{padding:20px 0}.site-header nav{gap:17px;font-size:12px}.wordmark{font-size:34px}.hero{grid-template-columns:1fr;gap:42px;padding:46px 0}.intro h1{font-size:46px;letter-spacing:-2px}.lead{font-size:17px}.demo{max-width:470px;width:100%;margin:auto;transform:none}.board{height:161px}.learning-path{gap:15px;padding:24px 0}.learning-path div{display:block}.learning-path h2{font-size:15px;margin-top:8px}.home-copy .copy-section{display:block;padding:30px 0}.home-copy .copy-section h2{font-size:27px}.home-copy{padding-bottom:25px}.document-hero{padding:45px 0 25px}.document-layout{display:block;padding:30px 0 40px}.contents{position:static;margin-bottom:36px;columns:2;column-gap:26px}.contents p{column-span:all}.contents a{break-inside:avoid}.document-copy .copy-section{margin-bottom:34px}footer{grid-template-columns:1fr;padding-top:30px}footer nav{justify-content:flex-start}.contact-box{padding:22px}.contact-box>a{font-size:20px}}@media(max-width:360px){.page{padding:0 16px}.site-header nav{gap:10px}.language{padding:5px 9px}.intro h1{font-size:40px}.board{height:138px}.demo{padding:16px}.demo-top{font-size:11px}.tiny-label{display:none}.learning-path h2{font-size:13px}.contents{columns:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.robot{transition:none}}