:root{--ink:#192724;--paper:#f3efe5;--coral:#f47b63;--blue:#3c76f2;--lime:#c9ed71;--muted:#718078;--line:rgba(25,39,36,.18);--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif;line-height:1.5}.topbar,footer{display:flex;align-items:center;justify-content:space-between;padding:23px 5vw;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;color:var(--lime);background:var(--ink);font:13px 'DM Mono',monospace}.brand strong,.brand small{display:block;line-height:1.05}.brand strong{font-size:14px;letter-spacing:-.04em}.brand small{font:8px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em;margin-top:5px}.domain-label,.back-link,footer{font:11px 'DM Mono',monospace}.status{color:var(--muted);margin-left:15px}.status i{display:inline-block;width:6px;height:6px;background:#6cbd73;border-radius:50%;margin-right:5px}.back-link{font-weight:500}.back-link span{color:var(--coral);font-size:16px;margin-left:7px}.app-hero{max-width:1250px;margin:auto;min-height:630px;padding:85px 5vw 100px;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.eyebrow{font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.11em;color:#6d7b73;margin:0 0 23px}.hero-text h1,.section-head h2,.coming h2,.invite h2{font-size:clamp(54px,7vw,94px);letter-spacing:-.08em;line-height:.92;margin:0 0 28px}.hero-text h1 em,.section-head h2 em,.coming h2 em,.invite h2 em{font-family:var(--serif);font-weight:400}.lead{max-width:410px;color:#66746d;font-size:17px;line-height:1.7}.button{display:inline-flex;justify-content:space-between;align-items:center;padding:15px 18px;font-size:12px;font-weight:800;margin-top:20px;min-width:167px}.button span{font-size:17px;margin-left:23px}.dark{background:var(--ink);color:var(--paper)}.dark:hover{background:var(--coral)}.light{background:var(--paper);color:var(--ink)}.light:hover{background:var(--lime)}.hero-machine{height:415px;background:var(--coral);position:relative;transform:rotate(3deg);padding:30px;box-shadow:14px 14px 0 var(--ink)}.hero-machine:before{content:'';position:absolute;inset:16px;border:1px solid rgba(25,39,36,.4)}.machine-label{font:10px 'DM Mono',monospace;position:relative;z-index:1}.machine-screen{background:#fffdf7;width:72%;position:absolute;left:14%;top:95px;padding:22px 22px 16px;box-shadow:8px 8px 0 rgba(25,39,36,.15)}.screen-head,.screen-foot{display:flex;justify-content:space-between;font:10px 'DM Mono',monospace}.screen-head b{color:var(--coral)}.progress{height:5px;background:#e4e0d6;margin:16px 0 24px}.progress span{display:block;width:61%;height:100%;background:var(--blue)}.question{font-size:16px;font-weight:800;line-height:1.25}.answers{display:grid;gap:7px}.answers button{border:1px solid var(--line);background:none;text-align:left;padding:9px;font:11px 'DM Mono',monospace;color:var(--ink)}.answers .answer{background:var(--lime);border-color:var(--ink)}.answers b{float:right}.screen-foot{margin-top:19px;color:var(--muted)}.screen-foot strong{color:var(--ink);margin-left:-45px}.screen-foot span{color:var(--coral)}.machine-sticker{position:absolute;right:5%;bottom:42px;display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:var(--lime);font:800 14px/.9 Manrope;text-align:center;transform:rotate(-13deg);border:1px solid var(--ink)}.library{max-width:1250px;margin:auto;padding:100px 5vw 125px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:43px}.section-head h2{font-size:clamp(42px,5vw,67px);margin:0}.filters{display:flex;gap:9px}.filter{border:1px solid var(--line);background:transparent;padding:10px 14px;font:10px 'DM Mono',monospace;cursor:pointer}.filter:hover,.filter.active{background:var(--ink);color:var(--paper)}.app-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:17px}.app-card{background:#fffdf7;border:1px solid var(--line);min-height:355px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.app-card:hover{transform:translateY(-6px);box-shadow:8px 8px 0 var(--lime)}.app-card.large{grid-row:span 2}.card-top{height:170px;padding:20px;position:relative}.coral{background:var(--coral)}.blue{background:var(--blue);color:#fff}.lime{background:var(--lime)}.ink{background:var(--ink);color:var(--paper)}.app-icon{font:36px 'DM Mono',monospace}.app-type{font:9px 'DM Mono',monospace;position:absolute;bottom:20px;left:20px;text-transform:uppercase}.card-arrow{position:absolute;right:20px;top:18px;font-size:21px}.card-body{padding:25px;display:flex;flex:1;flex-direction:column}.card-body h3{font-size:25px;letter-spacing:-.06em;margin:0 0 10px}.card-body p{font-size:13px;color:#68766e;margin:0;max-width:275px}.card-body small{font:9px 'DM Mono',monospace;color:#7b8880;text-transform:uppercase;margin-top:auto}.mini-meter{height:7px;background:#e5e1d6;margin:28px 0 9px}.mini-meter span{height:100%;display:block;background:var(--coral)}.code-lines{display:grid;gap:6px;margin:25px 0 8px}.code-lines span{display:block;height:6px;background:#d8def2}.code-lines span:first-child{width:90%;background:var(--blue)}.code-lines span:last-child{width:58%}.terminal-line{margin-top:auto;margin-bottom:8px;background:#e9edda;padding:10px;font:10px 'DM Mono',monospace}.terminal-line b{color:var(--blue)}.lesson-blocks{display:flex;gap:6px;margin-top:auto;margin-bottom:8px}.lesson-blocks i{height:28px;width:28px;background:var(--coral);display:block}.lesson-blocks i:nth-child(2){background:var(--blue)}.lesson-blocks i:nth-child(3){background:var(--lime)}.coming{background:var(--lime);padding:105px max(5vw,calc((100vw - 1150px)/2));display:grid;grid-template-columns:1fr 1fr;gap:10vw}.coming h2{font-size:clamp(43px,5vw,66px)}.roadmap{border-top:1px solid var(--ink)}.roadmap div{display:grid;grid-template-columns:42px 1fr;gap:8px;padding:19px 0;border-bottom:1px solid var(--ink)}.roadmap span{font:10px 'DM Mono',monospace;color:#637350}.roadmap strong{font-size:15px}.roadmap p{font-size:12px;grid-column:2;margin:0;max-width:300px}.invite{background:var(--blue);color:#fff;padding:105px 5vw;display:grid;justify-items:center;text-align:center}.invite .eyebrow{color:#d0daf7}.invite h2{font-size:clamp(44px,6vw,75px);margin-bottom:17px}.invite>p:not(.eyebrow){max-width:450px;color:#d9e1fa;font-size:14px}.invite .button{margin-top:14px}footer{border:0;gap:25px}footer>span{color:var(--muted)}footer>a:last-child{margin-left:auto;font-weight:500}@media(max-width:760px){.topbar{padding:17px 5vw}.domain-label{display:none}.app-hero{display:flex;flex-direction:column;align-items:stretch;gap:65px;padding-top:65px;padding-bottom:90px}.hero-machine{height:350px;padding:22px}.machine-screen{top:72px;width:78%;left:11%;padding:17px}.machine-sticker{width:68px;height:68px;font-size:11px;bottom:28px}.section-head{display:block}.section-head h2{margin-bottom:30px}.filters{flex-wrap:wrap}.app-grid{display:flex;flex-direction:column}.app-card,.app-card.large{min-height:325px}.card-top{height:140px}.coming{display:block;padding:75px 10vw}.roadmap{margin-top:55px}.invite{padding:78px 10vw}footer{flex-wrap:wrap;padding:30px 5vw}footer>span{width:100%;order:3}footer>a:last-child{margin-left:auto}}