/* proposal.events — visual system
   Direction: warm romantic, premium. A hand-written wedding invitation on
   warm paper at golden hour — Prata display + Hanken Grotesk text, deep
   espresso ink, sunset-coral + antique-gold accents, photography-forward.
   Not SaaS, not editorial-serif slop. */

:root {
  --hue: 34; /* warm coral/sunset */

  --bg:        oklch(0.988 0.008 62);      /* warm true off-white, low chroma */
  --surface:   oklch(0.968 0.013 58);
  --surface-2: oklch(0.945 0.017 52);
  --ink:       oklch(0.255 0.030 42);      /* warm espresso near-black */
  --ink-muted: oklch(0.505 0.032 42);
  --accent:    oklch(0.635 0.172 33);      /* sunset coral */
  --accent-deep:oklch(0.515 0.158 30);
  --accent-soft:oklch(0.93 0.045 45);      /* blush tint fill */
  --accent-ink:oklch(0.99 0.01 60);
  --gold:      oklch(0.735 0.105 78);      /* antique gold */
  --gold-deep: oklch(0.60 0.10 72);
  --border:    oklch(0.895 0.014 52);
  --border-strong:oklch(0.83 0.02 48);
  --ink-invert:oklch(0.97 0.01 60);
  --dark:      oklch(0.215 0.028 38);      /* dark band base */
  --dark-2:    oklch(0.185 0.024 36);      /* footer base */

  --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem;
  --space-6:1.5rem; --space-8:2rem; --space-10:2.5rem; --space-12:3rem;
  --space-16:4rem; --space-20:5rem; --space-24:6rem; --space-32:8rem;

  --text-sm:  clamp(0.83rem,0.8rem + 0.2vw,0.9rem);
  --text-base:clamp(1rem,0.96rem + 0.25vw,1.1rem);
  --text-lg:  clamp(1.2rem,1.05rem + 0.6vw,1.45rem);
  --text-xl:  clamp(1.55rem,1.25rem + 1.3vw,2.15rem);
  --text-2xl: clamp(2.1rem,1.5rem + 2.8vw,3.3rem);
  --text-3xl: clamp(2.6rem,1.7rem + 4.4vw,4.8rem);

  --measure: 66ch;
  --radius: 14px;
  --radius-sm: 8px;
  --maxw: 1200px;

  --ease-out: cubic-bezier(0.22,1,0.36,1);
  --dur-fast:120ms; --dur:260ms; --dur-slow:440ms;

  --serif: "Prata", "Hoefler Text", Georgia, serif;
  --sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;

  --z-sticky:20; --z-nav:30; --z-modal:40; --z-toast:50;
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--ink);
  font-family:var(--sans);font-size:var(--text-base);line-height:1.65;
  -webkit-font-smoothing:antialiased;font-weight:400;
}
h1,h2,h3,h4{font-family:var(--serif);line-height:1.12;letter-spacing:-0.01em;
  text-wrap:balance;font-weight:400}
p{max-width:var(--measure);text-wrap:pretty}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}

.skip-link{position:absolute;left:var(--space-4);top:-100px;z-index:var(--z-toast);
  background:var(--accent);color:var(--accent-ink);padding:.6em 1em;border-radius:var(--radius-sm);
  font-weight:600;font-size:var(--text-sm);transition:top var(--dur)}
.skip-link:focus{top:var(--space-4)}

.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--space-6)}
.wrap-narrow{max-width:820px;margin-inline:auto;padding-inline:var(--space-6)}

/* ---------- Scroll reveal ---------- */
[data-reveal]{opacity:0;transform:translateY(18px);
  transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out);
  transition-delay:calc(var(--i,0) * 70ms)}
[data-reveal].in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:var(--z-sticky);
  background:color-mix(in oklch,var(--bg) 82%,transparent);
  backdrop-filter:blur(12px) saturate(1.1);
  border-bottom:1px solid transparent;
  transition:border-color var(--dur),box-shadow var(--dur),background var(--dur)}
.site-header.scrolled{border-bottom-color:var(--border);
  box-shadow:0 1px 24px -12px color-mix(in oklch,var(--ink) 40%,transparent)}
.nav{display:flex;align-items:center;justify-content:space-between;
  gap:var(--space-6);padding-block:var(--space-4)}
.brand{display:flex;align-items:center;gap:var(--space-2);font-family:var(--serif);
  font-weight:400;font-size:1.35rem;letter-spacing:-0.01em}
.brand .dot{color:var(--accent)}
.nav-links{display:flex;gap:var(--space-6);align-items:center;font-size:var(--text-sm);
  font-weight:500}
.nav-links a{color:var(--ink-muted);position:relative;transition:color var(--dur-fast)}
.nav-links a:not(.btn)::after{content:"";position:absolute;left:0;right:100%;bottom:-4px;
  height:1.5px;background:var(--accent);transition:right var(--dur) var(--ease-out)}
.nav-links a:not(.btn):hover{color:var(--ink)}
.nav-links a:not(.btn):hover::after{right:0}
.nav-cta{display:inline-flex;align-items:center;gap:.4em}
.nav-cta::after{display:none}

/* hamburger */
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;
  width:44px;height:44px;background:none;border:0;cursor:pointer;padding:10px}
.nav-toggle span{display:block;height:2px;width:100%;background:var(--ink);border-radius:2px;
  transition:transform var(--dur) var(--ease-out),opacity var(--dur-fast)}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* mobile nav sheet */
.mobile-nav{position:fixed;inset:0 0 0 auto;width:min(88vw,360px);z-index:var(--z-nav);
  background:var(--bg);box-shadow:-12px 0 40px -12px rgba(0,0,0,.3);
  transform:translateX(100%);transition:transform var(--dur-slow) var(--ease-out);
  padding:calc(var(--space-16) + var(--space-4)) var(--space-8) var(--space-8);
  overflow-y:auto;visibility:hidden}
.mobile-nav.open{transform:none;visibility:visible}
.mobile-nav-inner{display:flex;flex-direction:column;gap:var(--space-2)}
.mobile-nav-inner a:not(.btn){font-family:var(--serif);font-size:var(--text-lg);
  padding-block:var(--space-3);border-bottom:1px solid var(--border);color:var(--ink)}
.mobile-nav-inner a:not(.btn):hover{color:var(--accent-deep)}
.mobile-nav-inner .btn{margin-top:var(--space-6);justify-content:center}
@media(max-width:860px){.nav-links{display:none}.nav-toggle{display:flex}}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:.5em;font-weight:600;
  font-size:var(--text-sm);padding:.75em 1.4em;border-radius:100px;
  transition:transform var(--dur-fast) var(--ease-out),background var(--dur),box-shadow var(--dur),color var(--dur);
  cursor:pointer;border:1px solid transparent;line-height:1}
.btn-primary{background:var(--accent);color:var(--accent-ink);
  box-shadow:0 4px 18px -6px color-mix(in oklch,var(--accent) 70%,transparent)}
.btn-primary:hover{background:var(--accent-deep);transform:translateY(-2px);
  box-shadow:0 8px 26px -8px color-mix(in oklch,var(--accent) 75%,transparent)}
.btn-primary:active{transform:translateY(0)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--border-strong)}
.btn-ghost:hover{background:var(--surface-2);border-color:var(--ink-muted)}
.btn-lg{font-size:var(--text-base);padding:.9em 1.7em}

/* ---------- Hero ---------- */
.hero{position:relative;min-height:min(92vh,760px);display:flex;align-items:flex-end;
  color:var(--ink-invert);overflow:hidden}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,
    color-mix(in oklch,#1a0f0a 12%,transparent) 0%,
    color-mix(in oklch,#1a0f0a 8%,transparent) 40%,
    color-mix(in oklch,#160b06 78%,transparent) 100%)}
.hero-inner{position:relative;z-index:2;padding-block:var(--space-16) var(--space-16);
  width:100%}
.hero h1{font-size:var(--text-3xl);max-width:15ch;color:#fff;line-height:1.08;
  text-shadow:0 2px 40px rgba(0,0,0,.4)}
.hero .sub{font-size:var(--text-lg);max-width:52ch;margin-top:var(--space-5);
  color:rgba(255,255,255,.94);font-family:var(--sans);font-weight:400;
  text-shadow:0 1px 20px rgba(0,0,0,.35)}
.hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-8)}
.trust-strip{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-top:var(--space-10);
  padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.22);font-size:var(--text-sm)}
.trust-strip b{font-family:var(--serif);font-size:1.65em;display:block;color:#fff;
  line-height:1;margin-bottom:.15em}
.trust-strip .ts{display:flex;flex-direction:column}
.trust-strip span{color:rgba(255,255,255,.82)}

/* small page hero (interior) */
.pagehero{position:relative;min-height:min(60vh,460px);display:flex;align-items:flex-end;
  color:#fff;overflow:hidden}
.pagehero .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.pagehero::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(20,10,6,.15),rgba(20,10,6,.72))}
.pagehero-inner{position:relative;z-index:2;padding-block:var(--space-12);width:100%}
.pagehero h1{font-size:var(--text-2xl);color:#fff;max-width:20ch;
  text-shadow:0 2px 24px rgba(0,0,0,.35)}
.pagehero .kicker{color:var(--gold);font-weight:600;font-size:var(--text-sm);
  margin-bottom:var(--space-3);display:flex;gap:.5em;align-items:center;
  letter-spacing:.02em;text-shadow:0 1px 14px rgba(0,0,0,.4)}
.pagehero .sub{color:rgba(255,255,255,.92);font-size:var(--text-lg);max-width:56ch;
  margin-top:var(--space-3);text-shadow:0 1px 16px rgba(0,0,0,.35)}

/* ---------- Sections ---------- */
section{padding-block:var(--space-20)}
.section-head{max-width:60ch;margin-bottom:var(--space-12)}
.section-head h2{font-size:var(--text-2xl)}
.section-head p{color:var(--ink-muted);margin-top:var(--space-4);font-size:var(--text-lg)}
.lead{font-size:var(--text-lg);color:var(--ink);line-height:1.55}
/* eyebrow: a small script-flavoured label with a hairline flourish, not a tracked-caps kicker */
.eyebrow{color:var(--accent-deep);font-weight:600;font-size:var(--text-sm);
  text-transform:none;margin-bottom:var(--space-3);display:inline-flex;align-items:center;gap:.6em}
.eyebrow::before{content:"";width:1.8em;height:1px;background:var(--gold);display:inline-block}

/* prose */
.prose h2{font-size:var(--text-xl);margin-top:var(--space-12);margin-bottom:var(--space-4)}
.prose h3{font-size:var(--text-lg);margin-top:var(--space-8);margin-bottom:var(--space-3)}
.prose p{margin-bottom:var(--space-4);color:var(--ink)}
.prose ul{margin:var(--space-4) 0;padding-left:var(--space-6);color:var(--ink)}
.prose li{margin-bottom:var(--space-2)}
.prose a{color:var(--accent-deep);text-decoration:underline;text-underline-offset:3px}
.prose strong{font-weight:600}

/* ---------- Destination cards ---------- */
.dest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
@media(max-width:900px){.dest-grid{grid-template-columns:1fr}}
.dest-card{position:relative;border-radius:var(--radius);overflow:hidden;
  aspect-ratio:3/4;display:flex;align-items:flex-end;color:#fff;
  transition:transform var(--dur) var(--ease-out)}
.dest-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform var(--dur-slow) var(--ease-out);z-index:0}
.dest-card::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,transparent 30%,rgba(20,10,6,.82))}
.dest-card:hover{transform:translateY(-4px)}
.dest-card:hover img{transform:scale(1.05)}
.dest-card .body{position:relative;z-index:2;padding:var(--space-6)}
.dest-card h3{color:#fff;font-size:var(--text-xl)}
.dest-card p{color:rgba(255,255,255,.85);font-size:var(--text-sm);margin-top:var(--space-2)}
.dest-card .from{color:var(--gold);font-weight:600;margin-top:var(--space-3);font-size:var(--text-sm);
  display:inline-flex;align-items:center;gap:.4em}
.dest-card .arrow{margin-left:auto;opacity:0;transform:translateX(-6px);
  transition:opacity var(--dur),transform var(--dur) var(--ease-out);color:#fff}
.dest-card:hover .arrow{opacity:1;transform:none}

/* ---------- Steps ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8)}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.steps{grid-template-columns:1fr}}
.step .n{font-family:var(--serif);font-size:2.6rem;color:var(--accent);line-height:1;
  padding-bottom:var(--space-3);border-bottom:1px solid var(--border);margin-bottom:var(--space-4);
  display:block}
.step h3{font-size:var(--text-lg);margin:0 0 var(--space-2)}
.step p{color:var(--ink-muted);font-size:var(--text-base)}

/* ---------- Includes checklist ---------- */
.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3) var(--space-8);
  list-style:none;padding:0}
@media(max-width:640px){.checks{grid-template-columns:1fr}}
.checks li{display:flex;gap:.6em;align-items:flex-start;padding-block:var(--space-2);
  border-bottom:1px solid var(--border)}
.checks li::before{content:"✦";color:var(--accent);font-size:1em;line-height:1.6}

/* ---------- Feature band (why us / included) ---------- */
.band{background:var(--surface);border-block:1px solid var(--border)}
.band-dark{background:var(--dark);color:var(--ink-invert)}
.band-dark h2,.band-dark h3{color:#fff}
.band-dark p,.band-dark li{color:rgba(255,255,255,.82)}

/* ---------- Two-col layout ---------- */
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-16);align-items:center}
@media(max-width:900px){.split{grid-template-columns:1fr;gap:var(--space-8)}}
.split img{border-radius:var(--radius);width:100%;aspect-ratio:4/3;object-fit:cover}

/* ---------- Location list ---------- */
.loc{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-6);align-items:center;
  padding-block:var(--space-10);border-bottom:1px solid var(--border)}
.loc:nth-child(even){grid-template-columns:1fr 1.4fr}
.loc:nth-child(even) .loc-media{order:-1}
@media(max-width:760px){.loc,.loc:nth-child(even){grid-template-columns:1fr}
  .loc:nth-child(even) .loc-media{order:0}}
.loc-media img{border-radius:var(--radius);aspect-ratio:3/2;object-fit:cover;width:100%}
.loc h3{font-size:var(--text-lg)}
.loc .meta{color:var(--ink-muted);font-size:var(--text-sm);margin-top:var(--space-2);
  display:flex;flex-wrap:wrap;gap:var(--space-4)}
.loc .meta b{color:var(--accent-deep)}

/* ---------- Gallery ---------- */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}
@media(max-width:760px){.gallery{grid-template-columns:1fr 1fr}}
.gallery img{border-radius:var(--radius-sm);aspect-ratio:3/2;object-fit:cover;width:100%}
.gallery figure{margin:0}
.gallery figcaption{font-size:var(--text-sm);color:var(--ink-muted);margin-top:var(--space-2)}

/* ---------- Pricing ---------- */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
@media(max-width:820px){.tiers{grid-template-columns:1fr}}
.tier{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-8);
  background:var(--bg);display:flex;flex-direction:column;gap:var(--space-3)}
.tier{transition:transform var(--dur) var(--ease-out),box-shadow var(--dur)}
.tier:hover{transform:translateY(-3px);box-shadow:0 18px 44px -22px color-mix(in oklch,var(--ink) 45%,transparent)}
.tier.featured{border-color:var(--accent);background:var(--surface);position:relative}
.tier.featured::before{content:"Most chosen";position:absolute;top:0;right:var(--space-6);
  transform:translateY(-50%);background:var(--accent);color:var(--accent-ink);
  font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:.4em .9em;border-radius:100px}
.tier h3{font-size:var(--text-lg)}
.tier .price{font-family:var(--serif);font-size:var(--text-xl);color:var(--accent-deep)}
.tier ul{list-style:none;padding:0;font-size:var(--text-sm);color:var(--ink-muted);
  display:flex;flex-direction:column;gap:var(--space-2)}
.tier ul li::before{content:"✦ ";color:var(--accent)}

/* comparison table */
.cmp{width:100%;border-collapse:collapse;font-size:var(--text-sm)}
.cmp th,.cmp td{text-align:left;padding:var(--space-3) var(--space-4);
  border-bottom:1px solid var(--border);vertical-align:top}
.cmp th{font-family:var(--sans);font-weight:600;color:var(--ink-muted);
  font-size:var(--text-sm)}
.cmp tbody tr:hover{background:var(--surface)}
.cmp a{color:var(--accent-deep);font-weight:600}
.cmp-wrap{overflow-x:auto}

/* ---------- Reviews ---------- */
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
@media(max-width:900px){.reviews{grid-template-columns:1fr}}
.review{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);
  padding:var(--space-8) var(--space-6) var(--space-6);display:flex;flex-direction:column;
  gap:var(--space-3);position:relative;transition:transform var(--dur) var(--ease-out),box-shadow var(--dur)}
.review::before{content:"“";position:absolute;top:.1em;left:.35em;font-family:var(--serif);
  font-size:3.4rem;line-height:1;color:var(--accent-soft)}
.review:hover{transform:translateY(-3px);box-shadow:0 16px 40px -20px color-mix(in oklch,var(--ink) 45%,transparent)}
.review .stars{color:var(--gold);letter-spacing:2px}
.review p{font-size:var(--text-base);color:var(--ink);position:relative}
.review .who{font-weight:600;font-size:var(--text-sm);margin-top:auto}
.review .who span{color:var(--ink-muted);font-weight:400}

/* ---------- FAQ ---------- */
.faq details{border-bottom:1px solid var(--border);padding-block:var(--space-4)}
.faq summary{font-family:var(--serif);font-size:var(--text-lg);cursor:pointer;
  list-style:none;display:flex;justify-content:space-between;gap:var(--space-4);
  transition:color var(--dur-fast)}
.faq summary:hover{color:var(--accent-deep)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent);font-size:1.4em;line-height:1;
  transition:transform var(--dur) var(--ease-out)}
.faq details[open] summary::after{content:"–";transform:rotate(180deg)}
.faq details p{margin-top:var(--space-3);color:var(--ink-muted)}

/* ---------- CTA band ---------- */
.cta{background:var(--dark);color:#fff;text-align:center;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;
  background:radial-gradient(120% 90% at 50% -10%,color-mix(in oklch,var(--accent) 32%,transparent),transparent 60%)}
.cta>*{position:relative;z-index:1}
.cta h2{color:#fff;font-size:var(--text-2xl);max-width:22ch;margin-inline:auto}
.cta p{color:rgba(255,255,255,.82);margin:var(--space-4) auto 0;max-width:48ch}
.cta-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;
  margin-top:var(--space-8)}
.cta .hours{color:rgba(255,255,255,.6);font-size:var(--text-sm);margin-top:var(--space-6)}

/* ---------- Breadcrumbs ---------- */
.crumbs{font-size:var(--text-sm);color:var(--ink-muted);padding-block:var(--space-4)}
.crumbs a{color:var(--ink-muted)}.crumbs a:hover{color:var(--accent-deep)}
.crumbs .sep{margin-inline:.5em;opacity:.5}

/* ---------- See also ---------- */
.seealso{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.seealso a{border:1px solid var(--border);border-radius:100px;padding:.5em 1.1em;
  font-size:var(--text-sm);font-weight:500;transition:border-color var(--dur-fast),background var(--dur-fast)}
.seealso a:hover{border-color:var(--accent);background:var(--surface)}
.featured-links a{border-color:color-mix(in oklch,var(--gold) 55%,var(--border));
  background:color-mix(in oklch,var(--gold) 8%,var(--bg));font-weight:600}
.featured-links a:hover{border-color:var(--gold-deep);background:color-mix(in oklch,var(--gold) 16%,var(--bg))}

/* ---------- Footer ---------- */
.site-footer{background:var(--dark-2);color:rgba(255,255,255,.7);
  padding-block:var(--space-16) var(--space-8);font-size:var(--text-sm)}
.site-footer a{transition:color var(--dur-fast)}
.footer-popular{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6);align-items:center;
  padding-bottom:var(--space-8);margin-bottom:var(--space-10);
  border-bottom:1px solid rgba(255,255,255,.12)}
.footer-popular .fp-label{color:var(--gold);font-weight:600}
.footer-popular a{color:rgba(255,255,255,.85);text-decoration:underline;
  text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.3)}
.footer-popular a:hover{color:#fff;text-decoration-color:var(--gold)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--space-8)}
@media(max-width:820px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.footer-grid{grid-template-columns:1fr}}
.site-footer h4{color:#fff;font-family:var(--sans);font-size:var(--text-sm);
  font-weight:600;margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}
.site-footer a{color:rgba(255,255,255,.7);display:block;padding-block:.2em}
.site-footer a:hover{color:#fff}
.site-footer .brand{color:#fff;font-size:1.4rem;margin-bottom:var(--space-3)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:var(--space-12);
  padding-top:var(--space-6);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}

/* sticky whatsapp */
.wa-float{position:fixed;right:18px;bottom:18px;z-index:var(--z-toast);
  background:#25D366;color:#fff;width:56px;height:56px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 24px -6px rgba(0,0,0,.4);transition:transform var(--dur-fast)}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:30px;height:30px}

/* contact chips */
.chips{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}
.chip{display:inline-flex;align-items:center;gap:.5em;background:rgba(255,255,255,.12);
  color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:100px;
  padding:.5em 1em;font-size:var(--text-sm);font-weight:500}

.mt-0{margin-top:0}.center{text-align:center}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;
    scroll-behavior:auto!important}
}