:root{--ink:#2b2338;--paper:#fffaf0;--cream:#fff0c9;--pink:#ff76a8;--green:#b8ed9f;--purple:#a98be2;--cyan:#98e4e5;--muted:#6f6778;--line:3px solid var(--ink);--shadow:6px 6px 0 var(--ink)}
html{overflow-x:hidden}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;background-image:radial-gradient(#2b233812 1px,transparent 1px);background-size:18px 18px}button,a{font:inherit;color:inherit}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1060px)/2));border-bottom:var(--line);background:#fffaf0ef;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:900 11px/1.1 ui-monospace,monospace;letter-spacing:.08em}.brand span{display:grid;place-items:center;width:40px;height:40px;border:var(--line);background:var(--green);box-shadow:3px 3px 0 var(--ink)}.brand b{color:#e74784}header time{font:900 10px ui-monospace,monospace;color:#e74784}.hero{max-width:1060px;margin:auto;padding:100px 0 105px}.eyebrow{font:900 11px ui-monospace,monospace;letter-spacing:.14em}.eyebrow:before{content:"■";color:var(--pink);margin-right:8px}.hero h1{font:950 clamp(65px,10vw,135px)/.78 "Arial Black",Impact,sans-serif;letter-spacing:-.08em;margin:35px 0}.hero h1 em{font-style:normal;color:var(--pink);-webkit-text-stroke:3px var(--ink);text-shadow:6px 6px var(--ink)}.hero>p:not(.eyebrow){font-size:clamp(18px,2.5vw,27px);max-width:780px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;border:var(--line);padding:13px 18px;background:white;text-decoration:none;font-weight:900;box-shadow:4px 4px 0 var(--ink);cursor:pointer}.button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.primary{background:var(--pink)}.secondary{background:var(--green)}.quiet{box-shadow:none}.setup{background:var(--purple);border-block:var(--line);padding:75px max(20px,calc((100vw - 1060px)/2))}.setup h2,.ideas h2,.help h2{font:950 clamp(38px,6vw,70px)/.95 "Arial Black",sans-serif;letter-spacing:-.05em;margin:16px 0}.choices,.tool-choice{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:30px}.choices button,.tool-choice button{display:grid;text-align:left;border:var(--line);padding:22px;background:white;box-shadow:4px 4px 0 var(--ink);cursor:pointer}.choices button b,.tool-choice button b{font-size:25px}.choices button span,.tool-choice button span{color:var(--muted)}.choices button[aria-pressed=true],.tool-choice button[aria-pressed=true]{background:var(--green)}.wizard{max-width:1060px;margin:75px auto 100px;border:var(--line);background:white;box-shadow:var(--shadow);scroll-margin-top:100px}.step-dots{display:grid;grid-template-columns:repeat(8,1fr);border-bottom:var(--line);background:#f4eee4}.step-dots button{border:0;border-right:1px solid #b9b1ad;background:transparent;padding:12px 5px;font-size:9px;font-weight:800;cursor:pointer;color:var(--muted)}.step-dots button span{display:grid;place-items:center;width:25px;height:25px;margin:0 auto 5px;border:1px solid var(--ink);background:white;font:900 10px ui-monospace}.step-dots button.active{background:var(--pink);color:var(--ink)}#stepContent{padding:55px 65px;min-height:560px;outline:none}.step-number{font:900 11px ui-monospace,monospace;color:#d93f79;letter-spacing:.1em}#stepContent h2{font:950 clamp(37px,5vw,64px)/.98 "Arial Black",sans-serif;letter-spacing:-.05em;margin:15px 0 30px;max-width:800px}ol{display:grid;gap:15px;padding-left:28px;max-width:760px}li{padding-left:8px}.note{border:2px solid var(--ink);background:var(--cream);padding:16px 18px;margin:28px 0;max-width:800px}.tool-panel{border:2px solid;padding:22px;margin-top:22px;background:#f7f4ff}.tool-panel h3{font-size:25px;margin-top:0}.copy-card,.prompt-card{max-width:800px;margin:18px 0;border:2px solid var(--ink);background:#211a31;color:white;padding:14px;display:grid;grid-template-columns:1fr auto;gap:10px}.copy-card span,.prompt-card span{grid-column:1/-1;font:900 9px ui-monospace;color:var(--pink)}.copy-card code{overflow-wrap:anywhere}.copy-card button,.prompt-card button,.idea-grid button{border:1px solid currentColor;background:transparent;color:inherit;padding:7px 10px;font-weight:850;cursor:pointer}.prompt-card p{margin:0;white-space:pre-wrap}.prompt-card button{align-self:start}.download-row{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 35px}.small-link{margin-top:25px}.credentials{display:grid;grid-template-columns:120px 1fr;border:var(--line);max-width:600px;margin:25px 0}.credentials>*{padding:10px;border-bottom:1px solid #ccc}.credentials span{background:var(--cream);font:900 10px ui-monospace}details{border:2px solid var(--ink);background:white;margin:12px 0;max-width:800px}summary{padding:13px;font-weight:900;cursor:pointer}details p{padding:0 15px 15px}.step-actions{border-top:var(--line);padding:15px;display:flex;justify-content:space-between;gap:10px;background:#f4eee4}.step-actions button:disabled{opacity:.35}.ideas,.help{padding:90px max(20px,calc((100vw - 1060px)/2));border-top:var(--line)}.ideas{background:#ddd1f4}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.idea-grid article{border:var(--line);background:white;padding:20px;box-shadow:4px 4px 0 var(--ink)}.idea-grid article>span{display:grid;place-items:center;width:60px;height:60px;border:2px solid;background:var(--green);font:950 18px ui-monospace}.idea-grid h3{font-size:23px;margin-bottom:4px}.idea-grid p{color:var(--muted);min-height:50px}.idea-grid button{background:var(--ink);color:white;width:100%}.help{background:var(--cream)}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.help-grid details{margin:0;max-width:none}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,80px);opacity:0;background:var(--ink);color:white;padding:10px 18px;font-weight:900;transition:.2s;z-index:30}.toast.show{transform:translate(-50%,0);opacity:1}footer{background:var(--ink);color:white;padding:35px max(20px,calc((100vw - 1060px)/2));display:flex;justify-content:space-between;gap:20px;font:800 11px ui-monospace}
@media(max-width:800px){.hero{padding:75px 20px}.wizard{margin:45px 12px 70px}.step-dots{grid-template-columns:repeat(4,1fr)}#stepContent{padding:40px 22px}.idea-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){header{height:68px;padding-inline:12px}.hero h1{font-size:60px}.hero h1 em{-webkit-text-stroke:2px var(--ink);text-shadow:4px 4px var(--ink)}.choices,.tool-choice,.idea-grid,.help-grid{grid-template-columns:1fr}.step-dots button{font-size:0}.step-dots button span{font-size:10px}.copy-card,.prompt-card{grid-template-columns:1fr}.copy-card button,.prompt-card button{justify-self:start}.step-actions{display:grid;grid-template-columns:1fr 1fr}.step-actions .button{padding-inline:8px}.idea-grid p{min-height:0}footer{display:grid}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.hardware{padding:85px max(20px,calc((100vw - 1060px)/2));border-top:var(--line);background:var(--cream)}.hardware h2{font:950 clamp(38px,6vw,70px)/.95 "Arial Black",sans-serif;letter-spacing:-.05em;margin:16px 0 35px}.hardware-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.hardware-grid article{border:var(--line);background:white;padding:18px;box-shadow:4px 4px 0 var(--ink)}.hardware-grid article>span{display:grid;place-items:center;width:38px;height:38px;border:2px solid;background:var(--green);font:900 11px ui-monospace}.hardware-grid h3{font-size:20px;line-height:1.05;margin:18px 0 8px}.hardware-grid p{margin:0;color:var(--muted);font-size:14px}
@media(max-width:1000px){.hardware-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.hardware{padding:65px 20px}.hardware-grid{grid-template-columns:1fr}}
.setup-photo{display:block;width:min(100%,720px);height:auto;border:var(--line);margin:0 0 28px;box-shadow:4px 4px 0 var(--ink)}