:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:#29445f;background:#adc6dc}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;padding:40px 24px;min-height:100vh;background:radial-gradient(ellipse at 10% 5%,#edf7fd88,transparent 48%),linear-gradient(#719aca,#c7dbe8);font-size:16px;line-height:1.6}.window{width:min(100%,740px);margin:0 auto;background:#e4edf5;border:2px solid;border-color:#fff #60798e #60798e #fff;box-shadow:4px 5px 0 #34547844}.titlebar{display:flex;align-items:center;gap:9px;min-height:40px;padding:6px 10px;background:linear-gradient(100deg,#203d88,#4b91be);color:#fff;font-weight:bold;font-size:14px}.caption{margin-left:auto;font:11px 'Courier New',monospace;letter-spacing:2px;color:#dceafb}.content{padding:32px;overflow-wrap:anywhere}.brand{display:inline-flex;align-items:center;gap:12px;margin-bottom:32px;text-decoration:none;color:#28498d}.brand span{font:bold italic 38px/1 Arial,sans-serif;letter-spacing:-2px}.brand img,.titlebar img{image-rendering:pixelated;flex-shrink:0}h1{font-size:clamp(34px,6vw,54px);line-height:1.08;letter-spacing:-1.7px;margin:12px 0 24px}h2{font-size:20px;line-height:1.3;margin:30px 0 10px}p{margin:0 0 16px}.intro{font-size:19px;max-width:520px}.eyebrow,.date{font:12px/1.5 'Courier New',monospace;color:#526c83}.eyebrow{letter-spacing:1.4px}.led{display:inline-block;flex-shrink:0;width:8px;height:8px;background:#719862;border:1px solid #41603c}a{color:#254d93;text-underline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px dashed #203d88;outline-offset:4px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:8px 18px;border:2px solid;border-color:#fff #697d91 #697d91 #fff;background:linear-gradient(#f9fcff,#d2dfec);color:#29445f;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.button:hover{background:#e8f3fc}.button:active{border-color:#697d91 #fff #fff #697d91}.button:disabled{opacity:.65;cursor:wait}.button-primary{background:linear-gradient(#5c92c9,#254d93);color:#fff;border-color:#8eb9e5 #1c3e76 #1c3e76 #8eb9e5}.button-primary:hover{background:linear-gradient(#659dd6,#2e59a0)}.button-small{min-height:44px;padding:6px 16px;font-size:14px}article h1{font-size:34px}footer{padding:12px 32px 18px;border-top:1px solid #a6b8c9;background:#d8e5ef}footer nav{display:flex;gap:8px 24px;flex-wrap:wrap}footer nav a{display:inline-flex;align-items:center;min-height:44px}footer p{font:12px/1.5 'Courier New',monospace;margin:6px 0 0}
.landing-window{width:min(100%,1220px)}.landing-window>.content{padding:30px 44px 38px}.landing-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:40px}.landing-nav .brand{margin:0}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:38px;align-items:center}.hero-copy{min-width:0}.hero-copy>.eyebrow{font-size:10px;display:flex;gap:10px;align-items:center;letter-spacing:1.1px;margin-bottom:24px}.hero h1{font-size:clamp(50px,5.8vw,76px);letter-spacing:-3.5px;margin:0 0 24px;color:#28466e}.hero .intro{font-size:20px;line-height:1.55;margin-bottom:14px;max-width:470px}.hero-description{max-width:450px;color:#4c6479}.signup{margin-top:32px;scroll-margin-top:20px}.signup h2{font-size:18px;margin:0 0 5px}.signup>p{font-size:14px;color:#526c83;margin-bottom:14px}.signup-form{display:grid;gap:9px}.signup-form>label{font-size:13px;font-weight:600}.email-row{display:flex;gap:8px}.email-row input{width:100%;min-width:0;min-height:50px;border:2px solid;border-color:#7c8e9f #fff #fff #7c8e9f;border-radius:0;padding:10px 12px;background:#f9fcff;color:#29445f;font:16px Arial,sans-serif}.email-row .button{flex-shrink:0;font-size:14px}.consent{display:flex;align-items:flex-start;gap:9px;padding-block:7px;min-height:44px;font:13px/1.5 Arial,sans-serif!important;color:#4c6479;cursor:pointer}.consent input{accent-color:#2e5998;width:18px;height:18px;margin:1px 0 0;flex-shrink:0}.signup-note{font-size:12px;color:#526c83;margin:0}.signup-status{min-height:25px;margin:12px 0 0!important;font-size:14px!important;line-height:1.5}.signup-status[data-state=success]{border:2px solid;border-color:#fff #829789 #829789 #fff;background:#e3ebde;padding:16px;color:#36513f}.signup-status[data-state=error]{color:#8d343b}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.board-preview{margin:0;min-width:0;align-self:center}.preview-window{border:2px solid;border-color:#fff #6f8191 #6f8191 #fff;background:#d2dce5;box-shadow:5px 6px 0 #526c832c}.preview-window>.titlebar{font-size:12px;min-height:35px;padding:5px 8px}.preview-label{font:9px 'Courier New',monospace;color:#c7dcec;margin-left:auto}.preview-board{position:relative;min-height:475px;overflow:hidden;background-color:#f0eddf;background-image:linear-gradient(#c5c1ae38 1px,transparent 1px),linear-gradient(90deg,#c5c1ae38 1px,transparent 1px);background-size:18px 18px;margin:5px}.preview-paper{position:absolute;box-shadow:2px 3px 0 #6d798638}.photo-paper{left:6%;top:7%;width:66%;padding:9px 9px 13px;background:#fffdf2;transform:rotate(-5deg)}.photo-paper>img{display:block;width:100%;height:181px;object-fit:cover}.photo-paper p{font:14px 'Courier New',monospace;margin:12px 2px 6px}.photo-paper>span{font:10px 'Courier New',monospace;color:#73808b;margin-left:2px}.yellow-note{right:4%;top:19%;width:36%;min-height:140px;background:#fff6b8;transform:rotate(5deg);padding:26px 13px 18px}.yellow-note p{font:14px/1.7 'Courier New',monospace;margin:0;color:#6e6b55}.paper-tape{position:absolute;left:30%;top:-8px;width:48%;height:23px;transform:rotate(-8deg);background:#d0dfddb3;border-left:1px solid #a6bab24d;border-right:1px solid #a6bab24d}.preview-cd{position:absolute;left:7%;bottom:10%;width:69%;max-width:310px;background:linear-gradient(120deg,#e2e4d8,#c7d0cc);border:2px solid;border-color:#fff #7c8d8d #7c8d8d #fff;box-shadow:3px 4px 0 #64747836;transform:rotate(-1.5deg)}.preview-cd .titlebar{min-height:26px;padding:3px 6px;font-size:10px}.preview-track{display:flex;align-items:center;gap:14px;padding:15px 14px}.preview-track img{flex-shrink:0;image-rendering:pixelated}.preview-track small{font:9px 'Courier New',monospace;letter-spacing:1px;color:#5f726c}.preview-track p{font:bold 15px/1.3 Arial,sans-serif;margin:5px 0 0}.preview-lcd{margin:0 9px 10px;padding:6px 8px;background:#233a31;color:#c8d7ab;font:8px/1.4 'Courier New',monospace;letter-spacing:.5px;border:1px solid;border-color:#7a8f85 #fff #fff #7a8f85}.pink-note{right:4%;bottom:5%;width:34%;padding:20px 12px 13px;background:#edc1d3;transform:rotate(5deg)}.pink-note p{font:13px/1.7 'Courier New',monospace;margin:0 0 8px;color:#725967}.note-star{display:block;width:18px;height:18px;margin-left:auto;background:#f4e29a;clip-path:polygon(50% 0,62% 35%,100% 38%,70% 60%,80% 100%,50% 77%,20% 100%,30% 60%,0 38%,38% 35%)}.preview-status{display:flex;justify-content:space-between;gap:8px;padding:5px 8px;border-top:1px solid #97a7b5;font:9px/1.5 'Courier New',monospace;color:#586f82}.board-preview figcaption{font:11px/1.5 'Courier New',monospace;color:#526c83;text-align:center;margin-top:15px}
.readme{margin-top:42px;border:2px solid;border-color:#fff #a0b2bf #a0b2bf #fff;background:#edf3f7}.readme-heading{display:flex;justify-content:space-between;gap:12px;padding:9px 16px;background:#cfdeeb;color:#42627d;font:11px/1.5 'Courier New',monospace}.readme-heading>span:last-child{font-size:9px;letter-spacing:1px}.feature-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.feature-columns>div{padding:22px 22px 24px}.feature-columns>div+div{border-left:1px solid #c8d6e2}.feature-number{font:10px 'Courier New',monospace;color:#74879a;letter-spacing:1px}.feature-columns h2{font-size:17px;margin:12px 0 8px}.feature-columns p{font-size:14px;line-height:1.6;margin:0;color:#546b80}.landing-window>footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-inline:44px}.landing-window>footer p{margin:0}
@media(max-width:1040px){.landing-window>.content{padding:25px 30px 30px}.hero{gap:26px}.hero h1{font-size:60px;letter-spacing:-2.7px}.hero .intro{font-size:18px}.hero-copy>.eyebrow{font-size:9px;letter-spacing:.6px}.email-row{flex-direction:column}.email-row .button{align-self:flex-start}.preview-board{min-height:455px}.preview-track{gap:8px;padding:12px 9px}.preview-track img{width:44px;height:44px}.preview-track p{font-size:13px}.preview-lcd{font-size:7px}.photo-paper>img{height:160px}.yellow-note p{font-size:12px}.pink-note p{font-size:11px}.preview-label{display:none}.landing-window>footer{padding-inline:30px;flex-wrap:wrap}}
@media(max-width:760px){body{padding:12px 8px}.content{padding:24px 20px}.brand{margin-bottom:24px}.brand span{font-size:33px}.brand img{width:42px;height:42px}.caption{font-size:9px;letter-spacing:1px}.landing-window>.content{padding:22px 20px 26px}.landing-nav{margin-bottom:32px;gap:12px}.landing-nav .button-small{font-size:12px;padding-inline:10px}.hero{grid-template-columns:minmax(0,1fr);gap:30px}.hero h1{font-size:clamp(46px,11.5vw,66px);letter-spacing:-2px;line-height:1.08;margin-bottom:20px}.hero-copy>.eyebrow{font-size:8px;gap:7px;margin-bottom:20px;letter-spacing:.6px}.hero .intro{font-size:18px;margin-bottom:12px}.hero-description{font-size:15px;line-height:1.6}.signup{margin-top:26px}.email-row{flex-direction:row}.email-row .button{align-self:stretch;font-size:13px;padding-inline:12px}.signup-status{min-height:0}.signup-status:empty{margin:0!important}.preview-board{min-height:430px}.photo-paper>img{height:160px}.yellow-note{min-height:132px}.yellow-note p{font-size:13px}.preview-track{padding:14px 12px}.preview-track p{font-size:14px}.preview-track img{width:48px;height:48px}.preview-cd{bottom:10%}.pink-note{bottom:4%}.pink-note p{font-size:12px}.readme{margin-top:32px}.feature-columns{grid-template-columns:minmax(0,1fr)}.feature-columns>div{padding:20px}.feature-columns>div+div{border-left:0;border-top:1px solid #c8d6e2}.readme-heading{padding-inline:12px}.readme-heading>span:last-child{font-size:8px}.landing-window>footer,footer{padding-inline:20px}article h1{font-size:30px}.landing-window>footer{gap:4px}.landing-window>footer nav{gap:6px 20px}.board-preview{max-width:480px;width:100%;margin-inline:auto}}
@media(max-width:380px){.email-row{flex-direction:column}.email-row .button{align-self:stretch}.preview-track img{width:40px;height:40px}.preview-track p{font-size:12px}.preview-lcd{font-size:6px}.yellow-note p{font-size:11px}.photo-paper p{font-size:12px}.preview-status{font-size:8px}.preview-board{min-height:400px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);gap:32px}.hero-copy{max-width:620px}.board-preview{width:100%;max-width:480px;margin-inline:auto}}
@media(max-width:760px){.pink-note{width:42%;padding:14px 10px 10px}.pink-note p{font-size:11px;line-height:1.6;margin-bottom:6px}.yellow-note{width:42%;min-height:116px;padding:24px 10px 14px}.yellow-note p{font-size:11px}}