:root{color-scheme:light;--paper:#f4ebd9;--paper-light:#fff9ec;--ink:#1d1c1a;--muted:#575149;--vermilion:#c43722;--cobalt:#174a8b;--mustard:#d89e18;--green:#176344;--danger:#a5271b;--max:1180px;font-family:Arial,Helvetica,sans-serif;font-size:16px;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background-color:var(--paper);background-image:radial-gradient(#1d1c1a10 .7px,transparent .7px);background-size:7px 7px;min-width:320px}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background:linear-gradient(90deg,transparent 49.7%,#c4372215 50%,transparent 50.3%);z-index:10}button,input,textarea{font:inherit;color:inherit}a{color:var(--cobalt);text-underline-offset:3px;text-decoration-thickness:1.5px}a:hover{text-decoration-thickness:3px}a,button,input,textarea{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:4px solid var(--cobalt)}.skip-link{position:fixed;top:-100px;left:16px;background:var(--ink);color:#fff;padding:14px 18px;z-index:100}.skip-link:focus{top:16px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.site-header{max-width:var(--max);min-height:88px;margin:auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink)}.wordmark{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;line-height:1.05;text-decoration:none}.wordmark-mark{color:var(--vermilion);font-size:2.2rem;line-height:1}.site-header nav,.site-footer nav{display:flex;flex-wrap:wrap;gap:24px}.site-header nav a{min-height:44px;display:flex;align-items:center;font-weight:700;color:var(--ink)}main{max-width:var(--max);margin:auto;padding:0 24px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif}h1{font-size:clamp(2.7rem,7vw,4.8rem);line-height:.96;letter-spacing:-.045em;max-width:13ch;margin-bottom:24px}h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1;letter-spacing:-.03em;margin-bottom:18px}h3{font-size:1.35rem;margin-bottom:8px}p,li,dd{line-height:1.55}.lede{font-size:clamp(1.1rem,2vw,1.35rem);max-width:60ch}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:900;color:var(--vermilion);margin-bottom:14px}.button{min-height:50px;border:2px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;font-weight:900;text-decoration:none;cursor:pointer}.primary{background:var(--vermilion);color:#fff;box-shadow:5px 5px 0 var(--ink)}.secondary{background:var(--paper-light);color:var(--ink);box-shadow:4px 4px 0 var(--cobalt)}.text-button{border:0;background:none;color:var(--cobalt);text-decoration:underline;min-height:44px;cursor:pointer;font-weight:700}.button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:56px;padding-block:72px 88px}.hero-copy{position:relative;z-index:1}.hero-action{display:flex;align-items:center;gap:18px;margin:32px 0}.hero-action p{font-size:.84rem;max-width:22ch;margin:0;color:var(--muted)}.plain-facts{list-style:none;padding:0;margin:32px 0 0}.plain-facts li{padding:8px 0;border-bottom:1px solid #1d1c1a55}.plain-facts b{display:inline-block;width:70px;color:var(--ink)}.hero-art{margin:0;transform:rotate(1.4deg);filter:drop-shadow(10px 13px 0 #174a8b)}.hero-art img{display:block;width:100%;height:auto;border:2px solid var(--ink)}.hero-art figcaption{background:var(--paper-light);border:2px solid var(--ink);border-top:0;padding:10px;font-size:.8rem;color:var(--muted)}.ruled-section{border-top:3px solid var(--ink);padding-block:96px}.section-intro{max-width:650px}.live-preview{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}.preview-sheet,.packet{background:var(--paper-light);border:2px solid var(--ink);box-shadow:10px 10px 0 var(--mustard)}.sheet-head{display:flex;justify-content:space-between;padding:13px 18px;border-bottom:2px solid var(--ink);font-size:.78rem;font-weight:900;text-transform:uppercase}.trace-list{list-style:none;padding:16px 18px 18px;margin:0}.trace-list li{display:grid;grid-template-columns:58px 1fr;gap:8px;position:relative;padding:12px 0;border-bottom:1px solid #1d1c1a44}.trace-list .time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.8rem}.trace-list strong,.trace-list small{display:block}.trace-list small{color:var(--muted);margin-top:4px}.event-stamp{display:inline-block;color:var(--vermilion);font-size:.68rem;text-transform:uppercase;font-weight:900;letter-spacing:.06em;margin-right:8px}.how .secondary{margin-top:30px}.steps{list-style:none;margin:48px 0 8px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.steps li{display:grid;grid-template-columns:54px 1fr;gap:16px}.steps li>span{display:grid;place-items:center;width:52px;height:52px;background:var(--cobalt);color:#fff;border:2px solid var(--ink);font:700 1.5rem Georgia}.limits{display:grid;grid-template-columns:1fr 1fr;gap:72px}.limits ul{margin:0;padding:0;list-style:none}.limits li{padding:15px 0 15px 34px;border-bottom:1px solid #1d1c1a55;position:relative}.limits li:before{content:"×";position:absolute;left:3px;color:var(--vermilion);font-weight:900;font-size:1.4rem}.paid{display:grid;grid-template-columns:1fr 1fr;gap:72px}.price-slip{background:var(--mustard);border:2px solid var(--ink);padding:28px;box-shadow:9px 9px 0 var(--ink);transform:rotate(-1deg)}.price-slip strong{font:700 3.2rem Georgia}.price-slip .button{width:100%;margin-top:14px}.price-slip .text-button{width:100%;margin-top:10px}.price-slip input,#license-box label{width:100%;display:block}#license-box label{font-weight:800;margin:12px 0 5px}#license-box input{min-height:48px;border:2px solid var(--ink);background:var(--paper-light);padding:10px}.legal-note{font-size:.78rem;margin:16px 0 0}.site-footer{max-width:var(--max);margin:auto;border-top:3px solid var(--ink);padding:42px 24px 64px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;font-size:.85rem}.build{text-align:right;color:var(--muted)}.demo-banner{position:sticky;top:0;z-index:20;min-height:48px;background:var(--cobalt);color:#fff;display:flex;justify-content:center;align-items:center;gap:40px;padding:8px 20px;font-size:.86rem}.demo-banner>span{display:flex;align-items:center;gap:18px}.demo-banner button,.demo-banner a{border:0;background:none;color:#fff;text-decoration:underline;font-weight:800;min-height:32px;cursor:pointer}.demo-main{padding-bottom:96px}.demo-heading{display:flex;justify-content:space-between;gap:48px;align-items:center;padding-block:64px 48px}.demo-heading h1{font-size:clamp(2.6rem,6vw,4.4rem)}.demo-stamp{flex:0 0 180px;height:180px;border-radius:50%;border:3px solid var(--vermilion);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(6deg);color:var(--vermilion)}.demo-stamp span,.demo-stamp small{text-transform:uppercase;font-weight:900;font-size:.67rem;letter-spacing:.08em}.demo-stamp strong{font:700 2.7rem Georgia}.packet{box-shadow:12px 12px 0 var(--cobalt)}.packet-meta{padding:28px;display:grid;grid-template-columns:1.3fr .7fr;gap:32px;border-bottom:3px solid var(--ink)}.packet-meta h2{font-size:2rem}.packet-meta dl{margin:0}.packet-meta dl div{padding:6px 0}.packet-meta dt{text-transform:uppercase;font-size:.68rem;font-weight:900}.packet-meta dd{margin:2px 0}.packet-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:0}.packet-grid>div{padding:28px}.packet-grid>div+div{border-left:2px solid var(--ink)}.packet-grid label{font:700 1.4rem Georgia;display:block;margin-bottom:10px}.packet-grid textarea{width:100%;padding:14px;border:2px solid var(--ink);background:var(--paper);resize:vertical}.save-note{font-size:.78rem;color:var(--muted)}.packet-grid h2{font-size:1.5rem}.export-bar{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;border-top:3px solid var(--ink);padding:22px 28px}.export-bar p{margin:4px 0 0;font-size:.84rem;color:var(--muted)}.export-status{min-height:28px;margin:0;padding:0 28px 22px;color:var(--green);font-weight:800}.prose-page{max-width:820px;padding-block:80px 112px}.prose-page h1{max-width:15ch}.prose-page h2{font-size:1.7rem;margin-top:48px}.prose-page p{max-width:68ch}.not-found{min-height:70vh;padding-block:80px;text-align:center;display:flex;flex-direction:column;align-items:center}.not-found h1{max-width:13ch}.lost-sheet{display:flex;gap:4px;margin-bottom:24px}.lost-sheet span{width:64px;height:78px;display:grid;place-items:center;font:700 2.8rem Georgia;border:2px solid var(--ink);background:var(--paper-light)}.lost-sheet span:nth-child(2){background:var(--cobalt);color:#fff;transform:translateY(14px) rotate(5deg)}.is-offline:after{content:"Offline — the demo and exports still work";position:fixed;bottom:12px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:10px 16px;z-index:30;font-size:.82rem}@media(prefers-reduced-motion:no-preference){.button{transition:transform .12s ease,box-shadow .12s ease}.hero-art{animation:press-settle .42s ease both}.trace-list li{animation:strip-settle .18s ease both}@keyframes press-settle{0%{opacity:.2;transform:translateY(10px) rotate(1.4deg)}to{opacity:1;transform:rotate(1.4deg)}}@keyframes strip-settle{0%{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art,.price-slip{transform:none}}@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:auto;padding-block:56px}.hero-art{order:-1;max-width:520px}.live-preview,.limits,.paid,.steps,.site-footer{grid-template-columns:1fr}.build{text-align:left}.packet-grid,.packet-meta{grid-template-columns:1fr}.packet-grid>div+div{border-left:0;border-top:2px solid var(--ink)}.export-bar{grid-template-columns:1fr 1fr}.export-bar>div{grid-column:1/-1}}@media(max-width:520px){.site-header{align-items:flex-start;padding-inline:16px}.site-header nav{gap:8px}.site-header nav a{font-size:.82rem;padding:0 5px}.site-header nav a:nth-child(2){display:none}main{padding-inline:16px}h1{font-size:2.65rem}.hero{gap:28px;padding-top:40px}.hero-action{display:block}.hero-action p{margin-top:14px}.ruled-section{padding-block:64px}.live-preview,.limits,.paid{gap:32px}.steps li{grid-template-columns:46px 1fr}.steps li>span{width:44px;height:44px}.site-footer{padding-inline:16px}.demo-banner{align-items:flex-start;gap:5px;flex-direction:column}.demo-banner>span{width:100%;justify-content:space-between}.demo-heading{align-items:flex-start}.demo-stamp{display:none}.packet-meta,.packet-grid>div{padding:20px}.trace-list{padding-inline:6px}.trace-list li{grid-template-columns:48px 1fr}.export-bar{grid-template-columns:1fr;padding:20px}.export-bar>div{grid-column:auto}.export-bar .button{width:100%}.price-slip{padding:20px}.wordmark br{display:none}.wordmark{max-width:130px}.hero-art{filter:drop-shadow(6px 7px 0 #174a8b)}}.wordmark,.site-footer a,.prose-page a{display:inline-flex;align-items:center;min-width:44px;min-height:44px}.demo-banner button,.demo-banner a{min-width:44px;min-height:44px}