:root{--room:#15110e;--paper:#f4ecd8;--paper-2:#e9dec3;--ink:#2a2420;--ink-soft:#6b5d50;--rule:#2a242024;--stamp:#b8402b;--stamp-ink:#fff6ea;--brass:#c9a254;--know:#3f6b45;--radius:6px;--shadow:0 18px 40px -18px #000000b3, 0 2px 0 #00000040;--font-display:"Fraunces", Georgia, serif;--font-ui:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--room)}body{min-height:100vh;color:var(--paper);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;background-color:#0000;background-image:radial-gradient(at 40% 20%,#c9723447,#0000 60%),radial-gradient(at 40% 45%,#0000 45%,#080503a6 100%),repeating-linear-gradient(94deg,#0000000d 0 3px,#0000 3px 11px),linear-gradient(#2a1810,#1a100a);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;margin:0;font-size:16px;line-height:1.6}a{color:inherit}:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.topbar{max-width:760px;padding:max(20px, env(safe-area-inset-top)) 16px 0;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.topbar .btn{padding:8px 16px;font-size:15px}.brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--stamp);width:30px;height:30px;color:var(--stamp-ink);font:700 18px var(--font-display);border-radius:4px;place-items:center;display:grid;transform:rotate(-4deg)}.brand-name{font:600 19px var(--font-display);letter-spacing:.01em}main{max-width:760px;margin:24px auto 64px;padding:0 16px}.sheet{background:var(--paper) repeating-linear-gradient(to bottom, transparent 0 31px, #5c80a82e 31px 32px);color:var(--ink);box-shadow:var(--shadow);background-position:0 90px;border-radius:3px;padding:40px clamp(20px,6vw,56px) 44px;animation:.5s cubic-bezier(.2,.8,.2,1) both deal;position:relative;transform:rotate(-.3deg)}.sheet:before{content:"";background:#b8402b80;height:2px;position:absolute;top:70px;left:0;right:0}@keyframes deal{0%{opacity:0;transform:translateY(24px)rotate(1.5deg)}}.eyebrow{font:500 12px var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);margin:0 0 30px}h1{font:700 clamp(30px, 6vw, 44px) / 1.1 var(--font-display);letter-spacing:-.015em;margin:0 0 12px}h2{font:600 24px / 1.25 var(--font-display);letter-spacing:-.01em;margin:40px 0 8px}p{margin:0 0 16px}.lede{font-size:19px;line-height:1.55}.hint{color:var(--ink-soft);font-size:14px}.btn{border-radius:var(--radius);background:var(--paper);color:var(--ink);font:600 16px var(--font-ui);cursor:pointer;border:1px solid #2a242033;justify-content:center;align-items:center;gap:10px;padding:12px 22px;text-decoration:none;transition:transform .12s,background .12s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--stamp);color:var(--stamp-ink);border-color:#0000;box-shadow:0 2px #7c2718}.btn.primary:hover{background:#c94d36}.btn.ghost{background:0 0;border-color:#2a24204d}.btn.ghost:hover{background:#2a24200f}.actions{flex-wrap:wrap;gap:12px;margin:24px 0 8px;display:flex}.boxes{grid-template-columns:repeat(5,1fr);gap:8px;margin:24px 0 8px;padding:0;list-style:none;display:grid}.box{background:linear-gradient(#8f4a22 0%,#a95a2b 45%,#7d3f1b 100%);border-radius:4px 4px 3px 3px;flex-direction:column;justify-content:flex-end;align-items:center;min-height:92px;padding:0 4px 8px;display:flex;position:relative;box-shadow:inset 0 3px 8px #00000073,0 6px 12px -6px #0009}.box .label{background:linear-gradient(180deg, #e0bf72, var(--brass));color:#3a2a10;width:100%;font:700 20px / 1 var(--font-display);text-align:center;border-radius:2px;padding:3px 0 4px;box-shadow:inset 0 0 0 1px #3c280a73}.box .label small{font:500 10px var(--font-mono);letter-spacing:.04em;text-transform:uppercase;margin-top:3px;display:block}.box.full:before{content:"";background:#efe3c3;border-radius:2px;height:20px;position:absolute;top:-6px;left:10%;right:10%;transform:rotate(-2deg);box-shadow:0 1px #00000040}.promises{margin:8px 0 0;padding:0;list-style:none}.promises li{align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.promises .tick{color:var(--know);flex:none;font-weight:700}.costs{counter-reset:cost;margin:8px 0 16px;padding:0;list-style:none}.costs li{counter-increment:cost;align-items:baseline;gap:14px;margin-bottom:8px;display:flex}.costs li:before{content:counter(cost);border:1.5px solid var(--stamp);width:22px;height:22px;color:var(--stamp);font:600 12px var(--font-display);border-radius:50%;flex:none;place-items:center;display:grid}.typo{border-left:3px solid var(--brass);color:var(--ink-soft);margin-top:24px;padding-left:14px;font-style:italic}.signoff{font:600 24px / 1.3 var(--font-display);margin:40px 0 0}footer{color:#f4ecd899;text-align:center;max-width:760px;margin:0 auto;padding:0 16px 40px;font-size:13px}@media (width<=480px){.box{min-height:78px}.box .label{font-size:16px}.actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){.sheet{animation:none}}
