/* S)MAXX marketing site — converted from Claude Design smaxx-2.dc.html */
@font-face { font-family:'Carnas'; src:url('../assets/fonts/Carnas-400.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Carnas'; src:url('../assets/fonts/Carnas-500.woff2') format('woff2'); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'Carnas'; src:url('../assets/fonts/Carnas-700.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:'Carnas'; src:url('../assets/fonts/Carnas-800.woff2') format('woff2'); font-weight:800; font-style:normal; font-display:swap; }
@font-face { font-family:'Carnas'; src:url('../assets/fonts/Carnas-900.woff2') format('woff2'); font-weight:900; font-style:normal; font-display:swap; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#061c33; color:#eaf1fa; font-family:'Carnas','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; overflow-x:hidden; }
@keyframes smx-pulse { 0%,100%{ opacity:1; } 50%{ opacity:.35; } }
a { text-decoration:none; color:inherit; }
section { scroll-margin-top:80px; }
a:focus-visible, button:focus-visible { outline:2px solid #f7a340; outline-offset:3px; border-radius:6px; }
@media (max-width:920px){ nav [data-navlinks]{ display:none !important; } }
@media (max-width:560px){
  nav{ gap:12px !important; padding-left:18px !important; padding-right:18px !important; }
  nav [data-cta]{ display:none !important; }
  nav a img{ height:38px !important; width:auto !important; }
  #data [data-bmetric]{ display:none !important; }
}
@media (max-width:720px){ [data-mosaic]{ grid-template-columns:1fr !important; } [data-mosaic] > *{ grid-row:auto !important; aspect-ratio:3/2; } }
@media (max-width:1180px){ #top{ flex-direction:column !important; align-items:stretch !important; min-height:0 !important; } #top [data-hero-img]{ position:relative !important; left:auto !important; height:clamp(320px,52vw,580px) !important; margin-top:77px; } #top [data-hero-img] img{ object-position:35% 62% !important; } #top [data-hero-scrim]{ display:none !important; } #top > div:last-child{ padding-top:40px !important; min-height:0 !important; } }
@media (max-width:560px){ [data-fab] [data-fab-label]{ display:none !important; } [data-fab] [data-fab-talk]{ padding:10px 12px !important; } }
@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } *{ animation:none !important; } }
#dashboard:not([data-view="after"]) #smx-bar > div:nth-child(1){ width:40%; }
#dashboard:not([data-view="after"]) #smx-bar > div:nth-child(2){ width:20%; }
#dashboard:not([data-view="after"]) #smx-bar > div:nth-child(3){ width:25%; }
#dashboard:not([data-view="after"]) #smx-bar > div:nth-child(4){ width:15%; }
#dashboard[data-view="after"] #smx-bar > div:nth-child(1){ width:82%; }
#dashboard[data-view="after"] #smx-bar > div:nth-child(2){ width:12%; }
#dashboard[data-view="after"] #smx-bar > div:nth-child(3){ width:3%; }
#dashboard[data-view="after"] #smx-bar > div:nth-child(4){ width:3%; }
#dashboard:not([data-view="after"]) [data-grp="good"]{ color:#f0a24e; }
#dashboard:not([data-view="after"]) [data-grp="risk"]{ color:#f2766f; }
#dashboard[data-view="after"] [data-grp]{ color:#3ddca0; }
#dashboard [data-trend]{ opacity:0; }
#dashboard[data-view="after"] [data-trend]{ opacity:1; }
#dashboard:not([data-view="after"]) [data-tog="before"], #dashboard[data-view="after"] [data-tog="after"]{ background:#d9780d; color:#fff; font-weight:700; }
#dashboard:not([data-view="after"]) [data-tog="after"], #dashboard[data-view="after"] [data-tog="before"]{ background:transparent; color:#9db4ce; font-weight:600; }
.hv1:hover { color:#fff !important; }
.hv2:hover { background:#f47920 !important; }
.hv3:hover { border-color:rgba(255,255,255,.45) !important; background:rgba(255,255,255,.05) !important; }
.hv4:hover { background:#E9F3FF !important; color:#082949 !important; }
.hv5:hover { background:#b8650b !important; }
.hv6:hover { background:#E9F3FF !important; }
.hv7:hover { background:rgba(255,255,255,.08) !important; }
.fc1:focus { border-color:#28609C !important; box-shadow:0 0 0 3px rgba(40,96,156,.25) !important; }

/* ---- interactive states (replaces dc-runtime bindings) ---- */
.lang-btn { display:inline-block; background:transparent; color:#9db4ce; font-weight:600; font-size:13px; line-height:1.15; padding:6px 13px; border-radius:9999px; }
.lang-btn:hover { color:#fff; }
.lang-btn[aria-current="page"] { background:#d9780d; color:#fff; font-weight:700; }
.f-tab { flex:1 1 auto; white-space:nowrap; border:none; cursor:pointer; font-family:inherit; font-size:14px; font-weight:600; padding:9px 12px; border-radius:6px; transition:background .15s ease-out, color .15s ease-out; background:transparent; color:#608EBF; }
.f-tab[aria-selected="true"] { background:#FFFFFF; color:#082949; box-shadow:0 1px 3px rgba(0,0,0,.1); }
#form-modal[hidden], [data-panel-photo][hidden], [data-sent-icon][hidden], [data-form-err][hidden], [data-form-sent][hidden], [data-form-idle][hidden] { display:none !important; }
[data-submit][disabled] { opacity:.7; cursor:progress; }
/* the close button (×) must stay above the form that follows it */
#form-modal [role="dialog"] > div > button[data-close] { z-index:2; }
/* phone (photo panel stacked on top of the form): the × stays in the top-right corner of the screen,
   44px touch target, dark round background so it shows on the photo and on the white form alike */
@media (max-width:720px){
  #form-modal [role="dialog"] > div > button[data-close] { position:fixed !important; top:24px !important; right:24px !important; width:44px !important; height:44px !important; border-radius:9999px !important; background:rgba(6,28,51,.72) !important; color:#fff !important; box-shadow:0 4px 14px -4px rgba(0,0,0,.5); }
  #form-modal [role="dialog"] > div > button[data-close] svg { width:16px; height:16px; }
  #lead-form > div:has(> .f-tab) { margin-right:0 !important; }
}
#lead-form [aria-invalid="true"] { border-color:#E02424 !important; box-shadow:0 0 0 3px rgba(224,36,36,.15) !important; }
.legal-link:hover { color:#fff !important; }
[data-navlinks] a, nav [data-cta] { white-space:nowrap; }
[data-navlinks] a { transition:color .2s ease-out, text-decoration-color .2s ease-out; text-decoration:underline 2px transparent; text-underline-offset:8px; }
[data-navlinks] a[aria-current="true"] { color:#fff !important; text-decoration-color:#d9780d; }
@media (max-width:720px){ [data-footer-spacer]{ display:none; } }
[data-fab].is-visible { opacity:1 !important; transform:translateY(0) !important; pointer-events:auto !important; }