:root{
  --navy:#0f2a44; --navy-2:#153554; --ink:#101828; --muted:#475467;
  --green:#00a676; --orange:#ff7a00; --line:#e6e8eb;
  --bg:#ffffff; --blueband:#f0f5fa; --greenband:#ecf8f3; --orangeband:#fff5ec;
  --mobile-nav-bg:linear-gradient(180deg,#f5fbff 0%, #ecf3fe 100%);
}
:root[data-theme="dark"]{
  --bg:#0b1826; --ink:#e6eef6; --muted:#b6c4d1;
  --line:#1f354a; --blueband:#0f2235; --greenband:#0d2b24; --orangeband:#2d1f12;
  --mobile-nav-bg:linear-gradient(180deg,#071528 0%, #020912 100%);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);
  font-family:"Inter",system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55}
a{color:var(--ink);text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1320px;margin:0 auto;padding:0 24px}
.sub{color:#101828;font-weight:400}

/* Header */
.header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.95);
  backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px}
.brand{
  display:flex;
  align-items:center;
  gap:10px;
  perspective:900px;
}
.brand .logo-icon{
  display:block;
  height:46px;
  transform-origin:center;
  transform-style:preserve-3d;
  transition:filter .3s ease;
  will-change:transform,filter;
  filter:drop-shadow(0 8px 14px rgba(15,42,68,.18));
}
.brand .wordmark{height:28px;opacity:.95}
.brand:hover .logo-icon,
.brand:focus-visible .logo-icon{
  animation:cube-spin 1.4s ease-in-out;
  filter:drop-shadow(0 14px 26px rgba(0,0,0,.28)) saturate(1.12);
}

@keyframes cube-spin{
  0%{transform:rotateZ(0deg) scale(1);}
  25%{transform:rotateZ(90deg) scale(1.03);}
  50%{transform:rotateZ(180deg) scale(1.05);}
  75%{transform:rotateZ(270deg) scale(1.03);}
  100%{transform:rotateZ(360deg) scale(1);}
}
.nav-compact-actions{
  display:none;
  align-items:center;
  gap:10px;
  margin-left:auto;
}
.nav-compact-actions .search-trigger{
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(29,229,214,.4);
  background:transparent;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:70;
}
.nav-compact-actions .search-trigger svg{
  width:20px;
  height:20px;
  stroke:#19e1c9;
  stroke-width:2;
  fill:none;
}
.nav-toggle{
  display:none;
  width:46px;
  height:46px;
  border-radius:999px;
  border:1px solid rgba(29,229,214,.4);
  background:transparent;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
  position:relative;
  z-index:70;
}
.nav-toggle span{
  display:block;
  width:20px;
  height:2px;
  background:#19e1c9;
  transition:transform .2s ease, opacity .2s ease;
}
.nav-toggle.is-active span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}
.nav-toggle.is-active span:nth-child(2){
  opacity:0;
}
.nav-toggle.is-active span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}
.links{display:flex;gap:24px;align-items:center;flex-wrap:nowrap;margin-left:auto}
.nav-menu{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:nowrap;
  flex:1 1 auto;
  min-width:0;
}
.nav-actions{display:flex;align-items:center;gap:12px}
.nav-overlay-head{display:none}
.nav-menu>a,
.nav-menu .nav-link{
  font-weight:600;
  color:var(--ink);
  padding:10px 6px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  transition:color .15s ease, background .15s ease;
  white-space:nowrap;
}
.nav-menu>a:hover,
.nav-menu .nav-link:hover{
  color:var(--navy);
  background:rgba(15,42,68,.08);
}
.nav-item{position:relative}
.nav-link-wrap{display:inline-flex;align-items:center;gap:4px}
.nav-mobile-dropdown{display:none}
.dropdown-toggle{
  background:none;
  border:none;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:inherit;
}
.dropdown-toggle svg{width:14px;height:14px;transition:transform .2s ease}
.nav-dropdown:hover .dropdown-toggle svg,
.nav-dropdown:focus-within .dropdown-toggle svg{transform:rotate(180deg)}
.dropdown-panel{
  position:absolute;
  top:calc(100% + 14px);
  left:50%;
  transform:translate(-50%,-6px);
  width:520px;
  padding:20px;
  border-radius:20px;
  border:1px solid var(--line);
  background:#fff;
  box-shadow:0 30px 80px rgba(15,42,68,.18);
  opacity:0;
  visibility:hidden;
  transition:opacity .25s ease, transform .25s ease;
  pointer-events:none;
  z-index:40;
}
.nav-mobile-trigger{
  border:none;
  background:none;
  font:inherit;
  color:inherit;
  padding:0;
  display:inline-flex;
  align-items:center;
  gap:6px;
  cursor:pointer;
}
.nav-mobile-trigger svg{width:14px;height:14px;transition:transform .2s ease}
.mobile-dropdown-panel{display:none}
.dropdown-panel::before{
  content:"";
  position:absolute;
  top:-18px;
  left:-1px;
  right:-1px;
  height:18px;
}
.nav-dropdown:hover .dropdown-panel,
.nav-dropdown:focus-within .dropdown-panel{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
  pointer-events:auto;
}
.dropdown-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:16px;
}
.dropdown-eyebrow{
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
  margin:0;
  color:var(--muted);
}
.dropdown-subtitle{
  margin:4px 0 0;
  font-size:13px;
  color:var(--muted);
}
.dropdown-view-all{
  font-size:13px;
  font-weight:600;
  color:var(--navy);
  white-space:nowrap;
}
.dropdown-columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.dropdown-card{
  border-radius:14px;
  padding:14px;
  border:1px solid rgba(15,42,68,.08);
  background:linear-gradient(135deg,#fff,rgba(240,245,250,.8));
  display:flex;
  flex-direction:column;
  gap:6px;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.dropdown-card strong{font-size:14px;color:var(--ink);font-weight:600}
.dropdown-card span{font-size:12px;color:var(--muted);line-height:1.4}
.dropdown-card:hover{
  transform:translateY(-3px);
  border-color:rgba(0,166,118,.4);
  box-shadow:0 15px 30px rgba(15,42,68,.15);
}
@media (max-width:900px){
  .nav{position:relative}
  .nav-compact-actions{display:flex}
  .nav-compact-actions{
    gap:8px;
  }
  .nav-compact-actions .search-trigger,
  .nav-toggle{
    width:40px;
    height:40px;
  }
  .nav-toggle span{width:18px}
  .nav-toggle{display:flex}
  .links{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100vw;
    min-height:100vh;
    background:var(--mobile-nav-bg);
    color:var(--ink);
    flex-direction:column;
    align-items:flex-start;
    padding:calc(96px + env(safe-area-inset-top)) 28px 72px;
    padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px));
    gap:32px;
    transform:translateY(-100%);
    transition:transform .3s ease;
    z-index:60;
    margin-left:0;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }
  .nav-overlay-head{
    display:flex;
    width:100%;
    padding:12px 0;
    border-bottom:1px solid rgba(15,42,68,.12);
    justify-content:center;
  }
  .nav-overlay-head .overlay-logo{
    height:26px;
    filter:none;
  }
  body.nav-open .links{
    transform:translateY(0);
  }
  .nav-menu,
  .nav-actions{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:12px;
  }
  .nav-menu>a,
  .nav-menu .nav-link{
    width:100%;
    font-size:1.05rem;
    color:var(--ink);
    padding:6px 0;
    background:none;
    justify-content:center;
  }
  .nav-link-wrap{
    width:100%;
    justify-content:center;
    gap:6px;
    align-items:center;
  }
  .nav-link-wrap .dropdown-toggle{
    background:rgba(255,255,255,.08);
    border-radius:50%;
    padding:8px;
    border:1px solid rgba(255,255,255,.2);
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .nav-menu>a:hover,
  .nav-menu .nav-link:hover{
    background:rgba(255,255,255,.08);
  }
  .nav-actions{
    margin-top:auto;
    align-items:center;
    padding-bottom:16px;
  }
  .nav-actions .search-trigger.desktop{display:none}
  .nav-actions .search-trigger,
  .nav-actions .theme-toggle{
    width:48px;
    height:48px;
    border-color:rgba(15,42,68,.15);
    background:rgba(15,42,68,.08);
    color:var(--navy);
  }
  .nav-actions .search-trigger svg,
  .nav-actions .theme-toggle svg{
    stroke:var(--navy);
  }
  .nav-actions .theme-toggle{
    display:none;
  }
  .nav-actions .btn{
    width:90%;
    justify-content:center;
  }
  .nav-actions .btn.secondary{
    background:#fff;
    border-color:rgba(15,42,68,.15);
    color:var(--navy);
  }
  .nav-actions .btn.cta{
    border:none;
  }

  .nav-dropdown{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
  }
  .nav-dropdown .nav-link-wrap{
    width:auto;
    margin:0 auto;
    justify-content:center;
  }
  .nav-dropdown .nav-link-wrap .nav-link{
    width:auto;
  }
  .nav-dropdown .dropdown-toggle{
    display:none;
  }
  .nav-dropdown .dropdown-panel{
    display:none!important;
  }
  .nav-dropdown-desktop{display:none}
  .nav-mobile-dropdown{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
  }
  .nav-mobile-trigger{
    border:none;
    background:none;
    color:var(--navy);
    width:100%;
    padding:6px 0;
    font-weight:600;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    opacity:.92;
  }
  .nav-mobile-trigger svg{
    stroke:currentColor;
    width:14px;
    height:14px;
    transition:transform .2s ease;
    opacity:.7;
  }
  .mobile-dropdown-panel{
    width:100%;
    display:none;
    flex-direction:column;
    gap:4px;
    padding:12px;
    border-radius:18px;
    background:rgba(255,255,255,.9);
    border:1px solid rgba(15,42,68,.12);
    box-shadow:0 18px 30px rgba(15,42,68,.12);
  }
  .mobile-dropdown-panel a{
    width:100%;
    text-align:center;
    color:var(--navy);
    font-weight:500;
    padding:6px 0;
    border-radius:10px;
    transition:background .2s ease,color .2s ease;
  }
  .mobile-dropdown-panel a:hover{
    background:rgba(15,42,68,.08);
    color:var(--navy);
  }
  .nav-mobile-dropdown.is-open .mobile-dropdown-panel{
    display:flex;
  }
  .nav-mobile-dropdown.is-open .nav-mobile-trigger svg{
    transform:rotate(180deg);
  }
}

@media (max-width:900px){
  :root[data-theme="dark"] .links{
    color:#fff;
  }
  :root[data-theme="dark"] .nav-overlay-head{
    border-bottom:1px solid rgba(255,255,255,.18);
  }
  :root[data-theme="dark"] .nav-overlay-head .overlay-logo{
    filter:brightness(0) invert(1);
  }
  :root[data-theme="dark"] .nav-menu>a,
  :root[data-theme="dark"] .nav-menu .nav-link{
    color:#fff;
  }
  :root[data-theme="dark"] .nav-link-wrap .dropdown-toggle{
    border-color:rgba(255,255,255,.25);
    background:rgba(255,255,255,.08);
  }
  :root[data-theme="dark"] .nav-actions .search-trigger,
  :root[data-theme="dark"] .nav-actions .theme-toggle{
    border-color:rgba(255,255,255,.35);
    background:rgba(255,255,255,.08);
    color:#fff;
  }
  :root[data-theme="dark"] .nav-actions .search-trigger svg,
  :root[data-theme="dark"] .nav-actions .theme-toggle svg{
    stroke:#fff;
  }
  :root[data-theme="dark"] .nav-actions .btn.secondary{
    background:transparent;
    border-color:rgba(255,255,255,.35);
    color:#fff;
  }
  :root[data-theme="dark"] .nav-mobile-trigger{
    color:#fff;
  }
  :root[data-theme="dark"] .mobile-dropdown-panel{
    background:rgba(6,20,34,.78);
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 20px 40px rgba(0,0,0,.32);
  }
  :root[data-theme="dark"] .mobile-dropdown-panel a{
    color:rgba(255,255,255,.9);
  }
  :root[data-theme="dark"] .mobile-dropdown-panel a:hover{
    background:rgba(255,255,255,.07);
    color:#fff;
  }
}
.search-trigger{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid transparent;
  background:rgba(15,42,68,.05);
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, border-color .2s ease;
}
.search-trigger:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,42,68,.12);border-color:rgba(15,42,68,.12)}
.search-trigger:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.search-trigger svg{width:20px;height:20px;stroke:var(--navy);stroke-width:2;fill:none}

.theme-toggle{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid var(--line);
  background:linear-gradient(135deg, rgba(15,42,68,.06), rgba(15,42,68,.12));
  color:var(--ink);
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, border-color .2s ease;
}
.theme-toggle.compact{
  width:40px;
  height:40px;
  border-color:rgba(29,229,214,.4);
  background:transparent;
  color:#19e1c9;
  box-shadow:none;
  position:relative;
  z-index:70;
}
.theme-toggle.compact .theme-icon{width:18px;height:18px}
.theme-toggle:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(15,42,68,.15)}
.theme-toggle:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.theme-toggle .theme-icon{width:22px;height:22px;transition:opacity .25s ease, transform .25s ease}
.theme-toggle .theme-icon--moon{position:absolute;opacity:0;transform:translateY(8px) scale(.7)}
.theme-toggle .theme-icon--sun{opacity:1;transform:translateY(0) scale(1)}
.theme-toggle svg{stroke:currentColor}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:12px 16px;
  font-weight:600;border:1px solid var(--navy);color:#fff;background:var(--navy);transition:transform .15s ease, box-shadow .15s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(15,42,68,.15)}
.btn.secondary{background:#fff;color:var(--navy)}
.btn.cta{background:linear-gradient(135deg,var(--green),var(--orange));border:none}
.btn.linkedin{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:9px 16px;
  border-radius:8px;
  font-weight:600;
  font-size:13px;
  line-height:1;
  background:#0a66c2;
  border-color:#0a66c2;
  color:#fff;
  white-space:nowrap;
  min-height:36px;
}
.btn.linkedin svg{
  width:18px;
  height:18px;
  fill:#fff;
  flex-shrink:0;
}
.btn.linkedin svg path,
.btn.linkedin svg rect{
  fill:#fff;
}

:root[data-theme="dark"] .header{background:rgba(11,24,38,.9)}
:root[data-theme="dark"] .btn.secondary{background:#10263a;color:#e6eef6;border-color:#1f354a}
:root[data-theme="dark"] .btn{border-color:#0f2a44}
:root[data-theme="dark"] .search-trigger{background:rgba(255,255,255,.06);border-color:#1f354a}
:root[data-theme="dark"] .search-trigger svg{stroke:#e6eef6}
:root[data-theme="dark"] .theme-toggle{
  background:linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.18));
  border-color:#1f354a;
  color:#e6eef6;
  box-shadow:0 14px 28px rgba(0,0,0,.35);
}
:root[data-theme="dark"] .theme-toggle.compact,
:root[data-theme="dark"] .nav-actions .theme-toggle{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.3);
  color:#bfeeff;
  box-shadow:none;
}
:root[data-theme="dark"] .theme-toggle .theme-icon--sun{opacity:0;transform:translateY(-8px) scale(.7)}
:root[data-theme="dark"] .theme-toggle .theme-icon--moon{opacity:1;transform:translateY(0) scale(1)}
:root[data-theme="dark"] .links>a,
:root[data-theme="dark"] .links .nav-link{color:#e6eef6}
:root[data-theme="dark"] .links>a:hover,
:root[data-theme="dark"] .links .nav-link:hover{background:rgba(255,255,255,.08);color:#fff}
:root[data-theme="dark"] .dropdown-panel{
  background:#0e1f34;
  border-color:#1f354a;
  box-shadow:0 30px 80px rgba(0,0,0,.6);
}
:root[data-theme="dark"] .dropdown-subtitle{color:#91a7c2}
:root[data-theme="dark"] .dropdown-view-all{color:#8dd2be}
:root[data-theme="dark"] .dropdown-card{
  background:linear-gradient(135deg,rgba(18,36,58,.95),rgba(13,28,46,.9));
  border-color:#1f354a;
}
:root[data-theme="dark"] .dropdown-card strong{color:#e6eef6}
:root[data-theme="dark"] .dropdown-card span{color:#9cb3cc}
:root[data-theme="dark"] .dropdown-card:hover{
  border-color:#3ab793;
  box-shadow:0 15px 30px rgba(0,0,0,.55);
}

/* Hero */
.hero{
  background:linear-gradient(135deg,var(--navy) 0%, var(--navy-2) 60%, var(--navy) 100%); color:#fff}
.hero .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.eyebrow{font-weight:800;letter-spacing:.12em;color:#51ffb0}
h1{margin:10px 0 16px;font-size:52px;line-height:1.08}
.lead{color:#e6eef6}
.pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.pill{display:inline-block;background:#eef2f6;border:1px solid var(--line);border-radius:999px;padding:8px 12px;margin:6px 8px 0 0;font-weight:600;color:#263041}
.highlight{color:#1fd28f;font-weight:700}
.card{
  border:1px solid var(--line);
  border-radius:16px;
  padding:20px;
  background:#fff;
  transition:transform .12s ease, box-shadow .12s ease, box-shadow .25s ease;
  will-change:transform, box-shadow;
}
.card.soft{background:#ffffff10;border:1px solid #ffffff22;backdrop-filter:blur(2px)}
.card:hover{
  transform:translateY(-6px) scale(1.03);
  box-shadow:0 18px 40px rgba(15,42,68,.18);
}
.card.lift{transition:transform .12s ease, box-shadow .25s ease;}
.card.lift:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(15,42,68,.2);}
.card.clickable{cursor:pointer}
.sector-grid{gap:20px}
.sector-card{
  border:1px solid var(--line);
  border-radius:20px;
  overflow:hidden;
  background:#fff;
  display:flex;
  flex-direction:column;
  box-shadow:0 18px 40px rgba(15,42,68,.08);
  transition:transform .18s ease, box-shadow .18s ease;
}
.sector-card:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 50px rgba(15,42,68,.15);
}
.sector-card-image{
  width:100%;
  height:240px;
  position:relative;
  overflow:hidden;
}
.sector-card-image::after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid var(--line);
  border-bottom:none;
  border-radius:20px 20px 0 0;
  pointer-events:none;
}
.sector-card-image img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.sector-card-body{
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
:root[data-theme="dark"] .sector-card{
  background:linear-gradient(180deg,rgba(18,34,54,.9),rgba(12,24,40,.95));
  border-color:#1b3047;
  box-shadow:0 22px 44px rgba(0,0,0,.5);
}
:root[data-theme="dark"] .sector-card:hover{
  box-shadow:0 28px 60px rgba(0,0,0,.55);
}
:root[data-theme="dark"] .sector-card-image::after{
  border-color:#1b3047;
}
:root[data-theme="dark"] .sector-card-body{
  color:#dbe8f5;
}
:root[data-theme="dark"] .sector-card-body strong,
:root[data-theme="dark"] .sector-card-body h3{
  color:#fff;
}
:root[data-theme="dark"] .sector-card-body span,
:root[data-theme="dark"] .sector-card-body p{
  color:#a8bed6;
}

/* Sections */
section{padding:96px 0;border-bottom:1px solid var(--line)}
.band{padding:96px 0;border-bottom:1px solid var(--line)}
.band.blue{background:var(--blueband)} .band.green{background:var(--greenband)} .band.orange{background:var(--orangeband)}
.grid{display:grid;gap:24px}
.cols-3{grid-template-columns:repeat(3,1fr)}
.cols-2{grid-template-columns:repeat(2,1fr)}

/* Reveal animation */
.reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .55s ease, transform .55s ease;
}
.reveal.in{
  opacity:1;
  transform:none;
}

@media (max-width:980px){
  .hero{padding:56px 24px 36px;}
  .hero .grid{grid-template-columns:1fr;gap:32px;}
  .cols-3{grid-template-columns:1fr}
  .cols-2{grid-template-columns:1fr}
  .sector-card-image{height:200px}
}
.icon{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#e8f3ef,#dff7ee);display:flex;align-items:center;justify-content:center;color:var(--green);font-weight:800}
.hero.sector-hero{
  padding:120px 0 96px;
  position:relative;
  overflow:hidden;
  min-height:520px;
  display:flex;
  align-items:center;
}
.hero.sector-hero .card.soft{
  width:100%;
  max-width:520px;
  margin-left:auto;
  margin-right:0;
  background:none;
  border:none;
  box-shadow:none;
  padding:0;
}
.hero.sector-hero .card.soft img{
  width:100%;
  height:420px;
  object-fit:cover;
  object-position:center;
  border-radius:20px;
  box-shadow:0 24px 60px rgba(15,42,68,.2);
}
@media (max-width:980px){
  .hero.sector-hero{
    padding:80px 0 64px;
    min-height:auto;
    display:block;
  }
  .hero.sector-hero .card.soft{
    max-width:260px;
    margin:32px auto 0;
  }
  .hero.sector-hero .card.soft img{
    height:260px;
    object-position:center;
  }
  .hero.sector-hero .card.soft img{
    height:260px;
  }
}

/* Case studies page */
.hero-case-grid{
  display:grid;
  gap:32px;
  grid-template-columns:1.05fr .95fr;
  align-items:center;
}
.hero-case-copy{display:flex;flex-direction:column;gap:12px}
.hero-case-visual img{
  width:100%;
  height:auto;
  border-radius:16px;
  box-shadow:0 26px 60px rgba(15,42,68,.25);
  background:#0f2c4d;
}
.hero-case-figure{
  background:#0c2037;
  padding:12px;
  border-radius:18px;
  box-shadow:0 26px 60px rgba(15,42,68,.25);
}
.hero-case-figure img{
  border-radius:12px;
  display:block;
}
.hero-case-figure figcaption{
  margin-top:10px;
  color:#d5e4f7;
  font-size:.92rem;
  line-height:1.4;
}
@media (max-width:1024px){
  .hero-case-grid{grid-template-columns:1fr;gap:22px}
  .hero-case-visual{order:-1}
}
.case-studies-page .hero-case{
  background:
    radial-gradient(1100px 600px at 70% 20%, rgba(16,63,110,.18), transparent),
    linear-gradient(180deg,#0f2c4d 0%, #0c213a 100%);
  color:#fff;
  padding:72px 0 56px;
}
.case-studies-page .hero-case .lead{max-width:62ch;opacity:.95}
.case-studies-page .case-eyebrow{
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:700;
  color:#1fd28f;
  margin-bottom:12px;
}
.case-studies-page .case-section{
  padding:64px 0;
  border-bottom:none;
}
.case-studies-page .case-section--alt{background:#f6fbff}
.case-studies-page .case-section--green{background:#ecf8f3}
.case-studies-page .case-section--green{background:#ecf8f3}
.case-studies-page .case-heading{margin-bottom:12px}
.case-studies-page .case-lead{max-width:62ch;color:var(--muted)}
.case-studies-page a.case-card{color:inherit;text-decoration:none}
.case-studies-page a.case-card:hover{text-decoration:none}
.case-studies-page .case-group{margin-top:32px}
.case-studies-page .case-card-grid{
  display:grid;
  gap:16px;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
}
.case-studies-page .case-card{
  background:#fff;
  border:1px solid rgba(13,27,42,.08);
  border-radius:16px;
  padding:18px 20px;
  box-shadow:0 6px 18px rgba(0,0,0,.04);
  display:flex;
  flex-direction:column;
  min-height:100%;
  transition:transform .18s ease, box-shadow .18s ease;
}
.case-studies-page .case-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(15,42,68,.15);
}
.case-studies-page .case-card--wide{
  grid-column:1 / -1;
}
.case-studies-page .case-card-title{
  font-weight:700;
  color:#1e4e81;
  margin:4px 0 14px;
  font-size:1rem;
}
.case-studies-page .case-card p{
  color:#0d1b2a;
  font-size:.98rem;
  line-height:1.55;
  margin:0;
}
.case-studies-page .case-subheading{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  font-size:1.15rem;
  margin-bottom:16px;
}
.case-studies-page .case-subheading h3{
  margin:0;
  font-size:inherit;
}
.case-studies-page .case-pill{
  display:inline-flex;
  align-items:center;
  padding:.25rem .65rem;
  border-radius:999px;
  font-weight:600;
  font-size:.82rem;
  background:#e6f6ee;
  color:#0f7a43;
  border:1px solid #cfe9de;
}
.case-studies-page .case-card--disclosure{
  background:#0f2a44;
  color:#e6f1fb;
  border:1px solid rgba(255,255,255,.15);
  box-shadow:none;
}
.case-studies-page .case-card--disclosure strong{color:#fff}
.case-studies-page .case-card--disclosure p{color:#f4fbff}
.case-studies-page .case-portfolio{margin-top:12px}
.case-studies-page .case-cta{border-bottom:none}
.case-studies-page .case-cta-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  border-radius:20px;
  border:1px solid rgba(15,42,68,.08);
  padding:32px;
  background:#fff;
  box-shadow:0 14px 40px rgba(15,42,68,.08);
}
.case-studies-page .case-cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:flex-end;
}
.case-studies-page .case-cta h2{margin-bottom:12px}

@media (max-width:1240px){
  .case-studies-page .case-cta-inner{
    flex-direction:column;
    align-items:flex-start;
  }
  .case-studies-page .case-cta-actions{
    width:100%;
    justify-content:flex-start;
  }
}
@media (max-width:600px){
  .case-studies-page .hero-case{padding:64px 0 48px}
  .case-studies-page .case-card-grid{grid-template-columns:1fr}
  .case-studies-page .case-card{padding:16px 18px}
}

:root[data-theme="dark"] .case-studies-page .hero-case{
  background:
    radial-gradient(900px 520px at 70% 20%, rgba(16,63,110,.45), transparent),
    linear-gradient(180deg,#081930 0%, #04101f 100%);
}
:root[data-theme="dark"] .case-studies-page .case-section--alt{background:#031323}
:root[data-theme="dark"] .case-studies-page .case-section--green{background:#042b1c}
:root[data-theme="dark"] .case-studies-page .case-card{
  background:#0e1f34;
  border-color:#1f354a;
  box-shadow:none;
}
:root[data-theme="dark"] .case-studies-page .case-card:hover{
  box-shadow:0 24px 50px rgba(0,0,0,.55);
}
:root[data-theme="dark"] .case-studies-page .case-card-title{color:#9ddcc4}
:root[data-theme="dark"] .case-studies-page .case-card p{color:#d1deef}
:root[data-theme="dark"] .case-studies-page .case-card--disclosure{
  background:#071725;
  border-color:#1f354a;
}
:root[data-theme="dark"] .case-studies-page a.case-card{color:inherit}
:root[data-theme="dark"] .case-studies-page .case-cta-inner{
  background:#0e1f34;
  border-color:#1f354a;
  box-shadow:none;
}
.case-detail-grid{
  display:grid;
  gap:28px;
  align-items:start;
  grid-template-columns:1.1fr .9fr;
}
.case-detail-grid--single{
  grid-template-columns:1fr;
}
.case-detail-copy{display:flex;flex-direction:column;gap:16px}
.case-detail-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.case-detail-list li{
  background:#fff;
  border:1px solid rgba(13,27,42,.08);
  border-radius:12px;
  padding:14px 16px;
  box-shadow:0 6px 18px rgba(0,0,0,.04);
}
.case-detail-list strong{display:block;margin-bottom:6px;color:#1e4e81}
.case-detail-visual img{
  width:100%;
  height:auto;
  border-radius:14px;
  box-shadow:0 16px 38px rgba(15,42,68,.14);
}
.case-cta-inline{
  border:1px solid rgba(15,42,68,.08);
  padding:18px 20px;
  border-radius:16px;
  background:linear-gradient(90deg,#eef8f5 0%, #fcf6ef 100%);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.case-cta-inline .case-cta-actions{
  display:flex;
  gap:12px;
  flex-shrink:0;
}
.case-cta-inline .case-cta-actions .btn{
  min-width:0;
}
@media (max-width:1400px){
  .case-cta-inline{
    flex-direction:column;
    align-items:flex-start;
  }
  .case-cta-inline .case-cta-actions{width:100%}
  .case-cta-inline .case-cta-actions .btn{width:100%;text-align:center}
}
@media (max-width:960px){
  .case-detail-grid{grid-template-columns:1fr}
  .case-detail-visual{order:-1}
}
:root[data-theme="dark"] .case-detail-list li{
  background:#0e1f34;
  border-color:#1f354a;
  box-shadow:none;
}
:root[data-theme="dark"] .case-detail-visual img{box-shadow:none}
:root[data-theme="dark"] .case-cta-inline{
  background:#0e1f34;
  border-color:#1f354a;
}
.sub-list{margin:0;padding-left:20px;color:var(--muted);list-style:disc}
.sub-list li{margin-bottom:8px}
.feature-list{margin:0;padding-left:20px;list-style:disc;color:var(--muted)}
.feature-list li{margin-bottom:8px}
.tool-band{background:var(--greenband);border-bottom:1px solid var(--line)}
.tool-grid{display:grid;gap:24px;margin-top:24px;grid-template-columns:1.1fr .9fr}
.tool-form{
  display:flex;
  flex-direction:column;
  gap:18px;
  padding:28px;
  border:1px solid #bfe6d8;
  background:linear-gradient(180deg,#f7fffc 0%,#eefdf6 100%);
  border-radius:18px;
  box-shadow:0 6px 18px rgba(15,42,68,.06);
  transition:transform .18s ease, box-shadow .18s ease;
  will-change:transform, box-shadow;
}
.tool-form:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(15,42,68,.16);
}
.tool-field label{color:var(--navy);font-weight:600}
.tool-fields{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end}
.tool-field{display:flex;flex-direction:column;flex:1 1 200px}
.tool-field label{margin-bottom:8px}
.tool-field input{padding:12px 14px;border-radius:10px;border:1px solid var(--line);font-size:16px;background:#fff}
.tool-button{height:46px;padding:0 28px;border-radius:12px}
.tool-result{display:none;padding:12px 14px;border:1px dashed var(--green);background:#f1fcf7;border-radius:12px;font-weight:600;color:var(--navy)}
.tool-result.show{display:block}
.tool-info{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:28px;border-radius:18px}
.tool-info h3{margin:0;font-size:20px}
.tool-info p{margin:0}
.sector-visual{
  border-radius:20px;
  border:1px solid var(--line);
  overflow:hidden;
  box-shadow:0 20px 50px rgba(15,42,68,.12);
}
.sector-visual img{
  width:100%;
  height:360px;
  object-fit:cover;
  display:block;
}
.sector-cta{padding:72px 0 120px;border-bottom:1px solid var(--line)}
.sector-cta .cta-card{display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:18px;padding:32px;background:linear-gradient(135deg, rgba(0,166,118,.08), rgba(255,122,0,.08));border:1px solid var(--line);flex-wrap:wrap}
.sector-cta .cta-card h2{margin:0;color:var(--ink)}
.sector-cta .cta-card p{margin:8px 0 0}
.sector-cta .cta-card .btn{white-space:nowrap}
.contact-band{padding:120px 0;border-bottom:1px solid var(--line)}
.contact-status{display:none;margin-top:12px;font-size:14px;font-weight:600}
.contact-status.success{display:block;color:#047857}
.contact-status.error{display:block;color:#b42318}
@media (max-width:720px){
  .sector-cta .cta-card{flex-direction:column;align-items:flex-start}
  .sector-cta .cta-card .btn{width:100%;justify-content:center}
  .contact-band{padding:96px 0}
  .tool-grid{grid-template-columns:1fr;margin-top:16px}
  .tool-fields{flex-direction:column;align-items:stretch;gap:6px}
.tool-form{gap:10px;padding:18px}
:root[data-theme="dark"] .tool-form{
  border-color:#12263b;
  background:linear-gradient(180deg,rgba(10,25,44,.96),rgba(7,18,34,.98));
  box-shadow:none;
}
:root[data-theme="dark"] .tool-form:hover{
  box-shadow:0 24px 50px rgba(0,0,0,.55);
}
:root[data-theme="dark"] .tool-field label{
  color:rgba(230,238,246,.65);
}
:root[data-theme="dark"] .tool-field input{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.15);
  color:#fff;
}
:root[data-theme="dark"] .tool-field input::placeholder{
  color:rgba(255,255,255,.6);
}
:root[data-theme="dark"] .tool-result{
  border-color:#3ab793;
  background:rgba(2,32,24,.8);
  color:#d8f4ea;
}
:root[data-theme="dark"] .tool-button{
  background:#0a2850;
  color:#fff;
}
  .tool-button{width:100%}
  .tool-info{padding:24px}
  .sector-visual img{
    height:260px;
  }
}

@media (max-width:520px){
  .hero{padding:32px 0 20px;}
  .hero .grid{gap:14px;}
  .hero h1{font-size:19px;line-height:1.1;}
  .hero .lead{font-size:12px;}
  .pills{gap:4px;justify-content:flex-start;}
  .pill{padding:4px 8px;font-size:11px;}
}

/* Carousel */
.carousel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
.carousel>.card{min-width:360px;scroll-snap-align:start}
.carousel::-webkit-scrollbar{height:8px}
.carousel-controls{display:flex;gap:8px;align-items:center;margin-top:10px}

/* Contact form */
.contact-section{
  padding-top:96px;
  padding-bottom:96px;
}
.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.form-grid .span-2{grid-column:span 2}
label{font-weight:700;font-size:12px;letter-spacing:.06em;color:#0f2a44}
input,select,textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:16px;background:#fff;color:#101828;box-sizing:border-box}
.form-grid input,
.form-grid select{height:56px}
textarea{
  min-height:56px;
  height:56px;
  font-family:"Inter",system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.4;
  color:#101828;
  resize:vertical;
}
textarea::placeholder{
  font-size:16px;
  color:#98a2b3;
}
.char-note{font-size:12px;color:#667085}

@media (max-width:720px){
  #contactForm .form-grid{
    grid-template-columns:minmax(80px,120px) 1fr;
    gap:20px;
  }
  #contactForm .form-grid > div{
    grid-column:1 / -1;
  }
  #contactForm .form-grid > div:first-child{
    grid-column:1 / 2;
  }
  #contactForm .form-grid > div:nth-child(2){
    grid-column:2 / 3;
  }
  #contactForm .form-grid .span-2{
    grid-column:1 / -1;
  }
  #contactForm input,
  #contactForm select{
    height:64px;
    font-size:17px;
    border-radius:14px;
  }
  #contactForm textarea{
    min-height:140px !important;
    height:140px !important;
    max-height:none !important;
    border-radius:14px;
  }
}

:root[data-theme="dark"] body{background:var(--bg);color:var(--ink)}
:root[data-theme="dark"] a{color:var(--ink)}
:root[data-theme="dark"] .hero{background:linear-gradient(135deg,#071725,#10263a 60%,#071725)}
:root[data-theme="dark"] .lead{color:#cfd8e4}
:root[data-theme="dark"] .sub{color:#b6c4d1}
:root[data-theme="dark"] .pill{background:rgba(255,255,255,.1);border-color:#1f354a;color:#e6eef6}
:root[data-theme="dark"] section,
:root[data-theme="dark"] .band{border-bottom:1px solid #1f354a}
:root[data-theme="dark"] .card{background:#10263a;border:1px solid #1f354a;color:#e6eef6}
:root[data-theme="dark"] .card.soft{background:#ffffff08;border-color:#ffffff22}
:root[data-theme="dark"] .sub-list{color:#b6c4d1}
:root[data-theme="dark"] .feature-list{color:#b6c4d1}
:root[data-theme="dark"] .sector-visual{background:#0f2438;border-color:#1f354a;box-shadow:0 24px 60px rgba(0,0,0,.45)}
:root[data-theme="dark"] .sector-visual img{box-shadow:none}
:root[data-theme="dark"] .sector-cta{border-bottom:1px solid #1f354a}
:root[data-theme="dark"] .sector-cta .cta-card{background:linear-gradient(135deg, rgba(0,166,118,.18), rgba(255,122,0,.18));border-color:#1f354a}
:root[data-theme="dark"] footer{background:linear-gradient(90deg,#021015 0%, #042c1d 50%, #0b5335 100%);border-top:1px solid #04121c}
:root[data-theme="dark"] .footer-grid a{color:#9ddcc4}
:root[data-theme="dark"] .footer-note{color:#9fd8c8}

.search-overlay{
  position:fixed;
  inset:0;
  background:rgba(15,42,68,.85);
  backdrop-filter:blur(4px);
  display:none;
  z-index:90;
  color:#fff;
}
.search-overlay.active{display:flex;align-items:flex-start;justify-content:center}
.search-box{
  width:100%;
  max-width:720px;
  margin:120px auto;
  background:rgba(12,32,52,.85);
  border:1px solid rgba(255,255,255,.2);
  border-radius:20px;
  padding:24px;
  box-shadow:0 20px 40px rgba(0,0,0,.35);
  max-height:calc(100vh - 160px);
  overflow:auto;
}
.search-box input{
  width:100%;
  padding:16px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.25);
  background:rgba(11,24,38,.8);
  color:#e6eef6;
  font-size:18px;
  outline:none;
}
.search-results{
  margin-top:16px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.search-results a{
  display:block;
  padding:12px 14px;
  border-radius:10px;
  background:rgba(255,255,255,.08);
  color:#fff;
  transition:background .15s ease, transform .15s ease;
}
.search-results a:hover{background:rgba(255,255,255,.16);transform:translateX(4px)}
.search-results .empty{padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.6)}

:root[data-theme="dark"] .search-box{background:rgba(8,20,32,.92);border-color:rgba(255,255,255,.16)}
:root[data-theme="dark"] .search-box input{background:rgba(4,14,24,.8);border-color:rgba(255,255,255,.12);color:#e6eef6}

/* Back to top */
#toTop{
  position:fixed;
  right:18px;
  bottom:18px;
  width:56px;
  height:56px;
  border-radius:18px;
  border:none;
  display:none;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--green),#19e1c9);
  color:#fff;
  box-shadow:0 18px 36px rgba(15,42,68,.32);
  cursor:pointer;
  z-index:80;
  padding:0;
  transition:transform .2s ease, box-shadow .2s ease;
  isolation:isolate;
  overflow:hidden;
}
#toTop::before{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:14px;
  background:rgba(255,255,255,.12);
  opacity:.35;
  pointer-events:none;
}
#toTop svg{
  width:22px;
  height:22px;
  stroke:#fff;
  stroke-width:2.2;
  fill:none;
}
#toTop:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 42px rgba(15,42,68,.38);
}
#toTop:active{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(15,42,68,.28);
}
#toTop:focus-visible{
  outline:2px solid rgba(255,255,255,.9);
  outline-offset:4px;
}
#toTop.show{display:flex}
:root[data-theme="dark"] #toTop{
  background:linear-gradient(135deg,#00c696,#3ab0ff);
  box-shadow:0 22px 46px rgba(0,0,0,.55);
}
:root[data-theme="dark"] #toTop::before{
  background:rgba(255,255,255,.2);
  opacity:.25;
}

/* Footer */
footer{padding:48px 0 56px;background:linear-gradient(90deg,#000000 0%, #0a2f1f 50%, #105b3a 100%); color:#ecf9f2; border-top:1px solid #0b2036}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}
.footer-grid a{color:#bfe6d8}
.footer-note{font-size:12px;color:#cbeadd;margin-top:12px}
.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.footer-logo-icon{height:32px;width:auto}
.footer-logo-wordmark{height:22px;width:auto}
.footer-contact{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.footer-contact a{color:#bfe6d8;font-size:16px;line-height:1.4;display:inline-block}
.footer-contact a:first-child{font-weight:600}
.footer-award{display:flex;justify-content:flex-end;align-items:center}
.footer-award img{max-width:180px;width:100%;height:auto;border-radius:10px;box-shadow:0 10px 26px rgba(0,0,0,.25)}
@media (max-width:900px){
  .footer-grid{grid-template-columns:1fr}
  .footer-award{
    justify-content:flex-start;
    margin-top:16px;
    width:100%;
  }
  .footer-award img{
    max-width:120px;
    margin-left:12px;
  }
}
:root[data-theme="dark"] .card:hover{box-shadow:0 20px 44px rgba(0,0,0,.45)}
:root[data-theme="dark"] .footer-contact a{color:#9ddcc4}

.cookie-banner{
  position:fixed;
  bottom:16px;
  left:50%;
  transform:translateX(-50%);
  width:min(960px, calc(100% - 24px));
  background:#0a1e2d;
  color:#e8f3ff;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  padding:14px 16px;
  box-shadow:0 20px 50px rgba(0,0,0,.35);
  display:flex;
  gap:14px;
  align-items:center;
  z-index:9999;
}
.cookie-banner a{color:#9ddcc4}
.cookie-banner__copy{flex:1 1 auto}
.cookie-banner__title{margin:0;font-weight:700;color:#fff}
.cookie-banner__desc{margin:4px 0 0;font-size:.95rem;color:#d1deef}
.cookie-banner__actions{display:flex;gap:10px;flex-wrap:wrap}
.cookie-banner[hidden]{display:none}
@media (max-width:640px){
  .cookie-banner{flex-direction:column;align-items:flex-start}
  .cookie-banner__actions{width:100%}
  .cookie-banner .btn{width:100%;text-align:center}
}


/* 🔥 FINAL FORCE FIX — TEXTAREA MESSAGE 🔥 */
#contactForm textarea,
#contactForm textarea#message,
.band.contact-band textarea,
.form-grid .span-2 textarea,
textarea[name="message"] {
  display: block !important;
  min-height: 120px !important;
  max-height:none !important;
  overflow-y: auto !important;
  resize: vertical !important;
  line-height: 1.4 !important;
  padding: 12px 14px !important;
  font-size: 16px !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #101828 !important;
  box-sizing: border-box !important;
}

/* Dark mode variant */
:root[data-theme="dark"] #contactForm textarea,
:root[data-theme="dark"] #contactForm textarea#message,
:root[data-theme="dark"] .band.contact-band textarea,
:root[data-theme="dark"] .form-grid .span-2 textarea,
:root[data-theme="dark"] textarea[name="message"] {
  background: #0a1f35 !important;
  color: #e6eef6 !important;
  border-color: #1b324c !important;
}
:root[data-theme="dark"] label{
  color:#cfd8e4;
}
:root[data-theme="dark"] .contact-section input,
:root[data-theme="dark"] .contact-section select,
:root[data-theme="dark"] .contact-section textarea{
  background:rgba(255,255,255,.08) !important;
  color:#f5fbff !important;
  border-color:rgba(255,255,255,.2) !important;
}
:root[data-theme="dark"] .contact-section input::placeholder,
:root[data-theme="dark"] .contact-section textarea::placeholder{
  color:rgba(255,255,255,.65) !important;
}
.nav-scrim{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);
  opacity:0;
  visibility:hidden;
  transition:opacity .2s ease;
  z-index:55;
}
body.nav-open .nav-scrim{
  opacity:1;
  visibility:visible;
}
body.nav-open{
  overflow:hidden;
}
.hero{padding:72px 24px 64px;border-bottom:1px solid var(--line);
  background:linear-gradient(135deg,var(--navy) 0%, var(--navy-2) 60%, var(--navy) 100%); color:#fff}