/* FLEVO v5.3 — pixel-accurate approved visual direction */
:root{
  --flevo-navy:#04182b;
  --flevo-navy-deep:#02101f;
  --flevo-navy-soft:#0b2c49;
  --flevo-teal:#11c2c9;
  --flevo-teal-bright:#20d4d8;
  --flevo-white:#f7fbfd;
  --flevo-muted:#a9bdca;
  --flevo-glass:rgba(13,37,58,.72);
  --flevo-glass-line:rgba(181,216,231,.34);
}
html{background:var(--flevo-navy-deep)}
body{background:var(--flevo-navy-deep);color:var(--flevo-white)}

/* Approved glass header */
header{
  position:fixed!important;
  top:18px!important;
  left:0!important;
  right:0!important;
  z-index:100!important;
  background:transparent!important;
  border:0!important;
  padding:0 34px!important;
  pointer-events:none;
}
header .nav{
  pointer-events:auto;
  width:min(1540px,calc(100% - 12px))!important;
  max-width:none!important;
  height:84px!important;
  margin:auto!important;
  padding:0 34px!important;
  border:1px solid var(--flevo-glass-line)!important;
  border-radius:29px!important;
  background:linear-gradient(112deg,rgba(35,59,79,.72),rgba(9,27,45,.78))!important;
  backdrop-filter:blur(23px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(23px) saturate(125%)!important;
  box-shadow:0 18px 55px rgba(0,8,18,.3),inset 0 1px 0 rgba(255,255,255,.09)!important;
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
}
.brand{margin-left:0!important;margin-right:auto!important;min-width:285px!important;justify-content:flex-start!important;overflow:visible!important}
.brand-logo{
  width:272px!important;
  height:65px!important;
  object-fit:contain!important;
  object-position:right center!important;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.28))!important;
}
.menu{gap:31px!important;flex:1;justify-content:center}
.menu a{font-size:14px!important;font-weight:700!important;color:#edf6fa!important;opacity:.9!important;letter-spacing:0!important}
.menu a:hover,.menu a.active{color:var(--flevo-teal-bright)!important;opacity:1!important}
.menu a.active:after{bottom:-16px!important;height:3px!important;background:var(--flevo-teal)!important;border-radius:3px!important}
.lang{order:0!important;display:flex!important;align-items:center!important;gap:5px!important;border-left:1px solid rgba(255,255,255,.28);padding-left:20px}
.lang button{min-width:48px!important;height:40px!important;padding:0 12px!important;border:0!important;border-radius:22px!important;font-weight:800!important}
.lang button.active{background:linear-gradient(135deg,var(--flevo-teal-bright),#119bbb)!important;color:#fff!important;box-shadow:0 8px 25px rgba(17,194,201,.25)}
.hamb{width:44px!important;height:44px!important;border:1px solid rgba(255,255,255,.65)!important;border-radius:50%!important;color:#fff!important}

/* Approved hero composition */
.hero{
  min-height:720px!important;
  padding-top:122px!important;
  background-image:linear-gradient(90deg,rgba(2,15,29,.02) 0%,rgba(2,15,29,.24) 40%,rgba(2,15,29,.90) 70%,rgba(2,15,29,.98) 100%),url('hero-flevo-final.webp')!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  border-bottom:1px solid rgba(17,194,201,.42);
}
.hero:before{background:linear-gradient(180deg,rgba(0,10,20,.08),rgba(0,10,20,.02) 55%,rgba(2,16,31,.78) 100%)!important}
.hero:after{height:115px!important;background:linear-gradient(transparent,var(--flevo-navy-deep))!important}
.hero-grid{grid-template-columns:46% 54%!important;min-height:580px;align-items:center!important}
.hero-copy{grid-column:1!important;max-width:650px!important;padding:20px 0 25px!important}
.eyebrow{color:var(--flevo-teal-bright)!important;font-size:18px!important;margin-bottom:15px!important}
.hero h1{font-size:62px!important;line-height:1.25!important;letter-spacing:-1.5px!important;margin-bottom:20px!important;color:#fff!important;text-shadow:0 5px 25px rgba(0,0,0,.22)}
.hero h1 .accent{color:var(--flevo-teal)!important}
.hero p{font-size:18px!important;line-height:2!important;color:#eef6f9!important;max-width:610px!important}
.actions{gap:20px!important;margin-top:30px!important}
.actions .btn{min-width:196px!important;height:54px!important;border-radius:5px!important;font-size:15px!important}
.actions .btn.primary{background:linear-gradient(135deg,#16c5cc,#0fa5bf)!important;box-shadow:0 10px 28px rgba(17,194,201,.26)!important}
.actions .btn:not(.primary){background:rgba(4,24,43,.28)!important}

/* benefits strip */
.benefits{background:var(--flevo-navy-deep)!important;margin-top:-55px!important;padding:0 0 10px!important}
.benefit-box{width:min(1450px,calc(100% - 70px));margin:auto;border-radius:22px!important;background:linear-gradient(110deg,rgba(13,39,62,.94),rgba(4,22,39,.95))!important;border:1px solid rgba(115,196,213,.35)!important;box-shadow:0 20px 55px rgba(0,7,17,.28)!important}
.benefit{padding:25px 30px!important;min-height:105px!important}.benefit .ico{color:var(--flevo-teal)!important}.benefit b{font-size:17px!important}.benefit small{color:#afc1cc!important;font-size:12px!important}

/* precisely proportioned services */
.services{padding:58px 0 76px!important;background:linear-gradient(180deg,var(--flevo-navy-deep),#041a2e)!important}
.services .container{width:min(1450px,calc(100% - 70px))!important}
.services .section-title{font-size:31px!important;color:#fff!important;margin-bottom:8px!important}
.services .section-title:after{content:"";display:block;width:38px;height:2px;background:var(--flevo-teal);margin:9px auto 0}
.services .section-sub{font-size:14px!important;color:#a8bbc7!important;margin-bottom:28px!important}
.services .cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.services .card{
  min-height:142px!important;
  padding:23px 25px!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,rgba(10,38,60,.76),rgba(4,23,41,.82))!important;
  border:1px solid rgba(67,168,187,.45)!important;
  box-shadow:none!important;
  display:grid!important;
  grid-template-columns:64px 1fr!important;
  grid-template-rows:auto auto!important;
  column-gap:19px!important;
  align-items:center!important;
  text-align:right!important;
}
.services .card .ico{grid-row:1/3!important;grid-column:1!important;width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(17,194,201,.38);border-radius:12px;font-size:33px!important;color:var(--flevo-teal-bright)!important;background:rgba(6,31,49,.46)}
.services .card h3{grid-column:2!important;margin:0 0 5px!important;font-size:17px!important;color:#fff!important}
.services .card p{grid-column:2!important;margin:0!important;font-size:12px!important;line-height:1.8!important;color:#b6c5cf!important}
.services .card:hover{transform:translateY(-5px)!important;border-color:var(--flevo-teal)!important;background:linear-gradient(145deg,rgba(13,48,72,.92),rgba(4,25,44,.94))!important}
.services .card:nth-child(n+5){display:none!important}

/* Approved footer proposal 1 */
footer{background:linear-gradient(180deg,#061c31,#031426)!important;border-top:1px solid rgba(17,194,201,.38)!important;padding:48px 0 18px!important}
footer .container{width:min(1450px,calc(100% - 70px))!important}
.foot{grid-template-columns:1.35fr 1fr 1fr 1fr!important;align-items:start!important;gap:0!important;direction:rtl}
.foot>div{padding:8px 44px!important;min-height:165px!important;border-left:1px solid rgba(151,191,210,.24)!important}
.foot>div:last-child{border-left:0!important}
.foot-logo{text-align:right!important}
.footer-logo-img{content:url('flevo-logo-on-dark.png');width:315px!important;height:auto!important;max-height:120px!important;margin:0 0 14px auto!important;object-fit:contain!important;filter:none!important}
.foot-logo p{font-size:14px!important;color:#d6e2e8!important}
.foot h4{font-size:18px!important;color:#fff!important;margin-bottom:18px!important}.foot h4:after{width:36px!important;height:2px!important;background:var(--flevo-teal)!important}
.foot p,.foot li{font-size:14px!important;line-height:2.1!important;color:#d2dde3!important}
.social a{width:48px!important;height:48px!important;border-radius:8px!important;border-color:rgba(119,174,196,.56)!important;color:#fff!important}
.copy{border-top:1px solid rgba(130,172,191,.18);padding-top:17px!important;margin-top:23px!important;text-align:center!important;color:#91a8b7!important}

/* internal public pages logo/header consistency */
.top .wordmark img,.topin .wordmark img{content:url('flevo-logo-on-dark.png')!important;object-fit:contain!important;max-height:58px!important;width:230px!important}

@media(max-width:1250px){
  header{padding:0 14px!important}.menu{gap:17px!important}.menu a{font-size:12px!important}.brand{min-width:220px!important}.brand-logo{width:220px!important}.hero h1{font-size:54px!important}.foot>div{padding-inline:26px!important}
}
@media(max-width:980px){
  header{top:8px!important;padding:0 8px!important}.nav{height:70px!important;border-radius:22px!important;padding:0 16px!important}.brand{min-width:0!important}.brand-logo{width:170px!important;height:48px!important}.menu{justify-content:flex-start!important}.hero{min-height:690px!important;padding-top:92px!important;background-position:43% center!important}.hero-grid{grid-template-columns:1fr!important}.hero-copy{max-width:620px!important}.services .cards{grid-template-columns:repeat(2,1fr)!important}.services .card:nth-child(n+5){display:grid!important}.foot{grid-template-columns:repeat(2,1fr)!important}.foot>div:nth-child(2){border-left:0!important}
}
@media(max-width:620px){
  header{padding:0 5px!important}.nav{width:100%!important;padding:0 11px!important}.brand-logo{width:135px!important;height:42px!important}.lang{padding-left:8px!important}.lang button{min-width:36px!important;height:34px!important;padding:0 8px!important}.hero{min-height:690px!important;background-position:35% center!important}.hero:before{background:linear-gradient(90deg,rgba(2,16,31,.52),rgba(2,16,31,.94))!important}.hero h1{font-size:40px!important}.hero p{font-size:15px!important}.benefit-box{width:calc(100% - 20px)!important}.services .container,footer .container{width:calc(100% - 24px)!important}.services .cards{grid-template-columns:1fr!important}.services .card{grid-template-columns:54px 1fr!important;padding:20px!important}.foot{grid-template-columns:1fr!important}.foot>div{border-left:0!important;border-bottom:1px solid rgba(151,191,210,.17)!important;text-align:center!important;padding:24px 10px!important}.foot-logo{text-align:center!important}.footer-logo-img{margin-inline:auto!important}.foot h4:after{margin-inline:auto!important}.social{justify-content:center!important}
}