.spend-pro{--trip-gold:#e6cf9c;--trip-metal:linear-gradient(115deg,#b8925a,#e6cf9c 48%,#a8834a);color:#f2f0e9;background:radial-gradient(at 50% 0,#b8925a0d,#0000 42%) padding-box padding-box,linear-gradient(#121214,#0a0a0b) padding-box padding-box,linear-gradient(125deg,#8e939947,#e4e6e899 22%,#8e939926 45%,#c9ccd155 72%,#8e939922) border-box;border:1px solid #0000;border-radius:20px;margin:64px 0 36px;padding:44px 32px;position:relative;box-shadow:0 24px 64px #00000026,inset 0 1px #ffffff08}.spend-pro select{color:#f8f3e7;width:100%;min-height:46px;font:inherit;text-transform:none;letter-spacing:normal;background:#161618;border:1px solid #c9ccd13d;border-radius:8px;margin-top:8px;padding:12px}.spend-pro summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:13px}.spend-pro .spend-objectives{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:500px){.spend-pro .spend-objectives{grid-template-columns:1fr}}.spend-pro-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.spend-pro h2{font-family:var(--font-instrument-serif),Georgia,serif;letter-spacing:-.045em;color:#f2f0e9;margin:0;font-size:clamp(49px,7vw,72px);font-weight:400;line-height:1.05}.spend-pro-mark{text-transform:uppercase;letter-spacing:.2em;color:var(--trip-gold);background:linear-gradient(#161513,#161513) padding-box,var(--trip-metal) border-box;border:1px solid #0000;border-radius:99px;flex-shrink:0;padding:6px 10px;font-size:10px}.spend-pro p{color:#c9ccd1;font-size:13px;line-height:1.7}.spend-pro .spend-pro-intro{margin:16px 0 0;font-size:15px}.spend-question{border-top:1px solid #0000;border-image:linear-gradient(90deg,#b8925a66,#e6cf9c22,#a8834a11) 1;margin-top:34px;padding-top:38px}.spend-question h3{font-family:var(--font-instrument-serif),Georgia,serif;color:#f8f3e7;margin:0 0 22px;font-size:29px;font-weight:400;line-height:1.15}.spend-pro label{text-transform:uppercase;letter-spacing:.13em;color:#c9ccd1;margin-bottom:10px;font-size:11px;display:block}.spend-search-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.spend-pro input{box-sizing:border-box;color:#f8f3e7;width:100%;min-width:0;font:inherit;background:#ffffff08;border:1px solid #c9ccd13d;border-radius:8px;padding:15px 16px;font-size:14px}.spend-pro input::placeholder{color:#aeb2b9}.spend-pro button{cursor:pointer;font:inherit}.spend-pro :is(button,input,a):focus-visible{outline:2px solid var(--trip-gold);outline-offset:4px}.spend-pro .journey-options{flex-wrap:wrap;gap:10px;display:flex}.spend-pro .journey-option{color:#e5e6e8;background:#ffffff08;border:1px solid #c9ccd13d;border-radius:6px;min-height:46px;padding:11px 17px;font-size:13px}.spend-pro button[aria-pressed=true]{background:linear-gradient(#211d16,#171512) padding-box,var(--trip-metal) border-box;color:#f8f3e7;border-color:#0000}.spend-pro .journey-option[aria-pressed=true]{-webkit-text-fill-color:currentColor;background:linear-gradient(#211d16,#171512) padding-box,var(--trip-metal) border-box!important;color:#f8f3e7!important;border-color:#0000!important}.spend-cities{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.spend-cities button{isolation:isolate;aspect-ratio:4/5;text-align:left;background:#0a0a0b;border:1px solid #c9ccd140;border-radius:8px;padding:0;position:relative;overflow:hidden}.spend-cities img{object-fit:cover;z-index:-2;transition:transform .6s}.spend-cities button:after{content:"";z-index:-1;background:linear-gradient(#0000 24%,#00000026 46%,#000000c7 76%,#000000f5 100%);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.spend-cities button:hover img{transform:scale(1.04)}.spend-pro :is(.journey-option,.spend-styles button,.spend-timing button,.spend-cities button):hover{border-color:#b8925a}}.spend-cities button[aria-pressed=true]{border-color:#e6cf9c;box-shadow:0 0 0 1px #b8925a}.spend-city-caption{color:#f2f0e9;text-shadow:0 1px 10px #000;position:absolute;bottom:16px;left:13px}.spend-city-caption>span{font-family:var(--font-instrument-serif),Georgia,serif;font-size:27px;font-weight:400;line-height:1.1}.spend-cities small{color:#c9ccd1;letter-spacing:.2em;margin-top:7px;font-size:9px;display:block}.spend-city-check{background:var(--trip-metal);color:#0a0a0b;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid;position:absolute;top:10px;right:10px}.spend-styles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.spend-styles button{text-align:left;color:#f8f3e7;background:#ffffff08;border:1px solid #c9ccd13d;border-radius:8px;flex-direction:column;justify-content:flex-start;gap:4px;min-height:0;padding:16px 18px;display:flex}.spend-style-title{font-family:var(--font-instrument-serif),Georgia,serif;margin:0;font-size:24px;font-weight:400;line-height:1.1;display:block}.spend-styles small{color:#c9ccd1;font-size:12px;line-height:1.45;display:block}.spend-matches{gap:8px;padding:0;list-style:none;display:grid}.spend-matches button{color:#f8f3e7;text-align:left;background:#161618;border:1px solid #b8925a66;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:16px;display:flex}.spend-matches button>span:first-child{font-family:var(--font-instrument-serif),Georgia,serif;font-size:26px}.spend-matches small{font:12px var(--font-inter),sans-serif;color:#c9ccd1;margin-top:5px;display:block}.spend-matches button>span:last-child{letter-spacing:.15em;color:var(--trip-gold);font-size:11px}.spend-clear{color:var(--trip-gold);background:0 0;border:0;min-height:44px;margin-top:16px;text-decoration:underline;font-size:12px!important}.spend-partner a{color:var(--trip-gold);text-underline-offset:4px;font-size:12px}.spend-fields{margin-top:24px}.spend-currency{max-width:280px;color:var(--trip-gold);border:1px solid #c9ccd13d;border-radius:8px;align-items:center;padding-left:16px;display:flex}.spend-currency input{background:0 0;border:0;font-size:20px}.spend-timing{border:1px solid #c9ccd13d;border-radius:7px;flex-wrap:wrap;display:flex;overflow:hidden}.spend-timing button{color:#c9ccd1;background:0 0;border:1px solid #0000;flex:1 0 auto;min-height:46px;padding:13px 10px;font-size:12px}.spend-unlock{color:var(--trip-gold);border-top:1px solid #0000;border-image:linear-gradient(90deg,#b8925a66,#e6cf9c22,#a8834a11) 1;justify-content:space-between;min-height:44px;margin-top:38px;padding-top:24px;font-size:13px;text-decoration:none;display:flex}.spend-same{text-align:left;min-width:180px;margin:15px 0 12px}.spend-same small{opacity:.7;margin-top:6px;font-size:11px;display:block}.spend-partner-questions{padding:0 2px}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.spend-pro-heading{animation:ease-out both trip-reveal;animation-timeline:view();animation-range:entry}}}@keyframes trip-reveal{0%{transform:translateY(16px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.spend-pro .journey-option{transition:none}.spend-cities img{transition:none;transform:none!important}}@media (max-width:500px){.spend-pro{border-radius:14px;margin-top:48px;padding:32px 20px}.spend-cities{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.spend-cities button{aspect-ratio:4/5}.spend-styles{grid-template-columns:1fr;gap:10px}.spend-styles button{padding:14px 16px}.spend-style-title{font-size:23px}.spend-question h3{font-size:28px}}.spend-photo-credit{letter-spacing:.04em;color:#c9ccd173;margin:10px 0 0;font-size:10px}.spend-photo-credit a{color:inherit;-webkit-text-decoration:underline #c9ccd140;text-decoration:underline #c9ccd140}.spend-cities [data-city=tokyo-hnd] img{object-position:50% 30%}.spend-travelers{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;display:flex}.spend-travelers p{color:#f8f3e7;margin:0}.spend-stepper{background:#ffffff08;border:1px solid #c9ccd13d;border-radius:8px;align-items:center;display:flex;overflow:hidden}.spend-stepper button{width:46px;height:46px;color:var(--trip-gold);background:0 0;border:0;font-size:24px}.spend-stepper button:disabled{opacity:.3;cursor:default}.spend-stepper output{text-align:center;font-variant-numeric:tabular-nums;color:#f8f3e7;min-width:38px;font-size:22px}.spend-flight{gap:18px;margin-top:24px;display:grid}.spend-flight-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.spend-flight-row p{color:#f8f3e7;margin:0}.spend-flight-note{color:#e8d39d;margin:0;font-size:14px}.spend-pro .spend-airline label{font-size:inherit;text-transform:none;letter-spacing:normal;color:#f8f3e7;margin:0;display:inline}.spend-airline select{color:#f8f3e7;max-width:100%;min-height:46px;font:inherit;appearance:none;background:#ffffff08 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23e8d39d' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") right 14px center no-repeat;border:1px solid #c9ccd13d;border-radius:8px;flex:220px;padding:0 40px 0 14px;font-size:16px}.spend-airline input{color:#f8f3e7;max-width:100%;min-height:46px;font:inherit;font-variant-numeric:tabular-nums;background:#ffffff08;border:1px solid #c9ccd13d;border-radius:8px;flex:220px;padding:0 14px;font-size:16px}.spend-airline input:focus-visible{outline-offset:2px;outline:2px solid #e8d39d}.spend-hotel-hint{flex-basis:100%;margin:0;font-size:13px;color:#c9ccd1!important}.spend-airline select:focus-visible{outline-offset:2px;outline:2px solid #e8d39d}.spend-airline select option{color:#f8f3e7;background:#111318}@media (max-width:720px),(pointer:coarse){.spend-pro input,.spend-pro select,.spend-airline select{font-size:16px}}