/*
Theme Name: Pharma Commerce
Theme URI: https://pharmacommerce.com.br/
Author: Pharma Commerce
Description: Tema WordPress convertido da landing page Pharma Commerce V2, preservando layout, responsividade e identidade visual.
Version: 1.0.0
Text Domain: pharmacommerce
*/


  :root{
    --color-primary:#215ED5;      /* azul institucional Pharma Commerce */
    --color-primary-dark:#1A4BAA;
    --color-primary-light:#EAF1FC;

    --color-accent:#FF6B4A;       /* nova cor estratégica — laranja tecnológico */
    --color-accent-dark:#E5522E;
    --color-accent-light:#FFF0EA;

    --color-ink:#0F172A;
    --color-text-secondary:#475569;
    --color-text-tertiary:#94A3B8;
    --color-border:#E2E8F0;
    --color-border-strong:#CBD5E1;
    --color-surface:#EDF1F9;
    --color-white:#FFFFFF;
    --color-dark-bg:#0B1120;
    --color-dark-bg-alt:#070B14;

    --radius-sm:4px; --radius-md:8px; --radius-lg:12px; --radius-xl:16px;
    --shadow-sm:0 1px 2px rgba(15,23,42,.05);
    --shadow-md:0 8px 24px rgba(15,23,42,.10);
    --shadow-lg:0 20px 48px rgba(15,23,42,.14);

    --font-heading:'Manrope', sans-serif;
    --font-body:'Inter', sans-serif;
    --container-max:1200px;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:var(--font-body);
    color:var(--color-ink);
    background:var(--color-white);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  img,svg{display:block;}
  a{color:inherit; text-decoration:none;}
  ul{list-style:none;}
  .icon{width:22px; height:22px; stroke:currentColor; fill:none; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0;}
  .container{max-width:var(--container-max); margin:0 auto; padding:0 24px;}
  section{padding:96px 0;}
  .section--alt{background:var(--color-surface);}
  .section--dark{background:var(--color-dark-bg); color:var(--color-white);}
  .section--dark-alt{background:var(--color-dark-bg-alt); color:var(--color-white); border-top:1px solid rgba(255,255,255,.08);}
  .section--feature{position:relative; padding:128px 0;}
  .section--feature .container > .accent-bar{width:56px; height:4px; border-radius:999px; background:var(--color-primary); margin-bottom:24px;}
  .section--tight{padding:72px 0;}
  .cta-soft{display:inline-flex; align-items:center; gap:6px; margin-top:32px; font-weight:600; font-size:15px; color:var(--color-primary);}
  .cta-soft:hover{text-decoration:underline;}
  .cta-soft .icon{width:15px; height:15px;}
  .section--dark .cta-soft,.section--dark-alt .cta-soft{color:#fff;}
  .cta-soft--accent{color:var(--color-accent-dark);}

  h1,h2,h3{font-family:var(--font-heading); font-weight:700; letter-spacing:-0.02em; color:var(--color-ink);}
  .section--dark h1,.section--dark h2,.section--dark h3,
  .section--dark-alt h1,.section--dark-alt h2,.section--dark-alt h3{color:var(--color-white);}
  h1{font-size:52px; line-height:1.08;}
  h2{font-size:36px; line-height:1.15;}
  .section--feature h2{font-size:40px;}
  h3{font-size:19px; line-height:1.3; font-weight:600;}
  p{color:var(--color-text-secondary); font-size:16px;}
  .lead{font-size:18px;}
  .measure{max-width:560px;}
  .block-title{font-size:24px; line-height:1.25; margin-bottom:8px;}
  .h2-strong{font-size:40px;}

  .tag{
    display:inline-flex; align-items:center; gap:8px; font-family:var(--font-body); font-weight:600; font-size:13px;
    color:var(--color-primary); background:var(--color-primary-light);
    padding:7px 16px 7px 12px; border-radius:999px; margin-bottom:20px; letter-spacing:.02em;
  }
  .tag .icon{width:16px; height:16px;}
  .tag--accent{color:var(--color-accent-dark); background:var(--color-accent-light);}
  .section--dark .tag,.section--dark-alt .tag{background:rgba(255,255,255,.08); color:var(--color-white);}

  /* Botões */
  .btn{
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    font-family:var(--font-body); font-weight:600; font-size:16px;
    border-radius:var(--radius-md); padding:14px 28px; cursor:pointer;
    border:1.5px solid transparent; transition:background .2s ease, border-color .2s ease, color .2s ease, transform .15s ease;
  }
  .btn-lg{padding:16px 32px; font-size:17px;}
  .btn-primary{background:linear-gradient(135deg, #3B7BF0, var(--color-primary) 55%, var(--color-primary-dark)); color:#fff;}
  .btn-primary:hover{background:linear-gradient(135deg, #4C86F5, var(--color-primary-dark) 65%, #123B8C); transform:translateY(-1px);}
  .btn-secondary{background:var(--color-primary-light); border-color:color-mix(in srgb, var(--color-primary) 28%, var(--color-border-strong)); color:var(--color-primary-dark);}
  .btn-secondary:hover{background:#fff; border-color:var(--color-primary); box-shadow:0 6px 16px rgba(33,94,213,.14); transform:translateY(-1px);}
  .btn-secondary.btn-accent{background:var(--color-accent-light); color:var(--color-accent-dark); border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border-strong));}
  .btn-secondary.btn-accent:hover{background:var(--color-accent-light); border-color:var(--color-accent-dark); color:var(--color-accent-dark);}
  .section--dark .btn-secondary,.section--dark-alt .btn-secondary{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.3); color:#fff;}
  .section--dark .btn-secondary:hover,.section--dark-alt .btn-secondary:hover{background:rgba(255,255,255,.08);}
  .btn-link{color:var(--color-primary); font-weight:600; font-size:15px; display:inline-flex; align-items:center; gap:6px;}
  .btn-link:hover{text-decoration:underline;}
  .cta-row{display:flex; gap:16px; flex-wrap:wrap; margin-top:28px;}
  .support-text{font-size:14.5px; color:var(--color-text-tertiary); margin-top:14px; line-height:1.5;}
  .section--dark .support-text,.section--dark-alt .support-text{color:rgba(255,255,255,.5);}

  /* Header */
  header{position:sticky; top:0; z-index:50; background:rgba(255,255,255,.9); backdrop-filter:blur(10px); border-bottom:1px solid var(--color-border);}
  header .container{display:flex; align-items:center; justify-content:space-between; height:72px;}
  .logo{font-family:var(--font-heading); font-weight:800; font-size:20px; color:var(--color-ink); display:inline-flex; align-items:center;}
  .logo img{height:43px; width:auto; display:block;}
  .logo--footer img{height:40px; filter:brightness(0) invert(1);}
  nav.main-nav ul{display:flex; gap:32px;}
  nav.main-nav a{font-size:15px; font-weight:500; color:var(--color-text-secondary);}
  nav.main-nav a:hover{color:var(--color-primary);}
  .header-actions{display:flex; align-items:center; gap:20px;}
  .header-actions .btn-link{color:var(--color-ink); font-weight:500;}
  #menu-toggle{display:none;}
  .menu-icon{display:none; cursor:pointer;}
  .mobile-ctas{display:none;}

  /* HERO */
  .hero{position:relative; overflow:hidden; padding:88px 0 112px;}
  .hero::before{
    content:""; position:absolute; inset:0;
    background-image:radial-gradient(circle, var(--color-border) 1px, transparent 1px);
    background-size:26px 26px; opacity:.45;
    -webkit-mask-image:linear-gradient(to bottom, black, transparent 70%);
    mask-image:linear-gradient(to bottom, black, transparent 70%);
    pointer-events:none;
  }
  .hero .container{position:relative; display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center;}
  .hero h1{margin-bottom:24px;}
  .hero .lead{max-width:440px;}
  .hero-visual{position:relative;}

  .shot{
    position:relative; z-index:1; background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-xl);
    aspect-ratio:16/11; display:flex; flex-direction:column; align-items:center; justify-content:center;
    text-align:center; padding:24px; gap:6px; box-shadow:var(--shadow-lg);
  }
  .shot--image{padding:0; overflow:visible; background:transparent; border:none; box-shadow:none;}
  .shot--image img{width:100%; height:100%; object-fit:contain; display:block; animation:shot-float 5s ease-in-out infinite;}
  @keyframes shot-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
  @media(prefers-reduced-motion:reduce){.shot--image img{animation:none;}}
  .shot .icon{width:28px; height:28px; color:var(--color-text-tertiary); margin-bottom:4px;}
  .shot strong{font-family:var(--font-body); font-weight:700; color:var(--color-text-tertiary); font-size:13px; letter-spacing:.04em;}
  .shot span{font-size:12.5px; color:var(--color-text-tertiary);}
  .shot--compact{aspect-ratio:4/3; box-shadow:var(--shadow-md);}

  /* Grids genéricos */
  .grid-2{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}
  .grid-4{display:grid; grid-template-columns:repeat(4,1fr); gap:24px;}
  .grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}

  /* Soluções */
  .solucoes-head{max-width:640px; margin-bottom:48px;}
  .card{background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:28px; transition:box-shadow .2s ease, transform .2s ease; display:flex; flex-direction:column; height:100%;}
  .card .btn-link{margin-top:auto;}
  .card:hover{box-shadow:var(--shadow-md); transform:translateY(-3px);}
  .card-icon{width:44px; height:44px; border-radius:var(--radius-md); background:var(--color-primary-light); display:flex; align-items:center; justify-content:center; margin-bottom:18px;}
  .card-icon .icon{color:var(--color-primary);}
  .card h3{margin-bottom:8px;}
  .card p{font-size:14px; margin-bottom:14px;}

  /* Pilares (White Label, Dropshipping) */
  .pillar .container{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
  .pillar h2{font-size:32px; line-height:1.25;}
  .pillar p.lead{margin:14px 0 24px; font-size:16px; line-height:1.6;}
  .feature-list{display:flex; flex-direction:column; gap:13px; margin-bottom:8px;}
  .feature-list li{display:flex; gap:12px; align-items:flex-start; font-size:15px; color:var(--color-ink); font-weight:500;}
  .feature-list li .icon{width:19px; height:19px; color:var(--color-primary); margin-top:1px;}

  /* badges flutuantes de segmentação (White Label) */
  .segment-badges{position:relative;}
  .badge-pin{
    position:absolute; display:flex; align-items:center; gap:7px; background:#fff; border:1px solid var(--color-border);
    border-radius:999px; padding:9px 14px 9px 10px; font-size:12.5px; font-weight:600; color:var(--color-text-secondary);
    box-shadow:var(--shadow-md); z-index:2;
  }
  .badge-pin .icon{width:16px; height:16px; color:var(--color-primary);}
  .badge-pin--1{top:-16px; left:-16px;}
  .badge-pin--2{top:32%; right:-24px;}
  .badge-pin--3{bottom:-16px; left:20%;}

  /* Marketplaces / Integrações / Parceiros — cluster hub (sem linhas de organograma) */
  .hub-diagram{position:relative; display:flex; flex-direction:column; align-items:center; gap:24px; margin:40px 0 8px; padding:32px 0;}
  .hub-field{
    content:""; position:absolute; left:50%; top:50%; width:660px; height:330px; transform:translate(-50%,-50%);
    background:radial-gradient(ellipse, var(--color-primary-light) 0%, transparent 72%); z-index:0; pointer-events:none;
  }
  .section--dark .hub-field,.section--dark-alt .hub-field{background:radial-gradient(ellipse, rgba(27,77,255,.28) 0%, transparent 72%);}
  .hub-node{
    position:relative; width:56px; height:56px; border-radius:50%; background:var(--color-primary); color:#fff; display:flex; align-items:center;
    justify-content:center; font-family:var(--font-heading); font-weight:800; font-size:15px; box-shadow:var(--shadow-sm); z-index:2;
  }
  .chip-row{position:relative; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:16px 20px; z-index:1; max-width:700px;}
  .chip{
    position:relative; background:color-mix(in srgb, var(--chip-color, #94A3B8) 10%, white); border:1px solid color-mix(in srgb, var(--chip-color, #94A3B8) 30%, white);
    border-radius:999px; padding:14px 24px; font-weight:600; font-size:15px; color:var(--color-ink); text-align:center;
  }
  .chip:nth-child(odd){transform:translateY(-3px);}
  .chip:nth-child(even){transform:translateY(3px);}
  .chip--brand{background:var(--color-primary); border-color:var(--color-primary); color:#fff; font-family:var(--font-heading); font-weight:700;}
  .section--dark .chip,.section--dark-alt .chip{background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.16); color:#fff;}
  .section--dark .chip--brand,.section--dark-alt .chip--brand{background:var(--color-primary); border-color:var(--color-primary); color:#fff;}
  .logo-caption{text-align:center; font-size:12px; color:var(--color-text-tertiary); margin-top:4px;}
  .section--dark .logo-caption{color:rgba(255,255,255,.4);}

  /* Expansão de marketplaces (Plugg.to) e Integração personalizada (API REST) — blocos de destaque */
  .highlight-block{
    margin-top:40px; border:1px solid var(--color-border); border-radius:var(--radius-xl); padding:36px;
    display:grid; grid-template-columns:1fr 1fr; gap:36px; align-items:center; background:#fff;
  }
  .highlight-block--accent{background:var(--color-accent-light); border-color:color-mix(in srgb, var(--color-accent) 28%, white);}
  .highlight-block p{margin-top:4px;}
  .highlight-block .flow{margin:0;}
  .caption-note{font-size:12px; color:var(--color-text-tertiary); margin-top:14px;}

  /* Dropshipping / fluxos genéricos */
  .flow{display:flex; align-items:center; justify-content:space-between; gap:8px; margin:44px 0 40px;}
  .flow-step{display:flex; flex-direction:column; align-items:center; gap:10px; flex:1;}
  .flow-icon{width:56px; height:56px; border-radius:50%; background:var(--color-white); border:1.5px solid var(--color-border-strong); display:flex; align-items:center; justify-content:center; color:var(--color-text-secondary);}
  .flow-icon--brand{background:#fff; border-color:var(--color-primary);}
  .flow-icon--brand img{width:30px; height:30px; object-fit:contain;}
  .flow-icon--accent{background:var(--color-accent-light); border-color:var(--color-accent); color:var(--color-accent-dark);}
  .flow-step span{font-size:13.5px; font-weight:600; color:var(--color-ink); text-align:center;}
  .flow-arrow{color:var(--color-border-strong); flex:0 0 auto;}
  .flow-arrow .icon{width:20px; height:20px; animation:flow-arrow-move 4s ease-in-out infinite;}
  .flow-icon{animation:flow-pulse 4s ease-in-out infinite;}
  .flow-step:nth-child(1) .flow-icon{animation-delay:0s;}
  .flow-arrow:nth-child(2) .icon{animation-delay:.5s;}
  .flow-step:nth-child(3) .flow-icon{animation-delay:1s;}
  .flow-arrow:nth-child(4) .icon{animation-delay:1.5s;}
  .flow-step:nth-child(5) .flow-icon{animation-delay:2s;}
  .flow-arrow:nth-child(6) .icon{animation-delay:2.5s;}
  .flow-step:nth-child(7) .flow-icon{animation-delay:3s;}
  @keyframes flow-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(33,94,213,0);}8%{transform:scale(1.1);box-shadow:0 0 0 7px rgba(33,94,213,.14);}20%{transform:scale(1);box-shadow:0 0 0 0 rgba(33,94,213,0);}}
  @keyframes flow-arrow-move{0%,100%{transform:translateX(0);color:var(--color-border-strong);}8%{transform:translateX(5px);color:var(--color-primary);}20%{transform:translateX(0);color:var(--color-border-strong);}}
  @media(prefers-reduced-motion:reduce){
    .flow-icon,.flow-arrow .icon{animation:none;}
  }

  .split-2{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:8px 0 32px;}
  .split-box{background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:26px;}
  .split-box h3{margin-bottom:14px; display:flex; align-items:center; gap:10px;}
  .split-box h3 .icon{color:var(--color-primary); width:20px; height:20px;}
  .highlight-line{
    display:flex; align-items:center; gap:12px; background:var(--color-primary-light); border-radius:var(--radius-md); padding:16px 20px;
    font-size:14px; font-weight:600; color:var(--color-primary); margin-bottom:8px;
  }
  .highlight-line .icon{color:var(--color-primary); width:20px; height:20px; flex-shrink:0;}

  /* Marketing — tiles */
  .tile-grid{position:relative; display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:20px; margin:44px 0 8px;}
  .tile{display:flex; gap:14px; align-items:center; background:var(--color-white); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:22px;}
  .tile-icon{flex:0 0 42px; width:42px; height:42px; border-radius:var(--radius-md); background:var(--color-primary-light); display:flex; align-items:center; justify-content:center;}
  .tile-icon .icon{color:var(--color-primary);}
  .tile p{font-size:14.5px; font-weight:600; color:var(--color-ink);}

  /* Implantação Assistida */
  .addon-badge{
    display:inline-flex; align-items:center; gap:8px; background:var(--color-accent-light); color:var(--color-accent-dark);
    border:1px solid color-mix(in srgb, var(--color-accent) 30%, white); border-radius:999px; padding:8px 16px 8px 12px;
    font-size:13px; font-weight:600; margin-top:16px;
  }
  .addon-badge .icon{width:15px; height:15px;}
  .step-groups{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:40px;}
  .step-group{background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:24px;}
  .step-group__icon{width:40px; height:40px; border-radius:var(--radius-md); background:var(--color-primary-light); display:flex; align-items:center; justify-content:center; margin-bottom:14px; color:var(--color-primary);}
  .step-group h3{font-size:15.5px; margin-bottom:12px;}
  .step-mini-list{counter-reset:step; display:flex; flex-direction:column; gap:9px; list-style:none; margin:0; padding:0;}
  .step-mini-list li{position:relative; padding-left:26px; font-size:13.5px; font-weight:600; color:var(--color-text-secondary); counter-increment:step;}
  .step-mini-list li::before{
    content:counter(step); position:absolute; left:0; top:1px; width:17px; height:17px; border-radius:50%; background:var(--color-surface);
    border:1px solid var(--color-border-strong); color:var(--color-ink); font-size:10px; font-weight:700; display:flex; align-items:center;
    justify-content:center; line-height:1;
  }

  /* Suporte — fluxo */
  .support-flow{display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-top:48px;}
  .support-step{flex:1; text-align:center; padding:18px 12px; border-radius:var(--radius-lg);}
  .support-step--link{display:block; text-decoration:none; transition:background .2s ease, box-shadow .2s ease, transform .2s ease;}
  .support-step--link:hover{background:var(--color-white); box-shadow:var(--shadow-md); transform:translateY(-3px);}
  .support-step--link:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary) 28%, transparent); outline-offset:3px;}
  .support-step--link h3,.support-step--link p{color:inherit;}
  .support-step--link p{color:var(--color-text-secondary);}
  .support-icon{width:56px; height:56px; border-radius:50%; background:var(--color-primary-light); color:var(--color-primary); display:flex; align-items:center; justify-content:center; margin:0 auto 16px; animation:flow-pulse 4.5s ease-in-out infinite;}
  .support-step:nth-child(1) .support-icon{animation-delay:0s;}
  .support-step:nth-child(3) .support-icon{animation-delay:1.5s;}
  .support-step:nth-child(5) .support-icon{animation-delay:3s;}
  .support-step h3{margin-bottom:6px;}
  .support-step p{font-size:14px;}
  .support-connector{position:relative; overflow:hidden; flex:0 0 auto; width:60px; height:3px; border-radius:2px; background:var(--color-border-strong); margin-top:27px;}
  .support-connector:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, var(--color-primary), #7FB0F5); border-radius:inherit; transform-origin:left;transform:scaleX(0);animation:support-line-fill-1 4.5s ease-in-out infinite;}
  .support-connector:nth-child(4):after{animation-name:support-line-fill-2;}
  @keyframes support-line-fill-1{0%{transform:scaleX(0);}16%{transform:scaleX(1);}28%{transform:scaleX(1);}38%{transform:scaleX(0);}100%{transform:scaleX(0);}}
  @keyframes support-line-fill-2{0%{transform:scaleX(0);}38%{transform:scaleX(0);}54%{transform:scaleX(1);}62%{transform:scaleX(1);}72%{transform:scaleX(0);}100%{transform:scaleX(0);}}
  @keyframes support-line-fill-1-y{0%{transform:scaleY(0);}16%{transform:scaleY(1);}28%{transform:scaleY(1);}38%{transform:scaleY(0);}100%{transform:scaleY(0);}}
  @keyframes support-line-fill-2-y{0%{transform:scaleY(0);}38%{transform:scaleY(0);}54%{transform:scaleY(1);}62%{transform:scaleY(1);}72%{transform:scaleY(0);}100%{transform:scaleY(0);}}
  @media(prefers-reduced-motion:reduce){
    .support-icon{animation:none;}
    .support-connector:after{animation:none;transform:scaleX(1);}
  }

  /* Parceiros */
  .profile-row .chip{font-weight:500;}

  /* Conversão / form */
  .convert-wrap{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start;}
  .form-mock{border:1px solid var(--color-border); border-radius:var(--radius-xl); padding:32px; background:var(--color-white); box-shadow:var(--shadow-sm);}
  .form-row{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:18px;}
  .form-field label{display:block; font-size:13px; font-weight:600; color:var(--color-text-secondary); margin-bottom:7px;}
  .form-field input, .form-field select{
    width:100%; height:44px; border:1px solid var(--color-border-strong); border-radius:var(--radius-md); background:#fff;
    padding:0 14px; font-family:var(--font-body); font-size:14.5px; color:var(--color-ink); appearance:none; -webkit-appearance:none;
  }
  .form-field select{
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
    background-repeat:no-repeat; background-position:right 12px center; background-size:16px; padding-right:36px;
  }
  .form-field input:focus, .form-field select:focus{outline:none; border-color:var(--color-primary); box-shadow:0 0 0 3px var(--color-primary-light);}
  .form-field:last-of-type{margin-bottom:22px;}

  /* FAQ */
  .faq-item{background:#fff; border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:0 22px; margin-bottom:12px; box-shadow:0 2px 8px rgba(15,23,42,.03); transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;}
  .faq-item:hover{border-color:#C9DAF8; box-shadow:0 8px 18px rgba(15,23,42,.06); transform:translateY(-1px);}
  .faq-item[open]{border-color:var(--color-primary); box-shadow:0 10px 24px rgba(33,94,213,.1);}
  .faq-item summary{cursor:pointer; font-family:var(--font-heading); font-weight:700; font-size:16px; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:18px 0;}
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary .icon{background:var(--color-primary-light); color:var(--color-primary); border-radius:50%; width:30px; height:30px; padding:7px; flex-shrink:0; transition:transform .25s ease, background .2s ease, color .2s ease;}
  .faq-item[open] summary .icon{background:var(--color-primary); color:#fff; transform:rotate(45deg);}
  .faq-item p{display:grid; grid-template-rows:0fr; overflow:hidden; opacity:0; font-size:15px; margin-top:0; padding-bottom:0; transition:grid-template-rows .35s ease, opacity .3s ease, margin-top .35s ease, padding-bottom .35s ease;}
  .faq-item p > *{overflow:hidden;}
  .faq-item[open] p{grid-template-rows:1fr; opacity:1; margin-top:-6px; padding-bottom:20px;}

  /* CTA final */
  .cta-final{text-align:center;}
  .cta-final .cta-row{justify-content:center;}
  .cta-final h2{max-width:640px; margin:0 auto;}

  /* Footer */
  footer.section--dark-alt{background:radial-gradient(circle at 12% 0%, rgba(33,94,213,.28), transparent 45%), radial-gradient(circle at 88% 100%, rgba(255,107,74,.14), transparent 42%), linear-gradient(160deg, #0B1834 0%, #070B14 55%, #0A1024 100%); position:relative; overflow:hidden;}
  footer .container{position:relative; display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; padding-top:64px; padding-bottom:40px;}
  footer h4{font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:rgba(255,255,255,.5); margin-bottom:16px;}
  footer ul li{margin-bottom:10px;}
  footer ul li a{font-size:14px; color:rgba(255,255,255,.8);}
  footer ul li a:hover{color:#fff;}
  .footer-bottom{border-top:1px solid rgba(255,255,255,.1); padding:24px 0; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:13px; color:rgba(255,255,255,.5);}
  .footer-legal{grid-column:1/-1; flex-basis:100%; font-size:11.5px; line-height:1.6; color:rgba(255,255,255,.38); margin-bottom:16px;}


  /* Trail — linha de conexão leve, usada nos 3 momentos estratégicos (laranja) e em Pagamentos+Frete (azul) */
  .trail{position:relative; display:flex; justify-content:space-between; gap:12px; margin:40px 0 4px;}
  .trail::before{content:""; position:absolute; top:22px; left:7%; right:7%; height:2px; background:var(--color-border-strong); z-index:0;}
  .trail--accent::before{background:color-mix(in srgb, var(--color-accent) 35%, var(--color-border-strong));}
  .trail::after{content:""; position:absolute; top:19.5px; left:7%; width:7px; height:7px; border-radius:50%; background:var(--color-primary); box-shadow:0 0 6px 1.5px rgba(33,94,213,.45); z-index:0; animation:trail-pulse-x 9s linear infinite; pointer-events:none;}
  .trail--accent::after{background:var(--color-accent); box-shadow:0 0 6px 1.5px rgba(255,107,74,.4);}
  @keyframes trail-pulse-x{
    0%{left:7%;opacity:0;}
    8%{opacity:1;}
    92%{opacity:1;}
    100%{left:93%;opacity:0;}
  }
  @keyframes trail-pulse-y{
    0%{top:0%;opacity:0;}
    8%{opacity:1;}
    92%{opacity:1;}
    100%{top:96%;opacity:0;}
  }
  .trail-node{position:relative; flex:1; display:flex; flex-direction:column; align-items:center; gap:12px; text-align:center; z-index:1; padding:0 4px;}
  .trail-dot{position:relative; width:44px; height:44px; border-radius:50%; background:#fff; border:2px solid var(--color-primary); display:flex; align-items:center; justify-content:center; color:var(--color-primary); flex-shrink:0; box-shadow:var(--shadow-sm);}
  .trail-dot:has(img[src*="pluggto-favicon"]){width:60px; height:60px; margin-top:-16px;}
  .trail-dot img[src*="pluggto-favicon"]{width:46px; height:46px;}
  .trail-dot:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;border:1.5px solid var(--color-primary);opacity:0;animation:integration-ping 2.6s ease-out infinite;pointer-events:none;}
  .trail--accent .trail-dot:before{border-color:var(--color-accent);}
  .trail-node:nth-child(2) .trail-dot:before{animation-delay:.6s;}
  .trail-node:nth-child(3) .trail-dot:before{animation-delay:1.2s;}
  @media(prefers-reduced-motion:reduce){
    .trail::after{animation:none;display:none;}
    .trail-dot:before{animation:none;display:none;}
  }
  .trail-dot .icon{width:19px; height:19px;}
  .trail-dot img{width:26px; height:26px; object-fit:contain;}
  .trail-dot strong{font:800 7px/1.05 var(--font-body);text-align:center;letter-spacing:-.02em;}
  .trail--accent .trail-dot{border-color:var(--color-accent); color:var(--color-accent-dark);}
  .trail-node h4{font-family:var(--font-heading); font-size:14px; font-weight:700; color:var(--color-ink); margin:0;}
  .trail-node__detail{font-size:12px; color:var(--color-text-tertiary); margin:0;}

  /* Expansão via Plugg.to — "camada 2" leve, sem bloco de fundo laranja sólido */
  .expansion-block{margin-top:44px; padding:36px 40px; border-radius:var(--radius-xl); background:var(--color-white); border:1px solid var(--color-border); border-left:3px solid var(--color-accent);}
  .expansion-block__head{max-width:560px; margin-bottom:4px;}
  .expansion-block .tag--accent{margin-bottom:14px;}
  .expansion-block .trail{max-width:460px;}

  /* Integração personalizada / API REST — "momento" de largura cheia, centrado */
  .strategic-moment{margin-top:56px; padding:48px 40px; border-radius:var(--radius-xl); background:var(--color-white); border:1px solid var(--color-border); border-top:3px solid var(--color-accent); text-align:center;}
  .strategic-moment .tag--accent{margin-bottom:16px;}
  .strategic-moment .block-title{max-width:620px; margin-left:auto; margin-right:auto;}
  .strategic-moment > p.measure{margin-left:auto; margin-right:auto;}
  .strategic-moment .trail{max-width:480px; margin:40px auto 8px;}
  .strategic-moment .btn{margin-top:28px;}

  /* Placeholder discreto (Pagamentos + Frete) — evita área vazia grande */
  .placeholder-strip{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:18px; padding:16px 18px; background:var(--color-surface); border:1px dashed var(--color-border-strong); border-radius:var(--radius-lg);}
  .placeholder-chip{width:36px; height:36px; border-radius:50%; background:#fff; border:1px solid var(--color-border-strong); display:flex; align-items:center; justify-content:center; color:var(--color-text-tertiary); flex-shrink:0;}
  .placeholder-chip .icon{width:16px; height:16px;}
  .placeholder-note{font-size:12.5px; color:var(--color-text-tertiary); margin-left:2px;}

  /* Cluster de acompanhamento humano (Implantação Assistida) */
  .specialist-visual{display:flex; margin-top:22px;}
  .avatar-dot{width:42px; height:42px; border-radius:50%; background:var(--color-primary-light); border:2px solid #fff; box-shadow:var(--shadow-sm); display:flex; align-items:center; justify-content:center; color:var(--color-primary); margin-right:-10px;}
  .avatar-dot .icon{width:18px; height:18px;}
  .avatar-dot--2{background:var(--color-accent-light); color:var(--color-accent-dark); z-index:1;}
  .avatar-dot--3{background:var(--color-primary); color:#fff; z-index:2;}

  /* Hub técnico (Integrações) — mesma lógica de cluster, sem o jitter orgânico usado em Marketplaces */
  .hub-diagram--grid .chip:nth-child(odd),.hub-diagram--grid .chip:nth-child(even){transform:none;}
  .hub-diagram--grid .hub-field{width:520px; height:220px;}

  /* Marketing/Afiliados — nível "complementar", mais compacto que os pilares */
  .tile-grid--compact{gap:14px; margin:32px 0 4px;}
  .tile-grid--compact .tile{padding:16px 18px;}
  .tile-grid--compact .tile-icon{width:36px; height:36px; flex:0 0 36px;}

  /* Mobile */
  @media (max-width:960px){
    h1{font-size:34px;} h2{font-size:28px;} .section--feature h2{font-size:30px;}
    .h2-strong{font-size:30px;}
    .block-title{font-size:20px;}
    section{padding:56px 0;} .section--feature{padding:72px 0;} .section--tight{padding:48px 0;}
    nav.main-nav{position:fixed; top:72px; left:0; right:0; height:calc(100vh - 72px); background:#fff; padding:32px 24px; transform:translateY(-110%); transition:transform .2s ease; z-index:40; overflow-y:auto;}
    nav.main-nav ul{flex-direction:column; gap:0;}
    nav.main-nav ul li{border-bottom:1px solid var(--color-border);}
    nav.main-nav ul li a{display:block; padding:16px 0;}
    nav.main-nav .mobile-ctas{display:flex; flex-direction:column; gap:12px; margin-top:24px;}
    #menu-toggle:checked ~ nav.main-nav{transform:translateY(0);}
    .menu-icon{display:block; font-size:24px; background:none; border:none; cursor:pointer;}
    .header-actions .btn-link,.header-actions .btn-primary{display:none;}
    .hero .container{grid-template-columns:1fr; gap:40px; padding-top:8px;}
    .grid-2,.pillar .container,.convert-wrap{grid-template-columns:1fr; gap:32px;}
    .grid-4,.grid-3{grid-template-columns:1fr 1fr;}
    .segment-badges .badge-pin{position:static; display:inline-flex; margin:6px 6px 0 0; box-shadow:none;}
    .segment-badges{display:flex; flex-wrap:wrap; margin-bottom:16px;}
    .hub-field{width:300px; height:180px;}
    .chip:nth-child(odd),.chip:nth-child(even){transform:none;}
    .hub-node{width:50px; height:50px; font-size:14px;}
    .chip{padding:11px 20px; font-size:13.5px;}
    .chip-row{gap:12px 14px;}
    .hub-diagram{gap:20px; margin:36px 0 8px; padding:28px 0;}
    .highlight-block{grid-template-columns:1fr; gap:28px; padding:28px; margin-top:32px;}
    .flow{flex-direction:column; align-items:stretch;}
    .flow-arrow{transform:rotate(90deg); align-self:center;}
    .split-2{grid-template-columns:1fr;}
    .tile-grid{grid-template-columns:1fr;}
    .step-groups{grid-template-columns:1fr 1fr; gap:14px;}
    .step-group{padding:18px;}
    .support-flow{flex-direction:column; align-items:center;}
    .support-connector{width:3px; height:32px;}
    .support-connector:after{background:linear-gradient(180deg, var(--color-primary), #7FB0F5); transform-origin:top; animation-name:support-line-fill-1-y;}
    .support-connector:nth-child(4):after{animation-name:support-line-fill-2-y;}
    footer .container{grid-template-columns:1fr 1fr;}

    /* Trail — vira trilha vertical no mobile, nós alinhados como paradas de uma jornada */
    .trail{flex-direction:column; align-items:flex-start; gap:26px; margin:32px 0 4px;}
    .trail::before{top:0; bottom:0; left:21px; right:auto; width:2px; height:auto;}
    .trail::after{top:0; left:17.5px; animation-name:trail-pulse-y;}
    .trail-node{flex-direction:row; text-align:left; gap:16px; padding:0; width:100%;}
    .trail-dot:has(img[src*="pluggto-favicon"]){margin-top:0;}
    .expansion-block .trail,.strategic-moment .trail{max-width:none;}
    .expansion-block{padding:28px 24px;}
    .strategic-moment{padding:36px 24px;}
    .hub-diagram--grid .hub-field{width:280px; height:170px;}
    .tile-grid--compact{grid-template-columns:1fr;}
  }
  @media (max-width:560px){
    .grid-4,.grid-3,.form-row{grid-template-columns:1fr;}
    .cta-row{flex-direction:column;}
    .cta-row .btn{width:100%;}
    footer .container{grid-template-columns:1fr;}
    .hub-diagram .chip-row{gap:10px;}
    .highlight-block{padding:22px;}
    .step-groups{grid-template-columns:1fr;}
    .expansion-block{padding:22px 16px;}
    .strategic-moment{padding:28px 16px;}
  }


  /* =========================================================
     CHATGPT ALTERNATIVE — "PLATAFORMA EM OPERAÇÃO"
     Camada visual complementar sobre a Fase 6.1
     ========================================================= */
  :root{
    --ops-navy:#0A1633;
    --ops-navy-2:#10234F;
    --ops-blue-soft:#F4F8FF;
    --ops-grid:rgba(33,94,213,.08);
    --ops-green:#12B981;
  }
  body{background:#fff;}
  section{scroll-margin-top:72px;}
  .container{max-width:1240px;}
  h1{font-size:56px;letter-spacing:-.035em;}
  h2{letter-spacing:-.035em;}
  .lead{line-height:1.65;}
  .tag{box-shadow:inset 0 0 0 1px rgba(33,94,213,.03);}
  .btn{border-radius:10px;}
  .btn-primary{box-shadow:0 8px 18px rgba(33,94,213,.18);}
  .btn-primary:hover{box-shadow:0 12px 24px rgba(33,94,213,.24);}

  /* Hero: o produto vira a prova visual */
  .hero{padding:94px 0 118px;background:
    radial-gradient(circle at 78% 22%, rgba(33,94,213,.09), transparent 28%),
    linear-gradient(180deg,#fff 0%,#fff 72%,#FAFCFF 100%);}
  .hero::before{opacity:.26;}
  .hero .container{grid-template-columns:.92fr 1.08fr;gap:84px;}
  .hero h1{max-width:590px;}
  .hero .shot{aspect-ratio:1.45/1;padding:0;display:block;overflow:hidden;text-align:left;background:#F9FBFF;}
  .hero .shot--image{background:transparent;overflow:visible;}

  /* Sumário mais leve e editorial */
  #solucoes{padding:78px 0;}
  #solucoes .card{padding:24px;border-color:#E8EDF5;box-shadow:none;}
  #solucoes .card:hover{box-shadow:0 12px 30px rgba(15,23,42,.07);}

  /* Pilares ganham mais contraste */
  .section--feature{padding:116px 0;}
  #white-label .shot{background:linear-gradient(180deg,#fff,#F8FBFF);}
  #white-label .shot--image{background:transparent;}

  /* MARKETPLACES — central de operação em vez de diagrama isolado */
  #marketplaces{background:linear-gradient(180deg,#EFF5FD 0%,#E7EFFB 100%);}
  .market-ops{display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;margin-top:46px;align-items:stretch;}
  .market-network,.ops-console{position:relative;border:1px solid #DCE6F5;border-radius:20px;background:#fff;overflow:hidden;min-height:410px;}
  .market-network{padding:30px;background:
     radial-gradient(circle at 50% 46%,rgba(33,94,213,.13),transparent 28%),
     linear-gradient(180deg,#fff,#F9FBFF);}
  .market-network:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--ops-grid) 1px,transparent 1px),linear-gradient(90deg,var(--ops-grid) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 88%);pointer-events:none;}
  .market-network__hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#fff;border:1px solid #DCE6F5;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px rgba(33,94,213,.16);z-index:3;overflow:visible;}
  .market-network__hub img{width:52%;height:52%;object-fit:contain;}
  .market-network__hub strong{font:800 13px var(--font-heading);color:var(--color-primary-dark);letter-spacing:-.02em;text-align:center;}
  .market-network__hub:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;border:1.5px solid var(--color-primary);opacity:0;animation:integration-ping 2.6s ease-out infinite;pointer-events:none;}
  .market-orbit{position:absolute;inset:0;z-index:2;}
  .market-badge{position:absolute;display:flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:999px;background:#fff;border:1px solid #DCE5F2;box-shadow:0 8px 20px rgba(15,23,42,.06);white-space:nowrap;}
  .market-badge img{width:84px;height:24px;object-fit:contain;display:block;}
  .market-badge--text{min-width:112px;min-height:46px;white-space:normal;text-align:center;font-size:11px;font-weight:700;line-height:1.15;color:var(--color-text-secondary);}
  .market-badge:nth-child(1){left:50%;top:14%;transform:translate(-50%,-50%)}.market-badge:nth-child(2){left:78.1%;top:27.6%;transform:translate(-50%,-50%)}.market-badge:nth-child(3){left:85.1%;top:58%;transform:translate(-50%,-50%)}.market-badge:nth-child(4){left:65.6%;top:82.4%;transform:translate(-50%,-50%)}.market-badge:nth-child(5){left:34.4%;top:82.4%;transform:translate(-50%,-50%)}.market-badge:nth-child(6){left:14.9%;top:58%;transform:translate(-50%,-50%)}.market-badge:nth-child(7){left:21.9%;top:27.6%;transform:translate(-50%,-50%)}
  .market-links{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
  .market-links line{stroke-dasharray:2.5 5;animation:integration-flow 1.6s linear infinite;}
  .market-links line:nth-of-type(2){animation-delay:.25s;}
  .market-links line:nth-of-type(3){animation-delay:.5s;}
  .market-links line:nth-of-type(4){animation-delay:.75s;}
  .market-links line:nth-of-type(5){animation-delay:1s;}
  .market-links line:nth-of-type(6){animation-delay:1.25s;}
  .market-links line:nth-of-type(7){animation-delay:1.5s;}
  @media(prefers-reduced-motion:reduce){
    .market-network__hub:before{animation:none;display:none;}
    .market-links line{animation:none;}
  }
  .ops-console{padding:0;background:#fff;box-shadow:0 20px 42px rgba(15,23,42,.07);}
  .ops-console__head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--color-border);}
  .ops-console__head strong{font:700 14px var(--font-heading);}
  .ops-status{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#4B647E;background:#F6F9FD;border:1px solid #E1E8F2;border-radius:999px;padding:6px 9px;}
  .ops-status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ops-green);}
  .ops-console__body{padding:18px;display:grid;gap:10px;}
  .order-card{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #E7ECF3;border-radius:12px;background:#fff;}
  .order-channel{width:38px;height:38px;border-radius:10px;background:#EEF4FD;display:flex;align-items:center;justify-content:center;overflow:hidden;}
  .order-channel img{width:22px;height:22px;object-fit:contain;}
  .order-channel--generic .icon{width:18px;height:18px;color:var(--color-primary);}
  .order-info strong{display:block;font-size:12px;margin-bottom:4px}.order-info span{display:block;font-size:10px;color:#8290A3}.order-tag{font-size:10px;padding:5px 8px;border-radius:999px;background:#EDF9F4;color:#12805E;font-weight:700;}
  .market-copyline{margin-top:20px;max-width:680px;}
  #marketplaces>.container>.shot,#marketplaces>.container>.hub-diagram,#marketplaces>.container>.logo-caption{display:none;}

  /* Plugg.to: faixa de expansão premium */
  .expansion-block{position:relative;margin-top:38px;padding:36px 40px;border-radius:20px;background:linear-gradient(100deg,#fff 0%,#FFF8F5 100%);border:1px solid #F4D7CD;border-left:none;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;}
  .expansion-block:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--color-accent),#FFB098);}
  .expansion-block .trail{margin:0;}
  .expansion-block .marketplace-ecosystem{grid-column:1/-1;}

  /* PAGAMENTOS + FRETE — dois painéis lado a lado */
  #pagamentos{background:var(--color-surface);}
  .commerce-journey{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:42px;align-items:stretch;}
  .journey-board{display:none;}
  .journey-side{display:contents;}
  .capability-panel{border:1px solid #E2E8F0;border-radius:20px;padding:28px;background:#F9FBFF;min-height:100%;box-shadow:0 10px 28px rgba(15,23,42,.035);}
  .capability-panel h3{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:22px;}
  .capability-panel h3 .icon{width:20px;height:20px;color:var(--color-primary)}
  .capability-panel p{font-size:14px;line-height:1.6;max-width:520px;}
  .integration-brand-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;align-items:center;}
  .integration-kind{flex-basis:100%;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#8A9AB0;margin-top:2px;}
  .integration-kind:not(:first-child){margin-top:8px;}
  .integration-brand-pill{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 12px;border:1px solid #DCE5F2;border-radius:12px;background:#fff;color:var(--color-ink);font-size:12.5px;font-weight:700;box-shadow:0 3px 10px rgba(15,23,42,.025);}
  .integration-logo-placeholder{width:26px;height:26px;border-radius:8px;border:1px dashed #C8D6E8;background:#FAFCFF;display:flex;align-items:center;justify-content:center;color:#8EA2BE;flex:0 0 26px;}
  .integration-logo-placeholder .icon{width:13px;height:13px;}
  .integration-brand-pill--native{background:#F2F7FF;border-color:#C9DAF8;color:var(--color-primary);}
  #pagamentos>.container>.trail,#pagamentos>.container>.split-2{display:none;}

  /* INTEGRAÇÕES — "integration layer" técnico */
  #integracoes{background:linear-gradient(180deg,#EEF4FD,#fff);padding:92px 0;}
  .integration-layer{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:stretch;margin-top:42px;}
  .system-stack{display:flex;flex-direction:column;gap:12px;}
  .system-stack__head{flex:0 0 auto;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg, #3B7BF0, var(--color-primary) 55%, var(--color-primary-dark));color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;text-align:center;box-shadow:0 10px 22px rgba(33,94,213,.22);}
  .system-row{flex:1;display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid #DFE7F2;border-radius:14px;background:#fff;box-shadow:0 5px 15px rgba(15,23,42,.035);transition:transform .2s ease,box-shadow .2s ease;}
  .system-row:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.07);}
  .system-row__icon{width:44px;height:44px;border-radius:12px;background:#F6F9FD;border:1px solid #E7ECF3;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;}
  .system-row__icon img{max-width:30px;max-height:22px;object-fit:contain;}
  .system-row__icon .icon{width:19px;height:19px;flex-shrink:0;color:var(--color-primary);}
  .system-row strong{font-size:14px;color:var(--color-ink);font-weight:700;}
  .integration-core{position:relative;min-height:320px;border:1px solid #DDE6F4;border-radius:20px;background:#fff;overflow:hidden;padding:28px;}
  .integration-core:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(33,94,213,.12) 1px,transparent 1px);background-size:18px 18px;opacity:.55;}
  .integration-core__hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:118px;height:118px;border-radius:28px;background:#fff;border:1px solid #DCE6F5;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;box-shadow:0 20px 44px rgba(33,94,213,.18);}.integration-core__hub img{width:46px;height:46px;object-fit:contain;}.integration-core__hub span{font-size:8.5px;line-height:1.3;color:var(--color-text-tertiary);font-weight:700;letter-spacing:.02em;text-transform:uppercase;text-align:center;margin-top:8px;max-width:84px;}
  .integration-port{position:absolute;display:flex;align-items:center;justify-content:center;gap:8px;width:122px;height:44px;padding:0 12px;border-radius:999px;background:#fff;border:1px solid #DDE6F4;color:var(--color-ink);font-size:11.5px;font-weight:700;z-index:2;box-shadow:0 6px 18px rgba(15,23,42,.05)}
  .integration-port__icon{width:26px;height:26px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .integration-port__icon .icon{width:14px;height:14px;}
  .integration-port.p1{left:6%;top:17%}.integration-port.p2{right:7%;top:17%}.integration-port.p3{left:6%;bottom:17%}.integration-port.p4{right:7%;bottom:17%}
  .integration-links{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
  .integration-links line{stroke-dasharray:2.5 5;animation:integration-flow 1.6s linear infinite;}
  .integration-links line:nth-of-type(2){animation-delay:.4s;}
  .integration-links line:nth-of-type(3){animation-delay:.8s;}
  .integration-links line:nth-of-type(4){animation-delay:1.2s;}
  @keyframes integration-flow{to{stroke-dashoffset:-30;}}
  .integration-core__hub{overflow:visible;}
  .integration-core__hub:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;border:1.5px solid var(--color-primary);opacity:0;animation:integration-ping 2.6s ease-out infinite;pointer-events:none;}
  @keyframes integration-ping{0%{transform:scale(1);opacity:.45;}100%{transform:scale(1.4);opacity:0;}}
  @media(prefers-reduced-motion:reduce){
    .integration-links line{animation:none;}
    .integration-core__hub:before{animation:none;display:none;}
  }
  #integracoes .hub-diagram,#integracoes>.container>.logo-caption{display:none;}
  .strategic-moment{background:linear-gradient(180deg,#fff,#FFFBF9);box-shadow:0 16px 38px rgba(15,23,42,.045);}

  /* MARKETING mais compacto */
  #marketing{padding:66px 0;}

  /* IMPLANTAÇÃO — pessoas primeiro, processo como suporte */
  .assist-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;margin-top:36px;align-items:center;}
  .assist-people{position:relative;min-height:300px;border-radius:22px;background:linear-gradient(160deg,#FFF9F6,#fff);border:1px solid #F2DBD3;padding:28px;overflow:hidden;}
  .assist-people:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(255,107,74,.08);right:-70px;top:-70px;}
  .assist-person{position:absolute;width:108px;height:108px;border-radius:30px;background:#fff;border:1px solid #E4EAF2;box-shadow:0 15px 30px rgba(15,23,42,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;animation:assist-float 4.4s ease-in-out infinite;}.assist-person .icon{width:26px;height:26px}.assist-person b{font-size:10px}.assist-person.p1{left:13%;top:25%;color:var(--color-primary);animation-delay:0s;}.assist-person.p2{left:39%;top:45%;color:var(--color-accent-dark);animation-delay:.9s;animation-duration:5s;}.assist-person.p3{right:10%;top:20%;color:var(--color-primary);animation-delay:1.7s;animation-duration:4.8s;}
  @keyframes assist-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}
  .assist-route{position:relative;display:grid;gap:22px;}
  .assist-route__item{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:center;}.assist-route__num{width:52px;height:52px;border-radius:50%;background:#FFF4EF;border:1px solid #F4CFC2;color:var(--color-accent-dark);display:flex;align-items:center;justify-content:center;font:800 16px var(--font-heading);animation:step-pulse 6.4s ease-in-out infinite;}.assist-route__item h4{font:700 17px var(--font-heading);margin:2px 0 4px}.assist-route__item p{font-size:13.5px;color:#718096}
  .assist-route__num{position:relative;z-index:1;}
  .assist-route:before{content:"";position:absolute;left:26px;top:26px;bottom:26px;width:2px;background:#F0B6A5;z-index:0;}
  .assist-route:after{content:"";position:absolute;left:26px;top:26px;bottom:26px;width:2px;background:var(--color-accent);transform-origin:top;transform:scaleY(0);z-index:0;animation:step-line-fill 6.4s ease-in-out infinite;}
  .assist-ball{position:absolute;left:26px;top:26px;width:9px;height:9px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 7px 2px rgba(255,107,74,.5);z-index:0;transform:translateX(-50%);animation:assist-ball 6.4s ease-in-out infinite;pointer-events:none;}
  .assist-route__item:nth-child(2) .assist-route__num{animation-delay:.32s;}
  .assist-route__item:nth-child(3) .assist-route__num{animation-delay:1.86s;}
  .assist-route__item:nth-child(4) .assist-route__num{animation-delay:3.78s;}
  .assist-route__item:nth-child(5) .assist-route__num{animation-delay:5.7s;}
  @keyframes step-pulse{0%,15%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,107,74,0);}5%{transform:scale(1.16);box-shadow:0 0 0 6px rgba(255,107,74,.22);}}
  @keyframes step-line-fill{0%{transform:scaleY(0);}96%{transform:scaleY(1);}100%{transform:scaleY(1);}}
  @keyframes assist-ball{
    0%{top:calc(0% + 30px);opacity:0;transform:translateX(-50%) scale(1);}
    4%{opacity:1;}
    10%{transform:translateX(-50%) scale(2.2);}
    16%{transform:translateX(-50%) scale(1);}
    31%{top:calc(33% + 20px);transform:translateX(-50%) scale(1);}
    34%{transform:translateX(-50%) scale(2.2);}
    37%{top:calc(36% + 20px);transform:translateX(-50%) scale(1);}
    61%{top:calc(66% + 10px);transform:translateX(-50%) scale(1);}
    64%{transform:translateX(-50%) scale(2.2);}
    67%{top:calc(69% + 10px);transform:translateX(-50%) scale(1);}
    90%{transform:translateX(-50%) scale(1);}
    94%{transform:translateX(-50%) scale(2.2);opacity:1;}
    100%{top:calc(100% - 30px);opacity:0;}
  }
  @media(prefers-reduced-motion:reduce){
    .assist-person{animation:none;}
    .assist-route__num{animation:none;}
    .assist-route:after{animation:none;transform:scaleY(1);}
    .assist-ball{animation:none;display:none;}
  }
  .assist-section>.container>.trail,.assist-section>.container>.specialist-visual{display:none;}

  /* Suporte / parceiros / conversão — fechamento mais polido */
  #suporte{padding:76px 0;}
  #parceiros{background:linear-gradient(145deg,#081225,#0B1834 72%,#10234F);}
  #conversao{background:linear-gradient(180deg,#fff,#FBFDFF);}
  .form-mock{box-shadow:0 18px 44px rgba(15,23,42,.06);}
  .cta-final{padding:78px 0;}

  @media(max-width:960px){
    h1{font-size:38px;}.hero .container{grid-template-columns:1fr;gap:42px}.hero{padding-top:68px}.market-ops,.commerce-journey,.integration-layer,.assist-layout,.expansion-block{grid-template-columns:1fr}.market-network,.ops-console{min-height:350px}.market-badge{padding:8px 10px}.market-badge img{width:66px;height:19px}.journey-board{min-height:auto}.integration-core{min-height:300px}.assist-people{min-height:300px}.expansion-block .trail{margin-top:16px}.specialist-visual{display:none!important}
  }
  @media(max-width:560px){
    h1{font-size:34px}.hero{padding:50px 0 70px}.hero .shot{aspect-ratio:1.05/1}.market-ops{gap:16px}.market-network{min-height:330px;padding:18px}.market-network__hub{width:52px;height:52px}.market-badge{padding:5px 7px}.market-badge img{width:40px;height:12px}.ops-console__body{padding:12px}.order-card{grid-template-columns:32px 1fr auto;padding:10px}.order-channel{width:32px;height:32px}.order-channel img{width:18px;height:18px}.expansion-block{padding:24px 18px}.commerce-journey{gap:14px}.journey-board{padding:18px}.journey-steps{grid-template-columns:1fr;gap:8px}.journey-step{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center}.journey-step__icon{margin:0}.journey-step span{font-size:9px}.integration-core{min-height:270px}.integration-core__hub{width:90px;height:90px;border-radius:23px}.integration-core__hub img{width:36px;height:36px}.integration-port{width:92px;height:34px;font-size:9.5px;padding:0 10px 0 4px;gap:6px}.integration-port__icon{width:20px;height:20px}.integration-port__icon .icon{width:11px;height:11px}.assist-people{min-height:260px}.assist-person{width:86px;height:86px;border-radius:24px}.assist-person.p1{left:7%;top:24%}.assist-person.p2{left:36%;top:49%}.assist-person.p3{right:6%;top:18%}.assist-route__item{grid-template-columns:42px 1fr;gap:13px}.assist-route__num{width:42px;height:42px;font-size:13.5px}.assist-route:before,.assist-route:after{left:21px;top:21px;bottom:21px}.assist-ball{left:21px;top:21px}
  }



  /* =========================================================
     V2 — REFINAMENTO FINAL DO HERO
     Mais minimalista, proporcional e editorial.
     Conteúdo e funcionalidades preservados.
     ========================================================= */
  .hero{padding:82px 0 104px;}
  .hero .container{grid-template-columns:.82fr 1.18fr;gap:88px;}
  .hero h1{
    max-width:520px;
    margin-bottom:22px;
    font-size:46px;
    line-height:1.075;
    letter-spacing:-.042em;
    font-weight:700;
    text-wrap:balance;
  }
  .hero .lead{
    max-width:470px;
    font-size:17px;
    line-height:1.62;
  }
  .hero .cta-row{margin-top:26px;}
  .hero .support-text{max-width:500px;margin-top:13px;font-size:13.5px;}
  .hero-visual{max-width:650px;width:100%;justify-self:end;}

  @media(max-width:960px){
    .hero{padding:62px 0 78px;}
    .hero .container{grid-template-columns:1fr;gap:40px;}
    .hero h1{max-width:620px;font-size:38px;line-height:1.08;}
    .hero .lead{font-size:16.5px;}
    .hero-visual{max-width:680px;justify-self:start;}
  }

  @media(max-width:560px){
    .hero{padding:46px 0 66px;}
    .hero .container{gap:34px;}
    .hero h1{font-size:31px;line-height:1.09;letter-spacing:-.035em;margin-bottom:18px;}
    .hero .lead{font-size:15.5px;line-height:1.58;}
    .hero .cta-row{margin-top:22px;}
    .hero .support-text{font-size:12.5px;}
  }



  /* V2.1 — Ecossistema Plugg.to: slots elegantes para logos de marketplaces */
  .marketplace-ecosystem{margin-top:22px;padding-top:18px;border-top:1px solid #F0DED8;}
  .marketplace-ecosystem__label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:12px;}
  .marketplace-logo-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
  .marketplace-logo-slot{height:42px;min-width:78px;padding:0 16px;border-radius:12px;border:1px solid #E5EAF1;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(15,23,42,.035);color:#A0AEC0;font-size:10px;font-weight:700;letter-spacing:.035em;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
  .marketplace-logo-slot img{height:24px;width:auto;max-width:56px;object-fit:contain;}
  .marketplace-logo-slot--text{min-width:132px;color:var(--color-text-secondary);font-size:11px;line-height:1.15;text-align:center;letter-spacing:0;text-transform:none;}
  .marketplace-logo-slot:hover{transform:translateY(-2px);border-color:#D9B8AC;box-shadow:0 7px 16px rgba(15,23,42,.06);}
  .marketplace-logo-slot--more{border-style:dashed;border-color:color-mix(in srgb, var(--color-accent) 45%, white);background:#FFF9F6;color:var(--color-accent-dark);min-width:118px;gap:6px;}
  .marketplace-logo-slot--more .icon{width:14px;height:14px;}
  .marketplace-ecosystem__hint{font-size:11px;color:var(--color-text-tertiary);margin-top:10px;}
  @media(max-width:960px){.marketplace-logo-row{gap:8px}.marketplace-logo-slot{min-width:72px;height:40px;padding:0 13px}}
  @media(max-width:560px){.marketplace-ecosystem{margin-top:18px;padding-top:16px}.marketplace-logo-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.marketplace-logo-slot,.marketplace-logo-slot--more{width:100%;min-width:0;height:42px}.marketplace-logo-slot--more{grid-column:1/-1}}



  /* =========================================================
     Pharma Commerce V2 — preservação do design original
     Consolidação aprovada: Hero, Pagamentos/Frete, Parceiros e Plugg.to.
     Nenhuma outra seção é redesenhada nesta etapa.
     ========================================================= */

  /* 1. HERO — tipografia mais minimalista e melhor equilíbrio com o produto */
  .hero{padding:72px 0 92px;}
  .hero .container{grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;}
  .hero h1{
    max-width:620px;
    font-size:34px;
    line-height:1.22;
    letter-spacing:-.025em;
    margin-bottom:24px;
    text-wrap:balance;
  }
  .hero .cta-row{flex-wrap:nowrap;}
  .hero .btn-lg{padding:15px 24px;font-size:15.5px;white-space:nowrap;}
  .hero-highlight{
    white-space:nowrap;
    background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-accent) 45%, var(--color-accent) 100%);
    background-size:200% auto;
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    animation:hero-gradient-flow 5s ease-in-out infinite;
  }
  @keyframes hero-gradient-flow{0%,100%{background-position:0% 50%;}50%{background-position:70% 50%;}}
  @media(prefers-reduced-motion:reduce){.hero-highlight{animation:none;}}
  .hero .lead{max-width:500px;font-size:16.5px;line-height:1.65;}
  .hero .support-text{max-width:520px;font-size:13px;}
  .hero-visual{max-width:620px;width:100%;justify-self:end;}

  /* 2. PAGAMENTOS + FRETE — integrações reais sem falsificar logotipos */
  .capability-panel--integrations{padding:20px;}
  .integration-brand-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
  .integration-brand-pill{
    min-height:38px;display:inline-flex;align-items:center;gap:8px;
    padding:7px 11px 7px 7px;border:1px solid #DCE5F2;border-radius:11px;
    background:#fff;color:var(--color-ink);font-size:11px;font-weight:700;line-height:1;
    box-shadow:0 3px 10px rgba(15,23,42,.025);
  }
  .integration-logo-placeholder{
    width:25px;height:25px;flex:0 0 25px;border:1px dashed #C8D5E7;border-radius:7px;
    display:flex;align-items:center;justify-content:center;background:#FAFCFF;color:#8EA3C1;
  }
  .integration-logo-placeholder .icon{width:12px;height:12px;}
  .integration-brand-pill--native{background:#F2F7FF;border-color:#CFE0FA;color:#1749AE;}
  .integration-brand-pill--native .integration-logo-placeholder{
    border-style:solid;border-color:#D7E5FA;background:#fff;color:var(--color-primary);
  }
  .brand-logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:380px;}
  .brand-logo-grid--compact{max-width:380px;}
  .brand-logo-grid .integration-brand-pill{width:100%;height:46px;justify-content:center;}
  .integration-brand-pill--logo{padding:0 10px;}
  .integration-brand-pill--logo img{max-width:100%;max-height:22px;width:auto;height:auto;object-fit:contain;display:block;}
  @media(max-width:560px){
    .brand-logo-grid--compact{grid-template-columns:repeat(2,1fr);max-width:none;}
    .brand-logo-grid:not(.brand-logo-grid--compact){grid-template-columns:1fr;}
  }
  .integration-kind{
    width:100%;font-size:10px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;
    color:var(--color-text-tertiary);margin-top:5px;margin-bottom:-1px;
  }

  /* 3. PARCEIROS — chamada compacta para a landing page */
  #parceiros.partner-cta-section{padding:50px 0;position:relative;overflow:hidden;background:radial-gradient(circle at 12% 0%, rgba(33,94,213,.28), transparent 45%), radial-gradient(circle at 88% 100%, rgba(255,107,74,.14), transparent 42%), linear-gradient(160deg, #0B1834 0%, #070B14 55%, #0A1024 100%);}
  .partner-cta-wrap{display:flex;align-items:center;justify-content:space-between;gap:48px;}
  .partner-cta-copy{max-width:720px;}
  .partner-cta-copy .tag{margin-bottom:14px;}
  .partner-cta-copy h2{font-size:30px;line-height:1.16;margin-bottom:10px;max-width:700px;}
  .partner-cta-copy p{max-width:650px;color:rgba(255,255,255,.68);font-size:15px;}
  .partner-cta-action{flex:0 0 auto;}
  .partner-cta-action .btn{white-space:nowrap;}
  .partner-cta-action .icon{color:#fff;}

  @media(max-width:960px){
    .hero{padding:58px 0 74px;}
    .hero .container{grid-template-columns:1fr;gap:38px;}
    .hero h1{max-width:680px;font-size:37px;line-height:1.1;}
    .hero-visual{max-width:660px;justify-self:start;}
    .partner-cta-wrap{align-items:flex-start;gap:28px;}
    .partner-cta-copy h2{font-size:27px;}
  }
  @media(max-width:700px){
    #parceiros.partner-cta-section{padding:40px 0;}
    .partner-cta-wrap{flex-direction:column;gap:22px;}
    .partner-cta-action,.partner-cta-action .btn{width:100%;}
    .partner-cta-action .btn{justify-content:center;}
  }
  @media(max-width:560px){
    .hero{padding:42px 0 62px;}
    .hero .container{gap:30px;}
    .hero h1{font-size:29px;line-height:1.12;letter-spacing:-.03em;margin-bottom:17px;}
    .hero .lead{font-size:15px;line-height:1.58;}
    .integration-brand-grid{gap:7px;}
    .integration-brand-pill{font-size:10px;min-height:35px;padding:6px 9px 6px 6px;}
    .integration-logo-placeholder{width:23px;height:23px;flex-basis:23px;}
    .partner-cta-copy h2{font-size:24px;}
    .partner-cta-copy p{font-size:14px;}
  }


  @media(max-width:960px){
    #pagamentos .commerce-journey{grid-template-columns:1fr;gap:16px;}
    #pagamentos .capability-panel{padding:24px;}
  }
  @media(max-width:560px){
    #pagamentos .capability-panel{padding:20px 16px;border-radius:16px;}
    #pagamentos .capability-panel h3{font-size:19px;}
    #pagamentos .integration-brand-grid{gap:8px;margin-top:18px;}
    #pagamentos .integration-brand-pill{min-height:40px;padding:7px 10px;font-size:12px;}
    #pagamentos .integration-brand-pill--logo{height:42px;}
    #pagamentos .integration-brand-pill--logo img{max-height:19px;width:auto;height:auto;}
  }




  .reveal{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:none}
  @media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

  .whatsapp-float{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,211,102,.4);z-index:999;transition:transform .2s ease, box-shadow .2s ease;}
  .whatsapp-float:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 28px rgba(37,211,102,.5);}
  .whatsapp-float svg{width:30px;height:30px;fill:#fff;}
  .whatsapp-float:before{content:"";position:absolute;inset:0;border-radius:50%;background:#25D366;opacity:.55;animation:whatsapp-pulse 2.2s ease-out infinite;z-index:-1;}
  @keyframes whatsapp-pulse{0%{transform:scale(1);opacity:.55;}100%{transform:scale(1.6);opacity:0;}}
  @media(prefers-reduced-motion:reduce){.whatsapp-float:before{animation:none;display:none;}}
  @media(max-width:560px){.whatsapp-float{right:16px;bottom:16px;width:52px;height:52px;}.whatsapp-float svg{width:27px;height:27px;}}


/* Central de Ajuda */

        :root {
            --color-primary: #215ED5;
            --color-primary-dark: #1A4BAA;
            --color-primary-light: #EAF1FC;
            --color-accent: #FF6B4A;
            --color-accent-dark: #E5522E;
            --color-accent-light: #FFF0EA;
            --color-ink: #0F172A;
            --color-text-secondary: #475569;
            --color-text-tertiary: #94A3B8;
            --color-border: #E2E8F0;
            --color-border-strong: #CBD5E1;
            --color-surface: #EDF1F9;
            --color-white: #FFFFFF;
            --color-dark-bg: #0B1120;
            --radius-md: 8px;
            --radius-lg: 12px;
            --radius-xl: 16px;
            --shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);
            --shadow-md: 0 8px 24px rgba(15, 23, 42, .10);
            --shadow-lg: 0 20px 48px rgba(15, 23, 42, .14);
            --font-heading: 'Manrope', sans-serif;
            --font-body: 'Inter', sans-serif;
            --container-max: 1200px;
        }

        * { box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body.pharmacommerce-help-page {
            margin: 0;
            color: var(--color-ink);
            background: var(--color-white);
            font-family: var(--font-body);
            line-height: 1.6;
            -webkit-font-smoothing: antialiased;
        }
        body.pharmacommerce-help-page img,
        body.pharmacommerce-help-page svg { display: block; }
        body.pharmacommerce-help-page a { color: inherit; text-decoration: none; }

        .help-container {
            width: 100%;
            max-width: var(--container-max);
            margin: 0 auto;
            padding: 0 24px;
        }

        .help-header {
            position: sticky;
            top: 0;
            z-index: 50;
            background: rgba(255, 255, 255, .92);
            backdrop-filter: blur(10px);
            border-bottom: 1px solid var(--color-border);
        }
        .help-header__inner {
            min-height: 72px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
        }
        .help-logo { display: inline-flex; align-items: center; }
        .help-logo img { width: auto; height: 40px; }
        .help-back {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 42px;
            padding: 0 16px;
            border: 1px solid var(--color-border);
            border-radius: var(--radius-md);
            background: var(--color-white);
            color: var(--color-primary-dark);
            font-size: 14px;
            font-weight: 600;
            transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
        }
        .help-back:hover {
            border-color: var(--color-primary);
            box-shadow: 0 6px 16px rgba(33, 94, 213, .12);
            transform: translateY(-1px);
        }

        .help-hero {
            position: relative;
            overflow: hidden;
            padding: 78px 0 64px;
            border-bottom: 1px solid var(--color-border);
            background: linear-gradient(180deg, #FFFFFF 0%, #F7F9FD 100%);
        }
        .help-hero::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image: radial-gradient(circle, var(--color-border) 1px, transparent 1px);
            background-size: 26px 26px;
            opacity: .38;
            -webkit-mask-image: linear-gradient(to bottom, black, transparent 76%);
            mask-image: linear-gradient(to bottom, black, transparent 76%);
            pointer-events: none;
        }
        .help-hero__inner { position: relative; }
        .help-tag {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 18px;
            padding: 7px 14px;
            border-radius: 999px;
            background: var(--color-primary-light);
            color: var(--color-primary);
            font-size: 13px;
            font-weight: 700;
            letter-spacing: .02em;
        }
        .help-hero h1,
        .help-section h2,
        .help-card h3,
        .help-service h3 {
            margin: 0;
            color: var(--color-ink);
            font-family: var(--font-heading);
            letter-spacing: -.02em;
        }
        .help-hero h1 {
            max-width: 820px;
            font-size: clamp(40px, 6vw, 58px);
            line-height: 1.06;
        }
        .help-hero__lead {
            max-width: 720px;
            margin: 20px 0 0;
            color: var(--color-text-secondary);
            font-size: 18px;
            line-height: 1.7;
        }

        .help-options {
            position: relative;
            margin-top: 44px;
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 20px;
        }
        .help-card {
            min-width: 0;
            padding: 26px;
            border: 1px solid var(--color-border);
            border-radius: var(--radius-xl);
            background: rgba(255, 255, 255, .93);
            box-shadow: var(--shadow-sm);
            transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
        }
        .help-card:hover {
            transform: translateY(-4px);
            border-color: #B7CBF3;
            box-shadow: var(--shadow-md);
        }
        .help-card__icon,
        .help-service__icon {
            width: 48px;
            height: 48px;
            border-radius: var(--radius-md);
            display: flex;
            align-items: center;
            justify-content: center;
            background: var(--color-primary-light);
            color: var(--color-primary);
        }
        .help-card__icon svg,
        .help-service__icon svg { width: 23px; height: 23px; }
        .help-card h3 { margin-top: 18px; font-size: 19px; line-height: 1.3; }
        .help-card p {
            margin: 8px 0 18px;
            color: var(--color-text-secondary);
            font-size: 14px;
        }
        .help-card__link {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            color: var(--color-primary);
            font-size: 14px;
            font-weight: 700;
        }
        .help-card__link svg { width: 15px; height: 15px; }

        .help-section { padding: 88px 0; scroll-margin-top: 88px; }
        .help-section--alt { background: var(--color-surface); }
        .help-section__head { max-width: 720px; margin-bottom: 36px; }
        .help-section__eyebrow {
            display: inline-flex;
            align-items: center;
            margin-bottom: 14px;
            color: var(--color-primary);
            font-size: 13px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .08em;
        }
        .help-section h2 { font-size: clamp(30px, 4vw, 40px); line-height: 1.15; }
        .help-section__head p {
            max-width: 650px;
            margin: 14px 0 0;
            color: var(--color-text-secondary);
            font-size: 17px;
        }

        .help-video-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 24px;
        }
        .help-video-card {
            min-width: 0;
            overflow: hidden;
            border: 1px solid var(--color-border);
            border-radius: var(--radius-xl);
            background: var(--color-white);
            box-shadow: var(--shadow-sm);
            transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
        }
        .help-video-card:hover {
            transform: translateY(-3px);
            border-color: #B7CBF3;
            box-shadow: var(--shadow-md);
        }
        .help-video-card__meta {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 15px 18px;
            border-bottom: 1px solid var(--color-border);
        }
        .help-video-card__number {
            color: var(--color-primary-dark);
            font-size: 13px;
            font-weight: 700;
        }
        .help-video-card__label {
            color: var(--color-text-tertiary);
            font-size: 12px;
            font-weight: 600;
        }
        .help-video-card__player {
            aspect-ratio: 16 / 9;
            background: var(--color-dark-bg);
        }
        .help-video-card__player > *,
        .help-video-card__player figure,
        .help-video-card__player .wp-block-embed__wrapper {
            width: 100%;
            height: 100%;
            margin: 0 !important;
        }
        .help-video-card__player .wp-block-embed__wrapper { position: relative; }
        .help-video-card__player iframe {
            width: 100% !important;
            height: 100% !important;
            max-width: none !important;
            border: 0;
            display: block;
        }
        .help-video-card--empty .help-video-card__player {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 32px;
            background: linear-gradient(135deg, #F8FAFC, #EEF3FB);
        }
        .help-video-empty {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            text-align: center;
            color: var(--color-text-tertiary);
        }
        .help-video-empty__play {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            background: var(--color-primary-light);
            color: var(--color-primary);
        }
        .help-video-empty__play svg { width: 22px; height: 22px; margin-left: 2px; }
        .help-video-empty strong { color: var(--color-text-secondary); font-size: 14px; }
        .help-video-empty span { font-size: 12px; }

        .help-services {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 24px;
        }
        .help-service {
            display: flex;
            flex-direction: column;
            min-height: 300px;
            padding: 34px;
            border: 1px solid var(--color-border);
            border-radius: var(--radius-xl);
            background: var(--color-white);
        }
        .help-service--online {
            background: linear-gradient(145deg, #FFFFFF 0%, #F8FAFF 100%);
        }
        .help-service h3 { margin-top: 22px; font-size: 26px; line-height: 1.2; }
        .help-service p {
            max-width: 480px;
            margin: 12px 0 0;
            color: var(--color-text-secondary);
            font-size: 15px;
        }
        .help-service__actions {
            margin-top: auto;
            padding-top: 26px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 12px;
        }
        .help-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            min-height: 48px;
            padding: 0 22px;
            border: 1.5px solid transparent;
            border-radius: var(--radius-md);
            font-size: 15px;
            font-weight: 700;
            transition: background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
        }
        .help-btn--primary {
            color: #fff;
            background: linear-gradient(135deg, #3B7BF0, var(--color-primary) 55%, var(--color-primary-dark));
        }
        .help-btn--primary:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(33, 94, 213, .20); }
        .help-btn--secondary {
            color: var(--color-primary-dark);
            border-color: #C6D5F2;
            background: var(--color-primary-light);
        }
        .help-btn--secondary:hover { transform: translateY(-1px); border-color: var(--color-primary); background: #fff; }
        .help-status {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            color: var(--color-text-secondary);
            font-size: 13px;
            font-weight: 600;
        }
        .help-status::before {
            content: '';
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #22C55E;
            box-shadow: 0 0 0 4px rgba(34, 197, 94, .10);
        }

        .help-footer {
            padding: 30px 0;
            border-top: 1px solid rgba(255, 255, 255, .08);
            background: var(--color-dark-bg);
            color: rgba(255, 255, 255, .58);
            font-size: 13px;
        }
        .help-footer__inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 20px;
        }
        .help-footer img { height: 34px; width: auto; filter: brightness(0) invert(1); opacity: .92; }

        @media (max-width: 820px) {
            .help-options { grid-template-columns: 1fr; }
            .help-video-grid { grid-template-columns: 1fr; }
            .help-services { grid-template-columns: 1fr; }
        }
        @media (max-width: 600px) {
            .help-container { padding: 0 20px; }
            .help-logo img { height: 34px; }
            .help-back { padding: 0 12px; font-size: 13px; }
            .help-hero { padding: 54px 0 50px; }
            .help-hero__lead { font-size: 16px; }
            .help-section { padding: 64px 0; }
            .help-card { padding: 22px; }
            .help-service { min-height: 270px; padding: 28px 24px; }
            .help-footer__inner { align-items: flex-start; flex-direction: column; }
        }
        @media (prefers-reduced-motion: reduce) {
            html { scroll-behavior: auto; }
            .help-card, .help-video-card, .help-back, .help-btn { transition: none; }
        }

        .whatsapp-float{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,211,102,.4);z-index:999;transition:transform .2s ease, box-shadow .2s ease;}
        .whatsapp-float:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 28px rgba(37,211,102,.5);}
        .whatsapp-float svg{width:30px;height:30px;fill:#fff;}
        .whatsapp-float:before{content:"";position:absolute;inset:0;border-radius:50%;background:#25D366;opacity:.55;animation:whatsapp-pulse 2.2s ease-out infinite;z-index:-1;}
        @keyframes whatsapp-pulse{0%{transform:scale(1);opacity:.55;}100%{transform:scale(1.6);opacity:0;}}
        @media(prefers-reduced-motion:reduce){.whatsapp-float:before{animation:none;display:none;}}
        @media (max-width:560px){.whatsapp-float{right:16px;bottom:16px;width:52px;height:52px;}.whatsapp-float svg{width:27px;height:27px;}}
    

.lead-form-notice{padding:12px 14px;border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:600}.lead-form-notice--success{background:#ecfdf5;color:#166534;border:1px solid #bbf7d0}.lead-form-notice--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}