/* Composição da imagem de referência: edição 2.
   Aplicada após editorial.css para preservar a lógica de cada página. */
:root { --ink:#041a2a;--panel:#082235;--panel-raised:#10314a;--rule:#1d3a50;--cream:#f6f3ee;--quiet:#b8cadd;--accent:#078bfa;--accent-hover:#299eff; }
body.home-dark,body.systems-page,body.reseller-page,body.reseller-login-page,body.reseller-dashboard-page,body.admin-page,body:has(> .review-shell) {background:var(--ink);color:var(--cream);}
body.home-dark .container,body.systems-page .container,body.reseller-page .container,body.reseller-login-page .container {width:min(1284px,calc(100% - 48px));}
body.home-dark .site-header,body.systems-page .site-header,body.reseller-page .site-header,body.reseller-login-page .site-header {height:72px;z-index:85;border:0;background:rgba(4,23,38,.94);}
body.home-dark .site-header {position:absolute;top:0;left:0;right:0;background:transparent;backdrop-filter:none;}
body .site-header .container,body.home-dark .site-header .container {width:min(1284px,calc(100% - 48px));}
body .brand-mark,body.home-dark .brand-mark,body.reseller-page .brand-mark,body.reseller-login-page .brand-mark {width:32px;height:38px;}
body .brand-mark i,body.home-dark .brand-mark i,body.reseller-page .brand-mark i,body.reseller-login-page .brand-mark i {width:27px;height:8px;left:0;border-radius:8px;background:#118dff;box-shadow:none;transform:rotate(-29deg);}
body .brand-mark i:nth-child(1),body.home-dark .brand-mark i:nth-child(1),body.reseller-page .brand-mark i:nth-child(1),body.reseller-login-page .brand-mark i:nth-child(1) {top:7px;}
body .brand-mark i:nth-child(2),body.home-dark .brand-mark i:nth-child(2),body.reseller-page .brand-mark i:nth-child(2),body.reseller-login-page .brand-mark i:nth-child(2) {top:16px;left:1px;background:#118dff;}
body .brand-mark i:nth-child(3),body.home-dark .brand-mark i:nth-child(3),body.reseller-page .brand-mark i:nth-child(3),body.reseller-login-page .brand-mark i:nth-child(3) {top:25px;left:2px;background:#118dff;}
body .brand-text,body.home-dark .brand-text,body.reseller-page .brand-text,body.reseller-login-page .brand-text {font:800 27px/1 'Manrope',sans-serif;letter-spacing:-1.4px;color:#fff;padding:0;}
body .brand-text span,body.home-dark .brand-text span,body.reseller-page .brand-text span,body.reseller-login-page .brand-text span {color:#118dff;}
body.reseller-page .brand-text::after,body.reseller-login-page .brand-text::after,body .brand-lockup small {display:none;}
body .desktop-nav,body.home-dark .desktop-nav,body.reseller-page .desktop-nav,body.reseller-login-page .desktop-nav {margin-left:clamp(40px,8vw,130px);margin-right:0;gap:36px;font-size:13px;color:#fff;}
body .desktop-nav a,body.home-dark .desktop-nav a,body.reseller-page .desktop-nav a,body.reseller-login-page .desktop-nav a {padding:26px 0;font-size:13px;font-weight:500;color:#fff;}
body .desktop-nav a::after {display:none;}
body .nav-chevron {display:inline-block;font-size:15px;color:#c9d4e0;line-height:0;vertical-align:2px;margin-left:2px;}
body .nav-actions {margin-left:auto;gap:21px;white-space:nowrap;}
body .client-link {display:inline-flex;align-items:center;gap:7px;color:#fff;font:500 12px 'Inter',sans-serif;}
body .client-link svg {width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;}
body .nav-cta,body.home-dark .nav-cta,body.reseller-page .nav-cta,body.reseller-login-page .nav-cta {display:inline-flex;min-height:41px;padding:0 17px;border:0;border-radius:5px;color:#fff;background:#078bfa;font-size:12px;white-space:nowrap;}
body .nav-cta:hover {background:#299eff;}
/* Capa: texto e fotografia dividem a mesma imagem panorâmica, inclusive sob a navegação. */
body.home-dark .hero-reference {position:relative;display:block;height:472px;min-height:472px;padding:0;overflow:hidden;background:#041a2a;border-bottom:1px solid #244155;}
body.home-dark .hero-reference::before,body.home-dark .hero-reference::after {display:none;}
body.home-dark .hero-reference .hero-backdrop {position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;z-index:0;}
body.home-dark .hero-reference .hero-reference-inner {position:relative;z-index:1;display:block;height:100%;}
body.home-dark .hero-reference-copy {padding-top:117px;max-width:770px;}
body.home-dark .hero-reference .eyebrow,body.home-dark .reference-section-heading .eyebrow {position:relative;padding-left:48px;margin:0;color:#69bdff;font-size:9px;font-weight:700;letter-spacing:3.25px;line-height:1.4;}
body.home-dark .hero-reference .eyebrow::before,body.home-dark .reference-section-heading .eyebrow::before {content:"";position:absolute;top:5px;left:0;width:32px;height:2px;background:#0e9afc;}
body.home-dark .hero-reference h1 {margin:19px 0 0;max-width:770px;font:800 clamp(45px,4vw,59px)/1.03 'Manrope',sans-serif;letter-spacing:-2.9px;color:#f8f5ee;}
body.home-dark .hero-reference h1 span {color:#118eff;background:none;-webkit-text-fill-color:#118eff;}
body.home-dark .hero-reference .hero-lead {margin-top:20px;max-width:580px;color:#d5e0e9;font-size:20px;line-height:1.32;letter-spacing:.1px;}
body.home-dark .hero-reference .hero-actions {margin-top:30px;gap:36px;display:flex;align-items:center;flex-wrap:wrap;}
body.home-dark .hero-reference .btn-primary {min-width:225px;min-height:47px;font-size:14px;background:#078bfa;border-color:#078bfa;justify-content:center;gap:15px;}
body.home-dark .hero-text-link {display:inline-flex;align-items:center;gap:14px;min-height:40px;border-bottom:1px solid #399bea;color:#fff;font-size:14px;font-weight:600;}
body.home-dark .hero-text-link span {color:#1495fa;font-size:20px;line-height:1;}
/* Faixa curta de benefícios: três colunas separadas por fios discretos. */
body.home-dark .benefits {min-height:234px;padding:36px 0 29px;background:#041a2a;border-bottom:1px solid #193d53;}
body.home-dark .reference-section-heading {display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:50px;align-items:end;}
body.home-dark .reference-section-heading .eyebrow {padding-left:45px;letter-spacing:2.5px;font-size:9px;margin-bottom:10px;}
body.home-dark .reference-section-heading .eyebrow::before {width:30px;}
body.home-dark .reference-section-heading h2 {font:800 clamp(26px,2.3vw,34px)/1.15 'Manrope',sans-serif;letter-spacing:-1.2px;color:#f6f3ee;white-space:nowrap;}
body.home-dark .reference-section-heading>p {max-width:495px;justify-self:end;color:#c4d6e5;font-size:14px;line-height:1.55;padding:0 0 2px;}
body.home-dark .reference-benefits {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:35px;}
body.home-dark .reference-benefits article {display:grid;grid-template-columns:55px minmax(0,1fr);align-items:start;gap:26px;min-height:70px;padding:4px 30px 4px 0;border-right:1px solid #25475e;}
body.home-dark .reference-benefits article:not(:first-child) {padding-left:53px;}
body.home-dark .reference-benefits article:last-child {border-right:0;padding-right:0;}
body.home-dark .reference-benefits svg {width:37px;height:37px;color:#068eff;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linejoin:round;stroke-linecap:round;}
body.home-dark .reference-benefits h3 {font-size:16px;line-height:1.15;color:#fff;font-weight:700;margin:0 0 8px;}
body.home-dark .reference-benefits p {font-size:13px;line-height:1.55;color:#b7c9dc;margin:0;}
/* Quatro cartões fotográficos na mesma ordem, altura e alinhamento da referência. */
body.home-dark .segments {min-height:320px;padding:28px 0 32px;background:#041a2a;border-bottom:1px solid #193d53;}
body.home-dark .segments .reference-section-heading>p {max-width:515px;}
body.home-dark .reference-segment-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:calc(100% + 46px);margin:9px 0 0 -23px;}
body.home-dark .reference-segment-card {position:relative;height:190px;min-height:190px;overflow:hidden;border:1px solid #254458;border-radius:5px;background-image:linear-gradient(0deg,rgba(1,12,23,.92),rgba(1,12,23,.02) 74%),url('../assets/segmentos-ref.png');background-size:100% 100%,200% 200%;color:white;transition:filter .2s,border-color .2s;}
body.home-dark .reference-segment-card.market {background-position:center,0 0;}body.home-dark .reference-segment-card.restaurant {background-position:center,100% 0;}
body.home-dark .reference-segment-card.salon {background-position:center,0 100%;}body.home-dark .reference-segment-card.store {background-position:center,100% 100%;}
body.home-dark .reference-segment-card:hover {filter:brightness(1.15);border-color:#5c9bc2;}
body.home-dark .reference-segment-info {position:absolute;bottom:14px;left:23px;right:50px;display:grid;gap:4px;}
body.home-dark .reference-segment-info svg {width:28px;height:28px;margin-bottom:1px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
body.home-dark .reference-segment-info strong {font-size:17px;line-height:1.2;}
body.home-dark .reference-segment-info small {font-size:11px;color:#eef3fa;line-height:1.35;white-space:nowrap;}
body.home-dark .reference-arrow {position:absolute;right:18px;bottom:17px;width:36px;height:36px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:21px;line-height:1;}
/* As páginas internas usam a mesma paleta e o mesmo cabeçalho; seus formulários continuam intactos. */
body.systems-page .systems-hero {background:linear-gradient(90deg,#041a2a 0%,rgba(4,26,42,.96) 40%,rgba(4,26,42,.35) 100%),url('../assets/hero-cafe-ref.png') center/cover;}
body.systems-page .systems-hero h1 span,body.reseller-page .reseller-hero-copy h1 span,body.reseller-login-page .login-presentation h1 span {color:#148fff;-webkit-text-fill-color:#148fff;}
body.reseller-page .reseller-hero,body.reseller-login-page .reseller-login-main {background:#041a2a;}
body.reseller-dashboard-page .dashboard-welcome {background:linear-gradient(115deg,#082136,#113b57);}
body.admin-page .admin-header {background:rgba(4,23,38,.97);}body.admin-page .admin-primary-button {background:#078bfa;}
@media(max-width:1330px){
  body .desktop-nav,body.home-dark .desktop-nav,body.reseller-page .desktop-nav,body.reseller-login-page .desktop-nav {margin-left:clamp(16px,4vw,65px);gap:20px;}
  body .nav-actions {gap:13px;}
  body.home-dark .reference-section-heading h2 {white-space:normal;}
}
@media(max-width:1080px){
  body .client-link {font-size:0;gap:0;}body .client-link svg {width:22px;height:22px;}
  body .nav-cta {font-size:11px;}
  body.home-dark .reference-benefits article {gap:13px;padding-right:14px;}
  body.home-dark .reference-benefits article:not(:first-child) {padding-left:20px;}
  body.home-dark .reference-segment-info small {white-space:normal;}
}
@media(max-width:900px){
  body.home-dark .site-header {height:68px;}
  body .site-header .container,body.home-dark .site-header .container {width:calc(100% - 36px);}
  body .desktop-nav,body.home-dark .desktop-nav,body.reseller-page .desktop-nav,body.reseller-login-page .desktop-nav {display:none;}
  body .nav-cta,body.home-dark .nav-cta,body.reseller-page .nav-cta,body.reseller-login-page .nav-cta {display:none;}
  body .client-link {font-size:0;}
  body .menu-toggle {display:flex;}
  body.home-dark .mobile-menu,body.reseller-page .mobile-menu,body.reseller-login-page .mobile-menu,body.systems-page .mobile-menu {top:68px;}
  body.home-dark .hero-reference {height:auto;min-height:650px;}
  body.home-dark .hero-reference .hero-backdrop {height:100%;object-position:68% center;}
  body.home-dark .hero-reference::after {content:"";display:block;position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,26,42,.73),rgba(4,26,42,.1));}
  body.home-dark .hero-reference .hero-reference-inner {position:relative;z-index:2;}
  body.home-dark .hero-reference-copy {padding:148px 0 100px;}
  body.home-dark .hero-reference h1 {font-size:clamp(42px,6vw,58px);}
  body.home-dark .reference-section-heading {grid-template-columns:1fr;gap:12px;}
  body.home-dark .reference-section-heading>p {justify-self:start;}
  body.home-dark .benefits {padding:50px 0;}
  body.home-dark .reference-benefits {gap:16px;margin-top:34px;}
  body.home-dark .reference-benefits article {display:flex;flex-direction:column;gap:10px;}
  body.home-dark .reference-segment-grid {grid-template-columns:repeat(2,minmax(0,1fr));margin-left:0;width:100%;}
}
@media(max-width:600px){
  body.home-dark .container,body.systems-page .container,body.reseller-page .container,body.reseller-login-page .container {width:calc(100% - 36px);}
  body .brand-text,body.home-dark .brand-text {font-size:24px;}
  body.home-dark .hero-reference {min-height:600px;}
  body.home-dark .hero-reference .hero-backdrop {object-position:67% center;}
  body.home-dark .hero-reference::after {background:linear-gradient(90deg,rgba(3,20,33,.85),rgba(3,20,33,.35));}
  body.home-dark .hero-reference-copy {padding:134px 0 80px;}
  body.home-dark .hero-reference h1 {font-size:clamp(39px,10vw,55px);letter-spacing:-2.2px;}
  body.home-dark .hero-reference .hero-lead {font-size:17px;line-height:1.45;}
  body.home-dark .desktop-break {display:none;}
  body.home-dark .hero-reference .hero-actions {align-items:flex-start;gap:16px;}
  body.home-dark .hero-reference .btn-primary {width:auto;}
  body.home-dark .reference-section-heading h2 {font-size:29px;}
  body.home-dark .reference-section-heading>p {font-size:13px;}
  body.home-dark .reference-benefits {grid-template-columns:1fr;gap:0;}
  body.home-dark .reference-benefits article,body.home-dark .reference-benefits article:not(:first-child) {display:grid;grid-template-columns:42px 1fr;gap:14px;border:0;border-bottom:1px solid #25475e;padding:17px 0;}
  body.home-dark .reference-benefits svg {width:30px;height:30px;}
  body.home-dark .segments {padding:52px 0;}
  body.home-dark .reference-segment-grid {grid-template-columns:1fr;gap:12px;}
  body.home-dark .reference-segment-card {height:210px;}
}