/* ── Reset & Base ── */
html,body{margin:0}
body{background:#faf8f3;font-family:'Work Sans',sans-serif;color:#333a48;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#10203f;text-decoration:none}
a:hover{color:#b9924a}

/* ── Animations ── */
@keyframes feFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes feFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* ── SPA Pages ── */
.page{display:none}
.page.active{display:block}

/* ── Layout grid helpers ── */
.fe-desktop-nav{display:flex}
.fe-burger{display:none}
.fe-hero-grid{grid-template-columns:1.1fr 0.9fr}
.fe-stats-row{grid-template-columns:repeat(3,1fr)}
.fe-svc-grid{grid-template-columns:repeat(3,1fr)}
.fe-method-row{grid-template-columns:repeat(4,1fr)}
.fe-case-grid{grid-template-columns:repeat(3,1fr)}
.fe-values-grid{grid-template-columns:repeat(3,1fr)}
.fe-about-grid{grid-template-columns:1fr 1fr}
.fe-founder-grid{grid-template-columns:280px 1fr}
.fe-footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}
.fe-contact-grid{grid-template-columns:1fr 1fr}
.fe-svc-detail{grid-template-columns:1fr 1fr}
.fe-growth-media{order:2}
.fe-hero-grid>*,.fe-founder-grid>*,.fe-about-grid>*,.fe-contact-grid>*,.fe-svc-detail>*{min-width:0}

@media (max-width:980px){
  .fe-desktop-nav{display:none}
  .fe-burger{display:flex}
  .fe-hero-grid{grid-template-columns:1fr}
  .fe-stats-row{grid-template-columns:repeat(3,1fr);gap:16px}
  .fe-svc-grid{grid-template-columns:repeat(2,1fr)}
  .fe-method-row{grid-template-columns:repeat(2,1fr)}
  .fe-case-grid{grid-template-columns:1fr}
  .fe-values-grid{grid-template-columns:1fr}
  .fe-about-grid{grid-template-columns:1fr}
  .fe-founder-grid{grid-template-columns:1fr}
  .fe-footer-grid{grid-template-columns:1fr 1fr}
  .fe-contact-grid{grid-template-columns:1fr}
  .fe-svc-detail{grid-template-columns:1fr}
}
@media (max-width:560px){
  .fe-stats-row{grid-template-columns:1fr}
  .fe-svc-grid{grid-template-columns:1fr}
  .fe-method-row{grid-template-columns:1fr}
  .fe-footer-grid{grid-template-columns:1fr}
}
@media (max-width:400px){
  .header-bar{padding-left:14px!important;padding-right:14px!important;gap:8px!important}
  .header-actions{gap:8px!important}
  .lang-switch{padding:2px!important}
  .lang-switch .lang-btn{padding:6px 7px!important;font-size:11px!important}
}

/* ── Chip selected state ── */
.svc-chip.selected{background:#10203f;color:#fff;border-color:#10203f}

/* ── Mobile menu overlay ── */
#mobile-menu{position:fixed;inset:0;background:#10203f;z-index:100;display:flex;flex-direction:column;padding:28px}
#mobile-menu.hidden{display:none}

/* ── Cookie modal ── */
#consent-modal{position:fixed;inset:0;z-index:200;background:rgba(11,24,48,0.72);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}
#consent-modal.hidden{display:none}

/* ── Accessibility ── */
.skip-link{position:absolute;top:-60px;left:0;background:#10203f;color:#fff;padding:14px 22px;border-radius:0 0 10px 0;z-index:1000;font-weight:700;font-size:14px;text-decoration:none;transition:top .15s ease}
.skip-link:focus{top:0}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible,iframe:focus-visible{outline:3px solid #b9924a;outline-offset:2px}
.svc-card-btn{text-align:left;font-family:inherit}
