:root{--sand: #EFE6D8;--espresso: #1B1511;--clay: #B78A68;--stone: #E5DAC7;--paper: #F6F0E6;--hairline: rgba(27, 21, 17, .16);--font-display: "Fraunces Variable", Georgia, serif;--font-body: "Archivo Variable", system-ui, sans-serif;--gutter: clamp(20px, 6vw, 28px)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:18px;line-height:1.5;color:var(--espresso);background:var(--sand)}img,svg{display:block;max-width:100%}h1,h2,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:var(--espresso);text-underline-offset:3px}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.screen{min-height:100svh;max-width:640px;margin:0 auto}.screen[hidden]{display:none}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.hd{display:flex;justify-content:space-between;align-items:center;padding:14px var(--gutter) 0;font-size:17px}.hd.flat{padding:0 0 18px}.mark{font-family:var(--font-display);font-size:20px;font-weight:500;letter-spacing:.01em}.h1{font-family:var(--font-display);font-weight:340;font-size:clamp(38px,10.6vw,50px);line-height:1.02;letter-spacing:-.015em;padding:14px var(--gutter) 14px}.ba{position:relative;aspect-ratio:3 / 2;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;background:var(--stone);outline-offset:-3px}.ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.ba .after{clip-path:inset(0 0 0 var(--x, 50%))}.ba .bar{position:absolute;top:0;bottom:0;left:var(--x, 50%);width:3px;background:var(--sand);transform:translate(-1px)}.ba .knob{position:absolute;top:50%;left:var(--x, 50%);width:48px;height:48px;border-radius:50%;background:var(--sand);transform:translate(-50%,-50%);display:grid;place-items:center;font-size:22px}.ba .lab{position:absolute;top:10px;background:var(--espresso);color:var(--sand);font-size:17px;line-height:1;padding:7px 10px 8px}.ba .l{left:10px}.ba .r{right:10px}.cap{padding:8px var(--gutter) 0;font-size:17px;line-height:1.4}.body{padding:14px var(--gutter) 0}.get{font-size:19px;line-height:1.45}.btn{display:block;width:100%;margin-top:18px;padding:19px 20px;border:0;background:var(--espresso);color:var(--sand);font-size:19px;font-weight:600;box-shadow:0 5px 0 var(--clay)}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--clay)}.btn[disabled]{opacity:.6}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.tile{background:var(--stone);padding:12px;font-size:18px;line-height:1.3}.tile b{display:block;font-size:20px;font-weight:800;margin-bottom:4px}.tile.wide{grid-column:1 / -1;display:flex;gap:10px;align-items:baseline}.tile.wide b{display:inline;margin:0}.sec{padding:40px var(--gutter) 0}.sec h2{font-family:var(--font-display);font-weight:340;font-size:28px;line-height:1.15;margin-bottom:10px}.steps{counter-reset:s;border-top:1px solid var(--hairline)}.steps li{counter-increment:s;display:grid;grid-template-columns:34px 1fr;padding:12px 0;border-bottom:1px solid var(--hairline)}.steps li:before{content:counter(s);font-family:var(--font-display);font-size:26px;line-height:1.1;color:var(--espresso)}.slot{border:2px dashed var(--espresso);padding:28px 16px;text-align:center;font-size:17px;background:var(--paper)}.faq details{border-bottom:1px solid var(--hairline)}.faq summary{padding:14px 0;font-weight:600;cursor:pointer}.faq details p{padding:0 0 14px}.foot{padding:28px var(--gutter) 40px;font-size:17px;line-height:1.5;display:grid;gap:4px}.foot.flat{padding:32px 0 40px}.q{padding:14px var(--gutter) 32px}.top{display:flex;justify-content:space-between;align-items:center;font-size:17px}.back{background:none;border:0;padding:8px 0;text-decoration:underline;text-underline-offset:3px}.prog{height:6px;background:var(--stone);margin:10px 0 20px}.prog i{display:block;height:100%;background:var(--clay)}.q h1{font-family:var(--font-display);font-weight:340;font-size:clamp(31px,8.6vw,38px);line-height:1.1;letter-spacing:-.01em}.help{margin-top:8px;font-size:18px}.help.strong{margin-top:14px;font-weight:600;font-size:20px}.small{margin-top:12px;font-size:17px}.fld{display:block;margin-top:20px;font-size:18px;font-weight:600}.aside{font-weight:400}input[type=text],input[type=email],input[type=tel],textarea{display:block;width:100%;margin-top:6px;padding:14px;font-size:18px;border:1.5px solid var(--espresso);border-radius:0;background:#fbf8f3;-webkit-appearance:none;appearance:none}textarea{resize:vertical;min-height:96px}input:focus,textarea:focus,button:focus-visible,.ba:focus-visible,.file:focus-within{outline:3px solid var(--clay);outline-offset:2px}.err{margin-top:8px;padding-left:10px;border-left:4px solid #9A3B22;font-size:17px;font-weight:600}.file{display:grid;place-items:center;gap:10px;margin-top:20px;min-height:150px;padding:14px;border:2px dashed var(--espresso);background:#fbf8f3;font-size:19px;font-weight:600;text-align:center;cursor:pointer}.file img{width:100%;max-height:260px;object-fit:cover}.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.scard{display:grid;gap:6px;padding:0 0 8px;border:1.5px solid var(--espresso);background:var(--paper);text-align:left;font-size:17px;font-weight:600;line-height:1.2}.scard img{width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover}.scard>span{padding:0 8px}.scard.surprise{place-content:center;min-height:120px;text-align:center}.q-mark{font-family:var(--font-display);font-size:44px;line-height:1}.scard[aria-pressed=true],.opt[aria-pressed=true]{background:var(--espresso);color:var(--sand)}.opts{display:grid;gap:10px;margin-top:20px}.opt{min-height:64px;padding:14px 16px;border:1.5px solid var(--espresso);background:var(--paper);text-align:left;font-size:19px;font-weight:600}.skip{display:block;margin-top:14px;background:none;border:0;padding:12px 0;font-size:18px;text-decoration:underline;text-underline-offset:3px}.gets{margin:16px 0 6px;border-top:1px solid var(--hairline)}.gets li{display:flex;gap:12px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--hairline);font-size:18px}.gets li:before{content:"";flex:none;width:12px;height:12px;background:var(--clay);transform:translateY(1px)}
