/* Shared light version. The original palette remains available as dark mode. */
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f8faf9;
  --surface:#edf3f1;
  --ink:#122c34;
  --muted:#4d656e;
  --faint:#536b74;
  --line:rgba(18,44,52,.18);
  --line-soft:rgba(18,44,52,.12);
  --acc:#087363;
  --acc-soft:rgba(8,115,99,.08);
  --acc-line:rgba(8,115,99,.28);
  --acc-ink:#fff;
  --cta:#dafe52;
  --cta-ink:#122c34;
}
html[data-theme="dark"]{color-scheme:dark}

/* Keep the controls together without moving the existing navigation links. */
.nav-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}
.theme-toggle{display:grid;place-items:center;width:42px;height:42px;padding:0;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:background .2s,border-color .2s}
.theme-toggle[hidden]{display:none}
.theme-toggle:hover{background:var(--acc-soft);border-color:var(--acc-line)}
.theme-toggle svg{width:19px;height:19px}
.theme-toggle .theme-sun{display:none}
html[data-theme="dark"] .theme-toggle .theme-moon{display:none}
html[data-theme="dark"] .theme-toggle .theme-sun{display:block}
html[data-theme="light"] .wordmark-img{filter:brightness(0)}

/* Clear navigation, including the expanded desktop and mobile menus. */
html[data-theme="light"] .nav{background:rgba(248,250,249,.95);border-bottom-color:var(--line-soft)}
html[data-theme="light"] .nav.stuck{background:rgba(248,250,249,.96)}
html[data-theme="light"] .nlink{color:var(--muted)}
html[data-theme="light"] .nlink:hover,
html[data-theme="light"] .nlink.on{color:var(--acc)}
html[data-theme="light"] .navget,
html[data-theme="light"] .mega-go,
html[data-theme="light"] .vm-get{color:var(--ink);border-color:var(--line)}
html[data-theme="light"] .navget:hover{background:var(--cta);border-color:var(--acc);color:var(--cta-ink)}
html[data-theme="light"] .mega-go:hover,
html[data-theme="light"] .vm-get:hover{background:var(--acc-soft);border-color:var(--acc)}
html[data-theme="light"] .navtoggle span{background:var(--ink)}
html[data-theme="light"] .mega-in{background:rgba(255,255,255,.98);box-shadow:0 20px 60px #122c3424}
html[data-theme="light"] .mega-l:hover{background:var(--surface)}
html[data-theme="light"] .vmenu{background:rgba(248,250,249,.99)}
html[data-theme="light"] .vmclose,
html[data-theme="light"] .vm-link,
html[data-theme="light"] .vm-drop{color:var(--ink)}

/* A dark text accent and a separate lime button avoid pale text on white. */
html[data-theme="light"] .btn,
html[data-theme="light"] .sec.claro .btn{background:var(--cta);border-color:var(--cta);color:var(--cta-ink)}
html[data-theme="light"] .btn:hover,
html[data-theme="light"] .sec.claro .btn:hover{background:#c9ed43;border-color:var(--acc);color:var(--cta-ink)}
html[data-theme="light"] .btn-ghost,
html[data-theme="light"] .sec.claro .btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}
html[data-theme="light"] .btn-ghost:hover,
html[data-theme="light"] .sec.claro .btn-ghost:hover{background:var(--acc-soft);border-color:var(--acc);color:var(--ink)}
html[data-theme="light"] ::selection{background:#dafe52;color:var(--ink)}
html[data-theme="light"] .h1,
html[data-theme="light"] .hsub{text-shadow:none}
html[data-theme="light"] .hero{background-color:var(--bg)}
html[data-theme="light"] .hero .h1,
html[data-theme="light"] .hero .h2,
html[data-theme="light"] .hsub b,
html[data-theme="light"] .stat .sv{color:var(--ink)}
html[data-theme="light"] .hsub,
html[data-theme="light"] .home-hero .hsub,
html[data-theme="light"] .stat .sl{color:var(--muted)}
html[data-theme="light"] .htag{color:var(--acc)}
/* Internal banners share the daylight photo. Its separate layer also allows
   a short photo above the copy on mobile, regardless of the content height. */
html[data-theme="light"] .hero:not(.home-hero){background-image:none!important}
html[data-theme="light"] .hero:not(.home-hero)::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url('/assets/img/hero-arpex-light-2026.webp') 72% top/cover no-repeat}
html[data-theme="light"] .hero:not(.home-hero) .hero-ov{background:
  linear-gradient(90deg,#f8faf9fa 0%,#f8faf9ed 36%,#f8faf9cf 50%,#f8faf980 60%,#f8faf900 72%),
  linear-gradient(0deg,var(--bg) 0%,#f8faf980 9%,#f8faf900 26%)}
html[data-theme="light"] .hero:not(.home-hero) .hero-in>:is(.htag,.h1,.hsub,.hcta,.tagrow){width:58%;max-width:660px}
html[data-theme="light"] .hero:not(.home-hero) .h1{font-size:clamp(40px,4.6vw,66px)}
/* A daylight photograph belongs to the light palette. Keep its subject clear,
   with the text scrim limited to the copy column and the section edge. */
html[data-theme="light"] .home-hero-media{background-image:url('/assets/img/hero-arpex-light-2026.webp');background-position:72% top}
html[data-theme="light"] .home-hero-shade{background:
  linear-gradient(90deg,#f8faf9fa 0%,#f8faf9eb 32%,#f8faf9c9 48%,#f8faf900 68%),
  linear-gradient(0deg,var(--bg) 0%,#f8faf980 9%,#f8faf900 26%)}
html[data-theme="light"] .hsdot::before{background:var(--line)}
html[data-theme="light"] .home-hero-proof{background:rgba(255,255,255,.96);border-color:var(--acc-line);box-shadow:0 20px 60px #122c341a}
html[data-theme="light"] .proof-main{background:var(--surface)}
html[data-theme="light"] .signal-bars i{background:linear-gradient(180deg,#087363,#b6d6c8)}
html[data-theme="light"] .proof-eco svg text{fill:var(--ink)}
html[data-theme="light"] .proof-eco svg ellipse,
html[data-theme="light"] .proof-eco svg line{stroke:#08736340}
html[data-theme="light"] .proof-eco svg rect{fill:#fff;stroke:#122c3433}
html[data-theme="light"] .proof-eco svg circle[stroke]{fill:#e5f1eb;stroke:var(--acc)}
html[data-theme="light"] .proof-eco svg circle:not([stroke]){fill:var(--acc)}
html[data-theme="light"] .proof-eco svg image{filter:brightness(0)}

/* White cards and a soft alternate surface give each section a clear edge. */
html[data-theme="light"] .decision-story{background:var(--surface)}
html[data-theme="light"] .story-step{background:#fff;box-shadow:0 4px 18px #122c3405}
html[data-theme="light"] .duo-card,
html[data-theme="light"] .mcard,
html[data-theme="light"] .chat,
html[data-theme="light"] .post,
html[data-theme="light"] .postbig{background:#fff;box-shadow:0 4px 18px #122c3405}
html[data-theme="light"] .duo-card:hover,
html[data-theme="light"] .mcard:hover,
html[data-theme="light"] .post:hover,
html[data-theme="light"] .postbig:hover{background:#fff;border-color:var(--acc-line)}
html[data-theme="light"] .mod,
html[data-theme="light"] .mod:hover{background:transparent}
html[data-theme="light"] .svc:hover,
html[data-theme="light"] .msg.q,
html[data-theme="light"] .sub,
html[data-theme="light"] .artigo code{background:var(--acc-soft)}
html[data-theme="light"] .post .pimg{background-color:var(--surface)}
html[data-theme="light"] .afeed{background:#fff}
html[data-theme="light"] .amsg{background:var(--bg)}
html[data-theme="light"] .aw1{background:#e7effc;color:#22528b}
html[data-theme="light"] .aw2{background:#e1f1f3;color:#086572}
html[data-theme="light"] .aw3{background:#fcece8;color:#a33722}
html[data-theme="light"] .aw4{background:#e4f2eb;color:#136742}
html[data-theme="light"] .afeed-dot{background:var(--acc)}
html[data-theme="light"] .foot{background:#e7eeeb}
html[data-theme="light"] .cta{background:radial-gradient(ellipse at 90% 100%,#d8eade,transparent 62%),var(--bg)}
html[data-theme="light"] .totop{background:rgba(255,255,255,.96);box-shadow:0 4px 18px #122c3412}
html[data-theme="light"] .totop:hover{background:var(--surface);border-color:var(--acc)}
html[data-theme="light"] .scrolldown .mouse{border-color:var(--muted)}
html[data-theme="light"] .scrolldown .wheel{background:var(--ink)}
html[data-theme="light"] .scrolldown .chev{color:var(--ink)}

/* Form fields, selected filters, and validation messages stay readable. */
html[data-theme="light"] .form-card,
html[data-theme="light"] .hero-grid .form-card{background:rgba(255,255,255,.97);box-shadow:0 12px 40px #122c340d}
html[data-theme="light"] .field,
html[data-theme="light"] .form-card .field,
html[data-theme="light"] .fgrp .field{background-color:#fff;border-color:#80979d;color:var(--ink)}
html[data-theme="light"] .field:focus,
html[data-theme="light"] .form-card .field:focus,
html[data-theme="light"] .fgrp .field:focus{background-color:#fff;border-color:var(--acc)}
html[data-theme="light"] .field::placeholder{color:var(--faint);opacity:1}
html[data-theme="light"] select.field option{background:#fff;color:var(--ink)}
html[data-theme="light"] .fchip:hover,
html[data-theme="light"] .catchip:hover,
html[data-theme="light"] .ffile:hover{border-color:var(--acc)}
html[data-theme="light"] .fchip.on,
html[data-theme="light"] .catchip.on{background:var(--acc);border-color:var(--acc);color:#fff}
/* Existing forms set the error color inline. */
html[data-theme="light"] .ferr{color:#ad342d!important}
html[data-theme="light"] .banco-card{border:1px solid var(--line-soft)}

/* Product previews: preserve the demo interface and its shared dimensions. */
html[data-theme="light"] .cp-tabs button{background:#fff;color:var(--muted)}
html[data-theme="light"] .cp-tabs button:hover{background:var(--surface);border-color:var(--acc)}
html[data-theme="light"] .cp-tabs button[aria-selected="true"]{background:var(--acc);border-color:var(--acc);color:#fff}
html[data-theme="light"] .cp-page .cp-visual-stage,
html[data-theme="light"] .cp-card-preview{background-color:#e6eeeb;background-image:
  radial-gradient(ellipse at 28% 12%,#f9fffbcc,transparent 68%),
  linear-gradient(#122c3405 1px,transparent 1px),
  linear-gradient(90deg,#122c3405 1px,transparent 1px),
  linear-gradient(135deg,#e3eeea,#dce6e8);
  background-size:auto,48px 48px,48px 48px,auto;border-color:#c3d3cd;box-shadow:inset 0 1px 0 #fff}
html[data-theme="light"] .cp-visual-stage .cp-screen{box-shadow:0 12px 32px #122c341f;border-color:#c7d4d8}
html[data-theme="light"] .cp-screen-note{background:#fff;border-color:#a6c5ba;box-shadow:0 10px 30px #122c341a;color:var(--ink)}
html[data-theme="light"] .cp-screen-note::before{background:#fff;border-color:#a6c5ba}
html[data-theme="light"] .cp-screen-note-heading>span{background:#e5f1eb;color:var(--acc)}
html[data-theme="light"] .cp-screen-note p{color:var(--muted)}
html[data-theme="light"] .cp-bottom,
html[data-theme="light"] .cred-cta{background:radial-gradient(ellipse at 50% 120%,#cfe5d5,transparent 68%),var(--bg)}
html[data-theme="light"] .cp-dialog{border-color:var(--line);box-shadow:0 24px 80px #122c3433}
html[data-theme="light"] .cp-dialog::backdrop{background:#122c3480}

/* Small demo labels and status values need stronger colors than decorative icons. */
html[data-theme="light"] .cp-page{--cp-dim:#536575}
html[data-theme="light"] .cp-orders-demo,
html[data-theme="light"] .cp-orders-nav span,
html[data-theme="light"] .cp-orders-metric>span,
html[data-theme="light"] .cp-orders-metric small,
html[data-theme="light"] .cp-orders-manage,
html[data-theme="light"] .cp-orders-heading p,
html[data-theme="light"] .cp-orders-toolbar,
html[data-theme="light"] .cp-screen .cp-orders-table th,
html[data-theme="light"] .cp-screen .cp-orders-table td small,
html[data-theme="light"] .cp-orders-customer>span,
html[data-theme="light"] .cp-orders-customer strong,
html[data-theme="light"] .cp-orders-query>span,
html[data-theme="light"] .cp-orders-footer,
html[data-theme="light"] .cp-biro-client p,
html[data-theme="light"] .cp-biro-demo,
html[data-theme="light"] .cp-biro-tabs span,
html[data-theme="light"] .cp-biro-queries h4,
html[data-theme="light"] .cp-biro-query small,
html[data-theme="light"] .cp-biro-history-top p>span,
html[data-theme="light"] .cp-biro-history-top small,
html[data-theme="light"] .cp-biro-history-bottom p,
html[data-theme="light"] .cp-biro-history-tags>span,
html[data-theme="light"] .cp-client-plan{color:#536575}
html[data-theme="light"] .cp-orders-nav .selected,
html[data-theme="light"] .cp-orders-query>.today,
html[data-theme="light"] .cp-orders-notes>p,
html[data-theme="light"] .cp-orders-notes>p svg,
html[data-theme="light"] .cp-screen .cp-orders-table .cp-orders-money>.positive,
html[data-theme="light"] .cp-biro-tabs .selected,
html[data-theme="light"] .cp-robot-result,
html[data-theme="light"] .cp-robot-totals span{color:#076c61}
html[data-theme="light"] .cp-screen .cp-orders-table .cp-orders-money>.negative,
html[data-theme="light"] .cp-orders-stock,
html[data-theme="light"] .cp-orders-score.red,
html[data-theme="light"] .cp-robot-totals>span+span,
html[data-theme="light"] .cp-robot-rule.rejected .cp-robot-result{color:#b9243a}
html[data-theme="light"] .cp-orders-score.orange{color:#92500b}
html[data-theme="light"] .cp-orders-score.teal{color:#076c61}
html[data-theme="light"] .cp-biro-status{color:#8e5b0f}

/* The other solution pages share this earlier product template. */
html[data-theme="light"] .cred-hero{background:radial-gradient(ellipse at 84% 60%,#dfede6,transparent 58%)}
html[data-theme="light"] .cred-client-card{box-shadow:0 24px 60px #122c3421}
html[data-theme="light"] .cred-score-card{background:#fff;border-color:var(--acc-line);box-shadow:0 12px 35px #122c341f}
html[data-theme="light"] .score-ring{border-right-color:#d3e3da}
html[data-theme="light"] .cred-subnav{background:var(--surface)}
html[data-theme="light"] .cred-detail-art{background:#e1ece7}
html[data-theme="light"] .mock-top,
html[data-theme="light"] .mock-sidebar,
html[data-theme="light"] .dashboard-heading>span,
html[data-theme="light"] .dashboard-stats div>span,
html[data-theme="light"] .mock-main th,
html[data-theme="light"] .mock-main td small,
html[data-theme="light"] .detail-metric small,
html[data-theme="light"] .detail-metric strong>span,
html[data-theme="light"] .detail-foot,
html[data-theme="light"] .timeline span,
html[data-theme="light"] .agx-doc small,
html[data-theme="light"] .agx-env span:not(.on){color:#536575}
html[data-theme="light"] .decision-step>span,
html[data-theme="light"] .decision-step p{color:#456248}
html[data-theme="light"] .cred-flow{background:#e5eeea;color:var(--muted)}
html[data-theme="light"] .cred-light .cred-flow strong{color:var(--ink)}
html[data-theme="light"] .flow-node{background:#fff;border-color:#bccfc5}
html[data-theme="light"] .flow-node.active{background:#f4f9ed;border-color:var(--acc)}
html[data-theme="light"] .flow-dot,
html[data-theme="light"] .flow-connector{color:var(--acc)}
html[data-theme="light"] .wiz span.on i{color:#fff}

@media(min-width:1200px) and (max-width:1400px){
  .nav{padding-inline:40px}
  .navlinks{gap:17px}
  .nav-controls{gap:10px}
  .theme-toggle{width:38px;height:38px}
}
@media(max-width:980px){
  html[data-theme="light"] .home-hero-in{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:30px;padding-top:142px;padding-bottom:70px}
  html[data-theme="light"] .home-hero .h1{font-size:clamp(42px,5vw,49px)}
  html[data-theme="light"] .home-hero-proof{width:100%;padding:18px}
}
@media(max-width:760px){
  html[data-theme="light"] .hero:not(.home-hero){min-height:0}
  html[data-theme="light"] .hero:not(.home-hero)::before{top:64px;bottom:auto;height:320px;background-position:72% 25%}
  html[data-theme="light"] .hero:not(.home-hero) .hero-ov{background:linear-gradient(180deg,#f8faf900 0%,#f8faf900 230px,#f8faf9b3 305px,var(--bg) 365px)}
  html[data-theme="light"] .hero:not(.home-hero) .hero-in{padding-top:350px;padding-bottom:56px;justify-content:flex-start}
  html[data-theme="light"] .hero:not(.home-hero) .hero-in>:is(.htag,.h1,.hsub,.hcta,.tagrow){width:100%}
  html[data-theme="light"] .home-hero-media{top:64px;bottom:auto;height:320px;background-position:72% 25%}
  html[data-theme="light"] .home-hero-shade{background:linear-gradient(180deg,#f8faf900 0%,#f8faf900 230px,#f8faf9b3 305px,var(--bg) 365px)}
  html[data-theme="light"] .home-hero-in{display:block;padding-top:350px;padding-bottom:56px}
  html[data-theme="light"] .home-hero .h1{font-size:clamp(40px,7.5vw,54px)}
  html[data-theme="light"] .home-hero-proof{max-width:520px;margin:36px 0 0 auto}
}
@media(max-width:420px){
  .nav{padding-inline:18px}
  .nav .wordmark-img{height:26px}
  .nav-controls{gap:10px}
  .nav-controls .navget{font-size:10px;letter-spacing:.06em;padding:11px 12px}
  .theme-toggle{width:38px;height:38px}
}

/* Module reading order on mobile: heading and description before the visual. */
@media (max-width: 860px) {
  .cred-content .cred-split:has(> figure),
  .cp-page .cp-detail,
  .ws-page .sm-ecosystem-grid,
  .ws-page .wt-intelligence-grid { grid-template-columns: minmax(0, 1fr); }
  .cred-content .cred-split > div,
  .cp-page .cp-detail > .cp-detail-copy,
  .ws-page .sm-ecosystem-grid > .sm-ecosystem-copy,
  .ws-page .wt-intelligence-grid > .ws-section-heading { order: 0; }
  .cred-content .cred-split > figure,
  .cp-page .cp-detail > .cp-visual,
  .ws-page .sm-ecosystem-grid > figure,
  .ws-page .wt-intelligence-grid > figure { order: 1; }
  .cp-page .cp-feature-card { display: flex; flex-direction: column; }
  .cp-page .cp-feature-card > .cp-card-preview { order: 1; margin-top: 18px; }
  .cp-page .cp-feature-card > h3 { margin-top: 0; }
}