/* (same as earlier, recreated) */
/* === ENHANCEMENTS (non-destructive) === */
.cta-btn,.cta-btn-lg{position:relative;isolation:isolate;outline:none;background-size:220% 220%;transition:transform .22s ease, box-shadow .22s ease, background-position .28s ease}
.cta-btn::before,.cta-btn-lg::before{content:"";position:absolute;inset:1.5px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,0));opacity:.85;pointer-events:none;transition:opacity .22s ease}
.cta-btn::after,.cta-btn-lg::after{content:"";position:absolute;inset:-8px;border-radius:inherit;background:radial-gradient(140px 140px at var(--mx,50%) var(--my,50%), rgba(125,211,252,.28), transparent 60%);opacity:0;transition:opacity .25s ease;z-index:-1}
.cta-btn:hover,.cta-btn-lg:hover{transform:translateY(-2px);background-position:82% 18%;box-shadow:0 32px 65px -30px rgba(14,116,144,.55)}
.cta-btn:hover::before,.cta-btn-lg:hover::before{opacity:1}
.cta-btn:hover::after,.cta-btn-lg:hover::after{opacity:1}
.cta-btn:active,.cta-btn-lg:active{transform:translateY(0);box-shadow:0 18px 40px -24px rgba(30,64,175,.45)}
.cta-btn:focus-visible,.cta-btn-lg:focus-visible{box-shadow:0 0 0 3px rgba(191,219,254,.6),0 0 0 6px rgba(37,99,235,.4)}
@keyframes ctaPulse{0%,100%{transform:translateY(0) scale(1);box-shadow:0 10px 25px -12px rgba(2,132,199,.25)}50%{transform:translateY(-1px) scale(1.02);box-shadow:0 14px 32px -14px rgba(2,132,199,.35)}}
.cta-btn.attention{animation:ctaPulse 2.2s ease-in-out infinite}
.attention-banner{position:relative;padding:1.5rem 0;background:radial-gradient(120% 100% at 50% 0%, rgba(59,130,246,.08), transparent 65%);overflow:hidden}
.attention-backdrop{position:absolute;inset:0;pointer-events:none;z-index:0}
.attention-backdrop__grid{position:absolute;inset:0;background-image:linear-gradient(0deg,rgba(148,163,184,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.18) 1px,transparent 1px);background-size:32px 32px;opacity:.25}
.attention-backdrop__glow{position:absolute;width:320px;height:320px;border-radius:999px;filter:blur(120px);opacity:.35;mix-blend-mode:screen;background:linear-gradient(135deg,rgba(59,130,246,.8),rgba(14,165,233,.45))}
.attention-backdrop__glow--one{top:-90px;left:50%;transform:translateX(-60%)}
.attention-backdrop__glow--two{bottom:-160px;right:18%;background:linear-gradient(135deg,rgba(14,165,233,.6),rgba(37,99,235,.35))}
.attention-shell{position:relative;display:grid;grid-template-columns:1fr;place-items:center;text-align:center;gap:1.1rem;padding:1.35rem 1.65rem;border-radius:26px;background:linear-gradient(135deg,rgba(59,130,246,.16),rgba(14,165,233,.1));border:1px solid rgba(37,99,235,.45);box-shadow:0 24px 60px -30px rgba(30,64,175,.45);overflow:hidden;isolation:isolate;animation:attentionGlow 3s ease-in-out infinite}
.attention-shell::before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 35deg, rgba(37,99,235,.3), rgba(14,165,233,.22), rgba(59,130,246,.28));opacity:.65;filter:blur(55px);animation:attentionSweep 8s linear infinite;z-index:-2}
.attention-shell::after{content:"";position:absolute;inset:2px;border-radius:inherit;border:1px solid rgba(255,255,255,.45);opacity:.65;mix-blend-mode:screen;z-index:-1}
.attention-flare{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3.35rem;height:3.35rem;border-radius:999px;background:linear-gradient(135deg,#f97316 0%,#ef4444 45%,#b91c1c 100%);box-shadow:0 18px 45px -22px rgba(239,68,68,.65);animation:attentionIconPulse 2.4s ease-in-out infinite}
.attention-flare__pulse{position:absolute;inset:-6px;border-radius:inherit;border:2px solid rgba(248,113,113,.55);animation:attentionPulseRing 2.4s ease-out infinite}
.attention-flare__spark{position:absolute;width:58%;height:58%;border-radius:inherit;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.92),rgba(255,255,255,0) 65%);filter:blur(.5px);animation:attentionSpark 1.5s ease-in-out infinite}
.attention-pill{display:inline-flex;align-items:center;gap:.6rem;padding:.45rem 1.1rem;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(191,219,254,.25));border:1px solid rgba(59,130,246,.35);box-shadow:0 18px 45px -28px rgba(37,99,235,.6);font-size:1rem;font-weight:600;color:#1d4ed8;text-transform:uppercase;letter-spacing:.12em}
.attention-pill__label{opacity:.8}
.attention-pill__value{font-size:.75rem;font-weight:600;color:#1e3a8a;letter-spacing:.05em;text-transform:none}
.attention-copy{display:grid;gap:.55rem;justify-items:center;max-width:42rem}
.attention-title{font-size:clamp(1.45rem,3.4vw,2.1rem);font-weight:700;letter-spacing:-.01em;color:#0f172a;text-shadow:0 16px 35px rgba(15,23,42,.18)}
.attention-subtitle{font-size:clamp(.98rem,2.4vw,1.2rem);line-height:1.65;color:#1f2937;max-width:40rem}
.attention-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;width:100%;max-width:48rem}
.attention-insight{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;border-radius:18px;background:rgba(255,255,255,.65);border:1px solid rgba(148,163,184,.3);box-shadow:0 18px 45px -32px rgba(15,23,42,.28);text-align:left}
.attention-insight__icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;background:linear-gradient(135deg,#6366f1,#0ea5e9);color:#fff;font-size:1.25rem;flex-shrink:0}
.attention-insight__copy{font-size:.95rem;color:#0f172a;line-height:1.5}
.attention-cta{display:grid;gap:.6rem;justify-items:center;margin-top:.3rem}
.attention-cta__note{font-size:.85rem;color:#1f2937;max-width:30rem}
.attention-cta .cta-btn-lg{white-space:normal;padding:0.95rem 1.6rem;text-align:center}
@media (max-width:640px){
  .attention-shell{gap:.85rem;padding:1.15rem 1.1rem;border-radius:22px}
  .attention-pill{flex-direction:column;gap:.3rem;font-size:.72rem;line-height:1.2;text-align:center}
  .attention-pill__value{font-size:.78rem}
  .attention-copy{gap:.5rem}
  .attention-title{font-size:clamp(1.25rem,6vw,1.7rem)}
  .attention-subtitle{font-size:.95rem;line-height:1.55}
  .attention-insights{grid-template-columns:1fr;gap:.75rem}
  .attention-insight{padding:.75rem .85rem}
  .attention-insight__icon{width:1.9rem;height:1.9rem;font-size:1rem}
  .attention-cta{justify-items:stretch}
  .attention-cta .cta-btn-lg{width:100%;font-size:.95rem;padding:.9rem 1.35rem}
  .attention-cta__note{font-size:.8rem;max-width:none;text-align:center}
}
@keyframes attentionGlow{0%,100%{box-shadow:0 24px 60px -32px rgba(37,99,235,.46)}50%{box-shadow:0 30px 78px -26px rgba(14,165,233,.55)}}
@keyframes attentionSweep{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes attentionIconPulse{0%,100%{transform:scale(1)}48%{transform:scale(1.12)}}
@keyframes attentionPulseRing{0%{transform:scale(.6);opacity:.65}55%{transform:scale(1.2);opacity:0}100%{transform:scale(1.4);opacity:0}}
@keyframes attentionSpark{0%,100%{transform:rotate(0deg) scale(1)}40%{transform:rotate(18deg) scale(1.08)}70%{transform:rotate(-16deg) scale(.96)}}
@keyframes attentionBadgeFlash{0%,100%{box-shadow:0 12px 28px -18px rgba(37,99,235,.45);border-color:rgba(37,99,235,.35);color:#1d4ed8}45%{box-shadow:0 18px 40px -22px rgba(37,99,235,.5);border-color:rgba(59,130,246,.55);color:#1e3a8a}}
.grad-text{background:linear-gradient(90deg,#0ea5e9,#6366f1,#22c55e,#f59e0b,#ef4444);background-size:400% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hueSlide 9s ease-in-out infinite}
@keyframes hueSlide{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.snapshot-grid .counter{position:relative}
.snapshot-grid .counter::after{content:"";position:absolute;inset:-6px;border-radius:12px;background:conic-gradient(from 0deg, rgba(99,102,241,.18), rgba(14,165,233,.18), rgba(16,185,129,.18), rgba(99,102,241,.18));filter:blur(16px);opacity:0;transition:opacity .5s ease;pointer-events:none}
.snapshot-grid .counter.is-visible::after{opacity:1}
.snapshot-grid{position:relative;overflow:visible}
.snapshot-grid::before,.snapshot-grid::after{content:"";position:absolute;width:8px;height:8px;border-radius:9999px;background:radial-gradient(circle, rgba(99,102,241,.6), transparent 60%);animation:float1 10s linear infinite;top:-12px;left:-12px;filter:blur(.5px)}
.snapshot-grid::after{background:radial-gradient(circle, rgba(14,165,233,.6), transparent 60%);top:auto;bottom:-12px;right:-12px;left:auto;animation:float2 12s linear infinite}
@keyframes float1{0%{transform:translate(0,0)}50%{transform:translate(8px,-4px)}100%{transform:translate(0,0)}}
@keyframes float2{0%{transform:translate(0,0)}50%{transform:translate(-6px,6px)}100%{transform:translate(0,0)}}
.loss-display{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:min(100%,18rem);padding:.7rem 1.5rem;border-radius:9999px;background:radial-gradient(120px 120px at 30% 30%, rgba(239,68,68,.16), transparent 65%),linear-gradient(180deg, rgba(239,68,68,.15), rgba(239,68,68,.04));box-shadow:inset 0 0 0 2px rgba(239,68,68,.24),0 22px 50px -18px rgba(239,68,68,.4);transform-origin:center;transition:transform .25s ease, box-shadow .25s ease;animation:lossGlow 4.2s ease-in-out infinite;overflow:hidden;isolation:isolate}
.loss-display::before{content:"";position:absolute;top:-160%;left:-70%;width:180%;height:180%;background:linear-gradient(125deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.65) 48%, rgba(255,255,255,0) 68%);opacity:0;transform:translate3d(-110%,0,0) rotate(18deg);animation:lossSweep 3.6s cubic-bezier(.42,0,.3,1) infinite}
.loss-display::after{content:"";position:absolute;inset:-45%;border-radius:50%;background:radial-gradient(circle, rgba(239,68,68,.45) 0%, rgba(239,68,68,0) 60%);opacity:0;transform:scale(.65)}
.loss-display.bump{animation:lossPulse .82s ease}
.loss-display.bump::after{animation:lossShockwave .88s ease-out}
.loss-display .loss-value{position:relative;display:inline-block;background:linear-gradient(120deg,#f97316 0%,#ef4444 45%,#b91c1c 100%);color:transparent;-webkit-background-clip:text;background-clip:text;letter-spacing:-.01em;text-shadow:0 14px 30px rgba(239,68,68,.28);animation:lossTextPulse 2.8s ease-in-out infinite}
@keyframes lossGlow{0%,100%{box-shadow:inset 0 0 0 2px rgba(239,68,68,.22),0 22px 48px -20px rgba(239,68,68,.45);transform:scale(1)}55%{box-shadow:inset 0 0 0 2px rgba(239,68,68,.3),0 28px 56px -18px rgba(239,68,68,.5);transform:scale(1.018)}}
@keyframes lossSweep{0%{opacity:0;transform:translate3d(-120%,0,0) rotate(18deg)}15%{opacity:.5}45%{opacity:0}100%{opacity:0;transform:translate3d(120%,0,0) rotate(18deg)}}
@keyframes lossPulse{0%{transform:scale(1)}45%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes lossShockwave{0%{opacity:.55;transform:scale(.7)}70%{opacity:0;transform:scale(1.35)}100%{opacity:0;transform:scale(1.45)}}
@keyframes lossTextPulse{0%,100%{letter-spacing:-.01em;filter:drop-shadow(0 12px 32px rgba(239,68,68,.25))}50%{letter-spacing:.015em;filter:drop-shadow(0 18px 38px rgba(249,115,22,.35))}}
#solution .rounded-xl{transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;will-change:transform}
.reveal{opacity:0;transform:translateY(16px);transition:all .6s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:translateY(0)}
#solution .rounded-xl:hover{transform:translateY(-4px);box-shadow:0 16px 35px -18px rgba(2,6,23,.25);border-color:rgba(99,102,241,.35)}
#faq .rounded-xl{transition:transform .24s ease, background-color .24s ease}
#faq .rounded-xl:hover{transform:translateY(-3px);background-color:rgba(2,6,23,.02)}
#faq .q-title{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.75rem}
#faq .q-body{max-height:0;overflow:hidden;transition:max-height .35s ease}
#faq .expanded .q-body{max-height:320px}
[data-painpoint-card]:not([data-default-hidden]){border-color:rgba(59,130,246,.25);box-shadow:0 20px 45px -30px rgba(37,99,235,.35);transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}
[data-painpoint-card]:not([data-default-hidden]):hover{transform:translateY(-6px);box-shadow:0 26px 60px -32px rgba(37,99,235,.45)}
html.js [data-painpoint-list][data-state="collapsed"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,rgba(248,250,252,0),rgba(248,250,252,.9));pointer-events:none;border-radius:0 0 24px 24px;opacity:1;transition:opacity .25s ease}
html.js [data-painpoint-list][data-state="expanded"]::after{opacity:0}
[data-painpoint-toggle]{box-shadow:0 18px 42px -22px rgba(15,23,42,.35);transition:transform .18s ease,box-shadow .18s ease}
[data-painpoint-toggle]:hover{transform:translateY(-1px);box-shadow:0 22px 52px -24px rgba(15,23,42,.4)}
a[href^="#"]{position:relative;text-decoration:none}
a[href^="#"]::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:currentColor;opacity:.25;transition:transform .25s ease}
a[href^="#"]:hover::after{transform:scaleX(1)}
.grad-hero{background:radial-gradient(80% 60% at 50% -20%, rgba(59,130,246,.07), transparent 60%);position:relative}
.grad-hero::before{content:"";position:absolute;inset:-20%;background:conic-gradient(from 0deg, rgba(99,102,241,.06), rgba(14,165,233,.05), rgba(16,185,129,.05), rgba(99,102,241,.06));filter:blur(60px);animation:slowSpin 40s linear infinite;z-index:-1}
@keyframes slowSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.attention{animation:none!important}.attention-shell,.attention-flare,.attention-flare__pulse,.attention-flare__spark,.attention-kicker{animation:none!important}.attention-shell::before{animation:none!important}.reveal{opacity:1!important;transform:none!important}}

/* Confetti ripple (classy) */
.confetti {
  position: absolute;
  pointer-events: none;
  inset: 0;
  overflow: visible;
}
.confetti .dot {
  position: absolute;
  width: 6px; height: 6px;
  border-radius: 9999px;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.6);
  animation: confettiPop .9s ease forwards;
}
@keyframes confettiPop {
  0%   { opacity: 0; transform: translate(-50%,-50%) scale(.6); }
  20%  { opacity: 1; }
  80%  { opacity: 1; }
  100% { opacity: 0; transform: translate(var(--tx), var(--ty)) scale(1); }
}

/* Bigger, alarming loss row */
.loss-row { padding: .75rem 1rem; }
.loss-big{display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:18px}

/* Progressive booking flow */
.progressive-flow{border:1px solid rgba(15,23,42,.08);border-radius:20px;box-shadow:0 22px 60px -30px rgba(15,23,42,.22);padding:2rem 2.25rem;display:flex;flex-direction:column;gap:2rem;background:#fff}
.progressive-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.progressive-step{display:flex;gap:1rem;align-items:center;padding:1rem 1.25rem;border:1px solid rgba(15,23,42,.08);border-radius:16px;transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease}
.progressive-step-badge{display:inline-flex;align-items:center;justify-content:center;height:2.25rem;width:2.25rem;border-radius:9999px;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;font-weight:600;font-size:1rem;line-height:1;box-shadow:0 12px 25px -18px rgba(79,70,229,.45)}
.progressive-step-copy{display:flex;align-items:center;gap:.65rem;flex:1;min-width:0;flex-wrap:wrap}
.progressive-step-title{font-weight:600;font-size:1rem;line-height:1.35;display:flex;align-items:center;gap:.5rem}
.progressive-step-status{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;font-weight:600;color:rgba(15,23,42,.5)}
.progressive-step-status::before{content:"•";font-size:.75rem;line-height:1;color:currentColor;opacity:.55}
.progressive-step.is-active{border-color:rgba(79,70,229,.32);box-shadow:0 18px 50px -28px rgba(79,70,229,.32)}
.progressive-step.is-active .progressive-step-status{color:#4c1d95}
.progressive-step.is-complete{border-color:rgba(34,197,94,.38);background:linear-gradient(180deg,rgba(34,197,94,.08),rgba(34,197,94,.02));box-shadow:0 18px 50px -28px rgba(34,197,94,.35)}
.progressive-step.is-complete .progressive-step-badge{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 12px 25px -18px rgba(16,185,129,.45);font-size:1.25rem}
.progressive-step.is-complete .progressive-step-status{color:#16a34a}
.progressive-step.is-locked{opacity:.75}
.progressive-step.is-locked .progressive-step-status{color:rgba(15,23,42,.35)}
.progressive-step.is-unlocked{border-color:rgba(14,165,233,.38);background:linear-gradient(180deg,rgba(14,165,233,.07),rgba(14,165,233,.02));box-shadow:0 18px 50px -28px rgba(14,165,233,.3)}
.progressive-step.is-unlocked .progressive-step-status{color:#0ea5e9}
.progressive-panel{border-top:1px solid rgba(15,23,42,.06);padding-top:1.5rem}
.progressive-panel.hidden{display:none}
.progressive-panel form{margin-top:1.5rem}
.progressive-panel form:first-child{margin-top:0}
.progressive-next{border-top:1px dashed rgba(15,23,42,.12);padding-top:1.75rem}
.progressive-next-card{display:grid;gap:1rem;padding:1.5rem;border-radius:18px;background:linear-gradient(180deg,rgba(248,250,252,.95),rgba(248,250,252,.72));border:1px solid rgba(148,163,184,.3);box-shadow:0 20px 55px -35px rgba(15,23,42,.18);text-align:left}
.progressive-next-card h3{font-size:1.05rem;font-weight:600;color:#1e293b;margin:0}
.progressive-next-card p{font-size:.95rem;color:#475569;margin:0}
.progressive-next-list{margin:0;padding-left:1.25rem;display:grid;gap:.45rem;font-size:.9rem;color:#1f2937}
.progressive-next-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.9rem;color:#1f2937}
.progressive-next-cta span{font-weight:600;color:#1f2937}
@media (max-width:768px){
  .progressive-flow{padding:1.5rem}
  .progressive-steps{grid-template-columns:1fr}
  .progressive-step{padding:1rem}
  .progressive-next-card{padding:1.25rem}
}

/* Progressive flow loading state */
.cta-btn-lg,.cta-btn,button.is-loading{display:inline-flex;align-items:center;justify-content:center;gap:.65rem}
.cta-btn-lg.is-loading,.cta-btn.is-loading,button.is-loading{position:relative;pointer-events:none;opacity:.92}
.cta-btn-lg.is-loading::before,.cta-btn.is-loading::before,button.is-loading::before{content:"";width:1.15rem;height:1.15rem;border-radius:9999px;border:2px solid currentColor;border-right-color:transparent;animation:spin .75s linear infinite}

@keyframes spin{to{transform:rotate(360deg)}}

/* Thank-you experience */
.thankyou-body{min-height:100vh;background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 45%,#e2e8f0 100%);color:#0f172a;font-family:'Inter',system-ui,sans-serif;position:relative}
.thankyou-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(3rem,6vw,5rem) clamp(1.5rem,4vw,3rem);position:relative;overflow:hidden}
.thankyou-hero__background{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.thankyou-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.7;mix-blend-mode:screen}
.thankyou-glow--one{width:540px;height:540px;background:radial-gradient(circle,rgba(14,165,233,.65)0%,rgba(14,165,233,0)70%);top:-140px;left:-160px;animation:floatOrb 14s ease-in-out infinite}
.thankyou-glow--two{width:500px;height:500px;background:radial-gradient(circle,rgba(79,70,229,.6)0%,rgba(99,102,241,0)70%);bottom:-180px;right:-120px;animation:floatOrbAlt 16s ease-in-out infinite}
.thankyou-gridlines{position:absolute;inset:8%;border:1px solid rgba(148,163,184,.14);border-radius:36px;background:linear-gradient(135deg,rgba(226,232,240,.55),rgba(226,232,240,0));mask:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.4)25%,rgba(255,255,255,.4)75%,transparent 100%)}
.thankyou-orb{position:absolute;width:140px;height:140px;border-radius:9999px;background:linear-gradient(135deg,rgba(14,165,233,.35),rgba(79,70,229,.35));filter:blur(0);opacity:.45;animation:orbDrift 12s ease-in-out infinite}
.thankyou-orb--one{top:12%;right:18%}
.thankyou-orb--two{bottom:14%;left:20%;animation-delay:-4s}
.thankyou-shell{position:relative;width:100%;max-width:960px;display:flex;flex-direction:column;gap:2.5rem;z-index:1}
.thankyou-header{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;color:#475569;font-size:.95rem;letter-spacing:.02em}
.thankyou-logo{display:inline-flex;align-items:center;gap:.75rem;font-weight:600;color:#0f172a;text-decoration:none}
.thankyou-logo img{height:2.5rem;width:auto;filter:drop-shadow(0 8px 24px rgba(14,165,233,.18))}
.thankyou-tagline{opacity:.7}
.thankyou-card{position:relative;overflow:hidden;border-radius:28px;padding:clamp(2.5rem,4vw,3.5rem);background:#ffffff;border:1px solid rgba(148,163,184,.25);box-shadow:0 35px 80px -45px rgba(15,23,42,.25);display:grid;gap:1.5rem;animation:cardRise .7s cubic-bezier(.21,.9,.33,1) both}
.thankyou-card::before{content:"";position:absolute;inset:1.5px;border-radius:inherit;background:linear-gradient(135deg,rgba(14,165,233,.12),rgba(79,70,229,.08));pointer-events:none}
.thankyou-card>*{position:relative;z-index:1}
.thankyou-check{display:flex;align-items:center;gap:.75rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.16em;color:#0f172a}
.thankyou-check-icon{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:9999px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#ecfdf5;font-size:1.5rem;box-shadow:0 12px 35px -14px rgba(22,163,74,.45);animation:pulseBadge 3.4s ease-in-out infinite}
.thankyou-badge{font-weight:600}
.thankyou-card h1{font-size:clamp(2.15rem,4vw,3.1rem);line-height:1.1;font-weight:700;color:#0f172a}
.thankyou-intro{font-size:1.05rem;color:#334155;max-width:52ch}
.thankyou-intro__session{display:block;margin-top:.75rem;font-size:.95rem;font-weight:500;color:#4338ca}
.thankyou-intro__session[hidden]{display:none}
.thankyou-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}
.thankyou-metric{padding:1rem 1.15rem;border-radius:18px;background:linear-gradient(135deg,#f8fafc,#eff6ff);border:1px solid rgba(148,163,184,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.thankyou-metric-label{display:block;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.thankyou-metric-value{display:block;margin-top:.45rem;font-size:1.05rem;font-weight:600;color:#0f172a}
.thankyou-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}
.thankyou-highlight{padding:1.25rem;border-radius:20px;background:#f8fafc;border:1px solid rgba(148,163,184,.25);box-shadow:0 15px 50px -35px rgba(14,116,144,.35);display:flex;gap:1rem;align-items:flex-start;transition:transform .3s ease, box-shadow .3s ease}
.thankyou-highlight:hover{transform:translateY(-4px);box-shadow:0 30px 70px -40px rgba(8,145,178,.35)}
.thankyou-highlight-icon{font-size:1.85rem;line-height:1}
.thankyou-highlight h2{font-size:1.1rem;font-weight:600;color:#0f172a;margin-bottom:.35rem}
.thankyou-highlight p{font-size:.95rem;color:#475569;line-height:1.55}
.thankyou-event{margin-top:.5rem;padding:1.5rem 1.75rem;border-radius:22px;background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid rgba(99,102,241,.25);box-shadow:0 22px 55px -36px rgba(79,70,229,.45);display:grid;gap:1.1rem;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}
.thankyou-event.is-visible{opacity:1;transform:translateY(0)}
.thankyou-event__header{display:flex;align-items:center;gap:1rem}
.thankyou-event__icon{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:999px;background:linear-gradient(135deg,#6366f1,#0ea5e9);color:#fff;font-size:1.5rem;box-shadow:0 16px 38px -24px rgba(79,70,229,.45)}
.thankyou-event__kicker{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:#4338ca;margin-bottom:.35rem}
.thankyou-event__title{font-size:1.3rem;font-weight:600;color:#0f172a;margin:0}
.thankyou-event__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}
.thankyou-event__item{display:grid;gap:.45rem}
.thankyou-event__item dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#64748b}
.thankyou-event__item dd{margin:0;font-size:.95rem;color:#1f2937;line-height:1.55}
.thankyou-event__timezone{display:inline-block;margin-left:.35rem;font-size:.85rem;color:#475569}
.thankyou-event__local{display:none;font-size:.85rem;color:#475569;margin-top:.4rem}
.thankyou-event__link{display:inline-flex;align-items:center;gap:.4rem;color:#4f46e5;font-weight:500;text-decoration:none;position:relative}
.thankyou-event__link::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:currentColor;opacity:.5;transform-origin:left;transform:scaleX(0);transition:transform .25s ease}
.thankyou-event__link:hover::after{transform:scaleX(1)}
.thankyou-event__note{margin:0;font-size:.9rem;color:#475569;line-height:1.6;background:linear-gradient(135deg,rgba(14,165,233,.08),rgba(59,130,246,.05));border-radius:16px;padding:1rem 1.15rem;border:1px solid rgba(99,102,241,.2)}
.thankyou-event__note[hidden]{display:none}
.thankyou-event__grid+.thankyou-event__note{margin-top:.5rem}
.thankyou-timeline{position:relative;margin-top:.5rem;padding-left:1.5rem;display:grid;gap:1.4rem}
.thankyou-timeline::before{content:"";position:absolute;left:.5rem;top:.2rem;bottom:.2rem;width:2px;background:linear-gradient(180deg,rgba(14,165,233,.65),rgba(79,70,229,.1))}
.thankyou-step{display:grid;gap:.35rem;position:relative}
.thankyou-step::before{content:"";position:absolute;left:-1.05rem;top:.3rem;width:.8rem;height:.8rem;border-radius:9999px;background:linear-gradient(135deg,#0ea5e9,#6366f1);box-shadow:0 0 0 4px rgba(14,165,233,.18)}
.thankyou-step-title{font-size:1rem;font-weight:600;color:#0f172a}
.thankyou-step-copy{font-size:.95rem;color:#475569;line-height:1.55}
.thankyou-cta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.5rem}
.thankyou-primary{min-width:200px;border-radius:14px;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;font-weight:600;padding:.85rem 1.8rem;text-decoration:none;box-shadow:0 25px 60px -32px rgba(14,165,233,.45);transition:transform .2s ease, box-shadow .2s ease}
.thankyou-primary:hover{transform:translateY(-2px);box-shadow:0 30px 80px -35px rgba(14,165,233,.55)}
.thankyou-secondary{color:#0ea5e9;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;position:relative}
.thankyou-secondary::after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:currentColor;opacity:.4;transform-origin:left;transform:scaleX(0);transition:transform .25s ease}
.thankyou-secondary:hover::after{transform:scaleX(1)}
.thankyou-footer{font-size:.85rem;color:#475569}
.thankyou-footer strong{color:#0f172a}
.thankyou-event__item[data-event-email-wrap]{align-self:end}

body.is-modal-open{overflow:hidden}

.thankyou-card .confetti{z-index:0}

@keyframes cardRise{0%{opacity:0;transform:translateY(22px) scale(.96)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes pulseBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes floatOrb{0%,100%{transform:translate3d(0,0,0)}45%{transform:translate3d(18px,24px,0)}}
@keyframes floatOrbAlt{0%,100%{transform:translate3d(0,0,0)}40%{transform:translate3d(-20px,-18px,0)}}
@keyframes orbDrift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-28px,0)}}

@media (max-width:900px){
  .thankyou-header{flex-direction:column;align-items:flex-start}
  .thankyou-tagline{font-size:.85rem}
}

@media (max-width:640px){
  .thankyou-card{padding:2.25rem}
  .thankyou-event{padding:1.35rem 1.5rem}
  .thankyou-event__header{flex-direction:column;align-items:flex-start}
  .thankyou-timeline{padding-left:1rem}
  .thankyou-step::before{left:-1.25rem}
}

@media (prefers-reduced-motion:reduce){
  .thankyou-card{animation:none}
  .thankyou-check-icon{animation:none}
  .thankyou-glow,.thankyou-orb{animation:none}
}