/* ============================================================
   PACK RENDA EXTRA MAKER — tema na identidade Família Maker.
   Azul (#1793dc/#002741) · verde no CTA · Poppins (700 itálico p/ impacto).
   Layer sobre styles.css (mantem carousel/sticky/main.js).
   ============================================================ */

:root{
  --blue-deep:#002741;
  --blue-dark:#0b3d5f;
  --blue:#1793dc;
  --blue-bright:#2fadff;
  --blue-soft:#eaf6fd;
  --green:#08820e;
  --green-light:#17cc20;
  --gold:#ffc31e;              /* só estrelas de avaliação (padrão do site) */
  --ink:#0e1c27;
  --gray:#dfdfdf;
  --paper:#f3f7fa;
  --line:#dbe6ee;
  --text:#12222d;
  --muted:#5d6f7a;
  --white:#fff;
  --shadow:0 22px 50px rgba(0,39,65,.16);
  --font-display:Poppins,Arial,sans-serif;
}

html{scroll-behavior:smooth}
body{background:var(--white);color:var(--text);font-family:Poppins,Arial,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:var(--blue-bright);color:#fff}
.shell{width:min(1180px,calc(100% - 56px));margin-inline:auto}

/* eyebrow */
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--blue)}
.eyebrow--light{color:var(--blue-bright)}
.eyebrow--light::before{background:var(--blue-bright)}
.eyebrow--center{justify-content:center}

/* display titles (Poppins) */
.dtitle{font-family:var(--font-display);font-weight:700;line-height:1.06;letter-spacing:-.01em;margin:0;color:var(--blue-deep)}
.dtitle em{font-style:italic;color:var(--blue)}
.sec--blue .dtitle,.offer-card + .dtitle{color:#fff}
.dtitle .u{position:relative;white-space:nowrap}
.dtitle .u::after{content:"";position:absolute;left:0;right:0;bottom:.05em;height:.26em;background:var(--blue-bright);opacity:.28;z-index:-1;border-radius:2px}

/* section rhythm */
.sec{position:relative;padding:84px 0;overflow:hidden}
.sec--cream{background:var(--white)}
.sec--paper{background:var(--paper)}
.sec--ink,.sec--blue{background:linear-gradient(309deg,#1793dc 0%,#002741 100%);color:#eaf4fb}
.sec__head{max-width:720px;margin:0 0 46px}
.sec__head--center{margin-inline:auto;text-align:center}
.sec__head .dtitle{font-size:clamp(28px,4vw,46px);margin:14px 0 0}
.sec__head p{margin:16px 0 0;font-size:17px;line-height:1.6;color:var(--muted)}
.sec--ink .sec__head p,.sec--blue .sec__head p{color:#c8e4f6}

/* decor */
.blueprint::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.6;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:52px 52px;-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 30%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 90% 80% at 50% 30%,#000 40%,transparent 100%)}
.glow::after{content:"";position:absolute;pointer-events:none;width:640px;height:640px;border-radius:50%;
  background:radial-gradient(circle,rgba(47,173,255,.28),transparent 65%);top:-220px;right:-160px;filter:blur(6px)}
.grain::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.25'/%3E%3C/svg%3E")}
.sec>.shell{position:relative;z-index:1}

/* reveal (visível por padrão; JS só esconde abaixo da dobra) */
.reveal{transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.pre{opacity:0;transform:translateY(26px)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal.pre{opacity:1;transform:none}.marquee__track{animation:none}}

/* ============================================================
   BUTTONS (verde da marca)
   ============================================================ */
.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-width:0;padding:19px 40px;border-radius:6px;border:0;cursor:pointer;
  background:linear-gradient(283deg,var(--green-light) 0%,#002e02 100%);background-size:300% 400%;
  color:#fff;text-decoration:none;font-family:Poppins,sans-serif;font-size:17px;font-weight:700;line-height:1;
  box-shadow:0 12px 26px rgba(8,130,14,.32);animation:ctaGradient 9s ease infinite;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.button span{font-weight:700}
.button:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 18px 34px rgba(8,130,14,.42)}
.button:active{transform:translateY(0)}
.button--amber{background:linear-gradient(283deg,var(--green-light) 0%,#002e02 100%)} /* mantém verde da marca */
.button--lg{padding:22px 50px;font-size:19px}
.button--block{width:100%}
.cta-note{margin:14px 0 0;color:var(--muted);font-size:13px;font-weight:600}
.sec--ink .cta-note,.hero .cta-note{color:#b9d8ee}

/* ============================================================
   HERO
   ============================================================ */
.hero{position:relative;background:linear-gradient(168deg,#0b3d5f 0%,#012a45 58%,#06141f 100%);color:#eef6fc;padding:0;overflow:hidden}
.hero__top{display:flex;align-items:center;justify-content:space-between;padding:26px 0}
.hero__logo{width:170px}
.hero__top-cta{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-decoration:none;border:1px solid rgba(47,173,255,.5);padding:9px 16px;border-radius:999px}
.hero__top-cta:hover{background:rgba(47,173,255,.15)}
.hero__arc{position:absolute;left:50%;bottom:-46px;transform:translateX(calc(-50% + 90px));width:min(540px,42vw);aspect-ratio:1;border:16px solid var(--gold);border-radius:50%;z-index:0;pointer-events:none;box-shadow:0 0 70px rgba(255,195,30,.22)}
.hero__family{position:absolute;bottom:0;left:50%;margin-left:-160px;width:min(620px,50vw);height:auto;z-index:1;pointer-events:none;filter:drop-shadow(0 24px 48px rgba(0,0,0,.5))}
.hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;padding:34px 0 92px}
.hero__copy{position:relative;z-index:2;max-width:620px}
.hero__inner .ticket-wrap{position:relative;z-index:3;transform:translateY(-60px)}
.hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(38px,5.4vw,64px);line-height:1.02;letter-spacing:-.02em;margin:22px 0 22px;color:#fff}
.hero h1 em{font-style:italic;color:var(--blue-bright)}
.hero__text{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:#cfe4f3;margin:0 0 32px;max-width:540px}
.hero__text strong{color:#fff;font-weight:700}
.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px}
.hero__price-hint{font-style:italic;font-size:18px;color:#cfe4f3}
.hero__price-hint b{font-size:24px;font-weight:700;color:var(--blue-bright);font-style:normal}
.hero__chips{display:flex;flex-wrap:wrap;gap:10px 12px;margin:32px 0 0;padding:0;list-style:none}
.hero__chips li{display:flex;align-items:center;gap:8px;padding:8px 15px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:600;color:#e6f2fb}
.hero__chips li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue-bright)}

/* ticket */
.ticket-wrap{position:relative;justify-self:center}
.ticket-cover{position:absolute;width:150px;border-radius:10px;box-shadow:0 22px 44px rgba(0,0,0,.45);transform:rotate(-7deg);top:-46px;left:-72px;z-index:0;border:5px solid #fff}
.ticket{position:relative;z-index:1;width:min(380px,86vw);background:#fff;color:var(--text);border-radius:16px;padding:32px 30px 30px;box-shadow:var(--shadow)}
.ticket::before,.ticket::after{content:"";position:absolute;width:26px;height:26px;border-radius:50%;background:#06141f;top:50%}
.ticket::before{left:-13px;transform:translateY(-50%)}
.ticket::after{right:-13px;transform:translateY(-50%)}
.ticket__tag{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--blue-deep);color:var(--blue-bright);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.ticket h3{font-family:var(--font-display);font-weight:700;font-size:25px;line-height:1.1;margin:16px 0 4px;color:var(--blue-deep)}
.ticket__meta{margin:0;color:var(--muted);font-size:13px;font-weight:600}
.ticket__perf{margin:20px -30px;border-top:2px dashed var(--line)}
.ticket__from{margin:0;color:var(--muted);font-size:15px;font-weight:600}
.ticket__from del{opacity:.8}
.ticket__price{display:flex;align-items:flex-start;justify-content:center;gap:6px;margin:6px 0 2px}
.ticket__price .cur{font-weight:700;font-size:26px;padding-top:14px;color:var(--blue-deep)}
.ticket__price .num{font-weight:700;font-style:italic;font-size:80px;line-height:.8;letter-spacing:-3px;color:var(--blue);background:linear-gradient(160deg,#2fadff 0%,#024069 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ticket__hint{margin:0 0 22px;text-align:center;color:var(--blue);font-size:14px;font-weight:700}
.ticket__mini{margin:12px 0 0;text-align:center;color:var(--muted);font-size:12px;font-weight:600}
.ticket__mini b{color:var(--green)}

/* ============================================================
   MARQUEE
   ============================================================ */
.marquee{background:var(--blue);color:#fff;padding:15px 0;overflow:hidden;border-top:3px solid var(--blue-deep);border-bottom:3px solid var(--blue-deep)}
.marquee__track{display:flex;white-space:nowrap;width:max-content;animation:marquee 42s linear infinite}
.marquee:hover .marquee__track{animation-play-state:paused}
.marquee span{display:inline-flex;align-items:center;font-weight:700;font-size:18px;padding:0 26px}
.marquee span::after{content:"✦";margin-left:26px;font-size:12px;opacity:.7}
@keyframes marquee{to{transform:translateX(-50%)}}

/* ============================================================
   PRA QUEM É
   ============================================================ */
.whom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.whom-card{position:relative;padding:34px 28px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 30px rgba(0,39,65,.07)}
.whom-card__n{font-family:var(--font-display);font-weight:700;font-style:italic;font-size:40px;color:var(--blue-bright);line-height:1}
.whom-card h3{margin:14px 0 10px;font-size:20px;font-weight:700;color:var(--blue-deep)}
.whom-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}

/* ============================================================
   O QUE VEM
   ============================================================ */
.deliver-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:42px}
.deliver-card{display:flex;gap:20px;padding:28px;border-radius:14px;background:linear-gradient(309deg,#1793dc 0%,#002741 100%);color:#fff;box-shadow:var(--shadow)}
.deliver-card .di{flex:0 0 54px;height:54px;border-radius:13px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-size:26px}
.deliver-card h4{margin:0 0 8px;font-weight:700;font-size:20px}
.deliver-card p{margin:0;font-size:14px;line-height:1.55;color:#d8ecf9}
.center-cta{display:flex;justify-content:center}

/* ============================================================
   OS 20 PROJETOS
   ============================================================ */
.inside{position:relative}
.inside__bignum{position:absolute;top:20px;right:4%;font-family:var(--font-display);font-weight:700;font-style:italic;font-size:clamp(120px,20vw,280px);line-height:1;color:var(--blue);opacity:.09;pointer-events:none;z-index:0}
.inside-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.inside-card{position:relative;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 12px 26px rgba(0,39,65,.12);border:1px solid var(--line);transition:transform .25s ease,box-shadow .25s ease}
.inside-card:hover{transform:translateY(-6px);box-shadow:0 22px 40px rgba(0,39,65,.22)}
.inside-card img{width:100%;aspect-ratio:537/760;object-fit:cover;display:block}
.inside-card .num{position:absolute;left:9px;top:9px;z-index:1;width:28px;height:28px;border-radius:8px;background:var(--blue-deep);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(0,0,0,.3)}
.inside__note{margin:32px auto 0;max-width:600px;text-align:center;color:var(--muted);font-size:15px;line-height:1.6}
.inside__note strong{color:var(--blue-deep)}

/* ============================================================
   QUANTO VOCÊ PODE COBRAR (band azul)
   ============================================================ */
.earn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:38px}
.earn-card{border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);text-align:left;overflow:hidden}
.earn-card__img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.earn-card__body{padding:22px}
.earn-card h4{margin:0 0 16px;font-size:15px;font-weight:600;color:#eaf4fb;min-height:40px}
.earn-card .val{font-family:var(--font-display);font-weight:700;font-style:italic;font-size:38px;line-height:.9;color:var(--blue-bright)}
.earn-card .unit{display:block;margin-top:8px;color:#a9c6da;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.earn__calc{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 26px;padding:28px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(47,173,255,.35);text-align:center}
.earn__calc .big{font-weight:700;font-size:clamp(20px,2.6vw,30px);color:#fff;line-height:1.15}
.earn__calc .big em{font-style:italic;color:var(--green-light)}
.earn__calc .arrow{font-size:24px;color:var(--blue-bright)}

/* ============================================================
   3 PASSOS
   ============================================================ */
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.step{position:relative;padding:34px 26px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 26px rgba(0,39,65,.07)}
.step__n{width:52px;height:52px;border-radius:50%;background:linear-gradient(309deg,#1793dc,#002741);color:#fff;font-family:var(--font-display);font-weight:700;font-style:italic;font-size:24px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.step h3{margin:0 0 10px;font-weight:700;font-size:21px;color:var(--blue-deep)}
.step p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}

/* ============================================================
   TESTIMONIALS
   ============================================================ */
.testimonials{padding:84px 0}
.carousel{position:relative;padding:0 46px}
.carousel__viewport{overflow:hidden;padding:20px 4px 64px}
.carousel__track{display:flex;gap:20px;transition:transform .55s ease}
.testimonial{position:relative;flex:0 0 calc((100% - 40px)/3);padding:40px 30px 30px;border-radius:16px;text-align:left;background:#fff;border:1px solid var(--line);box-shadow:0 16px 34px rgba(0,39,65,.1);min-height:auto}
.testimonial .quote{position:absolute;right:22px;top:18px;width:auto;height:auto;background:none;border-radius:0;font-weight:700;font-size:64px;line-height:.6;color:var(--blue-bright);opacity:.5}
.testimonial .quote::before{display:none}
.testimonial img,.avatar-placeholder{width:56px;height:56px;border-radius:50%;margin:0 0 14px;object-fit:cover}
.avatar-placeholder{background:var(--gray);position:relative}
.avatar-placeholder::after{content:"";position:absolute;left:14px;top:18px;width:28px;height:16px;border-left:8px solid #fff;border-bottom:8px solid #fff;transform:rotate(-45deg);opacity:.9}
.testimonial h3{margin:0;font-size:16px;font-weight:700;color:var(--blue-deep)}
.testimonial span{display:block;min-height:16px;color:var(--muted);font-size:13px}
.stars{margin:12px 0;color:var(--gold);letter-spacing:3px;font-size:15px}
.testimonial p{margin:0;color:#4a5b66;font-size:15px;line-height:1.6}
.carousel__arrow{position:absolute;top:42%;z-index:3;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--blue-deep);font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,39,65,.12)}
.carousel__arrow:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.carousel__arrow--prev{left:0}.carousel__arrow--next{right:0}
.carousel__dots{display:flex;justify-content:center;gap:9px}
.carousel__dots button{width:9px;height:9px;border:0;border-radius:50%;background:var(--line);padding:0;cursor:pointer}
.carousel__dots button.is-active{background:var(--blue);width:26px;border-radius:5px}

/* ============================================================
   OFERTA
   ============================================================ */
.offer{padding:0 0 88px}
.offer__band{position:relative;overflow:hidden;background:linear-gradient(309deg,#1793dc 0%,#002741 100%);padding:88px 0}
.offer-card{position:relative;width:min(560px,calc(100% - 32px));margin:auto;padding:44px 40px;background:#fff;border-radius:20px;text-align:center;box-shadow:0 30px 70px rgba(0,0,0,.4)}
.offer-card .eyebrow{justify-content:center}
.offer-card h2{font-family:var(--font-display);font-weight:700;font-style:italic;font-size:clamp(32px,5vw,50px);color:var(--blue);background:linear-gradient(160deg,#2fadff 0%,#024069 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:12px 0 24px;line-height:1.02}
.offer__items{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;list-style:none;margin:0 auto 28px;padding:0;max-width:480px;text-align:left}
.offer__items li{display:flex;align-items:flex-start;gap:10px;font-size:15px;font-weight:600;color:var(--blue-deep);line-height:1.35}
.offer__items li::before{content:"✓";color:var(--green);font-weight:700}
.offer__from{margin:0;color:var(--muted);font-size:17px;font-weight:600}
.offer__from del{opacity:.8}
.offer__price{display:flex;align-items:flex-start;justify-content:center;gap:6px;margin:2px 0}
.offer__price .cur{font-weight:700;font-size:30px;padding-top:18px;color:var(--blue-deep)}
.offer__price .num{font-weight:700;font-style:italic;font-size:104px;line-height:.78;letter-spacing:-5px;color:var(--blue);background:linear-gradient(160deg,#2fadff 0%,#024069 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.offer__hint{margin:0 0 26px;color:var(--blue);font-size:16px;font-weight:700}
.offer__hint b{color:var(--green)}
.offer__trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:20px 0 0;padding:0;list-style:none;color:var(--muted);font-size:13px;font-weight:700}
.offer__trust li{display:flex;align-items:center;gap:6px}
.offer__trust li::before{content:"✓";color:var(--green)}

/* ============================================================
   GARANTIA
   ============================================================ */
.guarantee-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}
.guarantee-seal{justify-self:center;width:min(280px,70%)}
.guarantee-seal img{width:100%;filter:drop-shadow(0 20px 34px rgba(0,39,65,.2))}
.guarantee h2{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,4vw,40px);color:var(--blue-deep);margin:14px 0 16px;line-height:1.08}
.guarantee p{margin:0;font-size:17px;line-height:1.65;color:var(--muted);max-width:520px}

/* ============================================================
   BIO
   ============================================================ */
.bio-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.bio__photo{border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.bio__photo img{width:100%;display:block}
.bio__logo{width:150px;margin-bottom:18px}
.bio h2{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,4vw,44px);color:var(--blue-deep);margin:0 0 18px;line-height:1.04}
.bio p{margin:0 0 15px;font-size:16px;line-height:1.65;color:#4a5b66}
.bio p strong{color:var(--blue-deep)}
.bio a{color:#ff6690;text-decoration:none;font-weight:600}
.bio__sign{font-style:italic;font-weight:700;font-size:20px;color:var(--blue-deep)}

/* ============================================================
   FOOTER + STICKY
   ============================================================ */
.footer{background:var(--blue);padding:52px 0;display:flex;flex-direction:column;align-items:center;gap:18px;color:#dff1fb}
.footer img{width:150px}
.footer small{font-size:12px;opacity:.85}
.sticky-cta{display:none}

/* ============================================================
   RESPONSIVO
   ============================================================ */
@media (max-width:1024px){
  .shell{width:min(940px,calc(100% - 40px))}
  .inside-grid{grid-template-columns:repeat(4,1fr)}
  .earn-grid{grid-template-columns:repeat(2,1fr)}
  .hero__inner{gap:40px}
  .testimonial{flex-basis:calc((100% - 20px)/2)}
}
@media (max-width:767px){
  body{padding-bottom:86px}
  .shell{width:calc(100% - 32px)}
  .sec{padding:58px 0}
  .sec__head{margin-bottom:32px}
  .hero__top-cta{display:none}
  .hero__arc{display:none}
  .hero__family{display:none}
  .hero__inner{grid-template-columns:1fr;padding:20px 0 66px;gap:54px}
  .hero__copy{max-width:none;text-align:center}
  .eyebrow{justify-content:center}
  .hero__text{margin-inline:auto}
  .hero__actions{flex-direction:column;align-items:stretch}
  .hero__actions .button{width:100%}
  .hero__price-hint{text-align:center}
  .hero__chips{justify-content:center}
  .hero__inner .ticket-wrap{transform:none}
  .ticket-cover{width:104px;top:-32px;left:-14px}
  .whom-grid,.deliver-grid,.steps-grid,.earn-grid,.guarantee-grid,.bio-grid{grid-template-columns:1fr}
  .inside-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .testimonial{flex-basis:100%}
  .offer__items{grid-template-columns:1fr;max-width:300px;margin-inline:auto}
  .offer__band{padding:58px 0}
  .offer-card{padding:34px 22px}
  .offer__price .num{font-size:84px}
  .guarantee-grid{text-align:center}.guarantee p{margin-inline:auto}
  .bio-grid{gap:32px}
  .bio__logo,.bio h2{text-align:center}
  .marquee span{font-size:16px}
  .sticky-cta{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;padding:12px 18px;border-radius:12px;text-decoration:none;text-align:center;background:linear-gradient(283deg,var(--green-light) 0%,#002e02 100%);color:#fff;box-shadow:0 14px 32px rgba(0,0,0,.34);transform:translateY(calc(100% + 26px));opacity:0;pointer-events:none;transition:transform .28s ease,opacity .28s ease}
  .sticky-cta span{font-size:17px;font-weight:700;line-height:1.1}
  .sticky-cta small{font-size:12px;font-weight:600;opacity:.9}
  .sticky-cta.is-visible{transform:translateY(0);opacity:1;pointer-events:auto}
}