@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--paper:#f7f4ed;--ink:#243a2c;--muted:#747c70;--orange:#db6a3b;--line:#dedfd3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;min-height:100svh;display:flex;flex-direction:column}button,input{font:inherit}button,a,label,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:5px}[hidden]{display:none!important}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(70px);opacity:.32;z-index:-1}.a{height:350px;width:350px;left:-220px;top:25%;background:#e5b389}.b{height:400px;width:400px;right:-250px;bottom:5%;background:#c5d7ad}header{display:flex;align-items:center;justify-content:space-between;padding:30px 5%;border-bottom:1px solid var(--line)}.brand{font-size:11px;font-weight:700;letter-spacing:2px;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:12px}.brand-icon{font-size:27px;color:var(--orange)}.edition{font-size:9px;letter-spacing:2px;color:var(--muted)}main{width:min(100% - 36px,620px);margin:auto; padding:36px 0 44px;text-align:center}.progress{display:flex;gap:6px;justify-content:center;margin-bottom:34px}.progress span{width:25px;height:3px;background:#dfdfd3;border-radius:5px}.progress .active{background:var(--orange)}.screen{animation:arrive .5s ease both}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;justify-content:center;gap:8px;color:#7a806c}.dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}.hero-symbol{font-size:58px;position:relative;width:100px;margin:30px auto 22px}.hero-symbol span{position:absolute;right:-12px;bottom:0;font-size:12px;letter-spacing:1px;transform:rotate(10deg);color:#fff;background:var(--orange);padding:7px 10px;border-radius:6px}.pretitle{font-size:14px;margin:0 0 10px;color:var(--muted)}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500}h1{font-size:clamp(40px,7vw,62px);letter-spacing:-2px;line-height:1.12;margin:0 0 20px}em{font-weight:500;color:var(--orange)}.lede{font-size:15px;color:#717969;line-height:1.85;margin:0 0 25px}.quote{font-family:Georgia,serif;font-style:italic;font-size:17px;border-left:2px solid #dcb899;padding:6px 0 6px 18px;width:fit-content;max-width:100%;text-align:left;margin:28px auto}.quote small{display:block;font-family:'DM Sans',sans-serif;font-style:normal;font-size:10px;color:#8c8d7f;margin-top:10px}.primary{border:0;border-radius:9px;color:white;background:var(--ink);padding:17px 24px;font-size:13px;font-weight:600;display:inline-flex;justify-content:center;align-items:center;gap:30px;box-shadow:0 5px 12px #243a2c12;transition:background .15s,transform .15s}.primary:hover{background:#34573e;transform:translateY(-2px)}.primary:disabled{opacity:.6;cursor:wait}.micro{font-size:10px;color:#8a8d7d;margin:17px 0 0;line-height:1.7}.section-emoji{font-size:48px;margin:27px 0 22px}.answer-arena{height:180px;position:relative;width:100%;border-radius:12px;margin-top:24px}.answer-arena .primary{position:absolute;left:calc(50% - 162px);top:55px}.secondary{position:absolute;left:calc(50% + 35px);top:55px;border:1px solid #cdd1c2;background:#f0eee5;color:#6e7565;padding:16px 24px;border-radius:9px;min-width:110px;touch-action:none;user-select:none}fieldset{border:0;padding:0;margin:0;display:grid;gap:11px}.option{text-align:left;display:flex;align-items:center;gap:16px;padding:19px 20px;border:1px solid #dce0d2;border-radius:12px;cursor:pointer;background:#ffffff50;position:relative;transition:all .2s}.option:hover{border-color:#a8b79e;background:#fff9}.option:has(input:checked){border-color:var(--ink);background:#e9eee0}.option:has(input:focus-visible){outline:3px solid var(--orange);outline-offset:3px}.option input{position:absolute;opacity:0;width:1px;height:1px}.option-icon{font-size:26px;width:34px;text-align:center}.option-copy{flex:1}.option strong{display:block;font-size:14px;font-weight:600}.option small{font-size:11px;color:#848976;display:block;margin-top:6px}.radio-dot{width:17px;height:17px;border:1px solid #b9c1af;border-radius:50%}.option input:checked~.radio-dot{border:5px solid var(--ink)}form{max-width:460px;margin:auto}.wide{width:100%;margin-top:22px;justify-content:space-between}.divider{height:1px;background:var(--line);margin:35px 0 25px}#schedule h2{font-size:32px;margin:0 0 8px}.schedule-copy{font-size:13px;color:var(--muted)}.date-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:23px}.date-row label{text-align:left;font-size:11px;color:#6c7663}.date-row input{display:block;min-width:0;width:100%;margin-top:9px;padding:14px 10px;border:1px solid #cfd5c4;border-radius:8px;background:#fff9;color:var(--ink);min-height:48px}.receipt{max-width:460px;margin:30px auto 0;text-align:left;background:#fffcf6;border:1px solid #dedfd1;border-radius:12px;box-shadow:0 12px 35px #4b543c09;overflow:hidden}.receipt-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px dashed #daddcd;font-size:8px;font-weight:700;letter-spacing:1.4px}.confirmed-badge{color:#547747;font-size:8px}.receipt-label{font-size:9px;letter-spacing:1.5px;color:#8b8e7b;margin:24px 24px 9px}.receipt h2{font-size:26px;line-height:1.3;margin:0 24px}.receipt-details{display:grid;grid-template-columns:1fr 1fr;margin:26px 24px}.receipt-details small{display:block;color:#8b8e7b;letter-spacing:1.3px;font-size:8px;margin-bottom:10px}.receipt-details strong{font-weight:500;font-size:13px}.receipt-bottom{font-size:9px;line-height:1.7;padding:17px 24px;background:#eeefe5;display:flex;justify-content:space-between;gap:12px}.receipt-bottom span{color:var(--orange)}.saved-note{font-size:11px;color:#667c55;margin-top:24px}.error{color:#a2442b;font-size:13px;line-height:1.5;background:#f9e5dc;padding:12px;border-radius:7px}footer{display:flex;justify-content:space-between;gap:16px;padding:23px 5%;border-top:1px solid var(--line);font-size:9px;color:#8a8e7e;line-height:1.5}footer b{color:var(--orange);padding:0 7px}#confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:10}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:520px){header{padding:18px 6%}.edition{display:none}main{padding-top:28px}.progress{margin-bottom:28px}.hero-symbol{margin-top:24px}h1{letter-spacing:-1.5px}.lede{font-size:14px}.quote{font-size:15px}.option{padding:17px 14px;gap:11px}.option strong{font-size:13px}.option small{font-size:10px}footer{flex-direction:column;align-items:center;gap:8px;padding:18px 5%}.receipt-header{padding:18px 17px;letter-spacing:1px}.receipt h2{font-size:24px}.date-row{gap:10px}.date-row input{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
h1[tabindex="-1"]:focus{outline:none}.answer-arena .primary{left:max(0px,calc(50% - 162px))}.secondary{left:min(calc(50% + 35px),calc(100% - 110px))}
