:root{--paper:#fbf7ea;--paper-2:#f6efdc;--paper-3:#efe6ce;--ink:#2c3240;--ink-soft:#505868;--muted:#8a816a;--faint:#c0b89e;--rule:#a9c2df;--rule-soft:#a9c2df8c;--margin-red:#c4504a;--margin-red-dark:#9c3830;--accent-green:#5a8a4a;--accent-gold:#c59645;--serif:"Playfair Display", Georgia, serif;--sans:"Inter", -apple-system, system-ui, sans-serif;--hand:"Caveat", "Brush Script MT", cursive;--ease:cubic-bezier(.22, 1, .36, 1);--rule-gap:44px;--margin-x:130px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100dvh}body{font-family:var(--sans);color:var(--ink);background:linear-gradient(180deg, var(--paper) 0%, var(--paper-2) 50%, var(--paper-3) 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;overflow-x:hidden}body:before{content:"";pointer-events:none;background-image: repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--rule-gap) - 1px), var(--rule-soft) calc(var(--rule-gap) - 1px), var(--rule-soft) var(--rule-gap));z-index:1;background-position:0 140px;position:fixed;inset:0}body:after{content:"";pointer-events:none;background: linear-gradient(to right, transparent 0, transparent calc(var(--margin-x) - 2px), var(--margin-red) calc(var(--margin-x) - 2px), var(--margin-red) calc(var(--margin-x) + .5px), transparent calc(var(--margin-x) + .5px)),  linear-gradient(180deg, #78462814 0%, transparent 6%),  linear-gradient(0deg, #78462814 0%, transparent 6%);z-index:1;position:fixed;inset:0}#root{z-index:2;position:relative}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}.grain:before{content:"";pointer-events:none;mix-blend-mode:multiply;background-image:radial-gradient(circle at 18% 22%,#3c281e06 .6px,#0000 1.2px),radial-gradient(circle at 68% 45%,#3c281e05 .5px,#0000 1px),radial-gradient(circle at 42% 78%,#3c281e06 .6px,#0000 1.1px);background-size:140px 140px,170px 170px,200px 200px;position:absolute;inset:0}.hand{font-family:var(--hand);font-weight:500}.hand-bold{font-family:var(--hand);font-weight:700}.serif{font-family:var(--serif)}.serif-italic{font-family:var(--serif);font-style:italic}.sans{font-family:var(--sans)}.kicker{font-family:var(--sans);letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.muted{color:var(--muted)}.ink{color:var(--ink)}.red{color:var(--margin-red)}.green{color:var(--accent-green)}.app{flex-direction:column;min-height:100dvh;display:flex}.page{padding:44px 60px 100px calc(var(--margin-x) + 30px);flex:1;width:100%;max-width:1400px;margin:0 auto}.binding{z-index:2;pointer-events:none;flex-direction:column;justify-content:space-around;width:40px;padding:60px 0;display:flex;position:fixed;top:0;bottom:0;left:30px}.binding .hole{background:var(--paper);border:1.5px solid #786e5580;border-radius:50%;width:30px;height:22px;box-shadow:inset 1px 2px 3px #503c1e1f}.btn{font-family:var(--sans);letter-spacing:1.5px;transition:transform .2s var(--ease), background .2s var(--ease);border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:13px 28px;font-size:12px;font-weight:700;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:#1a1f2a}.btn-red{background:var(--margin-red);color:var(--paper)}.btn-red:hover{background:var(--margin-red-dark)}.btn-ghost{color:var(--ink);background:0 0;border:1px dashed #3c465a4d}.btn-ghost:hover{border-color:var(--margin-red);color:var(--margin-red)}.squiggle{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 8'><path d='M0,4 Q15,0 30,4 T60,4 T90,4 T120,4' fill='none' stroke='%232c3240' stroke-width='2' stroke-linecap='round'/></svg>");background-repeat:repeat-x;background-size:120px 8px;height:8px;display:block}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-in{animation:fade-in .7s var(--ease) both}.d-1{animation-delay:50ms}.d-2{animation-delay:.15s}.d-3{animation-delay:.25s}.d-4{animation-delay:.35s}.d-5{animation-delay:.45s}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.gap-sm{gap:8px}.gap{gap:16px}.gap-lg{gap:24px}.between{justify-content:space-between}.center{justify-content:center;align-items:center}@media (width<=768px){:root{--margin-x:70px}.page{padding:28px 24px 80px calc(var(--margin-x) + 16px)}.binding{width:30px;left:10px}.binding .hole{width:22px;height:18px}}