:root {
    --ink: #0f172a;
    --ink-soft: #1e293b;
    --muted: #64748b;
    --line: #d6dde7;
    --paper: #f8fafc;
    --paper-alt: #eef3f7;
    --white: #ffffff;
    --accent: #06b6d4;
    --accent-dark: #0891b2;
    --max: 1280px;
    --side: clamp(22px, 4vw, 64px);
    --radius: 8px;
    --font-body: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-display: "Archivo", "Arial Narrow", Arial, sans-serif;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    background: var(--paper);
}
.whatsapp-float {
  position: fixed;
  right: 24px;
  bottom: 24px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.whatsapp-float svg {
  width: 31px;
  height: 31px;
}

.whatsapp-float:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.24);
}

@media (max-width: 768px) {
  .whatsapp-float {
    right: 16px;
    bottom: 16px;
    width: 54px;
    height: 54px;
  }

  .whatsapp-float svg {
    width: 29px;
    height: 29px;
  }
}
body {
    margin: 0;
    color: var(--ink);
    background: var(--paper);
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.55;
    text-rendering: optimizeLegibility;
}

body.menu-open {
    overflow: hidden;
}

img {
    display: block;
    max-width: 100%;
}

main,
section,
.header-inner,
.hero-copy,
.hero-media,
.statement-inner,
.section-heading,
.services-intro,
.process-head,
.faq-head,
.comparison,
.comparison-left,
.comparison-right,
.service-layout,
.fulfillment-panel,
.service-stack,
.service-line > div,
.marketplaces,
.market-copy,
.market-names,
.seller-section,
.seller-anchor,
.seller-copy,
.timeline,
.inside,
.inside-copy,
.support-inner,
.about,
.about-copy,
.faq-list,
.final-cta-inner {
    min-width: 0;
}

a {
    color: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

::selection {
    color: var(--white);
    background: var(--ink);
}

.skip-link {
    position: absolute;
    left: 16px;
    top: -80px;
    z-index: 20;
    padding: 10px 14px;
    color: var(--white);
    background: var(--ink);
    text-decoration: none;
}

.skip-link:focus {
    top: 14px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 10;
    background: rgba(15, 23, 42, 0.94);
    color: var(--white);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(18px);
}

.site-header.is-scrolled {
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
}

.header-inner {
    min-height: 72px;
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 var(--side);
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 28px;
}

.brand {
    display: inline-flex;
    align-items: center;
    width: 104px;
}

.brand img {
    width: 104px;
    height: 52px;
    object-fit: contain;
}

.site-nav {
    justify-self: center;
    display: flex;
    gap: clamp(16px, 2.4vw, 34px);
    font-size: 0.86rem;
    font-weight: 600;
}

.site-nav a,
.site-footer a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.76);
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: color 180ms ease, background-size 180ms ease;
}

.site-nav a:hover,
.site-nav a:focus-visible,
.site-footer a:hover,
.site-footer a:focus-visible {
    color: var(--white);
    background-size: 100% 1px;
}

.header-cta {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: var(--radius);
    color: var(--white);
    font-size: 0.86rem;
    font-weight: 700;
    text-decoration: none;
    transition: border-color 180ms ease, background 180ms ease;
}

.header-cta:hover,
.header-cta:focus-visible {
    border-color: var(--white);
    background: rgba(255, 255, 255, 0.1);
}

.menu-button {
    display: none;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: var(--radius);
    background: transparent;
    color: var(--white);
}

.menu-button span:not(.sr-only) {
    display: block;
    width: 18px;
    height: 2px;
    margin: 4px auto;
    background: currentColor;
    transition: transform 180ms ease, opacity 180ms ease;
}

.menu-button[aria-expanded="true"] span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}

.menu-button[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
}

.menu-button[aria-expanded="true"] span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
}

.hero {
    min-height: 690px;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    background: var(--ink);
    color: var(--white);
}

.hero-copy {
    padding: clamp(62px, 7vw, 96px) var(--side) clamp(48px, 6vw, 78px);
    align-self: center;
}

.overline {
    margin: 0 0 18px;
    color: var(--accent);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hero h1,
section h2,
.final-cta h2 {
    margin: 0;
    font-family: var(--font-display);
    font-weight: 900;
    line-height: 0.98;
    text-wrap: balance;
}

.hero h1 {
    max-width: 880px;
    font-size: clamp(3rem, 4.65vw, 5.25rem);
    line-height: 0.98;
}

.hero-lead {
    max-width: 660px;
    margin: 22px 0 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: clamp(1.05rem, 1.8vw, 1.42rem);
    line-height: 1.38;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

.btn {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius);
    font-weight: 800;
    text-decoration: none;
    transition: transform 180ms ease, background 180ms ease, border-color 180ms ease;
}

.btn:hover,
.btn:focus-visible {
    transform: translateY(-2px);
}

.btn-primary {
    padding: 0 22px;
    color: var(--white);
    background: var(--accent);
}

.btn-primary:hover,
.btn-primary:focus-visible {
    background: var(--accent-dark);
}

.btn-link {
    padding: 0 4px;
    color: rgba(255, 255, 255, 0.9);
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 74%;
    background-repeat: no-repeat;
    background-size: 100% 1px;
}

.hero-media {
    position: relative;
    min-height: 690px;
    overflow: hidden;
}

.hero-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(0.86) contrast(1.04);
}

.hero-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.32), rgba(15, 23, 42, 0.02) 45%, rgba(15, 23, 42, 0.18));
    pointer-events: none;
}

.hero-note {
    position: absolute;
    right: var(--side);
    bottom: var(--side);
    z-index: 1;
    width: min(430px, calc(100% - 40px));
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: var(--radius);
    background: rgba(15, 23, 42, 0.78);
    backdrop-filter: blur(12px);
}

.hero-note strong,
.hero-note span {
    display: block;
}

.hero-note strong {
    font-family: var(--font-display);
    font-size: 1.42rem;
    line-height: 1.05;
}

.hero-note span {
    margin-top: 12px;
    color: rgba(255, 255, 255, 0.76);
}

.section-pad {
    padding: clamp(56px, 7vw, 104px) var(--side);
}

.statement {
    background: var(--paper);
}

.statement-inner {
    max-width: var(--max);
    margin: 0 auto;
    text-align: center;
}

.statement p {
    margin: 0 0 14px;
    color: var(--muted);
    font-size: clamp(1.15rem, 1.8vw, 1.65rem);
}

.statement h2 {
    max-width: 1160px;
    margin: 0 auto;
    font-size: clamp(2.8rem, 4.8vw, 5.6rem);
    line-height: 0.97;
    letter-spacing: 0;
}

.sp-argument {
    background: var(--white);
}

.section-heading,
.services-intro,
.process-head,
.faq-head {
    max-width: var(--max);
    margin: 0 auto 32px;
    text-align: center;
}

.section-heading h2,
.services-intro h2,
.process-head h2,
.faq-head h2 {
    max-width: 1080px;
    margin: 0 auto;
    font-size: clamp(2.45rem, 3.9vw, 4.65rem);
    line-height: 0.99;
}

.services-intro h2,
.faq-head h2 {
    max-width: 1120px;
    font-size: clamp(2.35rem, 3.55vw, 4.15rem);
}

.process-head h2 {
    max-width: 920px;
    font-size: clamp(2.35rem, 3.7vw, 4.35rem);
}

.comparison {
    max-width: var(--max);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    border-top: 1px solid var(--ink);
    border-bottom: 1px solid var(--ink);
}

.comparison-left,
.comparison-right {
    padding: clamp(24px, 3.5vw, 44px) 0;
}

.comparison-left {
    border-right: 1px solid var(--ink);
    padding-right: clamp(24px, 4vw, 54px);
}

.comparison-right {
    padding-left: clamp(24px, 5vw, 76px);
    align-self: center;
}

.compare-label {
    margin: 0 0 24px;
    color: var(--muted);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.comparison ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.comparison li {
    padding: 13px 0;
    border-top: 1px solid var(--line);
    color: var(--ink-soft);
    font-size: clamp(1rem, 1.6vw, 1.22rem);
}

.comparison li:first-child {
    border-top: 0;
}

.comparison h3 {
    max-width: 620px;
    margin: 0;
    font-family: var(--font-display);
    font-size: clamp(2rem, 3.1vw, 3.55rem);
    line-height: 0.98;
    text-wrap: balance;
}

.comparison-right p:not(.compare-label) {
    max-width: 520px;
    margin: 22px 0 0;
    color: var(--muted);
    font-size: 1.08rem;
}

.services {
    background: var(--paper-alt);
}

.service-layout {
    max-width: var(--max);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(22px, 3.4vw, 44px);
    align-items: stretch;
}

.fulfillment-panel {
    min-height: 460px;
    padding: clamp(28px, 4.4vw, 52px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: var(--radius);
    color: var(--white);
    background: var(--ink);
}

.service-index,
.service-line span {
    color: var(--accent);
    font-family: var(--font-display);
    font-weight: 900;
}

.fulfillment-panel h3 {
    margin: 26px 0 0;
    font-family: var(--font-display);
    font-size: clamp(3.6rem, 5.8vw, 6rem);
    line-height: 0.9;
}

.fulfillment-panel p {
    max-width: 620px;
    margin: 24px 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: clamp(1.05rem, 1.7vw, 1.32rem);
}

.operation-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid rgba(255, 255, 255, 0.22);
}

.operation-strip span {
    padding: 18px 10px 0 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.9rem;
    font-weight: 700;
}

.service-stack {
    border-top: 1px solid var(--ink);
}

.service-line {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 16px;
    padding: 28px 0;
    border-bottom: 1px solid var(--ink);
}

.service-line h3 {
    margin: 0;
    font-family: var(--font-display);
    font-size: clamp(1.75rem, 2.65vw, 2.75rem);
    line-height: 1;
    text-wrap: balance;
}

.service-line p {
    margin: 14px 0 0;
    color: var(--muted);
}

.marketplaces {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
    gap: clamp(30px, 5.6vw, 76px);
    align-items: center;
    max-width: calc(var(--max) + (var(--side) * 2));
    margin: 0 auto;
    background: var(--paper);
}

.market-copy h2 {
    max-width: 700px;
    font-size: clamp(2.35rem, 3.7vw, 4.4rem);
    line-height: 0.99;
}

.market-copy p:not(.overline) {
    max-width: 560px;
    color: var(--muted);
    font-size: 1.08rem;
}

.market-names {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    gap: 12px;
}

.market-names span,
.market-names small,
.seller-terms li,
.photo-list span {
    border: 1px solid var(--ink);
    border-radius: 999px;
    background: transparent;
}

.market-names span {
    padding: 14px 20px;
    font-family: var(--font-display);
    font-size: clamp(1.45rem, 3.3vw, 3.4rem);
    font-weight: 900;
    line-height: 1;
}

.market-names small {
    padding: 10px 14px;
    align-self: flex-end;
    color: var(--muted);
    font-size: 0.95rem;
    font-weight: 800;
}

.seller-section {
    display: grid;
    grid-template-columns: minmax(0, 0.94fr) minmax(440px, 0.86fr);
    gap: clamp(30px, 5vw, 70px);
    color: var(--white);
    background: var(--ink);
    padding-left: max(var(--side), calc((100vw - var(--max)) / 2));
    padding-right: max(var(--side), calc((100vw - var(--max)) / 2));
}

.seller-anchor h2 {
    position: sticky;
    top: 116px;
    max-width: 820px;
    font-size: clamp(3rem, 4.6vw, 5.45rem);
    line-height: 0.97;
}

.seller-copy {
    align-self: center;
}

.seller-copy p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: clamp(1.08rem, 1.45vw, 1.22rem);
}

.seller-terms {
    margin: 28px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
}

.seller-terms li {
    padding: 9px 13px;
    border-color: rgba(255, 255, 255, 0.34);
    color: rgba(255, 255, 255, 0.78);
}

.process {
    background: var(--white);
}

.timeline {
    max-width: var(--max);
    margin: 0 auto;
    padding: 0;
    list-style: none;
    border-top: 1px solid var(--ink);
}

.timeline li {
    display: grid;
    grid-template-columns: 110px minmax(180px, 0.42fr) minmax(0, 0.58fr);
    gap: clamp(16px, 3vw, 48px);
    padding: 22px 0;
    border-bottom: 1px solid var(--line);
}

.timeline span {
    color: var(--accent);
    font-family: var(--font-display);
    font-size: 1.6rem;
    font-weight: 900;
}

.timeline h3 {
    margin: 0;
    font-family: var(--font-display);
    font-size: clamp(1.45rem, 2.5vw, 2.5rem);
    line-height: 1;
}

.timeline p {
    margin: 0;
    color: var(--muted);
    font-size: 1.02rem;
}

.inside {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.62fr);
    gap: clamp(28px, 5vw, 70px);
    align-items: center;
    background: var(--paper-alt);
}

.inside-media {
    min-height: 460px;
    margin-left: calc(var(--side) * -1);
}

.inside-media img {
    width: 100%;
    height: 100%;
    min-height: 460px;
    object-fit: cover;
}

.inside-copy h2,
.support h2,
.about h2 {
    font-size: clamp(2.25rem, 3.55vw, 4rem);
    line-height: 0.99;
    text-wrap: balance;
}

.inside-copy p:not(.overline),
.about-copy p,
.support p {
    color: var(--muted);
    font-size: 1.08rem;
}

.photo-list {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 28px;
}

.photo-list span {
    padding: 8px 12px;
    color: var(--ink-soft);
    font-size: 0.9rem;
    font-weight: 800;
}

.support {
    color: var(--white);
    background: var(--ink);
}

.support-inner {
    max-width: var(--max);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 0.82fr);
    gap: clamp(24px, 4vw, 56px);
    align-items: center;
}

.support p {
    max-width: 620px;
    margin: 0;
    color: rgba(255, 255, 255, 0.76);
}

.about {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(260px, 0.38fr);
    gap: clamp(30px, 6vw, 86px);
    max-width: calc(var(--max) + (var(--side) * 2));
    margin: 0 auto;
    background: var(--paper);
}

.about-copy p {
    max-width: 720px;
}

.address-block {
    align-self: start;
    padding: 24px;
    border-top: 6px solid var(--ink);
    background: var(--white);
}

.address-block span {
    display: block;
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 900;
    text-transform: uppercase;
}

.address-block strong {
    display: block;
    margin-top: 20px;
    font-family: var(--font-display);
    font-size: clamp(2rem, 3.6vw, 3rem);
    line-height: 0.98;
}

.address-block a {
    display: inline-block;
    margin-top: 28px;
    color: var(--accent-dark);
    font-weight: 900;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
}

.faq {
    background: var(--white);
}

.faq-list {
    max-width: var(--max);
    margin: 0 auto;
    border-top: 1px solid var(--ink);
}

.faq-list details {
    border-bottom: 1px solid var(--line);
}

.faq-list summary {
    min-height: 68px;
    padding: 18px 48px 18px 0;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    font-family: var(--font-display);
    font-size: clamp(1.15rem, 2vw, 1.75rem);
    font-weight: 800;
    list-style: none;
}

.faq-list summary::-webkit-details-marker {
    display: none;
}

.faq-list summary::after {
    content: "+";
    position: absolute;
    right: 4px;
    top: 50%;
    color: var(--accent);
    font-size: 1.8rem;
    transform: translateY(-50%);
}

.faq-list details[open] summary::after {
    content: "-";
}

.faq-list p {
    max-width: 780px;
    margin: 0;
    padding: 0 0 24px;
    color: var(--muted);
}

.final-cta {
    padding: clamp(64px, 8vw, 112px) var(--side);
    color: var(--white);
    background: var(--ink);
}

.final-cta-inner {
    max-width: var(--max);
    margin: 0 auto;
    text-align: center;
}

.final-cta h2 {
    max-width: 1120px;
    margin: 0 auto;
    font-size: clamp(3rem, 4.8vw, 5.6rem);
    line-height: 0.97;
}

.final-cta p {
    max-width: 680px;
    margin: 22px auto 28px;
    color: rgba(255, 255, 255, 0.78);
    font-size: clamp(1.08rem, 1.7vw, 1.34rem);
}

.site-footer {
    padding: 38px var(--side);
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 34px;
    align-items: start;
    color: rgba(255, 255, 255, 0.72);
    background: var(--ink);
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.site-footer img {
    width: 92px;
    height: 46px;
    object-fit: contain;
}

.site-footer p,
.site-footer address {
    margin: 12px 0 0;
    font-style: normal;
}

.site-footer nav {
    display: grid;
    gap: 8px;
}

.fixed-contact {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 9;
    min-height: 48px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: var(--white);
    background: var(--accent);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.22);
    font-size: 0.9rem;
    font-weight: 900;
    text-decoration: none;
    transition: transform 180ms ease, background 180ms ease;
}

.fixed-contact:hover,
.fixed-contact:focus-visible {
    transform: translateY(-2px);
    background: var(--accent-dark);
}

.reveal {
    opacity: 1;
    transform: none;
    transition: opacity 520ms ease, transform 520ms ease;
}

.js .reveal {
    opacity: 0;
    transform: translateY(18px);
}

.js .reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 1080px) {
    .header-inner {
        grid-template-columns: auto 1fr auto auto;
        gap: 16px;
    }

    .site-nav {
        gap: 16px;
        font-size: 0.8rem;
    }

    .hero {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .hero-copy {
        padding-top: 76px;
    }

    .hero-media {
        min-height: 460px;
    }

    .marketplaces,
    .seller-section,
    .inside,
    .support-inner,
    .about {
        grid-template-columns: 1fr;
    }

    .inside-media {
        margin-left: 0;
    }

    .seller-anchor h2 {
        position: static;
    }

    .seller-section,
    .support-inner {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 860px) {
    .header-inner {
        min-height: 66px;
        grid-template-columns: auto 1fr auto;
    }

    .brand,
    .brand img {
        width: 86px;
    }

    .header-cta {
        display: none;
    }

    .menu-button {
        display: block;
        justify-self: end;
    }

    .site-nav {
        position: fixed;
        inset: 66px 0 auto 0;
        max-height: calc(100vh - 66px);
        padding: 24px var(--side) 32px;
        display: grid;
        justify-items: start;
        gap: 18px;
        background: rgba(15, 23, 42, 0.98);
        border-top: 1px solid rgba(255, 255, 255, 0.14);
        transform: translateY(calc(-100% - 66px));
        opacity: 0;
        pointer-events: none;
        transition: transform 220ms ease, opacity 220ms ease;
    }

    .site-nav.is-open {
        transform: translateY(0);
        opacity: 1;
        pointer-events: auto;
    }

    .site-nav a {
        font-family: var(--font-display);
        font-size: 1.8rem;
        font-weight: 900;
    }

    .hero {
        min-height: auto;
    }

    .hero h1 {
        font-size: clamp(2.5rem, 10vw, 4rem);
    }

    .comparison,
    .service-layout {
        grid-template-columns: 1fr;
    }

    .comparison-left {
        border-right: 0;
        border-bottom: 1px solid var(--ink);
        padding-right: 0;
    }

    .comparison-right {
        padding-left: 0;
    }

    .fulfillment-panel {
        min-height: auto;
    }

    .fulfillment-panel h3 {
        font-size: clamp(3rem, 10vw, 4.35rem);
    }

    .market-names span,
    .market-names small,
    .seller-terms li,
    .photo-list span {
        max-width: 100%;
        overflow-wrap: break-word;
    }

    .operation-strip {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px 0;
    }

    .timeline li {
        grid-template-columns: 72px 1fr;
    }

    .timeline p {
        grid-column: 2;
    }

    .services-intro h2,
    .faq-head h2,
    .process-head h2,
    .statement h2,
    .seller-anchor h2,
    .final-cta h2 {
        max-width: 100%;
    }

    .site-footer {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    body {
        font-size: 15px;
    }

    .section-pad {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .hero-copy {
        padding-bottom: 42px;
    }

    .hero h1 {
        font-size: clamp(2.25rem, 10.6vw, 3.55rem);
    }

    .hero-actions {
        display: grid;
        gap: 12px;
    }

    .btn {
        width: 100%;
    }

    .btn-link {
        justify-self: start;
        width: auto;
    }

    .hero-media {
        min-height: 390px;
    }

    .hero-note {
        left: 18px;
        right: 18px;
        bottom: 18px;
        width: auto;
        padding: 18px;
    }

    .statement h2,
    .seller-anchor h2,
    .final-cta h2 {
        font-size: clamp(2.35rem, 10.8vw, 3.55rem);
    }

    .section-heading h2,
    .services-intro h2,
    .process-head h2,
    .faq-head h2,
    .market-copy h2,
    .inside-copy h2,
    .support h2,
    .about h2 {
        font-size: clamp(2rem, 9.6vw, 3.05rem);
    }

    .fulfillment-panel {
        padding: 24px 20px;
    }

    .fulfillment-panel h3 {
        font-size: clamp(2.1rem, 10.6vw, 3rem);
    }

    .market-names span {
        padding: 11px 14px;
        font-size: clamp(1.15rem, 7vw, 2rem);
    }

    .service-line {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 12px;
    }

    .service-line h3 {
        font-size: clamp(1.45rem, 7.4vw, 2rem);
    }

    .timeline li {
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 12px;
    }

    .faq-list summary {
        padding-right: 36px;
        font-size: clamp(1.05rem, 5.4vw, 1.35rem);
    }

    .inside-media,
    .inside-media img {
        min-height: 340px;
    }

    .fixed-contact {
        right: 12px;
        bottom: 12px;
        max-width: calc(100vw - 24px);
        min-height: 44px;
        padding: 0 14px;
    }
}

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

    .reveal {
        opacity: 1;
        transform: none;
    }
}
/* overrides de conversão da nova index */
:root { --accent:#19d3c5; --accent-dark:#0aa99d; --ink:#081526; --ink-soft:#17283b; --paper:#f5f8fb; --paper-alt:#eaf1f5; --line:#cbd7e2; --radius:14px; }
body { letter-spacing:-.01em; }
.site-header { background:rgba(8,21,38,.92); }
.header-cta { border-radius:999px; background:var(--accent); border-color:var(--accent); color:var(--ink); padding-inline:20px; }
.header-cta:hover,.header-cta:focus-visible { background:#7ef5eb; border-color:#7ef5eb; color:var(--ink); }
.hero { min-height:720px; background:radial-gradient(circle at 68% 20%,#17365a 0,var(--ink) 42%); }
.hero-copy { padding-top:clamp(72px,8vw,120px); }
.hero h1 { max-width:760px; letter-spacing:-.045em; }
.hero-lead { max-width:590px; }
.eyebrow { margin:0 0 18px; color:var(--accent); font-size:.78rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.status-dot { display:inline-block; width:8px; height:8px; margin-right:6px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 5px rgba(25,211,197,.14); vertical-align:1px; }
.hero-proof { display:flex; flex-wrap:wrap; gap:11px 20px; margin-top:26px; color:rgba(255,255,255,.67); font-size:.86rem; }
.hero-proof span { display:inline-flex; align-items:center; gap:7px; }
.hero-proof strong { color:var(--accent); font-family:var(--font-display); font-size:1.2rem; }
.hero-media { min-height:720px; }
.hero-media img { filter:saturate(.8) contrast(1.06); }
.hero-note { border-radius:16px; border-color:rgba(25,211,197,.5); }
.btn-primary { border-radius:999px; color:var(--ink); background:var(--accent); padding-inline:25px; box-shadow:0 12px 30px rgba(25,211,197,.18); }
.btn-primary:hover,.btn-primary:focus-visible { color:var(--ink); background:#7ef5eb; }
.trust-strip { display:grid; grid-template-columns:repeat(4,1fr); max-width:var(--max); margin:0 auto; padding:26px var(--side); gap:20px; border-bottom:1px solid var(--line); background:var(--paper); }
.trust-strip div { display:flex; flex-direction:column; gap:2px; padding-left:18px; border-left:2px solid var(--accent); }
.trust-strip strong { font-family:var(--font-display); font-size:1.3rem; }
.trust-strip span { color:var(--muted); font-size:.9rem; }
.section-subtitle { max-width:620px; margin:16px auto 0; color:var(--muted); font-size:1.08rem; }
.comparison { border-radius:16px; overflow:hidden; border:1px solid var(--line); }
.comparison-left { padding-left:clamp(24px,3.5vw,44px); background:#f8fafc; border-right-color:var(--line); }
.comparison-right { padding-right:clamp(24px,5vw,76px); background:var(--ink); color:var(--white); }
.comparison-right p:not(.compare-label) { color:rgba(255,255,255,.74); }
.accent-label { color:var(--accent); }
.fulfillment-panel { border-radius:18px; background:linear-gradient(145deg,#0c223c,#081526); box-shadow:0 18px 40px rgba(8,21,38,.12); }
.market-names span { border-color:#9bb0c3; background:rgba(255,255,255,.42); }
.seller-section { background:linear-gradient(120deg,#081526,#102842); }
.timeline li { transition:background 180ms ease,padding-left 180ms ease; }
.timeline li:hover { padding-left:12px; background:#f5f9fb; }
.inside { background:#e8f3f2; }
.inside-media { border-radius:0 18px 18px 0; overflow:hidden; }
.address-block { border-radius:14px; border-top-color:var(--accent); box-shadow:0 16px 32px rgba(8,21,38,.06); }
.final-cta { background:radial-gradient(circle at 50% 0,#17365a,var(--ink) 60%); }
.fixed-contact { background:var(--accent); color:var(--ink); }
.fixed-contact:hover,.fixed-contact:focus-visible { background:#7ef5eb; color:var(--ink); }
@media (max-width:860px) { .hero-media{min-height:480px}.trust-strip{grid-template-columns:repeat(2,1fr)}.comparison-right{padding-top:32px;padding-bottom:32px}.inside-media{border-radius:0} }
@media (max-width:560px) { .trust-strip{grid-template-columns:1fr 1fr;gap:16px 10px;padding-inline:var(--side)}.trust-strip div{padding-left:10px}.trust-strip strong{font-size:1rem}.trust-strip span{font-size:.78rem}.hero-proof{gap:8px 14px} }

/* Refinamento editorial: diferenciais em lista aberta, sem cards repetidos */
.why { display:grid; grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr); gap:clamp(35px,7vw,110px); max-width:calc(var(--max) + (var(--side) * 2)); margin:0 auto; background:var(--white); }
.why-intro h2 { max-width:520px; font-size:clamp(2.45rem,4vw,4.4rem); line-height:.98; }
.why-list { border-top:1px solid var(--ink); }
.why-list > div { display:grid; grid-template-columns:54px minmax(0,1fr); column-gap:18px; padding:21px 0; border-bottom:1px solid var(--line); }
.why-list span { color:var(--accent-dark); font-family:var(--font-display); font-weight:900; font-size:1.15rem; }
.why-list h3 { margin:0; font-family:var(--font-display); font-size:clamp(1.25rem,2.1vw,2rem); line-height:1; }
.why-list p { grid-column:2; max-width:620px; margin:9px 0 0; color:var(--muted); }
@media (max-width:860px) { .why { grid-template-columns:1fr; gap:28px; } }


/* UI refinement — direção editorial, menos template, mais produto real */
:root { --accent:#25d366; --accent-dark:#128c4a; --ink:#0b1726; --paper:#f7f7f4; --paper-alt:#eef1ef; --line:#d5dbd8; --radius:6px; }
body { background:var(--paper); }
.site-header { background:rgba(11,23,38,.96); border-bottom-color:rgba(255,255,255,.18); }
.header-inner { min-height:68px; }
.header-cta { border-radius:5px; background:transparent; border:1px solid rgba(255,255,255,.55); color:#fff; }
.header-cta:hover,.header-cta:focus-visible { background:#fff; color:var(--ink); border-color:#fff; }
.hero { min-height:650px; background:var(--ink); }
.hero-copy { padding-top:clamp(58px,6vw,88px); }
.hero h1 { max-width:700px; font-size:clamp(2.8rem,4.6vw,5rem); letter-spacing:-.055em; }
.hero-media { min-height:650px; }
.hero-media::after { background:linear-gradient(90deg,rgba(11,23,38,.28),transparent 50%,rgba(11,23,38,.08)); }
.hero-note { right:clamp(18px,3vw,48px); bottom:clamp(18px,3vw,48px); border-radius:5px; background:rgba(11,23,38,.86); box-shadow:none; }
.btn { border-radius:5px; min-height:46px; }
.btn-primary { color:#08200f; background:#25d366; box-shadow:none; }
.btn-primary:hover,.btn-primary:focus-visible { background:#54e184; color:#08200f; }
.btn-link { padding-inline:0; }
.section-pad { padding-top:clamp(52px,6vw,82px); padding-bottom:clamp(52px,6vw,82px); }
.why { background:var(--paper); }
.why-intro h2,.section-heading h2,.services-intro h2,.process-head h2,.faq-head h2,.market-copy h2,.about h2 { letter-spacing:-.045em; }
.why-list > div { padding-block:18px; }
.comparison { border-radius:0; box-shadow:none; }
.comparison-right { background:#102b3d; }
.fulfillment-panel { border-radius:0; box-shadow:none; background:#102b3d; }
.service-line { padding-block:25px; }
.market-names { gap:0 28px; }
.market-names span,.market-names small { border:0; border-bottom:1px solid var(--ink); border-radius:0; background:transparent; padding:8px 0; }
.market-names span { font-size:clamp(1.25rem,2.8vw,2.7rem); }
.market-names small { align-self:auto; }
.seller-section { background:#102b3d; }
.seller-terms { gap:0; }
.seller-terms li { border:0; border-radius:0; padding:0 14px 0 0; margin-right:14px; color:rgba(255,255,255,.72); }
.seller-terms li::after { content:"/"; margin-left:14px; color:#25d366; }
.seller-terms li:last-child::after { content:""; }
.timeline li:hover { padding-left:0; background:transparent; }
.inside-media { border-radius:0; }
.address-block { border-radius:0; box-shadow:none; }
.inline-whatsapp,.footer-whatsapp { color:#128c4a; font-weight:800; text-decoration-thickness:1px; text-underline-offset:5px; }
.wa-mark { display:inline-block; width:18px; height:18px; margin-right:5px; border-radius:50%; color:#fff; background:#25d366; font-size:0; vertical-align:-4px; position:relative; }
.wa-mark::after { content:""; position:absolute; width:7px; height:7px; left:5px; top:4px; border:1.5px solid #fff; border-top-color:transparent; border-left-color:transparent; border-radius:50%; transform:rotate(35deg); }
.fixed-contact.whatsapp-float { width:54px; height:54px; min-height:54px; padding:0; border-radius:50%; background:#25d366; color:#fff; box-shadow:0 10px 25px rgba(18,140,74,.28); }
.fixed-contact.whatsapp-float:hover,.fixed-contact.whatsapp-float:focus-visible { background:#20bd5b; transform:translateY(-3px); }
.whatsapp-icon { width:27px; height:27px; fill:currentColor; }
.whatsapp-float span { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.final-cta { background:#102b3d; }
@media (max-width:860px) { .hero,.hero-media{min-height:auto}.hero-media{min-height:460px}.hero h1{font-size:clamp(2.5rem,10vw,4rem)} }
@media (max-width:560px) { .hero-media{min-height:390px}.market-names{gap:0 20px} }