:root{--paper:#f1f0e9;--ink:#151511;--acid:#ddff3f;--red:#ff5638;--line:#c5c4bc;--serif:Georgia,serif;--sans:Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}button{font:inherit}.skip{position:fixed;top:-60px;left:12px;background:var(--acid);padding:10px;z-index:99}.skip:focus{top:12px}header{height:66px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.15em}.brand{font-weight:900;font-size:20px!important;letter-spacing:-.08em!important;color:inherit;text-decoration:none}.hero{min-height:calc(100vh - 66px);padding:7vh 3vw 0;display:flex;flex-direction:column}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:bold}.hero h1{font-size:clamp(62px,10.5vw,155px);line-height:.79;letter-spacing:-.08em;margin:9vh 0 7vh}.hero em,.why em{font-family:var(--serif);font-weight:400;color:var(--red)}.intro{display:flex;justify-content:flex-end;align-items:end;gap:9vw}.intro p{font:22px/1.4 var(--serif);max-width:430px}.button{border:0;padding:16px 19px;display:inline-flex;justify-content:space-between;gap:38px;text-transform:uppercase;font-size:10px;font-weight:bold;cursor:pointer;text-decoration:none}.dark{background:var(--ink);color:white}.acid{background:var(--acid);color:var(--ink)}.light{background:white;color:var(--ink)}.secondary{background:transparent;color:#aaa;border:1px solid #555}.proof{margin-top:auto;border-top:1px solid;display:grid;grid-template-columns:repeat(3,1fr)}.proof span{padding:18px 0;font-size:9px;letter-spacing:.12em}.tool-section{padding:100px 3vw;background:var(--ink);color:white}.tool-head{display:grid;grid-template-columns:2fr 1fr;gap:8vw;align-items:end;margin-bottom:45px}.tool-head h2,.why h2{font-size:clamp(50px,8vw,108px);line-height:.84;letter-spacing:-.065em;margin:18px 0 0}.tool-head>p{color:#aaa;line-height:1.6}.editor{max-width:1300px;margin:auto;border:1px solid #484842}.empty{min-height:520px;margin:16px;border:1px dashed #666;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#1c1c18}.empty.drag{background:var(--acid);color:var(--ink)}.empty input{display:none}.empty>span{font-size:9px;letter-spacing:.15em}.empty strong{font:italic clamp(55px,9vw,120px)/1 var(--serif);color:var(--acid);margin:26px}.empty.drag strong{color:var(--ink)}.empty p{color:#888;line-height:1.6}.empty small{color:#777;margin-top:18px}.workbench{background:#20201c}.toolbar{min-height:72px;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid #484842}.mode-group,.history,.finish{display:flex;gap:7px}.toolbar button{border:1px solid #51514b;background:transparent;color:#aaa;padding:11px 14px;cursor:pointer}.toolbar button.active{background:var(--acid);border-color:var(--acid);color:var(--ink)}.toolbar button i{display:inline-block;width:10px;height:10px;background:#000;margin-right:6px}.toolbar button small{font-size:7px;margin-left:7px}.toolbar button:disabled{opacity:.3;cursor:not-allowed}.canvas-stage{position:relative;display:grid;place-items:center;min-height:550px;padding:26px;background-color:#2b2b26;background-image:linear-gradient(45deg,#30302b 25%,transparent 25%),linear-gradient(-45deg,#30302b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#30302b 75%),linear-gradient(-45deg,transparent 75%,#30302b 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}canvas{display:block;max-width:100%;max-height:72vh;box-shadow:0 18px 60px #0008;cursor:crosshair;touch-action:none}.canvas-hint{position:absolute;bottom:38px;background:var(--acid);color:var(--ink);padding:9px 12px;font-size:9px;letter-spacing:.12em;pointer-events:none;transition:.2s}.status{display:flex;justify-content:space-between;align-items:center;padding:18px 16px;border-top:1px solid #484842}.status>div:first-child{display:grid;gap:5px}.status span{font-size:11px}.status small{color:#777}.steps{max-width:1300px;margin:50px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #555}.steps article{padding:22px 25px 20px 0;border-right:1px solid #555}.steps article+article{padding-left:25px}.steps span{color:var(--acid);font-size:10px}.steps h3{font-size:28px;margin:12px 0}.steps p{color:#888;line-height:1.5}.why{padding:120px 3vw;display:grid;grid-template-columns:2fr 1fr;gap:8vw;align-items:end}.why p{font:19px/1.55 var(--serif)}.why a{color:inherit}.future{padding:90px 3vw;background:var(--red)}.future>span{font-size:9px;letter-spacing:.15em}.future h2{font-size:clamp(45px,7vw,95px);margin:35px 0}.future p{font:21px/1.5 var(--serif);max-width:700px}footer{padding:45px 3vw;background:var(--ink);color:white;display:grid;grid-template-columns:1fr 2fr 1fr;gap:25px}footer p{font-size:clamp(26px,4vw,60px);line-height:.9;font-weight:bold;margin:0}footer nav{display:grid;gap:10px}footer nav a{color:#aaa;text-decoration:none}footer small{grid-column:1/-1;border-top:1px solid #383833;padding-top:14px;color:#666}.toast{position:fixed;right:18px;bottom:18px;background:var(--acid);color:var(--ink);padding:14px 18px;transform:translateY(170%);transition:.25s;z-index:100}.toast.show{transform:none}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--acid);outline-offset:3px}
@media(max-width:760px){header>span{display:none}.hero{min-height:700px;padding-top:55px}.hero h1{font-size:18vw;margin:70px 0}.intro{display:block}.proof{grid-template-columns:1fr}.proof span{padding:10px 0}.tool-section,.why,.future{padding:72px 18px}.tool-head,.why{grid-template-columns:1fr}.editor{border:0}.empty{margin:0;min-height:480px;padding:20px}.toolbar,.status{align-items:stretch;flex-direction:column;gap:10px}.mode-group{display:grid;grid-template-columns:repeat(3,1fr)}.toolbar button{padding:10px 7px}.canvas-stage{min-height:430px;padding:12px}.finish{display:grid;grid-template-columns:1fr 1fr}.finish .acid{grid-column:1/-1}.steps{grid-template-columns:1fr}.steps article,.steps article+article{border-right:0;border-bottom:1px solid #555;padding:20px 0}footer{grid-template-columns:1fr}footer small{grid-column:1}.canvas-hint{bottom:20px}}