/* PlacedMatrix — generated from the Claude Design handoff. */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0A0F1F}
a{color:inherit;text-decoration:none}
a:hover{color:var(--acc-l,#2448E6)}
input::placeholder,textarea::placeholder{color:#8A91A3}
button,input,select,textarea{font-family:inherit}

/* Accent. Swap for the green variant from the design:
   --acc:#1FD67E; --acc-ink:#04150B; --acc-d:#4DE59B; --acc-l:#0B7A45; --acc-s:rgba(31,214,126,0.16) */
:root{--acc:#2E5BFF;--acc-ink:#FFFFFF;--acc-d:#8EA6FF;--acc-l:#2448E6;--acc-s:rgba(46,91,255,0.14)}

[hidden]{display:none!important}
.dc{display:contents}
[data-anchor]{scroll-margin-top:72px}

/* Header: desktop nav vs. mobile menu (breakpoint 1080px of the page container) */
.only-wide{display:none}
.only-narrow{display:contents}
@container (min-width:1080px){
  .only-wide{display:contents}
  .only-narrow{display:none}
  [data-menu]{display:none!important}
}

/* Responsive grids (same breakpoints as the design) */
.g2,.g3,.g4,.g6{grid-template-columns:repeat(1,minmax(0,1fr))}
.gs4,.gTeam{grid-template-columns:repeat(2,minmax(0,1fr))}
@container (min-width:620px){.g4,.g6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (min-width:880px){.g2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (min-width:900px){.g3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container (min-width:1000px){.g6,.gTeam{grid-template-columns:repeat(3,minmax(0,1fr))}.gs4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container (min-width:1100px){.g4{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Hover & focus states */
.h1:hover{color:#FFFFFF!important;background:rgba(255,255,255,.05)!important}
.h2:hover{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.34)!important}
.h3:hover{transform:translateY(-1px)!important}
.h4:hover{transform:translateY(-1px)!important;box-shadow:0 14px 34px -12px var(--acc,#2E5BFF)!important}
.h5:hover{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.36)!important}
.h6:hover{background:#F7F8FA!important}
.h7:hover{text-decoration:underline!important}
.h8:hover{color:#FFFFFF!important}
.h9:hover{background:rgba(255,255,255,.06)!important}
.h10:hover{background:#141B30!important}
.f1:focus{border-color:var(--acc,#2E5BFF)!important;box-shadow:0 0 0 3px var(--acc-s,rgba(46,91,255,.14))!important}
:focus-visible{outline:2px solid var(--acc,#2E5BFF);outline-offset:2px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}