/* Ekreon Group | Concrete & Ultramarine | Brand R1, public staging.
   Secondary layer keeps the approved concept layout and page copy intact. */
:root{
  --paper:#F2F3F5;--white:#FEFEFF;--ink:#232D3D;--ink2:#344259;
  --muted:#586579;--blue:#3445B5;--orange:#E5B46A;
  --line:#D8DDE7;--line2:rgba(35,45,61,.15);--sage:#E8ECF5;
  --ek-focus:#3445B5;--ek-primary-hover:#273792;--ek-warm:#E5B46A;
}
html{color-scheme:light}
::selection{background:#DCE1FF;color:#192342}
.site-header{background:rgba(242,243,245,.97);border-bottom-color:#D8DDE7}
.brand-words{color:#232D3D}
.site-nav a[aria-current="page"]:not(.btn):after{background:#3445B5}
.btn-primary{background:#3445B5;color:#fff;border-color:#3445B5}
.btn-primary:hover{background:#273792;border-color:#273792}
.btn-dark{background:#232D3D;color:#fff}
.btn-dark:hover{background:#344259}
.btn-outline:hover{border-color:#3445B5;color:#3445B5}
.btn-white:hover{background:#E8ECF5}
.btn:focus-visible,.site-nav a:focus-visible,.contact-form :is(input,select,textarea):focus-visible{outline:3px solid #3445B5;outline-offset:3px}
.home-hero .font-serif,.hero-copy h1 .font-serif{color:#3445B5}
.hero-overline,.index-strip{border-color:#D8DDE7}
.building-board{background:#344259;box-shadow:14px 16px 0 #D8DDE7}
.board-head strong{color:#E5B46A}
.board-float{border-top:3px solid #E5B46A;background:#FEFEFF}
.board-actions button[aria-pressed="true"]{background:#3445B5;color:#FEFEFF}
.service-row{transition:background .2s ease,padding .2s ease}
.service-row:hover{background:rgba(232,236,245,.55)}
.dark-block{background:#283649;color:#FEFEFF}
.dark-block .font-serif,.footer-top .font-serif{color:#E5B46A}
.editorial-band{background:#E8ECF5}
.editorial-band .font-serif{color:#3445B5}
.workflow-grid h2 .font-serif{color:#E5B46A}
.page-hero--dark .font-serif{color:#E5B46A}
.scope-note{background:#E8ECF5}.scope-note p{color:#586579}
.contact-form{background:#FEFEFF;box-shadow:10px 10px 0 #E8ECF5}
.contact-form .brand-privacy a{color:#3445B5}
.site-footer{background:#232D3D}
.site-footer .brand-legal a:hover{color:#FEFEFF}
.brand-notice.success{border-color:#14674D;background:#E8F3EC;color:#15563F}
.brand-notice.error{border-color:#A43035;background:#FCEDEF;color:#802D34}
@media (prefers-reduced-motion:reduce){.service-row{transition:none}}

/* Brand R1.1: preserve contrast for editorial labels on dark footer surfaces.
   Ultramarine #3445B5 fails contrast on Concrete Ink #232D3D;
   Warm Ochre #E5B46A is the established high-contrast brand accent. */
.site-footer .label--orange { color: #E5B46A; }


/* Alpha 9 | Brand lockup alignment — public header only.
   Retain the approved Ekreon mark, typography and palette. */
.site-header .brand { gap: 13px; min-height: 54px; }
.site-header .brand-symbol { width: 50px; height: 50px; flex: 0 0 50px; object-fit: contain; }
.site-header .brand-words { font-size: 26px; letter-spacing: -.045em; line-height: .98; }
.site-header .brand-words small { font-size: 10px; letter-spacing: .24em; margin-top: 4px; }
@media (max-width: 600px) {
  .site-header .brand { gap: 10px; min-height: 46px; }
  .site-header .brand-symbol { width: 43px; height: 43px; flex-basis: 43px; }
  .site-header .brand-words { font-size: 22px; }
  .site-header .brand-words small { font-size: 9px; margin-top: 3px; }
}

/* Alpha 10 — Canonical EKREON GROUP lockup, approved public-site identity.
   Same two-line casing/font treatment as auth and platform; only scale adapts to context. */
.site-header .brand-words {
  display: inline-flex; flex-direction: column; align-items: flex-start;
  font-family: Inter, Arial, system-ui, -apple-system, sans-serif;
  font-style: normal; font-weight: 800; letter-spacing: -.045em;
  text-transform: none; line-height: .98;
}
.site-header .brand-words small {
  display: block; font-family: inherit; font-size: 10px; font-weight: 700;
  letter-spacing: .24em; line-height: 1.1; text-transform: uppercase;
  margin-left: 1px; margin-top: 4px;
}
@media (max-width: 600px) {.site-header .brand-words small { font-size: 9px; }}