/*
 * sx: seção de vídeo + sintomas (mobile primeiro).
 * Autossuficiente: não depende do Tailwind compilado. Duas variantes:
 *   .sx--dark  seção imersiva (home)
 *   .sx--card  cartão claro (páginas de serviço, contato, sobre); acompanha o modo escuro do site
 */
.sx{--teal:#007C8A;--teal2:#2dd4bf;--navy:#0B1E33;position:relative;isolation:isolate;overflow:hidden;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.sx,.sx *{box-sizing:border-box}
:where(.sx) p{margin:0}
.sx__wrap{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:0 20px}

/* ---------- cabeçalho ---------- */
.sx__eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 15px 9px 12px;border-radius:999px;font:700 11.5px/1 Inter,system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.sx__eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--teal2);box-shadow:0 0 0 4px rgba(45,212,191,.22)}
.sx__title{margin:16px 0 0;font-family:Montserrat,Inter,system-ui,sans-serif;font-weight:800;letter-spacing:-.022em;line-height:1.1;font-size:clamp(1.85rem,6.6vw + .2rem,3.05rem);max-width:19ch}
.sx__title em{font-style:normal;background:linear-gradient(100deg,#2dd4bf,#7ce8d9);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx__intro{margin-top:14px;max-width:46ch;font-size:16.5px;line-height:1.6}

/* ---------- grade ---------- */
.sx__grid{display:grid;gap:30px;margin-top:30px}
.sx__body{display:flex;flex-direction:column;gap:22px;min-width:0}

/* ---------- vídeo ---------- */
.sx__media{position:relative;width:100%;max-width:320px;margin:0 auto}
.sx__media::before{content:"";position:absolute;inset:-12% -20%;z-index:-1;background:radial-gradient(closest-side,rgba(45,212,191,.34),transparent 72%);filter:blur(12px);animation:sx-glow 7s ease-in-out infinite alternate}
.sx a.vlb{display:block;position:relative;width:100%;max-width:100%;margin:0;aspect-ratio:9/16;overflow:hidden;border-radius:28px;background:#0B1E33}
.sx a.vlb video{display:block;width:100%;height:100%;object-fit:cover}
.sx__doc{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;text-align:left}
.sx__doc img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none;border:2px solid rgba(45,212,191,.7)}
.sx__doc b{display:block;font:700 15px/1.2 Montserrat,Inter,system-ui,sans-serif}
.sx__doc span{display:block;margin-top:3px;font-size:12.5px;line-height:1.3;opacity:.72}

/* ---------- sintomas (chips) ---------- */
.sx__chips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sx__chips li{display:flex;align-items:center;gap:11px;min-height:64px;padding:12px;border-radius:18px;font-size:14.5px;line-height:1.25;font-weight:600;min-width:0;overflow-wrap:break-word}
.sx__ico{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px}
.sx__ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sx__ico svg .f{fill:currentColor;stroke:none}

/* ---------- causas ---------- */
.sx__label{font:700 11.5px/1 Inter,system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px}
.sx__causes{display:grid;gap:9px}
.sx__cause{display:flex;align-items:center;gap:13px;min-height:58px;padding:11px 16px 11px 12px;border-radius:18px;text-decoration:none;font-size:15px;font-weight:600;line-height:1.25;transition:transform .2s,background .2s,border-color .2s}
a.sx__cause:active{transform:scale(.985)}
.sx__cause .go{margin-left:auto;flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.7;transition:transform .2s}
a.sx__cause:hover .go{transform:translateX(3px);opacity:1}

/* ---------- texto de apoio ---------- */
.sx__lead{font-size:16px;line-height:1.65}
.sx__note{position:relative;padding:4px 0 4px 18px;font-size:15.5px;line-height:1.6}
.sx__note::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:3px;background:linear-gradient(180deg,#2dd4bf,#007C8A)}

/* ---------- chamada ---------- */
.sx__cta{display:flex;flex-direction:column;gap:14px;margin-top:4px}
.sx__btn{display:flex;align-items:center;justify-content:center;gap:11px;min-height:58px;padding:0 30px;border-radius:999px;text-decoration:none;font:700 16.5px/1 Inter,system-ui,sans-serif;color:#fff;background:linear-gradient(135deg,#00a0b0,#007C8A 55%,#006470);box-shadow:0 16px 32px -12px rgba(0,124,138,.75),inset 0 1px 0 rgba(255,255,255,.28);transition:transform .2s,box-shadow .2s}
.sx__btn:hover{transform:translateY(-2px);box-shadow:0 20px 38px -12px rgba(0,124,138,.85),inset 0 1px 0 rgba(255,255,255,.3)}
.sx__btn:active{transform:scale(.985)}
.sx__btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sx__link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;font:600 15px/1 Inter,system-ui,sans-serif;text-decoration:none}
.sx__link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* ================= VARIANTE ESCURA (home) ================= */
.sx--dark{border-top:1px solid rgba(45,212,191,.16);padding:68px 0 76px;color:#fff;background:
  radial-gradient(120% 70% at 88% -5%,rgba(0,124,138,.42),transparent 58%),
  radial-gradient(90% 60% at -5% 105%,rgba(45,212,191,.14),transparent 60%),
  linear-gradient(180deg,#0B1E33 0%,#0a1a2d 100%)}
.sx--dark::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.sx--dark .sx__eyebrow{color:#9ff1e6;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.sx--dark .sx__intro{color:rgba(255,255,255,.78)}
.sx--dark a.vlb{box-shadow:0 34px 70px -24px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.18)}
.sx--dark .sx__doc{color:#fff}
.sx--dark .sx__chips li{color:#fff;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.sx--dark .sx__ico{color:#2dd4bf;background:rgba(45,212,191,.14);border:1px solid rgba(45,212,191,.28)}
.sx--dark .sx__label{color:rgba(255,255,255,.6)}
.sx--dark .sx__cause{color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.sx--dark a.sx__cause:hover{background:rgba(45,212,191,.12);border-color:rgba(45,212,191,.45)}
.sx--dark .sx__lead{color:rgba(255,255,255,.78)}
.sx--dark .sx__note{color:#fff}
.sx--dark .sx__link{color:#9ff1e6}

/* ================= VARIANTE CARTÃO (claro + modo escuro do site) ================= */
.sx--card{padding:28px 0;border-radius:30px;color:#1f3347;background:linear-gradient(150deg,#effafa 0%,#ffffff 55%,#f6fbfc 100%);border:1px solid #d9ecee;box-shadow:0 24px 50px -30px rgba(11,30,51,.35)}
.sx--card .sx__wrap{max-width:none;padding:0 20px}
.sx--card .sx__eyebrow,.sx--light .sx__eyebrow{color:#00606b;background:rgba(0,124,138,.09);border:1px solid rgba(0,124,138,.2)}
.sx--card .sx__eyebrow i,.sx--light .sx__eyebrow i{background:var(--teal);box-shadow:0 0 0 4px rgba(0,124,138,.18)}
.sx--card .sx__title,.sx--light .sx__title{color:#0B1E33;font-size:clamp(1.6rem,5.6vw + .2rem,2.35rem)}
.sx--card .sx__title em,.sx--light .sx__title em{background:linear-gradient(100deg,#007C8A,#00a3a3);-webkit-background-clip:text;background-clip:text}
.sx--card .sx__intro,.sx--light .sx__intro{color:#4a6072}
.sx--card .sx__media::before,.sx--light .sx__media::before{background:radial-gradient(closest-side,rgba(0,124,138,.22),transparent 72%)}
.sx--card a.vlb{box-shadow:0 26px 50px -22px rgba(11,30,51,.55),0 0 0 1px rgba(11,30,51,.08)}
.sx--card .sx__doc,.sx--light .sx__doc{color:#0B1E33}
.sx--card .sx__chips li,.sx--light .sx__chips li{color:#0B1E33;background:#fff;border:1px solid #d9ecee;box-shadow:0 8px 18px -14px rgba(11,30,51,.35)}
.sx--card .sx__ico,.sx--light .sx__ico{color:var(--teal);background:rgba(0,124,138,.1)}
.sx--card .sx__label,.sx--light .sx__label{color:#5b7183}
.sx--card .sx__cause,.sx--light .sx__cause{color:#0B1E33;background:#fff;border:1px solid #d9ecee}
.sx--card .sx__lead,.sx--light .sx__lead{color:#455a6c}
.sx--card .sx__note,.sx--light .sx__note{color:#1f3347}
.sx--card .sx__link,.sx--light .sx__link{color:var(--teal)}
.dark .sx--card{color:#e2e8f0;background:linear-gradient(150deg,#122a42 0%,#0f2236 60%,#0c1d30 100%);border-color:rgba(255,255,255,.1);box-shadow:0 24px 50px -30px rgba(0,0,0,.7)}
.dark .sx--card .sx__eyebrow,.dark .sx--light .sx__eyebrow{color:#9ff1e6;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}
.dark .sx--card .sx__eyebrow i,.dark .sx--light .sx__eyebrow i{background:var(--teal2)}
.dark .sx--card .sx__title,.dark .sx--light .sx__title{color:#fff}
.dark .sx--card .sx__title em,.dark .sx--light .sx__title em{background:linear-gradient(100deg,#2dd4bf,#7ce8d9);-webkit-background-clip:text;background-clip:text}
.dark .sx--card .sx__intro,.dark .sx--light .sx__intro,.dark .sx--card .sx__lead,.dark .sx--light .sx__lead{color:rgba(255,255,255,.78)}
.dark .sx--card .sx__doc,.dark .sx--light .sx__doc,.dark .sx--card .sx__note,.dark .sx--light .sx__note{color:#fff}
.dark .sx--card .sx__chips li,.dark .sx--light .sx__chips li{color:#fff;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:none}
.dark .sx--card .sx__ico,.dark .sx--light .sx__ico{color:#2dd4bf;background:rgba(45,212,191,.14)}
.dark .sx--card .sx__label,.dark .sx--light .sx__label{color:rgba(255,255,255,.6)}
.dark .sx--card .sx__cause,.dark .sx--light .sx__cause{color:#fff;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.dark .sx--card .sx__link,.dark .sx--light .sx__link{color:#9ff1e6}

/* ================= VARIANTE CLARA (home, largura total): seção arejada; o escuro fica só no palco do vídeo ================= */
.sx--light{padding:64px 0 72px;color:#1f3347;background:
  radial-gradient(70% 55% at 100% 0%,rgba(0,124,138,.13),transparent 62%),
  radial-gradient(60% 50% at 0% 100%,rgba(45,212,191,.12),transparent 65%),
  linear-gradient(180deg,#e9f7f8 0%,#f5fbfc 55%,#fbfdfd 100%)}
.sx--light .sx__title{font-size:clamp(1.85rem,6.6vw + .2rem,3.05rem)}
.sx--light .sx__media{max-width:344px;padding:12px;border-radius:36px;background:linear-gradient(165deg,#15395a 0%,#0B1E33 72%);box-shadow:0 34px 60px -28px rgba(11,30,51,.75),0 0 0 1px rgba(255,255,255,.06) inset}
.sx--light .sx__media::before{display:none}
.sx--light a.vlb{border-radius:25px;box-shadow:0 18px 36px -18px rgba(0,0,0,.7)}
.sx--light .sx__doc{color:#fff;margin-top:0;padding:16px 6px 6px}
.sx--light .sx__doc img{border-color:rgba(45,212,191,.8)}
.sx--light .sx__doc span{opacity:.78}
.sx--light .sx__cause{box-shadow:0 8px 18px -14px rgba(11,30,51,.35)}
.dark .sx--light{background:radial-gradient(70% 55% at 100% 0%,rgba(0,124,138,.3),transparent 62%),linear-gradient(180deg,#0f2236 0%,#0c1d30 100%);color:#e2e8f0}
.dark .sx--light .sx__media{box-shadow:0 34px 60px -28px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.1) inset}

/* ================= TELAS MAIORES ================= */
@media (min-width:720px){
  .sx--card{padding:44px 0}
  .sx--card .sx__wrap{padding:0 40px}
  .sx__wrap{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);grid-template-areas:"media head" "media body";column-gap:48px;row-gap:28px;align-items:start}
  .sx__wrap>header{grid-area:head;align-self:end}
  .sx__grid{display:contents}
  .sx__media{grid-area:media;align-self:center;margin:0}
  .sx__body{grid-area:body}
  .sx__title{max-width:none}
  .sx__cta{flex-direction:row;align-items:center;gap:22px}
  .sx__btn{padding:0 34px}
}
@media (min-width:980px){
  .sx--light{padding:100px 0 108px}
  .sx--light .sx__wrap{grid-template-columns:minmax(0,374px) minmax(0,1fr);column-gap:72px;row-gap:34px}
  .sx--light .sx__media{max-width:374px}
  .sx--light .sx__title{font-size:clamp(2.4rem,3.3vw,3.1rem)}
  .sx--dark{padding:104px 0 112px}
  .sx__wrap{padding:0 32px}
  .sx--dark .sx__wrap{grid-template-columns:minmax(0,350px) minmax(0,1fr);column-gap:76px;row-gap:34px}
  .sx--dark .sx__media{max-width:350px}
  .sx--dark .sx__title{font-size:clamp(2.4rem,3.3vw,3.1rem)}
  .sx__chips li{font-size:15px}
}

@keyframes sx-glow{from{opacity:.75;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}
@media (prefers-reduced-motion:reduce){.sx__media::before{animation:none}.sx__cause,.sx__btn,.sx__cause .go{transition:none}}

/* barra fixa de WhatsApp no celular (home): espaço para ela não cobrir o rodapé */
@media (max-width:1023px){body.sx-bar{padding-bottom:84px}}

/* ---------- barra fixa de WhatsApp (celular) ---------- */
.sx-mbar{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(11,30,51,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.1)}
.sx-mbar a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:999px;text-decoration:none;font:700 16px/1 Inter,system-ui,sans-serif;color:#fff;background:linear-gradient(135deg,#00a0b0,#007C8A 55%,#006470);box-shadow:0 10px 24px -10px rgba(0,124,138,.8),inset 0 1px 0 rgba(255,255,255,.28)}
.sx-mbar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:1024px){.sx-mbar{display:none}}

/* telas estreitas (ou cartao dentro de coluna): compacta chips e margens para nada ser cortado */
@media (max-width:440px){
  .sx--card .sx__wrap{padding:0 16px}
  .sx__chips{gap:8px}
  .sx__chips li{gap:9px;padding:10px;font-size:13.5px;min-height:60px}
  .sx__chips .sx__ico{width:32px;height:32px;border-radius:10px}
  .sx__chips .sx__ico svg{width:18px;height:18px}
}

/* chips: duas colunas só quando o espaço real da coluna permite; senão uma, nunca quebrar palavra no meio */
.sx__body{container-type:inline-size}
@container (max-width:329px){
  .sx__chips{grid-template-columns:minmax(0,1fr)}
  .sx__chips li{min-height:56px}
}

/* ---------- bloco "Por que consultar" (home): fatos curtos e escaneáveis no lugar do texto corrido ---------- */
.sx-facts{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.sx-facts{padding:44px 0 48px}
.sx-facts__wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.sx-facts__title{margin:0 0 20px;font-family:Montserrat,Inter,system-ui,sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.15;font-size:clamp(1.4rem,4.2vw + .3rem,2.3rem);color:#0B1E33;max-width:26ch}
.sx-facts__grid{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
.sx-facts__card{display:flex;gap:12px;align-items:flex-start;padding:14px 16px 14px 14px;border-radius:20px;background:linear-gradient(160deg,#f4fbfb,#fff);border:1px solid #dcecee;box-shadow:0 12px 24px -20px rgba(11,30,51,.45)}
.sx-facts__ico{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#007C8A;background:rgba(0,124,138,.1)}
.sx-facts__ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sx-facts__label{display:block;margin-bottom:3px;font:700 11.5px/1 Inter,system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#007C8A}
.sx-facts__card p{margin:0;font-size:14.5px;line-height:1.55;color:#455a6c}
.sx-facts__card a{color:#007C8A;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.sx-facts__foot{margin:14px 0 0;font-size:14.5px;line-height:1.6;color:#5b7183}
.sx-facts__foot a{color:#007C8A;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.dark .sx-facts__title{color:#fff}
.dark .sx-facts__card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);box-shadow:none}
.dark .sx-facts__ico{color:#2dd4bf;background:rgba(45,212,191,.14)}
.dark .sx-facts__label,.dark .sx-facts__card a,.dark .sx-facts__foot a{color:#7ce8d9}
.dark .sx-facts__card p,.dark .sx-facts__foot{color:rgba(255,255,255,.78)}
@media (min-width:700px){.sx-facts{padding:64px 0 68px}.sx-facts__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sx-facts__wrap{padding:0 32px}.sx-facts__card{padding:18px 18px 18px 16px}.sx-facts__card p{font-size:15.5px;line-height:1.6}.sx-facts__ico{width:42px;height:42px}.sx-facts__ico svg{width:22px;height:22px}}
@media (min-width:1080px){.sx-facts__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sx-facts__card{flex-direction:column;gap:12px}}

/* ================= VARIANTE FECHAMENTO (home: "Pronto para cuidar da sua coluna?") =================
   Faixa verde da marca com o vídeo da primeira consulta; texto branco sobre #007C8A ou mais escuro (contraste AA). */
.sx--final{padding:64px 0 72px;color:#fff;background:radial-gradient(80% 60% at 100% 0%,rgba(45,212,191,.28),transparent 60%),radial-gradient(70% 55% at 0 100%,rgba(11,30,51,.5),transparent 64%),linear-gradient(160deg,#007C8A 0%,#006a77 55%,#005560 100%)}
.sx--final::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.sx--final .sx__eyebrow{color:#fff;background:rgba(11,30,51,.3);border:1px solid rgba(255,255,255,.28)}
.sx--final .sx__eyebrow i{background:#7ce8d9;box-shadow:0 0 0 4px rgba(124,232,217,.28)}
.sx--final .sx__title{color:#fff}
.sx--final .sx__title em{background:linear-gradient(100deg,#d8fff9,#9ff1e6);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx--final .sx__intro{color:#fff}
.sx--final .sx__media::before{background:radial-gradient(closest-side,rgba(255,255,255,.28),transparent 72%)}
.sx--final a.vlb{box-shadow:0 34px 60px -24px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.3)}
.sx--final .sx__doc{color:#fff}
.sx--final .sx__doc img{border-color:rgba(255,255,255,.85)}
.sx--final .sx__doc span{opacity:.9}
.sx--final .sx__chips li{color:#fff;background:rgba(11,30,51,.32);border:1px solid rgba(255,255,255,.22)}
.sx--final .sx__ico{color:#fff;background:rgba(255,255,255,.16)}
.sx--final .sx__note{color:#fff}
.sx--final .sx__note::before{background:linear-gradient(180deg,#fff,#9ff1e6)}
.sx--final .sx__btn{color:#005560;background:#fff;box-shadow:0 16px 32px -14px rgba(0,0,0,.55),inset 0 -2px 0 rgba(0,124,138,.18)}
.sx--final .sx__btn:hover{box-shadow:0 20px 38px -14px rgba(0,0,0,.6),inset 0 -2px 0 rgba(0,124,138,.18)}
.sx--final .sx__btn--navy{color:#fff;background:#0B1E33;box-shadow:0 16px 32px -14px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.12)}
.sx--final .sx__btn--navy:hover{box-shadow:0 20px 38px -14px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.16)}
.sx--final .sx__cta{gap:12px}
@media (min-width:720px){.sx--final .sx__cta{flex-wrap:wrap}.sx--final .sx__btn{padding:0 28px}}
@media (min-width:980px){
  .sx--final{padding:100px 0 108px}
  .sx--final .sx__wrap{grid-template-columns:minmax(0,350px) minmax(0,1fr);column-gap:76px;row-gap:34px}
  .sx--final .sx__media{max-width:350px}
  .sx--final .sx__title{font-size:clamp(2.4rem,3.3vw,3.1rem)}
}