*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;interpolate-size:allow-keywords;font-size:calc(100% * var(--text-scale,1))}
body{margin:0;font-family:var(--font);background:var(--light);color:var(--dark);line-height:1.7;font-size:1.125rem;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;display:block}
h1,h2,h3{line-height:1.12;margin:0 0 .4em;font-weight:800;letter-spacing:-.01em;text-wrap:balance}
p{margin:0 0 .8em;text-wrap:pretty}
a{color:inherit}
:focus-visible{outline:3px solid var(--sand);outline-offset:3px;border-radius:6px}
::selection{background:var(--sand);color:var(--dark)}

:root{--ease:cubic-bezier(.2,.7,.2,1);--shadow-sm:0 1px 2px rgba(0,0,0,.06),0 4px 12px -4px rgba(0,0,0,.12);--shadow-lg:0 2px 4px rgba(0,0,0,.05),0 24px 48px -20px rgba(0,0,0,.35)}

.container{width:100%;max-width:1200px;margin:0 auto;padding-inline:20px}
.narrow{max-width:820px}
.center{text-align:center}
.narrow-text{max-width:62ch;margin:0 auto 1.2em;opacity:.9}
.section{padding-block:clamp(56px,8vw,104px)}
.section-tight{padding-top:clamp(24px,4vw,48px)}
.dark{background:var(--dark);color:var(--on-dark)}
.sand{background:var(--sand);color:var(--dark)}
.light{background:var(--light);color:var(--dark)}
.stone{background:var(--stone);color:var(--dark)}

/* Icons */
.icon{display:inline-grid;place-items:center;width:clamp(64px,8vw,84px);aspect-ratio:1;border-radius:50%;margin:0 auto 18px;border:1.5px solid currentColor;color:inherit;opacity:.9}
.icon svg{width:46%;height:46%}
.sand .icon,.light .icon,.stone .icon{color:var(--dark);background:color-mix(in srgb,var(--light) 35%,transparent)}
.dark .icon{color:var(--sand);background:color-mix(in srgb,var(--sand) 8%,transparent)}
.icon-heart{width:52px;border:0;background:none!important;color:var(--sand)}
.icon-heart svg{width:70%;height:70%;fill:currentColor;animation:beat 2.4s var(--ease) infinite}
@keyframes beat{0%,60%,100%{transform:scale(1)}30%{transform:scale(1.14)}}

.pre{font-weight:700;font-size:calc(clamp(1.1rem,2.2vw,1.45rem) * var(--head-scale,1));margin:0 0 .15em;opacity:.8}
.subtitle{font-weight:700;font-size:calc(clamp(1.3rem,2.6vw,1.8rem) * var(--head-scale,1));margin-top:-.2em}
.title-xl{font-size:calc(clamp(2rem,5vw,3.2rem) * var(--head-scale,1));font-weight:800;line-height:1.2}
.title-xxl{font-size:calc(clamp(2.8rem,8vw,5.2rem) * var(--head-scale,1));margin-bottom:.1em;line-height:1.05}
.plain{list-style:none;padding:0;margin:0 auto 1.8em;display:grid;gap:.35em;max-width:640px}
.plain li{font-size:1.08em;line-height:1.7}
.answer-pre{font-weight:800;font-size:calc(clamp(1.5rem,3vw,2rem) * var(--head-scale,1));margin:0;opacity:.7}

/* Buttons */
.btn{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.55em;padding:.75em 1.7em;border-radius:999px;border:1.5px solid transparent;font:inherit;font-weight:700;font-size:1rem;letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background-color .25s}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(120%);transition:transform .7s var(--ease)}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px -12px rgba(0,0,0,.5)}
.btn:hover::after{transform:translateX(-120%)}
.btn:active{transform:translateY(0) scale(.98)}
.btn svg{width:1.3em;height:1.3em}
.btn-sm{padding:.5em 1.25em;font-size:.95rem}
.btn-lg{padding:.9em 2.2em;font-size:1.08rem}
.btn-sand{background:var(--sand);color:var(--dark);border-color:color-mix(in srgb,var(--on-dark) 70%,transparent)}
.btn-dark{background:var(--dark);color:var(--on-dark)}
.btn-whatsapp{background:#25D366;color:#fff}
.btn-glow{animation:glow 2.8s var(--ease) infinite}
@keyframes glow{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--sand) 55%,transparent)}70%,100%{box-shadow:0 0 0 16px transparent}}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:1.6em 0}

/* Scroll progress */
.progress{position:fixed;top:0;inset-inline:0;height:3px;background:var(--sand);transform-origin:right;transform:scaleX(0);z-index:60;pointer-events:none}

/* Top bar */
.topbar{background:var(--dark);border-bottom:1px solid color-mix(in srgb,var(--sand) 45%,transparent);position:sticky;top:env(safe-area-inset-top,0px);z-index:40;transition:background-color .35s,box-shadow .35s}
.topbar.scrolled{background:color-mix(in srgb,var(--dark) 80%,transparent);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 10px 30px -18px rgba(0,0,0,.6)}
.topbar-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;height:72px;transition:height .35s var(--ease)}
.topbar-inner>.logo{justify-self:start;min-width:0}
.topbar-inner>.btn{justify-self:end}
.scrolled .topbar-inner{height:60px}
.logo{color:var(--on-dark);text-decoration:none;font-weight:800;font-size:1.6rem;letter-spacing:-.01em}
.logo img{height:44px;width:auto}
.topbar-icon{grid-column:2;justify-self:center;display:block;width:34px;height:34px;color:var(--sand)}
.topbar-inner>.btn{grid-column:3}
.topbar-icon svg{width:100%;height:100%;animation:spin 40s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* Hero */
.hero{--hero-bg:#1d4634;position:relative;overflow:hidden;background-color:var(--hero-bg);background-image:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--hero-bg) 75%,#fff) 0%,var(--hero-bg) 45%,color-mix(in srgb,var(--hero-bg) 55%,#000) 100%);background-size:cover;background-position:center;color:#fff;padding-block:56px 72px;text-align:center;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.35) 70%,color-mix(in srgb,var(--dark) 70%,transparent));z-index:-1}
.hero-inner{max-width:900px;will-change:transform,opacity}
.hero-inner>*{animation:heroIn 1s var(--ease) both}
/* While the latest content loads (max ~1.8s) keep the page hidden and the hero animation waiting */
.pending body{opacity:0}
body{transition:opacity .35s ease}
.pending .hero-inner>*,.pending .wa-float{animation-play-state:paused}
.hero-inner>:nth-child(2){animation-delay:.08s}.hero-inner>:nth-child(3){animation-delay:.16s}.hero-inner>:nth-child(4){animation-delay:.24s}
.hero-inner>:nth-child(5){animation-delay:.34s}.hero-inner>:nth-child(6){animation-delay:.46s}.hero-inner>:nth-child(7){animation-delay:.56s}
.hero-inner>:nth-child(8){animation-delay:.64s}.hero-inner>:nth-child(9){animation-delay:.74s}
@keyframes heroIn{from{opacity:0;transform:translateY(24px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.hero-profile{width:96px;height:96px;object-fit:cover;border-radius:28px;margin:0 auto 10px;box-shadow:0 0 0 4px color-mix(in srgb,var(--sand) 55%,transparent),0 14px 28px rgba(0,0,0,.35)}
.hero-name{font-weight:700;font-size:.95rem;margin-bottom:10px;letter-spacing:.04em}
.dots{border:0;height:6px;margin:20px auto;max-width:560px;background:radial-gradient(circle,rgba(255,255,255,.75) 1.6px,transparent 2px) center/12px 6px repeat-x}
.hero-sub{font-weight:600;font-style:italic;font-size:clamp(1.2rem,2.5vw,1.6rem);margin:0;opacity:.95}
.hero h1{font-size:calc(clamp(3.2rem,11vw,7rem) * var(--head-scale,1));color:var(--sand);text-shadow:0 6px 30px rgba(0,0,0,.35);margin:.05em 0 .35em;line-height:1}
.hero-note{font-weight:700;text-decoration:underline;text-underline-offset:4px;font-size:1rem}
.hero-text{max-width:62ch;margin:0 auto}
.hero-text p{font-size:1.06rem;text-shadow:0 1px 8px rgba(0,0,0,.45)}

/* Curved dividers between sections */
.divider{display:block;line-height:0;margin-block:-1px}
.divider svg{display:block;width:100%;height:clamp(28px,4.5vw,64px)}

/* Promise */
.promise{padding-block:48px 56px}
.promise-pre,.promise-post{font-weight:800;font-size:calc(clamp(1.4rem,3vw,2rem) * var(--head-scale,1));margin:0}
.promise-big{font-size:calc(clamp(3rem,8vw,5rem) * var(--head-scale,1));color:var(--sand);margin:.05em 0}

/* Band */
.band{background:var(--dark);color:var(--on-dark);text-align:center;padding-block:30px 36px}
.band-pre{font-weight:800;font-size:calc(clamp(1.2rem,2.6vw,1.6rem) * var(--head-scale,1));margin:0;opacity:.9}
.band-big{font-size:calc(clamp(2.6rem,7vw,4.6rem) * var(--head-scale,1));color:var(--sand);margin:0}
.band-sand{background:var(--sand);color:var(--dark)}
.band-sand .band-pre{color:color-mix(in srgb,var(--dark) 65%,var(--sand))}
.band-sand .band-big{color:var(--dark)}

/* Cards */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-block:2.5em}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:2.5em}
.card{position:relative;border-radius:var(--radius);padding:40px 26px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow-sm);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.card:hover,.js .card.rv.in:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);transition-delay:0s}
.card h3{font-size:calc(clamp(1.4rem,2.4vw,1.85rem) * var(--head-scale,1))}
.card p{margin:0}
.card-sand{background:var(--sand);color:var(--dark)}
.card-dark{background:var(--dark);color:var(--on-dark)}
.card-dark h3{color:var(--sand)}
.card-color{--card:var(--dark);background:linear-gradient(160deg,color-mix(in srgb,var(--card) 88%,#fff) 0%,var(--card) 45%,color-mix(in srgb,var(--card) 75%,#000) 100%);color:#fff;justify-content:flex-start;min-height:300px;overflow:hidden}
.card-color::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);pointer-events:none}
.card-color h3{color:var(--sand)}
.card-color p{opacity:.92}
.card-icon{width:44px;height:44px;margin:0 auto 12px;color:var(--sand)}
.card-icon svg{width:100%;height:100%}
.card-step{background:color-mix(in srgb,var(--sand) 85%,var(--light));border:1.5px solid color-mix(in srgb,var(--dark) 70%,transparent);box-shadow:none;justify-content:flex-start;padding:56px 24px 32px}
.step-num{position:absolute;top:-22px;left:50%;transform:translateX(-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--dark);color:var(--sand);font-weight:800;font-size:1.15rem;box-shadow:0 0 0 6px var(--stone)}
.card-step .step-label{font-weight:800;font-size:1.5rem;margin:0}
.card-step p{font-size:.96rem}
.steps{margin-top:3.5em}

/* Banner */
.banner{--banner-bg:#3b3530;position:relative;isolation:isolate;background-color:var(--banner-bg);background-image:linear-gradient(135deg,var(--banner-bg),color-mix(in srgb,var(--banner-bg) 80%,#fff) 50%,color-mix(in srgb,var(--banner-bg) 80%,#000));background-size:cover;background-position:center;color:#fff;padding-block:56px}
.banner::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.3);z-index:-1}
.banner-pre,.banner-post{font-weight:800;font-size:calc(clamp(1.3rem,2.8vw,1.9rem) * var(--head-scale,1));margin:0}
.banner-big{font-size:calc(clamp(3.4rem,10vw,6rem) * var(--head-scale,1));color:var(--sand);margin:0;line-height:1.1}

/* Highlights */
.highlight-pre{font-weight:800;font-size:calc(clamp(1.5rem,3.2vw,2.3rem) * var(--head-scale,1));margin:.8em 0 0}
.highlight-big{font-weight:800;font-size:calc(clamp(3rem,8vw,4.8rem) * var(--head-scale,1));margin:0;line-height:1.1}
.tag{display:inline-block;background:var(--dark);color:var(--sand);font-weight:800;font-size:calc(clamp(1.6rem,3.5vw,2.3rem) * var(--head-scale,1));padding:.05em 1.2em;border-radius:10px}
.highlight-box{background:var(--dark);color:var(--sand);font-weight:800;font-size:calc(clamp(1.5rem,3.6vw,2.5rem) * var(--head-scale,1));line-height:1.4;padding:.6em 1em;max-width:900px;margin:0 auto 1.2em;border-radius:var(--radius);box-shadow:var(--shadow-lg)}

/* Fit */
.grid-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.fit-card{background:color-mix(in srgb,var(--light) 30%,transparent);border:1.5px dashed color-mix(in srgb,var(--dark) 55%,transparent);border-radius:var(--radius);padding:26px 20px;text-align:center;font-weight:600;transition:background-color .3s,transform .45s var(--ease)}
.fit-card:hover,.js .fit-card.rv.in:hover{background:color-mix(in srgb,var(--light) 60%,transparent);transform:translateY(-4px);transition-delay:0s}
.fit-card p{margin:0}
.check{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 12px;border-radius:50%;background:var(--dark);color:var(--sand)}
.check svg{width:60%;height:60%;stroke-width:2.4}

/* About */
.about-band{padding-block:10px 64px}
.about-photo{width:clamp(150px,24vw,230px);aspect-ratio:1;object-fit:cover;margin:0 auto 22px;box-shadow:0 0 0 5px color-mix(in srgb,var(--sand) 60%,transparent),0 22px 44px -16px rgba(0,0,0,.5)}
/* Picture shapes (chosen in the control panel) */
.shape-rounded{border-radius:28%}
.shape-circle{border-radius:50%}
.shape-square{border-radius:10px}
.shape-arch{border-radius:999px 999px 18px 18px;aspect-ratio:4/5}
.hero-profile.shape-arch{height:120px}
.shape-blob{border-radius:63% 37% 54% 46% / 55% 48% 52% 45%}
.about{--about-bg:#2f6b4f;background-color:var(--about-bg);background-image:linear-gradient(180deg,var(--dark),var(--about-bg) 30%,color-mix(in srgb,var(--about-bg) 55%,#fff));background-size:cover;background-position:center;padding-block:clamp(80px,14vw,200px) 64px}
.about .pre{color:var(--dark);opacity:1;text-shadow:0 1px 10px rgba(255,255,255,.6)}
.about .title-xxl{color:var(--dark);text-shadow:0 2px 18px rgba(255,255,255,.5)}
.about-card{background:color-mix(in srgb,var(--dark) 80%,transparent);color:var(--on-dark);border-radius:calc(var(--radius) + 4px);padding:28px clamp(18px,3.5vw,44px);max-width:960px;margin:0 auto;font-size:1.05rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.1)}

/* Pricing */
.pricing-title{color:var(--sand);font-size:calc(clamp(1.9rem,4.2vw,2.8rem) * var(--head-scale,1));line-height:1.3}
.price-badge{display:inline-block;background:var(--sand);color:var(--dark);font-weight:800;font-size:calc(clamp(1.6rem,3.5vw,2.2rem) * var(--head-scale,1));padding:.15em 1.1em;margin:.3em 0 .8em;border-radius:14px;box-shadow:0 12px 30px -14px color-mix(in srgb,var(--sand) 80%,transparent)}
.pricing-details{opacity:.9}
.pricing-closing{color:var(--sand);font-weight:800;font-size:calc(clamp(1.8rem,4.2vw,2.8rem) * var(--head-scale,1));line-height:1.3;margin:.6em 0 .2em;text-wrap:balance}
.scarcity{font-weight:700;font-size:.95rem;letter-spacing:.04em;opacity:.85}

/* Testimonials */
.testimonials{margin:0}
.testimonial{margin:0;background:var(--light);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.testimonial:hover,.js .testimonial.rv.in:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);transition-delay:0s}
.testimonial img{border-radius:calc(var(--radius) - 6px);margin:0 auto 12px;max-height:520px;width:auto}
.testimonial blockquote{margin:0 0 .6em;position:relative;padding-top:18px}
.testimonial blockquote::before{content:"”";position:absolute;top:-14px;right:0;font-size:3.2rem;line-height:1;color:var(--sand)}
.testimonial figcaption{font-weight:800}

/* FAQ */
.faq{max-width:900px;border-radius:var(--radius);overflow:hidden;box-shadow:0 0 0 2px var(--sand),var(--shadow-lg);padding:0}
.faq-item{background:var(--dark);color:var(--on-dark);border-bottom:2px solid var(--sand)}
.faq-item:last-child{border-bottom:0}
.faq-item summary{cursor:pointer;list-style:none;font-weight:800;font-size:clamp(1.05rem,2.2vw,1.35rem);padding:18px 24px;display:flex;gap:.8em;align-items:center;transition:color .25s,background-color .25s}
.faq-item summary:hover{background:color-mix(in srgb,var(--sand) 8%,transparent)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::before{content:"";flex:none;width:10px;height:10px;border-inline-start:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .35s var(--ease)}
.faq-item[open] summary{color:var(--sand)}
.faq-item[open] summary::before{transform:rotate(135deg)}
.faq-item::details-content{block-size:0;overflow:clip;transition:block-size .4s var(--ease),content-visibility .4s allow-discrete}
.faq-item[open]::details-content{block-size:auto}
.faq-a{background:#f7f7f5;color:var(--dark);padding:18px 24px 8px;font-weight:600}

/* Lead form */
.lead-form{display:grid;gap:16px;text-align:start;background:var(--light);padding:32px;border-radius:calc(var(--radius) + 4px);margin-top:1.4em;box-shadow:var(--shadow-lg)}
.lead-form label{display:grid;gap:6px;font-weight:700;font-size:.95rem}
.lead-form input,.lead-form textarea{font:inherit;padding:.8em 1em;border:1.5px solid color-mix(in srgb,var(--dark) 20%,transparent);border-radius:14px;background:#fff;color:var(--dark);transition:border-color .2s,box-shadow .2s}
.lead-form input:focus,.lead-form textarea:focus{outline:none;border-color:var(--dark);box-shadow:0 0 0 4px color-mix(in srgb,var(--sand) 55%,transparent)}
.form-status{margin:0;text-align:center;font-weight:700}

/* Footer */
.footer{background:color-mix(in srgb,var(--sand) 55%,#fff);text-align:center;padding-block:32px 96px;font-size:.95rem}
.footer p{margin:.3em 0}
.footer .credit{margin-top:8px;font-size:9px;opacity:.6}
.footer .credit a{color:inherit}
.footer .credit a:hover{text-decoration:underline}
.ig{display:inline-block;width:28px;height:28px;color:var(--dark);margin-bottom:6px;transition:transform .25s var(--ease)}
.ig:hover{transform:scale(1.12)}
.admin-dot{display:block;width:8px;height:8px;margin:14px auto 0;border-radius:50%;background:var(--dark);opacity:.25;transition:opacity .2s,transform .2s}
.admin-dot-solo{margin:24px auto 90px}
.admin-dot:hover,.admin-dot:focus-visible{opacity:.8;transform:scale(1.5)}

/* Floating WhatsApp */
.wa-float{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:20px;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px -6px rgba(0,0,0,.4);z-index:50;transition:transform .25s var(--ease);animation:heroIn .8s 1.2s var(--ease) both}
.wa-float::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:ring 2.6s var(--ease) infinite}
@keyframes ring{0%{transform:scale(1);opacity:.8}80%,100%{transform:scale(1.6);opacity:0}}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:32px;height:32px}

/* Scroll reveal (classes added by main.js) */
.js .rv{opacity:0;transition:opacity .9s var(--ease),transform .9s var(--ease),clip-path 1.1s var(--ease),box-shadow .45s var(--ease);transition-delay:calc(var(--i,0) * 110ms)}
.js .rv-up{transform:translateY(26px)}
.js .rv-scale{transform:translateY(32px) scale(.96)}
.js .rv-mask{opacity:1;clip-path:inset(0 0 100% 0);transform:translateY(40%)}
.js .rv.in{opacity:1;transform:none;clip-path:inset(-20% -20% -20% -20%)}

/* Parallax-style fixed backgrounds on large screens */
@media (hover:hover) and (min-width:900px){.banner,.about{background-attachment:fixed}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .rv{opacity:1;transform:none;clip-path:none}
}

/* Responsive */
@media (max-width:340px){.topbar-icon{display:none}}
@media (max-width:1000px){.grid-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){
  body{font-size:1.0625rem}
  .grid-3,.grid-4{grid-template-columns:1fr}
  .steps{row-gap:40px}
  .card-color{min-height:0}
  .topbar-inner{height:60px}
  .scrolled .topbar-inner{height:54px}
  .topbar-icon{width:26px;height:26px}
  .topbar-inner{gap:8px}
  .topbar-inner>.btn{padding:.45em .9em;font-size:.88rem}
  .logo{font-size:1.3rem}
  .lead-form{padding:22px 16px}
  .faq-item summary{padding:16px 18px}
}

/* Pictures used instead of icons (uploaded in the control panel) */
.icon-img{display:block;width:clamp(96px,14vw,150px);height:clamp(96px,14vw,150px);object-fit:contain;margin:0 auto 18px}
.card-icon-img{display:block;width:96px;height:96px;object-fit:contain;margin:0 auto 14px}
.card-img{display:block;width:100%;max-width:220px;height:140px;object-fit:contain;margin:0 auto 16px}
.topbar-icon-img{grid-column:2;justify-self:center;display:block;width:40px;height:40px;object-fit:contain}
@media (max-width:760px){.topbar-icon-img{width:32px;height:32px}}
@media (max-width:340px){.topbar-icon-img{display:none}}

/* Section background overridden in the control panel: pick readable text for it */
.tone-dark{color:var(--on-dark)}
.tone-dark .icon{color:var(--sand);background:color-mix(in srgb,var(--sand) 8%,transparent)}
.tone-light{color:var(--dark)}
.tone-light .pricing-title,.tone-light .pricing-closing,.tone-light .icon-heart{color:var(--dark)}
.tone-light .icon{color:var(--dark);background:color-mix(in srgb,var(--light) 35%,transparent)}
.footer.tone-dark .ig{color:var(--on-dark)}
.footer.tone-dark .admin-dot{background:var(--on-dark)}