/* Official Sync gradient, same palette and intensity. Selective frosted material. */
body{isolation:isolate;min-height:100svh;overflow-x:hidden}body:before{content:'';position:fixed;z-index:-2;left:-15%;right:-15%;top:26%;bottom:-42%;background:linear-gradient(45deg,#FF007F 0%,#FADBF0 55%,#5B4BE8 100%);filter:blur(52px);mask-image:linear-gradient(transparent,#000 37%);opacity:.78;pointer-events:none;animation:gradient-shift 22s ease-in-out infinite alternate}body:after{content:'';position:fixed;z-index:-1;inset:0;background:#FAFAFA;mask-image:linear-gradient(#000,transparent 53%);opacity:.23;pointer-events:none}@keyframes gradient-shift{to{transform:translate3d(2%,-2%,0) scale(1.035)}}.intro,.quiz-shell,.results,.composer,.preview-controls,.invitation,.recipient-response{animation:appear .35s ease both}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.intro{max-width:940px;margin:20px auto 30px;text-align:center;padding:25px 0;min-height:calc(100svh - 230px)}.intro h1{font-size:clamp(48px,6.1vw,78px);line-height:1.07;letter-spacing:-1.9px}.headline-last{position:relative;display:inline-block}.headline-last svg{position:absolute;bottom:-14px;left:0;width:100%;height:16px;overflow:visible}.headline-last path{fill:none;stroke:var(--pink);stroke-width:3;stroke-linecap:round;stroke-dasharray:440;stroke-dashoffset:440;animation:underline 1.2s .2s ease forwards}@keyframes underline{to{stroke-dashoffset:0}}.intro-lead{font-size:20px;line-height:1.65;max-width:760px;margin:36px auto 25px;color:#55505b}.intro-actions{margin:26px auto 30px}.intro-actions .button{min-width:260px;min-height:58px;font-size:18px}.offer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 26px;margin:23px 0;background:#ffffff6e;border:1px solid #ffffffd9;border-top-color:#fff;border-radius:18px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px 0 #ffffffbb,0 12px 40px #25232308;text-align:left}.offer h2{font-size:23px;letter-spacing:-.3px}.offer p{font-size:15px;color:#5e5863;line-height:1.55;margin-top:7px}.offer>.button{flex-shrink:0;max-width:300px}.offer-intro{max-width:820px;margin:28px auto 0}.code-row{display:flex;align-items:center;gap:18px;margin-top:12px;flex-wrap:wrap}.code-row code{font-family:Beau,Arial,sans-serif;font-size:20px;font-weight:700;letter-spacing:1px;background:#ffffff77;border:1px dashed #25232350;border-radius:7px;padding:7px 12px}.code-row .text-button{font-size:15px}.offer-terms{margin-top:10px;font-size:14px}.offer-terms summary{cursor:pointer}.offer-terms p{font-size:14px;max-width:650px}.quiz-shell{max-width:710px;margin:24px auto 36px;padding:30px 36px 32px;background:#ffffff85;border:1px solid #ffffffde;border-radius:22px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px 0 #fff,0 18px 60px #2523230b}.quiz-nav{display:flex;align-items:center;gap:30px;margin-bottom:28px}.quiz-nav .text-button{font-size:15px}.progress{height:3px;background:#25232315;flex:1;border-radius:4px;overflow:hidden}.progress span{display:block;height:100%;background:var(--pink);transition:width .3s}.quiz-shell h1{font-size:36px;letter-spacing:-.7px}.question-help{font-size:16px;color:var(--muted);margin:14px 0 0}.options{display:flex;flex-direction:column;gap:10px;margin:26px 0 14px}.option{display:flex;align-items:center;justify-content:space-between;gap:22px;text-align:left;font-size:18px;line-height:1.4;border:1px solid #25232325;border-radius:12px;padding:18px 20px;min-height:72px;background:#ffffff44;transition:border-color .2s,background .2s}.option:hover{background:#ffffff9c;border-color:#25232370}.option.selected{background:#FBD6EAbb;border-color:#D6006E}.choice-indicator{width:23px;height:23px;flex:none;border:1px solid #25232355;border-radius:50%;background:#ffffff35;display:flex;align-items:center;justify-content:center;font-size:15px}.square{border-radius:5px}.selected .choice-indicator{background:var(--ink);color:#fff;border-color:var(--ink)}.timing-note{font-size:14px;line-height:1.6;max-width:570px}.selection-status{font-size:14px;color:var(--muted);min-height:0}.selection-status:not(:empty){margin-top:15px}.quiz-bottom{display:flex;justify-content:flex-end;margin-top:26px}.quiz-bottom .button{min-width:180px}.results{max-width:980px;margin:15px auto}.result-heading{max-width:840px}.result-heading h1{font-size:44px;margin-bottom:16px;letter-spacing:-1px}.result-heading>p{font-size:18px;line-height:1.6;max-width:820px}.result-action{display:flex;justify-content:flex-start;margin:22px 0 28px}.main-destination{margin:0 0 38px}.destination-image{height:360px;border-radius:20px;overflow:hidden}.destination-image img,.alternative-image img,.invitation-photo img{width:100%;height:100%;object-fit:cover;display:block}.destination-information{padding:23px 6px 0}.match-reason{font-size:16px;line-height:1.65;max-width:850px;color:#514b57;margin-bottom:20px}.trip-details{border-top:1px solid var(--line)}.trip-details>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:17px;font-weight:500;padding:18px 0;min-height:60px}.trip-details summary::-webkit-details-marker{display:none}.trip-details>summary span{font-size:25px;font-weight:400;line-height:1;transition:transform .2s}.trip-details[open]>summary span{transform:rotate(45deg)}.details-content{padding:0 0 22px;font-size:16px;line-height:1.65;max-width:850px}.details-content ul{margin:0 0 16px;padding-left:21px}.details-content li+li{margin-top:9px}.details-content p{margin-bottom:13px}.details-content>a{font-size:15px}.alternatives>h2{margin:0 0 22px;font-size:27px}.alternative-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.alternative-card{border-radius:18px;overflow:hidden;background:#fafafac9;border:1px solid #ffffffc0;display:flex;flex-direction:column}.alternative-image{height:205px;overflow:hidden}.alternative-copy{padding:23px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.alternative-copy h3{font-size:25px;margin-bottom:13px}.alternative-copy p{font-size:16px;line-height:1.65;margin-bottom:22px}.alternative-copy .button{margin-top:auto;font-size:15px;width:100%}.edit-answers{margin-top:25px}.composer{max-width:790px;margin:10px auto}.composer>h1{margin:23px 0 14px}.form-intro{font-size:18px;margin-bottom:30px;color:var(--muted)}form{padding:28px;border:1px solid #ffffffcc;background:#ffffff65;border-radius:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:26px}.form-row label{font-size:15px}.form-row label>span{display:block}.form-actions{margin-top:24px;display:flex;justify-content:flex-end}.preview-controls{max-width:920px;margin:15px auto 35px;border-bottom:1px solid var(--line);padding-bottom:28px}.preview-controls h1{font-size:32px;margin-bottom:13px}.preview-controls>p{font-size:17px;color:var(--muted)}.share-actions{display:flex;gap:15px;flex-wrap:wrap;align-items:center;margin-top:25px}.invitation{max-width:920px;margin:15px auto 0}.personal-message{margin-bottom:32px;max-width:820px}.personal-message h1{font-size:44px;letter-spacing:-1px;line-height:1.14;margin-bottom:23px}.personal-message>p{font-size:20px;line-height:1.65;overflow-wrap:anywhere}.personal-message .signature{font-size:18px;margin-top:18px;font-weight:500}.invited-destination h2{font-size:30px;margin-bottom:14px}.invited-destination>p{font-size:17px;line-height:1.65}.invitation-photo{height:360px;border-radius:20px;overflow:hidden;margin:28px 0 24px}.invite-details{padding:0 5px}.recipient-response{max-width:920px;margin:35px auto;padding:28px;background:#ffffff75;border:1px solid #ffffffdd;border-radius:20px}.recipient-response h2{margin-bottom:24px}.recipient-response textarea{max-width:740px;margin-bottom:22px}.reply-actions{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:18px}.new-quiz{margin-top:24px}.empty-state{max-width:680px;margin:40px auto}.empty-state p{font-size:18px;margin:22px 0}.empty-state .button{margin-top:15px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.quiz-shell,.offer{background:#fafafae8}}
@media(min-width:1500px){.intro{padding-top:55px}}
@media(max-width:800px){.offer{gap:20px;padding:22px}.offer h2{font-size:21px}.offer>.button{max-width:230px;font-size:15px}.alternative-copy{padding:20px}.alternative-copy h3{font-size:23px}.destination-image{height:300px}.form-row{grid-template-columns:1fr}}
@media(max-width:650px){header{height:78px;padding:15px 22px}header img{width:102px;height:44px}main{padding:8px 20px 24px}footer{padding:15px 22px 22px;margin-top:10px;flex-direction:column;align-items:center;gap:15px;font-size:14px}.credits{text-align:center}.credits ul{font-size:14px}.button{min-height:52px;padding:14px 20px;font-size:16px;border-radius:11px}.intro{margin:8px auto 20px;padding:22px 0 10px;min-height:calc(100svh - 240px)}.intro h1{font-size:45px;line-height:1.1;letter-spacing:-1.3px}.intro-lead{font-size:18px;line-height:1.55;margin:33px auto 24px}.desktop-break{display:none}.intro-actions{margin:25px 0}.intro-actions .button{width:100%;min-height:56px;font-size:18px}.offer{display:block;padding:20px;border-radius:17px;margin:20px 0}.offer h2{font-size:22px;line-height:1.2}.offer p{font-size:15px;line-height:1.5;margin-top:9px}.offer>.button{max-width:none;width:100%;margin-top:17px;font-size:16px;min-height:50px}.offer-intro{margin-top:23px}.offer-intro h2{font-size:22px}.code-row{gap:12px;margin-top:12px}.code-row code{font-size:19px}.offer-terms{font-size:14px;margin-top:5px}.offer-terms p{font-size:14px}.quiz-shell{margin:12px auto 25px;padding:20px 22px 24px;border-radius:20px}.quiz-nav{gap:23px;margin-bottom:22px}.quiz-shell h1{font-size:30px;letter-spacing:-.5px}.question-help{font-size:16px;margin-top:13px}.options{margin-top:24px;gap:11px}.option{font-size:17px;padding:17px 15px;min-height:70px;gap:15px}.timing-note{font-size:14px}.quiz-bottom .button{width:100%}.results{margin:8px auto}.result-heading h1{font-size:34px;line-height:1.13;letter-spacing:-.7px;margin-bottom:14px}.result-heading>p{font-size:17px;line-height:1.55}.result-action{margin:20px 0 24px}.result-action .button{width:100%}.destination-image{height:230px;border-radius:17px}.destination-information{padding:20px 1px 0}.match-reason{font-size:16px;line-height:1.6;margin-bottom:18px}.trip-details>summary{font-size:17px;padding:17px 0;min-height:58px}.details-content{font-size:16px}.details-content>a{font-size:15px}.main-destination{margin-bottom:30px}.alternatives>h2{font-size:27px;line-height:1.2}.alternative-grid{grid-template-columns:1fr;gap:22px}.alternative-image{height:215px}.alternative-copy{padding:22px}.alternative-copy h3{font-size:26px}.alternative-copy p{font-size:16px;margin-bottom:20px}.alternative-copy .button{font-size:16px}.composer>h1{font-size:34px;line-height:1.15;margin-top:18px}.form-intro{font-size:17px;line-height:1.6;margin-bottom:24px}form{padding:22px;border-radius:18px}.form-row{gap:23px;margin-bottom:24px}.form-row label{font-size:16px}.form-row label>span{display:inline}.form-actions .button{width:100%}.preview-controls{margin:10px auto 25px}.preview-controls h1{font-size:31px}.preview-controls>p{font-size:17px}.share-actions{gap:13px}.share-actions .button{width:100%}.share-actions .text-button{padding:7px 0}.invitation{margin:10px auto}.personal-message{margin-bottom:27px}.personal-message h1{font-size:35px;line-height:1.14;letter-spacing:-.6px;margin-bottom:22px}.personal-message>p{font-size:18px;line-height:1.65}.personal-message .signature{font-size:17px;margin-top:18px}.invited-destination h2{font-size:28px}.invited-destination>p{font-size:17px;line-height:1.6}.invitation-photo{height:230px;border-radius:17px;margin-top:24px}.recipient-response{margin:28px auto 10px;padding:22px}.recipient-response h2{font-size:27px}.reply-actions .button{width:100%}.functional-note{font-size:14px}.new-quiz{text-align:left;font-size:16px}.empty-state h1{font-size:32px}.toast{font-size:15px;bottom:18px;width:max-content;max-width:90vw}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.headline-last path{stroke-dashoffset:0}}
/* Refinement: signature lock-up, cutout vehicle, conversion choices. */
header .brand{display:flex;align-items:flex-end;gap:14px;text-decoration:none}.brand-tagline{font-size:15px;line-height:1;margin-bottom:10px;white-space:nowrap;color:var(--ink);font-weight:400}header>.text-button{font-size:15px;white-space:nowrap}.intro-with-car{max-width:1110px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:10px;text-align:left;padding-top:30px;margin-top:15px;min-height:calc(100svh - 190px)}.intro-with-car h1{font-size:clamp(46px,5.1vw,66px);letter-spacing:-1.5px}.intro-with-car .intro-lead{font-size:19px;line-height:1.65;margin:34px 0 25px;max-width:570px}.intro-with-car .intro-actions{margin:25px 0}.intro-with-car .intro-actions .button{min-width:245px;font-size:17px}.offer-teaser{border-left:3px solid var(--pink);padding:3px 0 3px 18px;max-width:440px;margin-top:26px}.offer-teaser strong{font-size:23px;line-height:1.25;display:block;font-weight:700;letter-spacing:-.4px}.offer-teaser>span{display:block;margin-top:7px;font-size:17px;color:#55505b}.car-stage{position:relative;isolation:isolate;align-self:center;width:115%;margin-left:-7%;pointer-events:none;padding-bottom:35px}.floating-car{display:block;width:100%;height:auto;filter:drop-shadow(0 19px 19px #25232315);position:relative;z-index:1;animation:car-hover 6s ease-in-out infinite}.car-shadow{position:absolute;bottom:14%;left:16%;right:7%;height:20px;background:#25232320;border-radius:50%;filter:blur(18px);transform:scaleX(.85);animation:car-shadow 6s ease-in-out infinite}@keyframes car-hover{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(0)}}@keyframes car-shadow{50%{transform:scaleX(.73);opacity:.65}}.offer{display:block;margin:24px 0 28px;padding:22px 25px}.offer-copy>h2{font-size:24px}.conversion-actions{display:flex;align-items:flex-start;gap:18px;margin-top:20px}.conversion-actions>.button,.discount-action{flex:1;min-width:0}.discount-action .button{width:100%}.discount-action .text-button{display:block;font-size:14px;text-align:left;margin-top:3px}.conversion-actions>.button{min-height:52px}.redemption-status{font-size:15px!important;margin-top:8px!important}.destination-image,.alternative-image,.invitation-photo{position:relative}.photo-credit{position:absolute;bottom:10px;right:11px;max-width:calc(100% - 22px);font-size:12px;line-height:1.45;padding:5px 9px;border-radius:5px;background:#fafafae8;color:#39323c;overflow-wrap:anywhere}.photo-credit a{text-decoration:none}.photo-credit a:hover{text-decoration:underline}.main-destination{margin-top:26px}
@media(max-width:850px){.intro-with-car{grid-template-columns:1.2fr .8fr}.intro-with-car h1{font-size:49px}.intro-with-car .intro-lead{font-size:18px}.car-stage{width:130%;margin-left:-15%}.brand-tagline{font-size:14px}.offer-teaser strong{font-size:22px}}
@media(max-width:650px){header{min-height:76px;height:auto;padding:13px 20px;flex-wrap:wrap;gap:0}.brand-tagline{font-size:14px;margin-bottom:8px}header .brand{gap:10px}header img{width:96px;height:38px}header>.text-button{margin-left:auto;font-size:13px;line-height:1.3;min-height:35px;width:100%;text-align:right;padding:7px 0 0}.intro-with-car{display:grid;grid-template-columns:1fr;gap:0;text-align:center;min-height:0;margin:5px auto 24px;padding:12px 0 10px}.intro-copy{display:contents}.intro-with-car h1{grid-row:1;font-size:41px;letter-spacing:-1.1px;line-height:1.1;margin:5px 0 6px}.intro-with-car .intro-lead{grid-row:3;font-size:17px;line-height:1.55;margin:8px 0 18px;max-width:none}.car-stage{grid-row:2;width:250px;height:145px;margin:12px auto 0;padding:0}.floating-car{height:166px;width:250px;object-fit:contain;filter:drop-shadow(0 10px 13px #25232313)}.car-shadow{bottom:6%;left:18%;right:8%;height:12px;filter:blur(12px)}.intro-with-car .intro-actions{grid-row:4;width:100%;margin:8px 0 19px}.intro-with-car .intro-actions .button{width:100%;font-size:18px;min-height:56px}.offer-teaser{grid-row:5;margin:4px auto 0;text-align:left;max-width:100%;width:100%;padding:2px 0 2px 15px}.offer-teaser strong{font-size:21px;line-height:1.25;letter-spacing:-.2px}.offer-teaser>span{font-size:16px;margin-top:5px}.offer{padding:20px;margin:20px 0 25px}.offer-copy>h2{font-size:23px;line-height:1.2}.conversion-actions{flex-direction:column;align-items:stretch;gap:13px;margin-top:18px}.conversion-actions>.button,.discount-action{width:100%}.conversion-actions .button{font-size:16px;max-width:none}.discount-action .text-button{font-size:14px}.photo-credit{font-size:12px;bottom:8px;right:8px;max-width:calc(100% - 16px);padding:4px 7px}.main-destination{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.floating-car,.car-shadow{animation:none!important}}
/* Centered landing; the vehicle is a small supporting element below the message. */
.intro-with-car{display:block;text-align:center;max-width:940px;min-height:0;margin:10px auto 20px;padding:20px 0 0}.intro-copy{display:block}.intro-with-car h1{font-size:clamp(48px,5.8vw,72px);line-height:1.07;letter-spacing:-1.7px}.intro-with-car .intro-lead{max-width:720px;margin:32px auto 24px;font-size:19px;line-height:1.65}.intro-with-car .intro-actions{margin:24px auto}.intro-with-car .intro-actions .button{min-width:260px;min-height:56px}.offer-teaser{border:0;text-align:center;padding:0;max-width:650px;margin:27px auto 0}.offer-teaser strong{font-size:23px;line-height:1.3}.offer-teaser>span{font-size:17px;margin-top:5px}.car-stage{width:280px;height:185px;margin:20px auto 0;padding:0}.floating-car{width:280px;height:187px;object-fit:contain}.car-shadow{bottom:9%;left:17%;right:8%;height:13px;filter:blur(13px)}
@media(max-width:650px){.intro-with-car{display:block;margin:5px auto 15px;padding:17px 0 0}.intro-copy{display:block}.intro-with-car h1{font-size:41px;line-height:1.1;letter-spacing:-1.1px;margin:5px 0 0}.intro-with-car .intro-lead{font-size:17px;line-height:1.55;max-width:390px;margin:30px auto 20px}.intro-with-car .intro-actions{margin:22px auto}.intro-with-car .intro-actions .button{width:100%;font-size:18px}.offer-teaser{max-width:360px;margin:24px auto 0;text-align:center;padding:0;border:0;width:100%}.offer-teaser strong{font-size:21px;line-height:1.3}.offer-teaser>span{font-size:16px;margin-top:5px}.car-stage{width:215px;height:143px;margin:18px auto 0}.floating-car{width:215px;height:143px}.car-shadow{bottom:9%;height:10px}}
/* A quiet halo and grounded shadow integrate the car with the Sync gradient. */
.car-stage{isolation:isolate;overflow:visible}
.car-stage:before{content:"";position:absolute;z-index:0;left:4%;right:4%;top:11%;bottom:8%;border-radius:50%;background:radial-gradient(ellipse at 48% 58%,#ffffffb8 0%,#ffffff88 28%,#f6c9e955 53%,#a7a0f021 70%,transparent 78%);filter:blur(13px);pointer-events:none}
.floating-car{z-index:1;filter:drop-shadow(0 12px 13px #25232320)}
.car-shadow{z-index:0;bottom:12%;left:19%;right:10%;height:12px;background:#25232330;filter:blur(14px)}
@media(max-width:650px){.car-stage:before{left:0;right:0;top:8%;bottom:8%;filter:blur(10px)}.floating-car{filter:drop-shadow(0 9px 10px #2523231f)}.car-shadow{bottom:8%;left:19%;right:10%;height:9px;filter:blur(11px)}}
/* Fade against the visible stage so oversized mobile imagery never meets a hard edge. */
.car-detail-stage{position:relative;width:min(760px,100%);height:340px;margin:28px auto -20px;overflow:hidden;pointer-events:none;--fade-bottom:linear-gradient(to bottom,#000 0%,#000 55%,#000000f2 66%,#0009 80%,#0000002e 93%,transparent 100%);--fade-sides:linear-gradient(to right,transparent 0%,#0006 4%,#000000e6 12%,#000 22%,#000 64%,#000000d9 77%,#0005 91%,transparent 100%);mask-image:var(--fade-bottom),var(--fade-sides);mask-composite:intersect;-webkit-mask-image:var(--fade-bottom),var(--fade-sides);-webkit-mask-composite:source-in}
.car-detail{display:block;width:100%;height:auto;max-width:none}
@media(max-width:650px){.car-detail-stage{width:calc(100% + 40px);height:250px;margin:25px -20px -24px;--fade-sides:linear-gradient(to right,transparent 0%,#0008 6%,#000 20%,#000 65%,#000000bf 79%,#0004 92%,transparent 100%)}.car-detail{width:140%;position:relative;left:-20%;}}
