/* BLU — tema do site (home, varejo, fornecedor, páginas de apoio e Comunidade).
   Fonte: Nunito Sans pelo Google Fonts (link em cada página). O site é sempre claro. */

  :root{
    --navy:#0025E0;--blue:#5772F5;--cyan:#6AE5E5;
    --light:#F3F5FE;--card:#F0F1F6;--border:#D8DAE8;--cream:#EFE7E1;
    --ink:#0A0A1A;--muted:#444;--subtle:#5E6275;--deep:#001AA8;--footer:#060828;--green:#16B364;--green-text:#0B7A43;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  html,body{background:#fff;}
  body{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
  a{text-decoration:none;color:inherit;}
  .wrap{max-width:1240px;margin:0 auto;padding:0 44px;}
  .eyebrow{font-size:15px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);display:inline-flex;align-items:center;gap:10px;}
  .eyebrow.light{color:var(--cyan);}
  .eyebrow::before{content:"";width:26px;height:2px;background:currentColor;display:inline-block;}
  .ico{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;}

  .btn{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:17px;border-radius:999px;padding:15px 30px;transition:transform .14s,box-shadow .16s,background .14s,color .14s;cursor:pointer;border:2px solid transparent;}
  .btn .ico{width:19px;height:19px;}
  .btn-primary{background:var(--navy);color:#fff;}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,37,224,.30);}
  .btn-cyan{background:var(--cyan);color:var(--navy);}.btn-cyan:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(106,229,229,.45);}
  .btn-wghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5);}.btn-wghost:hover{background:#fff;color:var(--navy);border-color:#fff;}
  .btn-ghost{background:#fff;color:var(--navy);border-color:var(--border);}.btn-ghost:hover{border-color:var(--navy);}

  /* NAV */
  header.nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);}
  .nav-in{display:flex;align-items:center;justify-content:space-between;height:80px;}
  .brand .tile{width:46px;height:46px;border-radius:12px;background:var(--navy);display:flex;align-items:center;justify-content:center;}
  .brand .tile img{height:28px;display:block;}
  .brand .logo{height:30px;display:block;}
  nav.menu{display:flex;gap:28px;align-items:center;}
  nav.menu a{font-weight:700;font-size:16.5px;color:var(--muted);}nav.menu a:hover{color:var(--navy);}

  /* HERO */
  .hero{position:relative;background:linear-gradient(160deg,#0025E0,#0a32ff 55%,#173bff);color:#fff;overflow:hidden;padding:0;}  /* a section do hero não soma o padding geral de section: o espaço é o da .hero-grid */
  .hero .blob{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;}
  .hero .b1{width:520px;height:520px;background:#3f5bff;opacity:.5;top:-160px;right:-120px;}
  .hero .b2{width:420px;height:420px;background:#6AE5E5;opacity:.16;bottom:-200px;left:-140px;}
  .hero .wm{position:absolute;right:-40px;bottom:-70px;height:540px;opacity:.06;pointer-events:none;}
  .hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.04fr;gap:44px;align-items:center;padding:70px 0 82px;}
  .hero h1{font-weight:900;font-size:55px;line-height:1.08;letter-spacing:-.022em;margin:18px 0 0;}
  .hero h1 .hl{color:var(--cyan);}
  .hero .sub{font-size:21px;line-height:1.55;color:#DCE2FF;margin-top:20px;max-width:560px;}
  .pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
  .pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:10px 16px;font-weight:700;font-size:15.5px;color:#EAEEFF;}
  .pill .ico{width:17px;height:17px;color:var(--cyan);}
  .hero .cta-row{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap;}
  .hero .note{margin-top:18px;font-size:15px;color:#DCE2FF;font-weight:600;}

  /* hero receipt card */
  .receipt{background:#fff;border-radius:26px;padding:26px;box-shadow:0 36px 80px rgba(0,8,60,.40);color:var(--ink);max-width:430px;margin-left:auto;}
  .rc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
  .rc-top .t{font-weight:900;font-size:18px;}
  .rc-top .b{width:34px;height:34px;border-radius:10px;background:var(--navy);display:flex;align-items:center;justify-content:center;}
  .rc-top .b img{height:20px;}
  .rc-sup{display:flex;align-items:center;gap:13px;background:var(--light);border-radius:16px;padding:16px 18px;}
  .rc-sup .lg{width:42px;height:42px;border-radius:11px;background:var(--cream);display:flex;align-items:center;justify-content:center;font-weight:900;color:#6B4A2E;}
  .rc-sup .nm{font-weight:900;font-size:17px;}
  .rc-sup .sb{font-size:13.5px;color:var(--subtle);font-weight:600;}
  .rc-sup .am{margin-left:auto;font-weight:900;font-size:20px;color:var(--navy);}
  .rc-line{display:flex;align-items:center;justify-content:space-between;padding:13px 2px;border-bottom:1px solid var(--border);font-size:15.5px;}
  .rc-line .k{color:var(--muted);font-weight:700;}
  .rc-line .v{font-weight:900;}
  .rc-line .v.free{color:var(--green-text);}
  .rc-line .v.eco{color:var(--navy);}
  .rc-status{display:flex;align-items:center;gap:9px;background:rgba(22,179,100,.10);color:var(--green-text);border-radius:14px;padding:14px 16px;margin-top:14px;font-weight:800;font-size:15.5px;}
  .rc-status .ico{width:18px;height:18px;}
  .fb{position:absolute;background:var(--cyan);color:var(--navy);font-weight:900;font-size:14.5px;padding:11px 16px;border-radius:14px;box-shadow:0 16px 36px rgba(106,229,229,.45);display:flex;align-items:center;gap:8px;top:-14px;right:-6px;z-index:3;}
  .fb .ico{width:17px;height:17px;}

  /* hero benefit split (loja / fornecedor) */
  .hbenes{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:24px;}
  .hbcol{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:15px 15px 17px;}
  .hbh{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;padding:5px 11px;border-radius:999px;margin-bottom:11px;}
  .hbcol.loja .hbh{background:var(--cyan);color:var(--navy);}
  .hbcol.forn .hbh{background:#fff;color:var(--navy);}
  .hbli{display:flex;gap:8px;align-items:flex-start;font-size:14.5px;font-weight:700;color:#EAEEFF;line-height:1.3;margin-top:9px;}
  .hbli:first-of-type{margin-top:0;}
  .hbli .ico{width:16px;height:16px;color:var(--cyan);flex:none;margin-top:1px;}
  .hbcol.forn .hbli .ico{color:#fff;}

  /* hero trust-link visual */
  .trust{background:#fff;border-radius:30px;padding:34px 32px 38px;box-shadow:0 44px 96px rgba(0,8,60,.44);color:var(--ink);max-width:520px;margin-left:auto;position:relative;}
  .trust .tcap{text-align:center;font-size:15px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--subtle);margin-bottom:20px;}
  .tparty{display:flex;align-items:center;gap:17px;background:var(--light);border-radius:20px;padding:20px 22px;}
  .tparty.forn{background:rgba(106,229,229,.18);}
  .tpic{width:58px;height:58px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 4px 12px rgba(0,12,80,.08);}
  .tpic .ico{width:29px;height:29px;color:var(--navy);}
  .tparty .tt{font-weight:900;font-size:20px;line-height:1.15;}
  .tparty .ts{font-size:15.5px;color:var(--muted);font-weight:600;margin-top:4px;line-height:1.3;}
  .tparty .tchip{margin-left:auto;font-weight:900;font-size:13.5px;padding:8px 13px;border-radius:999px;white-space:nowrap;flex:none;}
  .tparty.loja .tchip{background:var(--navy);color:#fff;}
  .tparty.forn .tchip{background:var(--cyan);color:var(--navy);}
  .tspine{display:flex;justify-content:center;}
  .tspine span{width:2px;height:22px;background:var(--border);}
  .tcore{display:flex;flex-direction:column;align-items:center;padding:5px 0;}
  .tcircle{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--navy),#2a44ff);display:flex;align-items:center;justify-content:center;box-shadow:0 18px 38px rgba(0,37,224,.38);position:relative;}
  .tcircle img{height:46px;}
  .tcheck{position:absolute;bottom:-2px;right:-2px;width:33px;height:33px;border-radius:50%;background:var(--green);border:4px solid #fff;display:flex;align-items:center;justify-content:center;}
  .tcheck .ico{width:17px;height:17px;color:#fff;}
  .tcore .tlabel{margin-top:14px;font-weight:800;font-size:17px;color:var(--navy);text-align:center;line-height:1.25;}

  /* selinho "na visão da loja" */
  .povtag{display:inline-flex;align-items:center;gap:9px;margin:18px auto 0;background:#fff;border:1.5px solid var(--border);border-radius:999px;padding:9px 18px;font-size:15px;font-weight:700;color:var(--muted);}
  .povtag .ico{width:17px;height:17px;color:var(--navy);flex:none;}
  .povtag a{color:var(--navy);font-weight:800;}
  .povtag a:hover{text-decoration:underline;}

  /* caixa de economia (visual loja) */
  .cmp{display:flex;align-items:center;justify-content:space-between;padding:15px 2px;border-bottom:1px solid var(--border);}
  .cmp .cl{display:flex;align-items:center;gap:12px;font-weight:700;font-size:16px;color:var(--muted);}
  .cmp .cl .ci{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:none;}
  .cmp .cl .ci .ico{width:18px;height:18px;}
  .cmp .cv{font-weight:900;font-size:19px;}
  .ecobox{display:flex;align-items:center;gap:14px;background:rgba(22,179,100,.10);border:1px solid rgba(22,179,100,.28);border-radius:16px;padding:16px 18px;margin-top:18px;}
  .ecobox .ei{width:44px;height:44px;border-radius:12px;background:var(--green);display:flex;align-items:center;justify-content:center;flex:none;}
  .ecobox .ei .ico{width:23px;height:23px;color:#fff;}
  .ecobox .et{font-weight:900;font-size:19px;color:#0b7a43;line-height:1.15;}
  .ecobox .es{font-size:14px;color:var(--muted);font-weight:600;margin-top:3px;}

  /* STRIP */
  .strip{background:var(--deep);color:#fff;}
  .strip-in{display:flex;align-items:center;gap:30px;padding:26px 0;flex-wrap:wrap;justify-content:space-between;}
  .strip .n{display:flex;flex-direction:column;}
  .strip .n b{font-weight:900;font-size:30px;color:var(--cyan);line-height:1;}
  .strip .n span{font-size:14.5px;color:#C2CBF5;margin-top:6px;font-weight:600;}

  /* SECTIONS */
  section{padding:100px 0;position:relative;}
  .sec-light{background:var(--light);}
  .head{max-width:860px;}
  .head.center{margin:0 auto;text-align:center;}
  .head h2{font-weight:900;font-size:46px;line-height:1.09;letter-spacing:-.02em;margin:16px 0 0;}
  .head p{font-size:21px;color:var(--muted);margin-top:18px;line-height:1.55;}

  /* PAGBLU — 2 col: passos + fluxo visual */
  .pb-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;margin-top:54px;}
  .pstep{display:flex;gap:20px;align-items:flex-start;padding:18px 0;border-bottom:1px dashed var(--border);}
  .pstep:last-child{border-bottom:none;}
  .pstep .pn{width:46px;height:46px;border-radius:13px;background:var(--navy);color:#fff;font-weight:900;font-size:20px;display:flex;align-items:center;justify-content:center;flex:none;}
  .pstep h3{font-weight:900;font-size:21px;line-height:1.2;color:var(--ink);}
  .pstep p{font-size:17px;color:var(--muted);line-height:1.5;margin-top:5px;}
  .pstep p b{color:var(--navy);}
  /* fluxo vertical */
  .vflow{background:#fff;border:1.5px solid var(--border);border-radius:26px;padding:24px;box-shadow:0 30px 64px rgba(0,12,80,.12);}
  .vflow .cap{font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--subtle);text-align:center;margin-bottom:14px;}
  .vnode{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:18px;}
  .vnode.loja{background:var(--light);}
  .vnode.blu{background:linear-gradient(135deg,var(--navy),#2a44ff);color:#fff;}
  .vnode.forn{background:rgba(106,229,229,.18);}
  .vic{width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex:none;}
  .vnode.loja .vic{background:#fff;color:var(--navy);}
  .vnode.blu .vic{background:rgba(255,255,255,.16);}.vnode.blu .vic img{height:24px;}
  .vnode.forn .vic{background:#fff;color:var(--navy);}
  .vic .ico{width:24px;height:24px;}
  .vtx .t{font-weight:900;font-size:16.5px;line-height:1.2;}
  .vtx .s{font-size:13.5px;font-weight:600;margin-top:3px;opacity:.9;line-height:1.35;}
  .vnode.loja .vtx .s,.vnode.forn .vtx .s{color:var(--muted);}
  .vamt{margin-left:auto;font-weight:900;font-size:16px;white-space:nowrap;}
  .vnode.loja .vamt{color:var(--navy);}
  .vconn{display:flex;align-items:center;gap:9px;padding:7px 0 7px 32px;color:var(--subtle);font-size:13px;font-weight:800;}
  .vconn .ico{width:17px;height:17px;color:var(--blue);}

  /* SPLIT (audience) */
  .split{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center;}
  .badge{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:9px 18px;border-radius:999px;}
  .badge .ico{width:17px;height:17px;}
  .badge-sup{color:#fff;background:var(--navy);}
  .badge-loj{color:var(--navy);background:var(--cyan);}
  /* big number cards */
  .bignums{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 4px;}
  .bn{background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:22px 18px;}
  .sec-light .bn{background:#fff;}
  .bn .num{font-weight:900;font-size:38px;color:var(--navy);line-height:1;letter-spacing:-.02em;}
  .bn .num small{font-size:20px;}
  .bn .lb{font-size:15px;color:var(--muted);font-weight:700;margin-top:8px;line-height:1.3;}
  .feat{display:flex;flex-direction:column;gap:12px;margin-top:22px;}
  .feat .f{display:flex;gap:14px;align-items:flex-start;}
  .feat .f .fi{width:42px;height:42px;border-radius:12px;background:var(--light);display:flex;align-items:center;justify-content:center;flex:none;}
  .sec-light .feat .f .fi{background:var(--card);}
  .feat .f .fi .ico{width:20px;height:20px;color:var(--navy);}
  .feat .f .nm{font-weight:900;font-size:18px;color:var(--ink);line-height:1.25;}
  .feat .f .dc{font-size:16.5px;color:var(--muted);line-height:1.45;margin-top:2px;}

  /* labeled card */
  .vcard{background:#fff;border:1.5px solid var(--border);border-radius:24px;box-shadow:0 28px 60px rgba(0,12,80,.12);overflow:hidden;}
  .vcard .vh{padding:18px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;background:var(--light);}
  .vcard .vh .b{width:30px;height:30px;border-radius:8px;background:var(--navy);display:flex;align-items:center;justify-content:center;}
  .vcard .vh .b img{height:18px;}
  .vcard .vh .t{font-weight:800;font-size:15px;color:var(--subtle);}
  .vcard .vb{padding:26px;}
  .topbox{background:linear-gradient(135deg,var(--navy),#2a44ff);color:#fff;border-radius:18px;padding:22px 24px;}
  .topbox .k{font-size:14.5px;color:#C9D2FF;font-weight:700;}
  .topbox .v{font-weight:900;font-size:33px;margin-top:4px;letter-spacing:-.01em;}
  .topbox .chip{display:inline-flex;align-items:center;gap:8px;margin-top:12px;background:var(--cyan);color:var(--navy);font-weight:900;font-size:13.5px;padding:7px 13px;border-radius:999px;}
  .topbox .chip .ico{width:15px;height:15px;}
  .lrow{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border);}
  .lrow:last-child{border-bottom:none;}
  .lrow .l{display:flex;align-items:center;gap:12px;}
  .lrow .lg{width:38px;height:38px;border-radius:10px;background:var(--light);display:flex;align-items:center;justify-content:center;color:var(--navy);font-weight:900;font-size:15px;}
  .lrow .nm{font-weight:800;font-size:16px;}
  .lrow .ds{font-size:13px;color:var(--subtle);font-weight:600;}
  .lrow .rt{font-weight:800;font-size:14.5px;text-align:right;}
  .lrow .rt.free{color:var(--green-text);}
  .lrow .ok .ico{width:20px;height:20px;color:var(--green);}
  .uh{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--subtle);margin:20px 0 6px;}
  .reassure{display:flex;gap:10px;align-items:center;background:var(--light);border-radius:14px;padding:14px 16px;margin-top:16px;font-size:15.5px;color:var(--muted);font-weight:600;line-height:1.4;}
  .reassure .ico{width:18px;height:18px;color:var(--navy);flex:none;}

  /* passos horizontais (ótica fornecedor) */
  .hlabel{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--subtle);margin:34px 0 0;}
  .hsteps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:16px 0 6px;}
  .hstep{background:var(--light);border:1px solid var(--border);border-radius:18px;padding:22px 20px;}
  .hstep .hn{width:38px;height:38px;border-radius:11px;background:var(--navy);color:#fff;font-weight:900;font-size:17px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
  .hstep h4{font-weight:900;font-size:17.5px;line-height:1.2;color:var(--ink);}
  .hstep p{font-size:15px;color:var(--muted);line-height:1.45;margin-top:6px;}
  .hstep p b{color:var(--navy);}

  /* além do pagblu */
  .mini3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px;}
  .mcard{background:#fff;border:1.5px solid var(--border);border-radius:20px;padding:30px 28px;}
  .mcard .mic{width:52px;height:52px;border-radius:14px;background:var(--light);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
  .mcard .mic .ico{width:26px;height:26px;color:var(--navy);}
  .mcard h4{font-weight:900;font-size:22px;color:var(--navy);}
  .mcard p{font-size:17.5px;color:var(--muted);margin-top:9px;line-height:1.5;}

  /* representante */
  .rep{display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:center;background:linear-gradient(125deg,#0025E0,#3147F0);border-radius:30px;padding:58px 54px;color:#fff;position:relative;overflow:hidden;}
  .rep .wm{position:absolute;right:-30px;bottom:-50px;height:310px;opacity:.07;}
  .rep h3{font-weight:900;font-size:36px;line-height:1.12;letter-spacing:-.015em;}
  .rep p{font-size:18.5px;color:#D6DDFF;margin-top:16px;line-height:1.5;}
  .rep .pts{display:flex;flex-direction:column;gap:12px;margin-top:22px;}
  .rep .pt{display:flex;gap:12px;align-items:center;font-weight:700;font-size:17px;}
  .rep .pt .ico{width:21px;height:21px;color:var(--cyan);flex:none;}
  .chat{background:#fff;border-radius:24px;padding:20px;box-shadow:0 30px 64px rgba(0,8,60,.32);position:relative;z-index:2;}
  .ch-top{display:flex;align-items:center;gap:12px;padding:6px 6px 15px;border-bottom:1px solid var(--border);}
  .ch-top .av{width:42px;height:42px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;color:#fff;}
  .ch-top .av .ico{width:22px;height:22px;}
  .ch-top .nm{font-weight:900;font-size:16.5px;color:var(--ink);}
  .ch-top .st{font-size:13px;color:var(--green-text);font-weight:700;}
  .msgs{display:flex;flex-direction:column;gap:11px;padding:16px 6px 6px;}
  .bub{max-width:84%;padding:13px 16px;border-radius:16px;font-size:15.5px;line-height:1.4;font-weight:600;}
  .bub.out{align-self:flex-end;background:var(--navy);color:#fff;border-bottom-right-radius:5px;}
  .bub.in{align-self:flex-start;background:var(--light);color:var(--ink);border-bottom-left-radius:5px;}
  .bub.in b{color:var(--navy);}
  .bub .ap{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-weight:900;}
  .bub .ap .ico{width:15px;height:15px;}

  /* final */
  .final{background:linear-gradient(160deg,#0025E0,#0a32ff);color:#fff;text-align:center;overflow:hidden;position:relative;}
  .final .blob{position:absolute;width:480px;height:480px;border-radius:50%;background:#6AE5E5;opacity:.14;filter:blur(80px);top:-180px;left:50%;transform:translateX(-50%);}
  .final h2{font-weight:900;font-size:50px;line-height:1.08;letter-spacing:-.02em;max-width:820px;margin:16px auto 0;position:relative;}
  .final p{font-size:21px;color:#D6DDFF;margin:20px auto 0;max-width:600px;position:relative;}
  .final .cta-row{display:flex;gap:14px;justify-content:center;margin-top:34px;flex-wrap:wrap;position:relative;}

  /* footer */
  footer{background:var(--footer);color:#AEB6E6;padding:66px 0 36px;}
  .fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:44px;}
  footer .brand .tile{background:rgba(255,255,255,.08);}
  footer .ftag{font-size:17px;color:#9098CC;margin-top:18px;max-width:300px;line-height:1.55;}
  footer h4{color:#fff;font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;}
  footer ul{list-style:none;display:flex;flex-direction:column;gap:12px;}
  footer ul a{font-size:16.5px;color:#AEB6E6;}footer ul a:hover{color:#fff;}
  .fbot{border-top:1px solid rgba(255,255,255,.10);margin-top:46px;padding-top:26px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:14.5px;color:#6E77AD;}

  @media(max-width:980px){
    .hero-grid,.pb-grid,.split,.rep,.fgrid{grid-template-columns:1fr;gap:38px;}
    .bignums,.mini3,.hsteps{grid-template-columns:1fr 1fr;}
    .receipt{margin:0 auto;}
    .hero h1{font-size:42px;}.head h2{font-size:34px;}.final h2{font-size:34px;}
  }
  @media(max-width:600px){.bignums,.mini3,.hsteps,.hbenes{grid-template-columns:1fr;}}

  /* ===================== LANDING (varejo / fornecedor) ===================== */
  .eyebrow.center{justify-content:center;}
  .navback{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:15px;color:var(--muted);}
  .navback .ico{width:18px;height:18px;}
  .navback:hover{color:var(--navy);}

  /* hero pills (single audience) */
  .hpills{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
  .hpill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:11px 17px;font-weight:800;font-size:15.5px;color:#EAEEFF;}
  .hpill .ico{width:17px;height:17px;color:var(--cyan);}

  /* conta digital app card (hero visual varejo) */
  .appcard{background:#fff;border-radius:30px;padding:28px;box-shadow:0 44px 96px rgba(0,8,60,.44);max-width:440px;margin-left:auto;color:var(--ink);}
  .appcard .ah{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
  .appcard .ah .b{width:42px;height:42px;border-radius:12px;background:var(--navy);display:flex;align-items:center;justify-content:center;}
  .appcard .ah .b img{height:24px;}
  .appcard .ah .t{font-weight:900;font-size:18px;}
  .appcard .ah .s{font-size:13px;color:var(--subtle);font-weight:700;}
  .appbal{background:linear-gradient(135deg,var(--navy),#2a44ff);color:#fff;border-radius:18px;padding:21px 23px;}
  .appbal .k{font-size:14px;color:#C9D2FF;font-weight:700;}
  .appbal .v{font-weight:900;font-size:32px;margin-top:3px;}
  .appacts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;}
  .appact{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--light);border-radius:14px;padding:14px 6px;}
  .appact .ai{width:40px;height:40px;border-radius:11px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(0,12,80,.06);}
  .appact .ai .ico{width:20px;height:20px;color:var(--navy);}
  .appact span{font-size:12px;font-weight:800;color:var(--muted);}
  .appnote{display:flex;align-items:center;gap:9px;background:rgba(22,179,100,.10);color:#0b7a43;border-radius:12px;padding:13px 15px;margin-top:15px;font-weight:800;font-size:14.5px;}
  .appnote .ico{width:18px;height:18px;}

  /* channels grid (captura) */
  .chgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px;}
  .chcard{background:#fff;border:1.5px solid var(--border);border-radius:20px;padding:26px 24px;}
  .chcard .chic{width:54px;height:54px;border-radius:14px;background:var(--light);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
  .sec-light .chcard .chic{background:var(--card);}
  .chcard .chic .ico{width:27px;height:27px;color:var(--navy);}
  .chcard h4{font-weight:900;font-size:19px;color:var(--ink);}
  .chcard p{font-size:16px;color:var(--muted);margin-top:7px;line-height:1.45;}

  /* numbered process (vertical) */
  .proc{max-width:900px;margin:46px auto 0;}
  .procstep{display:flex;gap:22px;align-items:flex-start;padding:22px 0;border-bottom:1px dashed var(--border);}
  .procstep:last-child{border-bottom:none;}
  .procstep .pn{width:48px;height:48px;border-radius:13px;background:var(--navy);color:#fff;font-weight:900;font-size:21px;display:flex;align-items:center;justify-content:center;flex:none;}
  .procstep h4{font-weight:900;font-size:21px;color:var(--ink);line-height:1.2;}
  .procstep p{font-size:17px;color:var(--muted);margin-top:5px;line-height:1.5;}
  .procstep p b{color:var(--navy);}

  /* 2 caminhos (onboarding) */
  .ways{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:46px;}
  .way{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:32px 30px;}
  .way .wtag{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--navy);background:var(--light);padding:7px 13px;border-radius:999px;margin-bottom:16px;}
  .way h4{font-weight:900;font-size:22px;color:var(--ink);}
  .way > p{font-size:16.5px;color:var(--muted);margin-top:8px;line-height:1.5;}
  .way ol{margin:16px 0 0 0;padding-left:22px;display:flex;flex-direction:column;gap:9px;}
  .way ol li{font-size:16px;color:var(--muted);line-height:1.45;}
  .way ol li b{color:var(--navy);}

  /* cost note (transparência leve) */
  .costnote{display:flex;gap:14px;align-items:flex-start;background:var(--light);border:1px solid var(--border);border-radius:18px;padding:22px 24px;margin-top:26px;}
  .costnote .ci{width:44px;height:44px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;flex:none;}
  .costnote .ci .ico{width:22px;height:22px;color:var(--navy);}
  .costnote .ct{font-weight:900;font-size:18px;color:var(--ink);}
  .costnote .cd{font-size:16px;color:var(--muted);margin-top:4px;line-height:1.5;}

  /* generic 2-col */
  .tcol{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;margin-top:6px;}

  /* FAQ (native details) */
  .faq{max-width:900px;margin:44px auto 0;}
  .faq details{background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:0 24px;margin-bottom:12px;}
  .faq summary{list-style:none;cursor:pointer;padding:22px 0;font-weight:800;font-size:18px;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:16px;}
  .faq summary::-webkit-details-marker{display:none;}
  .faq summary .pl{width:20px;height:20px;flex:none;position:relative;}
  .faq summary .pl::before,.faq summary .pl::after{content:"";position:absolute;background:var(--navy);border-radius:2px;}
  .faq summary .pl::before{top:9px;left:1px;width:18px;height:2px;}
  .faq summary .pl::after{top:1px;left:9px;width:2px;height:18px;transition:opacity .2s;}
  .faq details[open] summary .pl::after{opacity:0;}
  .faq details > p{font-size:16.5px;color:var(--muted);line-height:1.55;padding:0 0 22px;margin:0;}

  /* highlight band */
  .hlband{background:linear-gradient(125deg,#0025E0,#3147F0);border-radius:30px;padding:50px;color:#fff;position:relative;overflow:hidden;display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;}
  .hlband .wm{position:absolute;right:-30px;bottom:-50px;height:300px;opacity:.08;}
  .hlband h3{font-weight:900;font-size:32px;line-height:1.14;}
  .hlband p{font-size:18px;color:#D6DDFF;margin-top:14px;line-height:1.5;}
  .hlband .hbtn{text-align:right;}

  /* 4-up big numbers */
  .bignums.four{grid-template-columns:repeat(4,1fr);}

  @media(max-width:980px){
    .chgrid,.ways,.tcol,.hlband{grid-template-columns:1fr;gap:30px;}
    .bignums.four{grid-template-columns:1fr 1fr;}
    .appcard{margin:0 auto;}
    .hlband .hbtn{text-align:left;}
  }
  @media(max-width:600px){.bignums.four{grid-template-columns:1fr;}.appacts{grid-template-columns:repeat(2,1fr);}}

  /* suíte 2x2 (fornecedor — produto certo por situação) */
  .suite{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:46px;}
  .scard{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:30px;position:relative;}
  .scard .sic{width:50px;height:50px;border-radius:13px;background:var(--light);display:flex;align-items:center;justify-content:center;position:absolute;top:28px;right:28px;}
  .scard .sic .ico{width:25px;height:25px;color:var(--navy);}
  .scard h4{font-weight:900;font-size:23px;color:var(--navy);padding-right:60px;}
  .scard .swhen{font-weight:800;font-size:16.5px;color:var(--ink);margin-top:12px;}
  .scard p{font-size:16px;color:var(--muted);margin-top:7px;line-height:1.5;}
  .scard .scost{margin-top:15px;display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:13.5px;color:#0b7a43;background:rgba(22,179,100,.10);padding:7px 13px;border-radius:999px;}
  .scard .scost .ico{width:15px;height:15px;}
  .insight{display:flex;gap:12px;align-items:center;background:linear-gradient(125deg,#0025E0,#3147F0);color:#fff;border-radius:18px;padding:22px 26px;margin-top:24px;font-size:17px;font-weight:700;line-height:1.45;}
  .insight .ico{width:24px;height:24px;color:var(--cyan);flex:none;}
  .insight b{color:#fff;}

  /* painel de dado (engajamento) */
  .tag-ok{font-weight:800;font-size:13px;color:#0b7a43;background:rgba(22,179,100,.12);padding:5px 10px;border-radius:999px;white-space:nowrap;}
  .tag-warn{font-weight:800;font-size:13px;color:#6B4A00;background:rgba(245,176,0,.16);padding:5px 10px;border-radius:999px;white-space:nowrap;}
  @media(max-width:980px){.suite{grid-template-columns:1fr;}}

  /* tags de status (em breve / disponível) */
  .soon{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:var(--navy);background:rgba(87,114,245,.13);padding:6px 12px;border-radius:999px;}
  .live{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#0b7a43;background:rgba(22,179,100,.14);padding:6px 12px;border-radius:999px;}
  .soon .ico,.live .ico{width:13px;height:13px;}
  .scard .soon,.scard .live,.mcard .soon,.mcard .live{margin-bottom:14px;}
  .scard.dim{opacity:.92;}

  /* mini 2x2 (home: outras soluções, 4 cards) */
  .mini2{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:50px;}
  .mcard.dim .mic{opacity:.85;}
  @media(max-width:980px){.mini2{grid-template-columns:1fr;}}

  /* seção compacta (destaque menor — cartão complementar) */
  .compact{padding:62px 0;}
  .mini-lite{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px;}
  .litecard{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:18px 20px;}
  .sec-light .litecard{background:#fff;}
  .litecard .li{width:44px;height:44px;border-radius:11px;background:var(--light);display:flex;align-items:center;justify-content:center;flex:none;}
  .sec-light .litecard .li{background:var(--card);}
  .litecard .li .ico{width:22px;height:22px;color:var(--navy);}
  .litecard .lt{font-weight:900;font-size:16px;color:var(--ink);}
  .litecard .lst{font-size:13.5px;color:var(--muted);font-weight:600;margin-top:2px;}
  @media(max-width:760px){.mini-lite{grid-template-columns:1fr;}}

  /* prova social — parede de marcas + buscador de fornecedores */
  .proofwall{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:stretch;margin:38px 0 30px;}
  .brandchip{display:flex;align-items:center;justify-content:center;background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:14px 24px;min-width:120px;min-height:66px;box-shadow:0 4px 14px rgba(0,12,80,.05);}
  .brandchip img{height:40px;width:auto;max-width:130px;object-fit:contain;display:block;}
  .brandchip.more{background:var(--light);color:var(--navy);border-style:dashed;font-weight:900;font-size:20px;letter-spacing:.01em;}
  .proofcta{text-align:center;}
  .proofnote{text-align:center;font-size:13.5px;color:var(--subtle);font-weight:600;margin-top:16px;}

  /* nav — atendimento + entrar + cta */
  .nav-right{display:flex;align-items:center;gap:20px;}
  .navlink{font-weight:700;font-size:16px;color:var(--muted);display:inline-flex;align-items:center;gap:7px;white-space:nowrap;}
  .navlink:hover{color:var(--navy);}
  .navlink .ico{width:17px;height:17px;}

  /* footer — baixar o app */
  .fapp-lbl{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-top:24px;}
  .appbadges{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap;}
  .appbadges a{display:block;transition:opacity .14s;}
  .appbadges a:hover{opacity:.85;}
  .appbadges img{height:46px;width:auto;display:block;}


  /* ===================== SITE NOVO (out/2026) ===================== */

  /* menu do site — o mesmo em todas as páginas */
  .nav-in{gap:18px;}
  .brand{display:flex;align-items:center;flex:none;}
  .nav-links{display:flex;align-items:center;gap:24px;flex:1;justify-content:flex-end;min-width:0;}
  nav.menu{gap:22px;}
  nav.menu a{font-size:15.5px;white-space:nowrap;}
  nav.menu a[aria-current="page"]{color:var(--navy);}
  .nav-right{gap:16px;}
  .navlink{font-size:15.5px;}
  .btn-nav{font-size:15.5px;padding:11px 20px;white-space:nowrap;}
  .menu-toggle{display:none;margin-left:auto;width:46px;height:46px;border-radius:12px;border:1.5px solid var(--border);background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;}
  .menu-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:var(--navy);transition:transform .18s,opacity .18s;}
  header.nav.open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  header.nav.open .menu-toggle span:nth-child(2){opacity:0;}
  header.nav.open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  @media(max-width:1180px){
    .nav-in{height:70px;}
    .menu-toggle{display:flex;}
    .nav-links{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 24px 40px rgba(0,12,80,.12);flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 22px;}
    header.nav.open .nav-links{display:flex;}
    header.nav{backdrop-filter:none;background:#fff;}
    nav.menu{flex-direction:column;align-items:stretch;gap:0;}
    nav.menu a{font-size:17px;padding:15px 2px;border-bottom:1px solid var(--border);}
    .nav-right{flex-direction:column;align-items:stretch;gap:12px;margin-top:16px;}
    .nav-right .navlink{justify-content:center;padding:12px;border:1.5px solid var(--border);border-radius:999px;color:var(--navy);font-weight:800;}
    .btn-nav{justify-content:center;font-size:17px;padding:14px 20px;}
  }

  /* etiqueta "Em breve" em texto corrido, listas e rodapé */
  .tag-soon{display:inline-flex;align-items:center;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--navy);background:rgba(87,114,245,.13);padding:3px 9px;border-radius:999px;vertical-align:middle;white-space:nowrap;margin-left:6px;}
  .hero .tag-soon,.rep .tag-soon,.hlband .tag-soon,.insight .tag-soon{color:#fff;background:rgba(255,255,255,.18);}
  footer .tag-soon{color:var(--cyan);background:rgba(106,229,229,.14);}
  .head .soon{margin-left:10px;vertical-align:middle;}
  .eyebrow + .soon{margin-left:12px;}

  /* link de texto do herói (ex.: "Sou representante comercial") */
  .hlink{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-weight:800;font-size:16px;color:#fff;border-bottom:2px solid rgba(106,229,229,.6);padding-bottom:2px;}
  .hlink .ico{width:18px;height:18px;color:var(--cyan);}
  .hlink:hover{border-bottom-color:var(--cyan);}

  /* marca sem logo na parede de prova social */
  .brandchip .bname{font-weight:900;font-size:17px;color:var(--ink);}

  /* rodapé */
  footer ul li{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:16.5px;color:#AEB6E6;}
  footer ul li .off{color:#8C94C6;}
  .freg{border-top:1px solid rgba(255,255,255,.10);margin-top:46px;padding-top:24px;}
  .freg h4{margin-bottom:12px;}
  .freg ul{flex-direction:row;flex-wrap:wrap;gap:10px 22px;}
  .freg ul a{font-size:14.5px;}
  .fbot{margin-top:24px;}

  /* páginas de apoio (não encontrada, titular, confirmação) */
  .page{padding:72px 0 96px;background:var(--light);min-height:60vh;}
  .page .wrap{max-width:920px;}
  .page-head{text-align:center;max-width:720px;margin:0 auto;}
  .page-head h1{font-weight:900;font-size:44px;line-height:1.1;letter-spacing:-.02em;margin-top:16px;color:var(--ink);}
  .page-head p{font-size:20px;color:var(--muted);margin-top:14px;line-height:1.5;}
  .code-chip{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);background:#fff;border:1.5px solid var(--border);padding:7px 14px;border-radius:999px;}
  .code-chip .ico{width:16px;height:16px;}
  .actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px;}
  .shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:54px;}
  .shortcuts-cap{text-align:center;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--subtle);margin-top:56px;}
  .shortcuts-cap + .shortcuts{margin-top:16px;}
  .scut{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid var(--border);border-radius:18px;padding:20px;transition:border-color .14s,transform .14s;}
  .scut:hover{border-color:var(--navy);transform:translateY(-2px);}
  .scut .si{width:46px;height:46px;border-radius:13px;background:var(--light);display:flex;align-items:center;justify-content:center;flex:none;}
  .scut .si .ico{width:23px;height:23px;color:var(--navy);}
  .scut .st{font-weight:900;font-size:17px;color:var(--ink);line-height:1.2;}
  .scut .ss{font-size:14px;color:var(--muted);font-weight:600;margin-top:2px;}
  .scut .go{margin-left:auto;color:var(--navy);}
  .scut .go .ico{width:18px;height:18px;}

  /* formulário do titular */
  .formcard{background:#fff;border:1.5px solid var(--border);border-radius:24px;padding:36px;margin:36px auto 0;max-width:680px;box-shadow:0 24px 50px rgba(0,12,80,.08);}
  .field{display:flex;flex-direction:column;gap:7px;margin-top:20px;}
  .field:first-child{margin-top:0;}
  .field label,.field legend{font-weight:800;font-size:16px;color:var(--ink);}
  .field .hint{font-size:14px;color:var(--subtle);font-weight:600;}
  .field input[type=text],.field input[type=email],.field textarea{font:inherit;font-size:17px;color:var(--ink);background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:13px 15px;width:100%;}
  .field textarea{min-height:120px;resize:vertical;line-height:1.45;}
  .field input:focus,.field textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 4px rgba(0,37,224,.12);}
  fieldset.field{border:none;padding:0;}
  fieldset.field legend{margin-bottom:8px;}
  .opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .opt{display:flex;align-items:center;gap:10px;border:1.5px solid var(--border);border-radius:12px;padding:12px 14px;font-weight:700;font-size:15.5px;color:var(--ink);cursor:pointer;}
  .opt input{width:18px;height:18px;accent-color:var(--navy);flex:none;}
  .opt:has(input:checked){border-color:var(--navy);background:var(--light);}
  .consent{display:flex;gap:12px;align-items:flex-start;margin-top:24px;font-size:15.5px;font-weight:700;color:var(--ink);line-height:1.4;cursor:pointer;}
  .consent input{width:20px;height:20px;margin-top:1px;accent-color:var(--navy);flex:none;}
  .formcard .btn{margin-top:26px;width:100%;justify-content:center;}
  .formnote{font-size:14px;color:var(--subtle);font-weight:600;margin-top:16px;text-align:center;line-height:1.5;}
  .formnote a{color:var(--navy);font-weight:800;}

  /* aviso de erro / sucesso */
  .alert{display:flex;gap:16px;align-items:flex-start;max-width:680px;margin:30px auto 0;background:#FFF3F5;border:1.5px solid #F2B8C4;border-radius:18px;padding:22px 24px;}
  .alert .ai{width:44px;height:44px;border-radius:12px;background:#C0143C;display:flex;align-items:center;justify-content:center;flex:none;}
  .alert .ai .ico{width:22px;height:22px;color:#fff;}
  .alert h2{font-weight:900;font-size:21px;color:#8A0E2B;line-height:1.2;}
  .alert p{font-size:16px;color:#5A1A28;margin-top:5px;line-height:1.5;}
  .alert .btn{margin-top:14px;}
  .alert .alt{font-size:14.5px;color:#5A1A28;font-weight:600;margin-top:12px;}
  .alert .alt a{color:#8A0E2B;font-weight:800;text-decoration:underline;}
  .done{background:#fff;border:1.5px solid var(--border);border-radius:24px;padding:46px 36px;max-width:640px;margin:0 auto;text-align:center;box-shadow:0 24px 50px rgba(0,12,80,.08);}
  .done .di{width:76px;height:76px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 14px 30px rgba(22,179,100,.32);}
  .done .di .ico{width:38px;height:38px;color:#fff;stroke-width:2.6;}
  .done h1{font-weight:900;font-size:38px;line-height:1.1;margin-top:22px;color:var(--ink);}
  .done p{font-size:19px;color:var(--muted);margin-top:12px;line-height:1.55;}
  .done .proto{display:inline-block;font-weight:900;color:var(--navy);background:var(--light);border-radius:8px;padding:1px 8px;white-space:nowrap;}
  .done .actions{margin-top:28px;}

  /* Comunidade */
  .com-hero{background:linear-gradient(160deg,#0025E0,#0a32ff 60%,#173bff);color:#fff;padding:64px 0 72px;position:relative;overflow:hidden;}
  .com-hero .wm{position:absolute;right:-40px;bottom:-80px;height:420px;opacity:.06;pointer-events:none;}
  .com-hero .wrap{position:relative;max-width:900px;text-align:center;}
  .com-brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);}
  .com-brand img{height:22px;}
  .com-hero h1{font-weight:900;font-size:46px;line-height:1.1;letter-spacing:-.02em;margin-top:16px;}
  .search{display:flex;gap:10px;margin:30px auto 0;max-width:680px;background:#fff;border-radius:999px;padding:8px;box-shadow:0 24px 50px rgba(0,8,60,.35);}
  .search label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
  .search .si{display:flex;align-items:center;padding-left:14px;color:var(--subtle);}
  .search .si .ico{width:22px;height:22px;}
  .search input{flex:1;min-width:0;border:none;font:inherit;font-size:18px;color:var(--ink);background:transparent;padding:10px 6px;}
  .search input:focus{outline:none;}
  .search:focus-within{box-shadow:0 0 0 4px var(--cyan),0 24px 50px rgba(0,8,60,.35);}
  .search .btn{padding:12px 26px;}
  .com-sec{padding:72px 0;}
  .com-sec h2{font-weight:900;font-size:32px;line-height:1.15;letter-spacing:-.015em;color:var(--ink);}
  .com-sec .lead{font-size:18px;color:var(--muted);margin-top:8px;}
  .helpgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;}
  .notice{display:flex;gap:18px;align-items:flex-start;background:#FFF8E6;border:1.5px solid #F2D27A;border-radius:20px;padding:26px 28px;}
  .notice .ni{width:48px;height:48px;border-radius:13px;background:#F5B000;display:flex;align-items:center;justify-content:center;flex:none;}
  .notice .ni .ico{width:24px;height:24px;color:#3A2A00;}
  .notice h2{font-size:22px;color:#3A2A00;}
  .notice p{font-size:17px;color:#4A3A10;margin-top:6px;line-height:1.5;}
  .notice a{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-weight:800;color:#6B4A00;text-decoration:underline;}
  .arts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;}
  .art{display:flex;flex-direction:column;justify-content:space-between;gap:22px;background:#fff;border:1.5px solid var(--border);border-radius:20px;padding:26px 24px;transition:border-color .14s,transform .14s;min-height:170px;}
  .art:hover{border-color:var(--navy);transform:translateY(-2px);}
  .art .an{font-size:13px;font-weight:900;color:var(--navy);letter-spacing:.06em;text-transform:uppercase;}
  .art h3{font-weight:900;font-size:19px;line-height:1.3;color:var(--ink);margin-top:8px;}
  .art .more{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:15px;color:var(--navy);}
  .art .more .ico{width:17px;height:17px;}
  .empty{text-align:center;max-width:620px;margin:0 auto;}
  .empty .ei{width:76px;height:76px;border-radius:22px;background:var(--light);display:flex;align-items:center;justify-content:center;margin:0 auto;}
  .empty .ei .ico{width:36px;height:36px;color:var(--navy);}
  .empty h1{font-weight:900;font-size:34px;line-height:1.15;margin-top:22px;color:var(--ink);overflow-wrap:anywhere;}
  .empty p{font-size:19px;color:var(--muted);margin-top:10px;line-height:1.5;}
  .results-meta{font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--subtle);text-align:center;margin-bottom:28px;}

  @media(max-width:980px){
    .shortcuts,.helpgrid,.arts{grid-template-columns:1fr 1fr;}
    .page-head h1,.com-hero h1{font-size:36px;}
  }
  @media(max-width:600px){
    .wrap{padding:0 16px;}
    section{padding:64px 0;}
    .hero-grid{padding:44px 0 56px;}
    .hero h1{font-size:34px;}
    .hero .sub{font-size:18px;}
    .head h2,.final h2{font-size:29px;}
    .head p,.final p{font-size:17.5px;}
    .hero .wm{height:320px;}
    .btn{font-size:16px;padding:14px 22px;}
    .hero .cta-row .btn,.final .cta-row .btn{width:100%;justify-content:center;}
    .trust{padding:24px 16px 26px;border-radius:24px;}
    .tparty{padding:14px;gap:12px;flex-wrap:wrap;}
    .tparty .tchip{margin-left:0;}
    .tpic{width:46px;height:46px;}
    .vflow,.vcard .vb{padding:18px;}
    .vnode{padding:13px;flex-wrap:wrap;}
    .vamt{margin-left:0;}
    .vconn{padding-left:10px;}
    .rep,.hlband{padding:30px 20px;border-radius:24px;}
    .rep h3,.hlband h3{font-size:26px;}
    .topbox .v{font-size:27px;}
    .lrow{gap:10px;flex-wrap:wrap;}
    .lrow .rt{text-align:left;}
    .cmp{gap:10px;}
    .cmp .cl{font-size:15px;}
    .strip-in{gap:18px;}
    .strip .n{width:calc(50% - 9px);}
    .strip .n b{font-size:24px;}
    .fgrid{gap:30px;}
    .shortcuts,.helpgrid,.arts,.opts{grid-template-columns:1fr;}
    .page{padding:44px 0 64px;}
    .page-head h1,.com-hero h1{font-size:30px;}
    .page-head p{font-size:17.5px;}
    .formcard{padding:22px 18px;border-radius:20px;}
    .done{padding:32px 20px;}
    .done h1{font-size:30px;}
    .done p{font-size:17px;}
    .alert{padding:18px;}
    .com-hero{padding:44px 0 50px;}
    .search{flex-wrap:wrap;border-radius:20px;padding:8px;}
    .search .si{display:none;}
    .search input{padding:10px 12px;width:100%;flex-basis:100%;}
    .search .btn{width:100%;justify-content:center;}
    .com-sec{padding:48px 0;}
    .com-sec h2{font-size:26px;}
    .notice{flex-direction:column;padding:22px 18px;}
    .empty h1{font-size:27px;}
    .scard{padding:24px 20px;}
    .scard h4{font-size:21px;}
    .way,.mcard{padding:24px 20px;}
    .faq details{padding:0 18px;}
    .faq summary{font-size:16.5px;}
    .insight{padding:18px;font-size:16px;}
    .brandchip{min-width:0;padding:12px 16px;min-height:56px;}
    .brandchip img{height:30px;max-width:100px;}
    .brandchip.more{font-size:17px;}
    .appcard{padding:20px;}
    .chat{padding:14px;}
    .povtag{border-radius:16px;}
  }

  /* representante (home) e cadastro em breve (varejo) */
  .rep-cta{display:flex;margin-top:26px;}
  .rep .pt span{display:inline-flex;align-items:center;flex-wrap:wrap;gap:2px;}
  .way-soon{display:flex;align-items:center;gap:9px;margin-top:16px;padding-top:14px;border-top:1px dashed var(--border);font-size:15px;font-weight:700;color:var(--muted);}
  .way-soon .ico{color:var(--navy);flex:none;}
  .ch-top{flex-wrap:wrap;}

  /* Publicar pelo Claude (visão do marketing) */
  .pub-top{background:#fff;border-bottom:1px solid var(--border);}
  .pub-top-in{display:flex;align-items:center;gap:14px;height:70px;flex-wrap:wrap;}
  .pub-top .logo{height:28px;display:block;}
  .pub-sep{width:1px;height:26px;background:var(--border);}
  .pub-label{font-weight:900;font-size:17px;color:var(--ink);}
  .pub-who{font-size:14px;font-weight:700;color:var(--subtle);background:var(--light);padding:4px 11px;border-radius:999px;}
  .pub{background:var(--light);padding:48px 0 72px;min-height:calc(100vh - 71px);}
  .pub-grid{display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:start;max-width:1120px;}
  .pub-steps{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:24px;position:sticky;top:24px;}
  .pub-cap{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--subtle);}
  .pub-steps ol{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:0;}
  .pub-steps li{display:flex;gap:12px;align-items:flex-start;position:relative;padding-bottom:18px;}
  .pub-steps li:not(:last-child)::before{content:"";position:absolute;left:14px;top:30px;bottom:2px;width:2px;background:rgba(22,179,100,.35);}
  .pub-steps .pn{width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;flex:none;}
  .pub-steps .pn .ico{width:16px;height:16px;stroke-width:2.6;}
  .pub-steps .pt{display:block;font-weight:900;font-size:16px;color:var(--ink);line-height:1.25;margin-top:4px;}
  .pub-steps .ps{display:block;font-size:13.5px;font-weight:600;color:var(--muted);margin-top:2px;overflow-wrap:anywhere;}
  .pub-rule{display:flex;gap:10px;align-items:flex-start;margin-top:6px;background:var(--light);border-radius:14px;padding:13px 14px;font-size:14px;font-weight:700;color:var(--muted);line-height:1.4;}
  .pub-rule .ico{width:18px;height:18px;color:var(--navy);flex:none;}
  .convo{background:#fff;border:1.5px solid var(--border);border-radius:24px;box-shadow:0 28px 60px rgba(0,12,80,.10);overflow:hidden;display:flex;flex-direction:column;}
  .convo-head{display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid var(--border);background:#fff;}
  .convo-head .cav{width:40px;height:40px;border-radius:12px;background:var(--navy);display:flex;align-items:center;justify-content:center;color:#fff;flex:none;}
  .convo-head .cav .ico{width:20px;height:20px;}
  .convo-head .ct{font-weight:900;font-size:17px;color:var(--ink);line-height:1.2;}
  .convo-head .cs{font-size:13.5px;font-weight:700;color:var(--subtle);}
  .convo-body{display:flex;flex-direction:column;gap:18px;padding:26px 24px;}
  .msg{display:flex;flex-direction:column;gap:7px;max-width:78%;}
  .msg .who{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--subtle);}
  .msg .aiav{width:22px;height:22px;border-radius:7px;background:#A65231;color:#fff;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;}
  .msg .bubble{padding:14px 17px;border-radius:18px;font-size:16px;line-height:1.5;font-weight:600;}
  .msg.me{align-self:flex-end;align-items:flex-end;}
  .msg.me .bubble{background:var(--navy);color:#fff;border-bottom-right-radius:6px;}
  .msg.ai{align-self:flex-start;}
  .msg.ai .bubble{background:var(--light);color:var(--ink);border-bottom-left-radius:6px;}
  .msg.other{align-self:flex-end;align-items:flex-end;}
  .msg.other .bubble{background:#E6FAF2;color:#0b5a33;border:1.5px solid rgba(22,179,100,.35);border-bottom-right-radius:6px;font-weight:800;}
  .urlchip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid var(--border);color:var(--navy);font-weight:800;font-size:14.5px;padding:3px 10px;border-radius:999px;white-space:nowrap;vertical-align:middle;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
  .urlchip.noar{border-color:rgba(22,179,100,.45);color:#0b7a43;background:#F1FBF6;}
  .thumb{border:1.5px solid var(--border);border-radius:14px;overflow:hidden;width:280px;max-width:100%;background:#fff;}
  .tb-bar{display:flex;align-items:center;gap:5px;padding:7px 10px;background:var(--card);border-bottom:1px solid var(--border);}
  .tb-bar span{width:7px;height:7px;border-radius:50%;background:#C9CCDA;}
  .tb-bar em{font-style:normal;font-size:11px;font-weight:700;color:var(--subtle);margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .tb-hero{background:linear-gradient(160deg,#0025E0,#173bff);padding:16px 14px;display:flex;flex-direction:column;gap:7px;}
  .tb-hero i{display:block;height:9px;border-radius:5px;background:rgba(255,255,255,.85);}
  .tb-hero .l1{width:80%;}.tb-hero .l2{width:55%;background:rgba(255,255,255,.45);}
  .tb-hero b{align-self:flex-start;margin-top:5px;background:var(--cyan);color:var(--navy);font-size:11px;font-weight:900;padding:5px 10px;border-radius:999px;}
  .tb-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px 14px;}
  .tb-row i{display:block;height:28px;border-radius:7px;background:var(--light);}
  .diff{display:flex;flex-direction:column;gap:6px;font-size:14.5px;font-weight:700;}
  .diff .del,.diff .add{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;}
  .diff .del{background:#FFF3F5;color:#8A0E2B;}
  .diff .add{background:#F1FBF6;color:#0b7a43;}
  .diff .ico{flex:none;}
  .pill-status{display:inline-flex;align-self:flex-start;align-items:center;gap:7px;font-size:13.5px;font-weight:800;padding:6px 12px;border-radius:999px;}
  .pill-status.wait{background:#FFF8E6;color:#7A5600;}
  .composer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 24px 24px;border:1.5px solid var(--border);border-radius:16px;padding:12px 12px 12px 18px;color:var(--subtle);font-weight:600;font-size:15.5px;}
  .composer b{width:38px;height:38px;border-radius:11px;background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--subtle);}
  @media(max-width:860px){
    .pub-grid{grid-template-columns:1fr;}
    .pub-steps{position:static;}
    .msg{max-width:92%;}
  }
  @media(max-width:600px){
    .pub{padding:24px 0 40px;}
    .convo-body{padding:18px 14px;}
    .convo-head{padding:14px 16px;}
    .composer{margin:0 14px 16px;}
    .pub-who{display:none;}
    .msg{max-width:96%;}
    .msg .bubble{font-size:15.5px;}
    .rep-cta .btn{width:100%;justify-content:center;}
  }

  /* o padding vertical de .hero-grid e .strip-in apagava o respiro lateral do .wrap em telas estreitas */
  @media(max-width:1280px){.hero-grid,.strip-in{padding-left:24px;padding-right:24px;}}
  @media(max-width:600px){.hero-grid,.strip-in{padding-left:16px;padding-right:16px;}}
  .cmp .cv{white-space:nowrap;}
  .vcard{color:var(--ink);} /* o cartão dentro do herói herdava o branco do herói */

  /* ===================== correções da conferência (contraste, foco, alvo de toque, estados) ===================== */
  /* foco visível em tudo o que se navega pelo teclado */
  a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--navy);outline-offset:3px;border-radius:6px;}
  .hero a:focus-visible,.hero button:focus-visible,.final a:focus-visible,.rep a:focus-visible,.hlband a:focus-visible,.com-hero a:focus-visible,footer a:focus-visible,.insight a:focus-visible{outline-color:var(--cyan);}
  .field input:focus-visible,.field textarea:focus-visible{outline:3px solid var(--navy);outline-offset:1px;}
  .opt:has(input:focus-visible),.consent:has(input:focus-visible){outline:3px solid var(--navy);outline-offset:2px;}
  .search input:focus-visible{outline:none;}
  .btn-primary:focus-visible{outline-color:var(--navy);}

  /* envio travado (titular) */
  .btn:disabled,.btn.is-busy{opacity:.85;cursor:progress;transform:none;box-shadow:none;}
  .spin{display:inline-block;width:16px;height:16px;border-radius:50%;border:2.5px solid rgba(255,255,255,.45);border-top-color:#fff;animation:girar .8s linear infinite;flex:none;}
  .spin.dark{border-color:rgba(0,37,224,.25);border-top-color:var(--navy);margin-right:8px;vertical-align:-3px;}
  @keyframes girar{to{transform:rotate(360deg);}}
  @media (prefers-reduced-motion: reduce){.spin{animation:none;}}

  /* links de texto (estado vazio e falha da busca) */
  .textlinks{display:flex;gap:10px 26px;justify-content:center;flex-wrap:wrap;margin-top:24px;}
  .tlink{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:800;font-size:16.5px;color:var(--navy);text-decoration:underline;text-underline-offset:4px;}
  .tlink .ico{width:19px;height:19px;}

  /* resultados da busca */
  .com-hero-sm{padding:44px 0 50px;}
  .results{list-style:none;max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
  .res{display:flex;align-items:center;gap:16px;background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:18px 20px;}
  .res:hover{border-color:var(--navy);}
  .res .an{font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);background:var(--light);padding:4px 10px;border-radius:999px;flex:none;}
  .res .rt-t{font-weight:800;font-size:17px;color:var(--ink);line-height:1.35;}
  .res mark{background:#B0F5F5;color:var(--ink);border-radius:3px;padding:0 2px;}
  .res .go{margin-left:auto;color:var(--navy);flex:none;}
  .res .go .ico{width:18px;height:18px;}
  .results.skeleton .sk{display:flex;flex-direction:column;gap:10px;background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:20px;}
  .sk-a,.sk-b{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--card),#E4E6F0,var(--card));background-size:200% 100%;animation:brilho 1.2s ease-in-out infinite;}
  .sk-a{width:22%;}.sk-b{width:68%;height:16px;}
  @keyframes brilho{to{background-position:-200% 0;}}
  @media (prefers-reduced-motion: reduce){.sk-a,.sk-b{animation:none;}}

  /* falha da busca: aviso, diferente do vazio */
  .failbox{display:flex;gap:18px;align-items:flex-start;max-width:680px;margin:0 auto;background:#FFF3F5;border:1.5px solid #F2B8C4;border-radius:20px;padding:26px 28px;}
  .failbox .fi{width:48px;height:48px;border-radius:13px;background:#C0143C;display:flex;align-items:center;justify-content:center;flex:none;}
  .failbox .fi .ico{width:24px;height:24px;color:#fff;}
  .failbox h1{font-weight:900;font-size:26px;line-height:1.2;color:#8A0E2B;}
  .failbox p{font-size:17px;color:#5A1A28;margin-top:6px;line-height:1.5;}
  .failbox .tlink{color:#8A0E2B;margin-top:6px;}

  /* páginas que sobem com o texto de hoje (marcação de prévia) */
  .stand{max-width:760px;margin:0 auto;}
  .stand h1{font-weight:900;font-size:40px;line-height:1.12;letter-spacing:-.02em;color:var(--ink);margin-top:16px;}
  .standnote{display:flex;gap:12px;align-items:center;margin-top:28px;background:#E8EAF2;border:1.5px dashed #9EA3B8;border-radius:16px;padding:22px 24px;font-size:17px;font-weight:700;color:#393B47;line-height:1.45;}
  .standnote .ico{width:22px;height:22px;color:#393B47;flex:none;}
  .back{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-weight:800;font-size:15.5px;color:var(--navy);}

  /* publicação que falhou */
  .pub-steps li.fail .pn{background:#C0143C;}
  .pub-steps li.fail .ps{color:#8A0E2B;}
  .pill-status.fail{background:#FFF3F5;color:#8A0E2B;}

  /* alvo de toque no rodapé, no celular */
  @media(max-width:600px){
    footer ul{gap:0;}
    footer ul li{min-height:44px;}
    footer ul a{display:inline-flex;align-items:center;min-height:44px;}
    .freg ul{gap:0 18px;}
    .freg ul a{font-size:15px;}
    .stand h1{font-size:30px;}
    .res{padding:14px 16px;gap:12px;flex-wrap:wrap;}
    .failbox{flex-direction:column;padding:22px 18px;}
  }
  /* contraste sobre o azul (AA 4,5:1 em texto pequeno, medido contra a parada mais clara do gradiente) */
  .eyebrow.light,.com-brand{color:#B0F5F5;}
  .topbox .k,.appbal .k,.topbox .ksub{color:#E1E6FF;}
  .hero .tag-soon,.rep .tag-soon,.hlband .tag-soon,.insight .tag-soon{color:#fff;background:#0E258F;}
  .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;}
  h1.pub-label{font-size:17px;line-height:1.2;margin:0;}

  /* ── páginas de texto (regulatórias, produto refeito) — PLAT-1235 ───────────────────────────── */
  [hidden]{display:none!important;}
  .stand{max-width:860px;margin:0 auto;}
  .stand h1{font-weight:900;font-size:40px;line-height:1.12;letter-spacing:-.02em;margin-top:16px;color:var(--ink);}
  .stand .lead{font-size:19px;color:var(--muted);margin-top:12px;line-height:1.5;}
  .doc{background:#fff;border:1.5px solid var(--border);border-radius:24px;padding:40px 44px;max-width:860px;margin:30px auto 0;font-size:17px;line-height:1.65;color:var(--ink);}
  .doc h2{font-weight:900;font-size:24px;line-height:1.25;margin:34px 0 10px;color:var(--ink);}
  .doc h3{font-weight:800;font-size:20px;line-height:1.3;margin:26px 0 8px;}
  .doc h4,.doc h5,.doc h6{font-weight:800;font-size:17px;margin:20px 0 6px;}
  .doc h2:first-child,.doc h3:first-child{margin-top:0;}
  .doc p{margin:10px 0;}
  .doc ul,.doc ol{margin:10px 0 10px 24px;}
  .doc li{margin:6px 0;}
  .doc a{color:var(--navy);font-weight:700;text-decoration:underline;}
  .doc table{border-collapse:collapse;width:100%;margin:16px 0;font-size:15.5px;}
  .doc th,.doc td{border:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top;}
  .doc th{background:var(--light);font-weight:800;}
  .hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden;}
  @media (max-width:720px){.doc{padding:26px 20px;font-size:16px;}.stand h1{font-size:30px;}}
  /* ── Listas Split (página de automação do marketing, RN-07) ─────────────────────────────────── */
  .custom-combo{position:relative;display:flex;}
  .custom-combo input{flex:1;font:inherit;font-size:17px;border:1.5px solid var(--border);border-radius:12px;padding:12px 44px 12px 14px;}
  .combo-toggle{position:absolute;right:6px;top:6px;bottom:6px;width:34px;border:0;background:var(--light);border-radius:8px;cursor:pointer;}
  .combo-list{display:none;position:absolute;top:100%;left:0;right:0;z-index:5;background:#fff;border:1.5px solid var(--border);border-radius:12px;margin-top:4px;max-height:240px;overflow:auto;list-style:none;padding:4px;}
  .custom-combo.open .combo-list{display:block;}
  .combo-option{padding:9px 12px;border-radius:8px;cursor:pointer;}
  .combo-option.active,.combo-option:hover{background:var(--light);}
  .hint.error,.status.error{color:#8A0E2B;}
  .status{margin-top:16px;font-weight:700;}
  .status.success{color:var(--green-text);}
  /* seletor de público (home) — item 9 das evoluções do marketing, 16/10/2026 */
  .lados{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px;}
  .lado{position:relative;display:flex;flex-direction:column;gap:16px;border-radius:24px;padding:34px 32px 36px;color:#fff;overflow:hidden;}
  .lado.loja{background:var(--navy);}
  .lado.forn{background:#0E258F;}
  .lado .lbadge{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:rgba(255,255,255,.16);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;position:relative;}
  .lado .lbadge .ico{width:16px;height:16px;}
  .lado h3{font-weight:900;font-size:30px;line-height:1.12;letter-spacing:-.015em;position:relative;}
  .lado p{font-size:17.5px;color:#D6DDFF;line-height:1.5;position:relative;}
  .lado .lcta{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:8px;position:relative;}
  .lado .btn-white{background:#fff;color:var(--navy);}
  .lado .btn-white:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.25);}
  .lado .wm{position:absolute;right:-24px;bottom:-40px;height:220px;opacity:.08;}
  .lados-rep{text-align:center;margin-top:22px;}
  /* definição direta e os chips (item 8) */
  .defchips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;}
  .defchip{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1.5px solid var(--border);border-radius:999px;padding:11px 18px;font-size:15.5px;font-weight:800;color:var(--muted);}
  .defchip .ico{width:18px;height:18px;flex:none;}
  .defchip.nao .ico{color:#C0143C;}
  .defchip.sim{border-color:var(--navy);color:var(--navy);}
  .defchip.sim .ico{color:var(--green);}
  /* segmentos atendidos (item 7) */
  .seglbl{text-align:center;margin-top:34px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--subtle);}
  .segs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;}
  .seg{display:inline-flex;align-items:center;background:#fff;border:1.5px solid var(--border);border-radius:999px;padding:9px 15px;font-size:15px;font-weight:700;color:var(--muted);}
  /* antes e depois (item 11) */
  .cmpt{width:100%;border-collapse:separate;border-spacing:0;margin-top:34px;background:#fff;border:1.5px solid var(--border);border-radius:20px;overflow:hidden;}
  .cmpt th,.cmpt td{padding:18px 22px;text-align:left;font-size:16.5px;line-height:1.4;border-bottom:1px solid var(--border);vertical-align:top;}
  .cmpt tr:last-child td{border-bottom:none;}
  .cmpt th{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--subtle);background:var(--light);}
  .cmpt th.blu{background:var(--navy);color:#fff;}
  .cmpt td:first-child{font-weight:800;color:var(--ink);width:28%;}
  .cmpt td.antes{color:var(--subtle);}
  .cmpt td.blu{color:var(--navy);font-weight:800;background:rgba(0,37,224,.04);}
  .cmpt .ico{width:17px;height:17px;vertical-align:-3px;margin-right:7px;}
  .cmpt td.antes .ico{color:#C0143C;}
  .cmpt td.blu .ico{color:var(--green);}
  /* rodapé institucional (item 16) */
  .finst{border-top:1px solid rgba(255,255,255,.10);margin-top:40px;padding-top:30px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:44px;}
  .finst p,.finst li{font-size:14.5px;color:#AEB6E6;line-height:1.55;}
  .finst p + p{margin-top:10px;}
  .finst h4{margin-bottom:12px;}
  .finst h4 + h4,.finst ul + h4{margin-top:20px;}
  .finst ul{gap:8px;}
  .finst ul a{font-size:14.5px;}
  .finst .social{display:flex;gap:10px;margin-top:16px;}
  .finst .social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center;color:#fff;}
  .finst .social a:hover{background:var(--navy);}
  .finst .social .ico{width:18px;height:18px;}
  @media(max-width:980px){.lados,.finst{grid-template-columns:1fr;gap:26px;}.cmpt th,.cmpt td{padding:14px;font-size:15px;}.cmpt td:first-child{width:32%;}.lado h3{font-size:26px;}}
  @media(max-width:600px){
    .cmpt,.cmpt tbody,.cmpt tr,.cmpt td{display:block;}
    .cmpt thead{display:none;}
    .cmpt td{width:auto !important;border-bottom:none;padding:6px 18px;}
    .cmpt td:first-child{padding-top:18px;font-size:17px;}
    .cmpt td.antes::before{content:"Do jeito de sempre";display:block;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--subtle);margin-bottom:2px;}
    .cmpt td.blu{padding-bottom:18px;border-bottom:1px solid var(--border);background:none;}
    .cmpt td.blu::before{content:"Com a BLU";display:block;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);margin-bottom:2px;}
    .cmpt tr:last-child td.blu{border-bottom:none;}
  }

  /* ═════ AJUDA da Comunidade (central, perguntas frequentes, dicionário, soluções, canais) ═════
     As peças vêm do Ocean DS da base de UX (knowledge-bases/ux-knowledge-layer): Breadcrumb, Tag, Button e CardGroup
     pelo CSS de produção do Ocean (ocean-core, carregado só nestas páginas) e, por cima, este bloco — os tokens de
     cor, tipo e espaço do Ocean (foundations/) com o nome deles. O acordeão é composto (Accordion §1: resposta com
     link e lista não cabe no componente), com o visual dele. Gerado por site/ferramentas/comunidade.py. */
  .aj{
    --ocean-color-brand-primary-pure:#0025E0;--ocean-color-brand-primary-down:#5872F5;--ocean-color-brand-primary-deep:#0E248F;--ocean-color-brand-primary-up:#B8C3FF;
    --ocean-color-complementary-down:#6AE5E5;
    --ocean-color-interface-light-pure:#FFFFFF;--ocean-color-interface-light-up:#F3F5FE;--ocean-color-interface-light-down:#E0E2EE;--ocean-color-interface-light-deep:#CED1E1;
    --ocean-color-interface-dark-pure:#0C0D14;--ocean-color-interface-dark-down:#67697A;--ocean-color-interface-dark-deep:#393B47;
    --ocean-shadow-level-1:0 8px 24px rgba(12,13,20,.08);
    background:var(--ocean-color-interface-light-pure);color:var(--ocean-color-interface-dark-pure);padding:8px 0 80px;
  }
  .aj section{padding:0;}
  .aj-trilha{margin:16px 0 24px;flex-wrap:wrap;}
  .aj-trilha .ods-breadcrumb__item svg{color:var(--ocean-color-interface-dark-down);}
  .aj .ods-breadcrumb a,.aj .ods-breadcrumb span{font-size:14px;}
  .aj .ods-breadcrumb a{color:var(--ocean-color-interface-dark-down);}
  .aj .ods-breadcrumb span{color:var(--ocean-color-interface-dark-pure);}
  .aj a:not(.ods-btn):not(.aj-card-link):not(.aj-indice-item){color:var(--ocean-color-brand-primary-pure);font-weight:600;}
  .aj a:not(.ods-btn):not(.aj-card-link):not(.aj-indice-item):hover{text-decoration:underline;}

  /* hero da página (Contextual Hero, tipo default) e o cabeçalho de quem não tem hero */
  .aj .aj-hero,.aj .aj-cabeca{background:var(--ocean-color-interface-light-up);border-radius:24px;padding:48px;}
  .aj-hero-grade{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;}
  .aj-hero-titulo,.aj-cabeca h1{font-size:48px;font-weight:800;line-height:1.24;letter-spacing:-.01em;color:var(--ocean-color-brand-primary-deep);}
  .aj-hero-sub{font-size:20px;line-height:1.5;color:var(--ocean-color-interface-dark-deep);margin-top:16px;max-width:560px;}
  .aj-hero img{width:100%;max-height:300px;object-fit:contain;}
  .aj .aj-cabeca{padding:40px 48px;}
  .aj-cabeca h1{font-size:40px;}

  /* seções e grades de cards */
  .aj-secao{margin-top:64px;}
  .aj-secao-titulo{margin-bottom:24px;}
  .aj-secao-titulo h4,.aj-secao>h3,.aj-secao>h2{font-size:32px;font-weight:800;line-height:1.24;color:var(--ocean-color-interface-dark-pure);}
  .aj-secao>h3,.aj-secao>h2{margin-bottom:24px;}
  .aj-secao-sub{font-size:18px;line-height:1.5;color:var(--ocean-color-interface-dark-down);margin-top:8px;}
  .aj-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;}
  .aj-grade+.aj-grade{margin-top:24px;}
  .aj-grade-2{grid-template-columns:repeat(2,1fr);}
  .aj-grade-4{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));}
  .aj-secao>.aj-btn{margin-top:32px;}
  .aj-card.ods-card-group{justify-content:space-between;gap:24px;padding:24px;border-radius:16px;background:var(--ocean-color-interface-light-pure);border-color:var(--ocean-color-interface-light-down);transition:border-color .16s,box-shadow .16s,transform .16s;}
  .aj-card.ods-card-group:hover{border-color:var(--ocean-color-brand-primary-up);box-shadow:var(--ocean-shadow-level-1);}
  .aj-card-corpo{display:flex;flex-direction:column;gap:12px;}
  .aj-card.ods-card-group:has(>.aj-card-foto){justify-content:flex-start;}
  .aj-card>.aj-card-foto{display:block;width:calc(100% + 48px);max-width:none;height:180px;object-fit:cover;margin:-24px -24px 0;border-radius:15px 15px 0 0;}
  .aj-card h3,.aj-card h4,.aj-card h5{font-size:20px;font-weight:800;line-height:1.32;color:var(--ocean-color-interface-dark-pure);}
  .aj-card h5 a{color:inherit !important;font-weight:800 !important;}
  .aj-card h5 a:hover{color:var(--ocean-color-brand-primary-pure) !important;}
  .aj-card p,.aj-card-sub{font-size:16px;line-height:1.5;color:var(--ocean-color-interface-dark-down);}
  .aj-card-corpo>img,.aj-card>span>img,.aj-card>img:not(.aj-card-foto){width:48px;height:48px;object-fit:contain;}
  .aj-etiqueta{margin-bottom:4px;}
  .aj .aj-etiqueta a{color:var(--ocean-color-interface-dark-down);font-weight:600;}
  .aj-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:flex-start;text-decoration:none !important;}
  .aj-btn img{width:14px;height:14px;}
  /* o card que é um link inteiro (Soluções Blu) */
  .aj-card-link.ods-card-group{align-items:center;justify-content:center;text-align:center;gap:16px;padding:32px 24px;min-height:200px;}
  .aj-card-link img{width:64px;height:64px;object-fit:contain;}
  .aj-card-link h4{font-size:18px;}
  .aj-card-link:hover h4{color:var(--ocean-color-brand-primary-pure);}
  /* card de pergunta ("Talvez você esteja procurando por") e card de assunto com a lista de perguntas */
  .aj-card-pergunta h3{font-size:18px;}
  .aj-card-lista{display:flex;flex-direction:column;gap:12px;}
  .aj-card-lista a{font-size:16px;line-height:1.4;}
  /* dicionário: a letra em destaque e os termos em lista */
  .aj-card-corpo>a{display:block;font-size:16px;line-height:1.4;}
  .aj-card-corpo>br{display:none;}
  .aj-cabeca~.aj-corpo{margin-top:32px;}
  .aj-indice~.aj-corpo>.aj-faq-grupo:first-child{margin-top:32px;}
  .aj-card-corpo:has(>a)>h5{font-size:32px;color:var(--ocean-color-brand-primary-pure);}

  /* faixa de chamada (Canais de atendimento) */
  .aj .aj-faixa{margin-top:64px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;background:var(--ocean-color-brand-primary-pure);color:var(--ocean-color-interface-light-pure);border-radius:24px;padding:48px;}
  .aj-faixa h2{font-size:32px;font-weight:800;line-height:1.24;}
  .aj-faixa p{font-size:18px;line-height:1.5;margin:12px 0 24px;color:var(--ocean-color-interface-light-up);}
  .aj-faixa img{width:100%;max-height:240px;object-fit:contain;}
  .aj .aj-faixa-clara{margin-top:0;background:var(--ocean-color-interface-light-up);color:var(--ocean-color-interface-dark-pure);}
  .aj-faixa-clara p{color:var(--ocean-color-interface-dark-deep);}
  .aj-faixa h1{font-size:32px;font-weight:800;line-height:1.24;}

  /* canais: a caixa de contato dentro do card */
  .aj-caixa{background:var(--ocean-color-interface-light-up);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px;}
  .aj-caixa-titulo{font-size:18px;font-weight:800;color:var(--ocean-color-brand-primary-deep);}
  .aj-fones{display:flex;flex-wrap:wrap;gap:24px;}
  .aj-fone{display:flex;flex-direction:column;}
  .aj-fone strong{font-size:22px;font-weight:800;color:var(--ocean-color-brand-primary-pure);}
  .aj-fone-regiao,.aj-hora{font-size:14px;color:var(--ocean-color-interface-dark-down);}
  .aj-contato{font-size:16px;font-weight:600;color:var(--ocean-color-interface-dark-deep);}

  /* perguntas frequentes: o índice dos assuntos e o acordeão */
  .aj-indice{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 8px;}
  .aj-indice-item{border:1px solid var(--ocean-color-interface-light-down);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;color:var(--ocean-color-interface-dark-deep);}
  .aj-indice-item:hover{background:var(--ocean-color-interface-light-up);color:var(--ocean-color-brand-primary-pure);border-color:var(--ocean-color-brand-primary-up);}
  .aj-faq-grupo{margin-top:48px;scroll-margin-top:100px;}
  .aj-faq-grupo h3{font-size:24px;font-weight:800;line-height:1.24;margin-bottom:8px;}
  .aj-acordeao{border-top:1px solid var(--ocean-color-interface-light-down);}
  .aj-acordeao-item{border-bottom:1px solid var(--ocean-color-interface-light-down);}
  .aj-acordeao-titulo{list-style:none;cursor:pointer;position:relative;padding:20px 40px 20px 0;font-size:18px;font-weight:700;line-height:1.32;color:var(--ocean-color-interface-dark-pure);}
  .aj-acordeao-titulo::-webkit-details-marker{display:none;}
  .aj-acordeao-titulo::after{content:"";position:absolute;right:8px;top:50%;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-70%) rotate(45deg);transition:transform .2s;color:var(--ocean-color-interface-dark-down);}
  .aj-acordeao-titulo:hover,.aj-acordeao-item[open]>.aj-acordeao-titulo{color:var(--ocean-color-brand-primary-down);}
  .aj-acordeao-item[open]>.aj-acordeao-titulo::after{transform:translateY(-30%) rotate(-135deg);color:var(--ocean-color-brand-primary-down);}
  .aj-acordeao-resposta{padding:0 40px 24px 0;font-size:16px;line-height:1.5;color:var(--ocean-color-interface-dark-deep);}
  .aj-acordeao-resposta p+p,.aj-acordeao-resposta ul,.aj-acordeao-resposta ol{margin-top:12px;}
  .aj-acordeao-resposta ul,.aj-acordeao-resposta ol{padding-left:20px;}

  @media(max-width:980px){
    .aj-hero-grade,.aj .aj-faixa{grid-template-columns:1fr;}
    .aj-hero img{max-height:200px;}
    .aj-grade-2{grid-template-columns:1fr;}
  }
  @media(max-width:600px){
    .aj .aj-hero,.aj .aj-cabeca,.aj .aj-faixa{padding:28px 20px;border-radius:16px;}
    .aj-hero-titulo,.aj-cabeca h1{font-size:32px;}
    .aj-hero-sub{font-size:17px;}
    .aj-secao{margin-top:48px;}
    .aj-secao-titulo h4,.aj-secao>h3,.aj-secao>h2,.aj-faixa h2,.aj-faixa h1{font-size:24px;}
    .aj-grade{grid-template-columns:1fr;}
    .aj-grade-4{grid-template-columns:repeat(2,1fr);gap:12px;}
    .aj-card-link.ods-card-group{min-height:150px;padding:20px 12px;}
    .aj-acordeao-titulo{font-size:16px;}
  }

  /* PARA O REPRESENTANTE (/representante): o cadastro e a indicação que entram direto no CRM */
  .rep-hero-chat{max-width:440px;margin-left:auto;box-shadow:0 44px 96px rgba(0,8,60,.44);}
  .rep-vant{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px;}
  .rv{background:#fff;border:1.5px solid var(--border);border-radius:22px;padding:28px;}
  .rvi{width:52px;height:52px;border-radius:14px;background:var(--light);color:var(--navy);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
  .rv h3{font-size:21px;font-weight:900;margin-bottom:8px;}
  .rv p{font-size:16.5px;line-height:1.55;color:var(--muted);}
  .rep-igual{display:flex;align-items:center;gap:12px;justify-content:center;margin:28px auto 0;max-width:760px;font-size:16.5px;color:var(--ink);background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:16px 20px;}
  .rep-igual .ico{color:var(--navy);}
  .rep-passos{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px;counter-reset:none;}
  .rep-passos li{background:var(--light);border-radius:22px;padding:28px;}
  .rep-passos .n{display:inline-flex;width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;font-weight:900;align-items:center;justify-content:center;margin-bottom:14px;}
  .rep-passos h3{font-size:20px;font-weight:900;margin-bottom:8px;}
  .rep-passos p{font-size:16.5px;line-height:1.55;color:var(--muted);}
  .field2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;}
  .field2>.field{margin-top:0;}
  .field input[type=tel],.field select{font:inherit;font-size:17px;color:var(--ink);background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:13px 15px;width:100%;}
  .field select:focus,.field input[type=tel]:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 4px rgba(0,37,224,.12);}
  .ufs{display:flex;flex-wrap:wrap;gap:8px;}
  .uf{position:relative;}
  .uf input{position:absolute;opacity:0;width:1px;height:1px;}
  .uf span{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:9px 10px;border:1.5px solid var(--border);border-radius:999px;font-weight:800;font-size:14px;color:var(--muted);cursor:pointer;}
  .uf input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff;}
  .uf input:focus-visible+span{box-shadow:0 0 0 4px rgba(0,37,224,.2);}
  .formsub{font-size:18px;font-weight:900;margin:26px 0 14px;padding-top:22px;border-top:1px solid var(--border);}
  .rep-ajuda{text-align:center;margin-top:28px;font-size:15.5px;color:var(--muted);}
  .rep-ajuda a,.formcard a{color:var(--navy);font-weight:700;}
  @media(max-width:980px){.rep-vant,.rep-passos{grid-template-columns:1fr;}.rep-hero-chat{margin:0 auto;}}
  @media(max-width:600px){.field2{grid-template-columns:1fr;}}