@import "https://fonts.googleapis.com/css2?family=Caveat:wght@500;700&family=Zilla+Slab:wght@500;600;700&family=Poppins:wght@400;500;600&display=swap";:root{--ink:#21232b;--ink2:#262934;--bone:#ece6da;--amber:#c8771f;--amber-soft:#d4923e;--cream:#f4f0e8;--muted:#9a958d;--tx:#2e2c32}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--cream);-webkit-font-smoothing:antialiased;font-family:Poppins,sans-serif;line-height:1.6}.hero{text-align:center;background:radial-gradient(130% 70% at 50% 0,#262a36,#1c1e26 60%);flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:clamp(32px,8vw,48px) clamp(20px,6vw,28px);display:flex;overflow:hidden}.hero-top{flex-direction:column;align-items:center;margin-bottom:clamp(20px,5vw,28px);display:flex}.logo-tagline{color:var(--muted);letter-spacing:.12em;margin-bottom:4px;font-size:12px}.logo{color:var(--amber);letter-spacing:.3px;font-family:Zilla Slab,serif;font-size:clamp(52px,13vw,72px);font-weight:700;line-height:1.1}.hero-body{flex-direction:column;align-items:center;gap:clamp(4px,2vw,8px);width:100%;max-width:400px;display:flex}.hero-copy{flex-direction:column;align-items:center;width:100%;display:flex}@media (width>=640px){.hero-body{flex-direction:row;align-items:center;gap:clamp(28px,5vw,48px);max-width:700px}.hero-copy{text-align:left;flex:1;align-items:flex-start}.hero-copy .value-desc{text-align:left;max-width:none}.card-stage{margin-bottom:0}}.card-stage{perspective:900px;cursor:pointer;flex-shrink:0;width:clamp(180px,48vw,220px);height:clamp(265px,70vw,324px);margin-bottom:clamp(20px,5vw,28px);position:relative}.card-stage:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#c8771f1f 0%,#0000 70%);border-radius:50%;transition:background .6s;position:absolute;inset:-24px}.card-stage.flipped:before{background:radial-gradient(circle,#c8771f38 0%,#0000 70%)}.card-flip{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,.05,.2,1);position:relative}.card-stage.flipped .card-flip{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:clamp(16px,4.5vw,22px) clamp(14px,3.5vw,18px);display:flex;position:absolute;inset:0;box-shadow:0 16px 40px #00000073,0 0 0 1px #fff4e414}.card-front{background:var(--ink2);border:1px solid #fff4e426}.card-front .card-mark{color:var(--amber);letter-spacing:.04em;margin-bottom:10px;font-size:10px;font-weight:600}.card-front .card-stmt{text-align:center;font-family:Zilla Slab,serif;font-size:clamp(14px,3.8vw,17px);font-weight:700;line-height:1.3}.card-front .card-hint{color:var(--muted);letter-spacing:.08em;font-size:9px;transition:opacity .3s;position:absolute;bottom:12px}.card-stage.flipped .card-hint{opacity:0}.card-back{background:var(--bone);color:var(--tx);border:1px solid #968a7473;transform:rotateY(180deg)}.card-back .card-verdict{color:var(--amber);font-family:Zilla Slab,serif;font-size:clamp(20px,5vw,24px);font-weight:700}.card-back .card-expl{color:#4a4640;text-align:center;margin-top:8px;font-size:clamp(11px,2.8vw,13px);line-height:1.5}.section-break{background:linear-gradient(90deg,#0000,#c8771f59,#0000);width:100%;max-width:120px;height:2px;margin:0 auto}.value-desc{color:var(--muted);max-width:34ch;margin-bottom:clamp(16px,4vw,20px);font-size:14px;line-height:1.55}.vote-prompt{width:100%}.vote-label{color:var(--muted);margin-bottom:10px;font-size:13px}.vote-buttons{gap:10px;display:flex}.vote-btn{color:var(--cream);cursor:pointer;background:#ffffff0a;border:1px solid #fff4e41f;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:clamp(12px,3.5vw,14px) clamp(10px,3vw,16px);font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.vote-icon{font-size:16px;line-height:1}.vote-btn.vote-up:hover{background:#c8771f1f;border-color:#c8771f66}.vote-btn.vote-down:hover{background:#ffffff14;border-color:#fff4e433}.vote-thanks p{color:var(--muted);font-size:14px;line-height:1.5}.email-followup{width:100%}.email-followup-label{color:var(--muted);margin-bottom:10px;font-size:13px}.skip-email{color:var(--muted);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin-top:10px;font-family:Poppins,sans-serif;font-size:12px;text-decoration:underline;transition:color .15s;display:inline-block}.skip-email:hover{color:var(--cream)}.inline-form{width:100%}.email-row{border-radius:12px;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000004d}.email-row input{color:var(--tx);background:#fff;border:none;border-radius:12px 0 0 12px;flex:1;min-width:0;padding:clamp(12px,3.5vw,14px) clamp(12px,3.5vw,16px);font-family:Poppins,sans-serif;font-size:16px}.email-row input:focus{outline:none}.email-row input::placeholder{color:#b5aea4}.email-row button{background:var(--amber);color:#1b1d24;cursor:pointer;white-space:nowrap;border:none;border-radius:0 12px 12px 0;padding:clamp(12px,3.5vw,14px) clamp(14px,4vw,20px);font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:background .15s}.email-row button:hover{background:var(--amber-soft)}.form-error{color:#e8634a;margin-top:10px;font-size:13px}.kick{color:var(--amber);letter-spacing:.16em;text-transform:uppercase;margin-bottom:clamp(8px,2vw,10px);font-size:11px;font-weight:600}.section-h2{color:var(--cream);font-family:Zilla Slab,serif;font-size:clamp(24px,6.5vw,32px);font-weight:700;line-height:1.2}.backstory{max-width:540px;margin:0 auto;padding:clamp(36px,9vw,52px) clamp(20px,6vw,28px)}.backstory .section-h2{margin-bottom:clamp(14px,4vw,20px)}.backstory-body p{color:#cfcac1;margin-bottom:14px;font-size:14px;line-height:1.7}.backstory-body p:last-child{margin-bottom:0}.comparison{background:radial-gradient(100% 60% at 50% 100%,#c8771f0a,#0000 70%);max-width:600px;margin:0 auto;padding:clamp(40px,10vw,60px) clamp(20px,6vw,28px)}.comparison .section-h2{margin-bottom:clamp(18px,5vw,24px)}.compare-grid{border-radius:14px;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:clamp(22px,6vw,28px);display:grid;overflow:hidden}.compare-col{padding:clamp(18px,4.5vw,24px) clamp(14px,3.8vw,20px)}.compare-col.bad{background:#ffffff0a}.compare-col.good{background:#c8771f1a;border-left:2px solid #c8771f66}.compare-header{text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #fff4e414;margin-bottom:12px;padding-bottom:8px;font-size:11px;font-weight:600}.compare-col.bad .compare-header{color:var(--muted)}.compare-col.good .compare-header{color:var(--amber)}.compare-item{color:#cfcac1;align-items:flex-start;gap:8px;margin-bottom:12px;font-size:14px;line-height:1.4;display:flex}.compare-item:last-child{margin-bottom:0}.compare-icon{flex-shrink:0;margin-top:2px;font-size:14px}.compare-col.bad .compare-icon{opacity:.4}.compare-col.good .compare-icon{color:var(--amber)}.mid-cta{text-align:center}.cta-pill{background:var(--amber);color:#1b1d24;cursor:pointer;border:none;border-radius:999px;padding:clamp(12px,3.5vw,14px) clamp(28px,7vw,36px);font-family:Poppins,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-block}.cta-pill:hover{background:var(--amber-soft)}.cta-pill-lg{padding:clamp(14px,4vw,18px) clamp(36px,9vw,48px);font-size:16px}.how-it-works{background:radial-gradient(100% 50% at 50% 0,#fff4e405,#0000 70%);max-width:540px;margin:0 auto;padding:clamp(36px,9vw,52px) clamp(20px,6vw,28px)}.how-it-works .section-h2{margin-bottom:clamp(20px,5vw,28px)}.step{align-items:flex-start;gap:clamp(12px,3.5vw,16px);margin-bottom:clamp(20px,5vw,24px);display:flex}.step-num{width:32px;height:32px;color:var(--amber);background:#c8771f26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Zilla Slab,serif;font-size:15px;font-weight:700;display:flex}.step-text h3{margin-bottom:2px;font-size:15px;font-weight:600}.step-text p{color:#cfcac1;font-size:14px;line-height:1.5}.destinations{max-width:540px;margin:0 auto;padding:clamp(36px,9vw,52px) clamp(20px,6vw,28px)}.destinations .section-h2{margin-bottom:6px}.dest-sub{color:#cfcac1;margin-bottom:clamp(18px,5vw,24px);font-size:14px}.dest-grid{grid-template-columns:repeat(3,1fr);gap:clamp(8px,2vw,10px);display:grid}.dest-card{background:var(--ink2);text-align:center;opacity:0;border:1px solid #fff4e414;border-radius:14px;padding:clamp(14px,4vw,20px) clamp(8px,2vw,14px) clamp(12px,3vw,16px);transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .25s;transform:scale(.95)translateY(10px)}.destinations.visible .dest-card{opacity:1;transition-delay:calc(var(--i,0) * 60ms);transform:scale(1)translateY(0)}.dest-card:hover{border-color:#c8771f4d;transform:translateY(-3px);box-shadow:0 4px 20px #c8771f1f}.dest-emoji{margin-bottom:clamp(4px,1.5vw,8px);font-size:clamp(28px,7.5vw,36px);line-height:1}.dest-name{color:var(--cream);font-family:Zilla Slab,serif;font-size:clamp(12px,3.2vw,14px);font-weight:700}.dest-more{text-align:center;color:var(--muted);margin-top:clamp(14px,4vw,20px);font-size:13px}.faq{max-width:540px;margin:0 auto;padding:clamp(36px,9vw,52px) clamp(20px,6vw,28px)}.faq .section-h2{margin-bottom:clamp(18px,5vw,24px)}.faq-item{cursor:pointer;border-bottom:1px solid #fff4e414;padding:clamp(14px,4vw,18px) 0}.faq-item:first-of-type{border-top:1px solid #fff4e414}.faq-q{justify-content:space-between;align-items:center;gap:12px;display:flex}.faq-q span{font-family:Zilla Slab,serif;font-size:16px;font-weight:600;line-height:1.3}.faq-toggle{width:24px;height:24px;color:var(--muted);border:1px solid #fff4e41f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;transition:transform .3s;display:flex}.faq-item.open .faq-toggle{transform:rotate(45deg)}.faq-a{color:#cfcac1;max-height:0;margin-top:0;font-size:14px;line-height:1.6;transition:max-height .35s,margin-top .35s;overflow:hidden}.faq-item.open .faq-a{max-height:200px;margin-top:12px}.bottom-cta{text-align:center;max-width:540px;margin:0 auto;padding:clamp(24px,6vw,32px) clamp(20px,6vw,28px) clamp(36px,9vw,48px)}.bottom-cta-inner{background:#fff4e408;border:1px solid #fff4e412;border-radius:20px;padding:clamp(28px,7vw,40px) clamp(20px,5vw,32px)}.bottom-cta p{margin-bottom:clamp(16px,4vw,20px);font-family:Zilla Slab,serif;font-size:clamp(18px,5vw,22px);font-weight:600;line-height:1.35}.sticker{color:var(--amber);white-space:nowrap;letter-spacing:.01em;border:2px solid #c8771f80;border-radius:999px;margin-top:clamp(16px,4vw,20px);padding:3px clamp(12px,3.5vw,16px);font-family:Caveat,cursive;font-size:clamp(15px,4vw,17px);font-weight:700;display:inline-block}.bottom-sticker{margin-top:clamp(16px,4vw,20px)}.followup-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14161ceb;justify-content:center;align-items:center;padding:clamp(16px,4vw,24px);display:none;position:fixed;inset:0}.followup-overlay.show{display:flex}.followup-card{background:var(--bone);color:var(--tx);text-align:center;border-radius:clamp(16px,4vw,20px);width:100%;max-width:400px;padding:clamp(28px,7vw,36px) clamp(20px,5vw,28px);animation:.4s cubic-bezier(.4,.05,.2,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.followup-card h2{color:var(--tx);margin-bottom:6px;font-family:Zilla Slab,serif;font-size:clamp(22px,6vw,26px);font-weight:700}.followup-sub{color:#6d665d;margin-bottom:clamp(22px,6vw,28px);font-size:14px;line-height:1.5}.format-group{text-align:left;margin-bottom:clamp(16px,4vw,20px)}.format-label{color:var(--tx);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.format-options{background:#fff;border:1.5px solid #d3c9b8;border-radius:10px;display:flex;overflow:hidden}.format-options label{text-align:center;cursor:pointer;color:#8a8279;border-right:1px solid #e8e0d4;flex-direction:column;flex:1;align-items:center;gap:2px;padding:clamp(10px,2.8vw,12px) clamp(6px,1.8vw,8px);font-size:13px;font-weight:600;transition:all .15s;display:flex}.format-options label:last-child{border-right:none}.format-options .fmt-desc{color:#b5aea4;font-size:10px;font-weight:400}.format-options input{display:none}.format-options label.selected{color:var(--amber);background:#fcf4e9}.format-options label.selected .fmt-desc{color:#c4a06a}.fu-dest-group{text-align:left;margin-bottom:clamp(20px,5vw,24px)}.fu-dest-label{color:var(--tx);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.fu-dest-group input{width:100%;color:var(--tx);background:#fff;border:1.5px solid #d3c9b8;border-radius:10px;padding:13px 15px;font-family:Poppins,sans-serif;font-size:16px;transition:border-color .15s}.fu-dest-group input:focus{border-color:var(--amber);outline:none}.fu-dest-group input::placeholder{color:#b5aea4}.fu-dest-hint{color:#b5aea4;margin-top:4px;font-size:11px}.followup-done{background:var(--ink);width:100%;color:var(--cream);cursor:pointer;border:none;border-radius:10px;padding:15px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;transition:background .15s,opacity .15s}.followup-done:hover{background:#2d303a}.followup-done:disabled{opacity:.6;cursor:not-allowed}.followup-skip{color:#9a938a;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin-top:12px;font-family:Poppins,sans-serif;font-size:13px;text-decoration:underline;display:inline-block}.followup-skip:hover{color:#6d665d}.followup-skip:disabled{opacity:.5;cursor:not-allowed}.final-thanks{padding:20px 0}.final-thanks h2{margin-bottom:8px;font-family:Zilla Slab,serif;font-size:clamp(24px,6.5vw,28px);font-weight:700}.final-thanks p{color:var(--muted);font-size:14px;line-height:1.5}footer{text-align:center;color:var(--muted);padding:clamp(28px,7vw,36px) clamp(20px,6vw,28px);font-size:13px}.footer-brand{margin-bottom:4px}.footer-brand b{color:var(--amber);font-family:Zilla Slab,serif}.footer-personal{color:var(--muted);font-family:Caveat,cursive;font-size:16px}.animate-in{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.animate-in.visible{opacity:1;transform:translateY(0)}.card-stage:focus-visible,.faq-item:focus-visible,.cta-pill:focus-visible,.vote-btn:focus-visible,.skip-email:focus-visible,.email-row button:focus-visible,.followup-done:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
