/* ═══════════════════════════════════════════════════
   NovalogiX — Shared Stylesheet
   Generated by _faza_a.py
═══════════════════════════════════════════════════ */

/* ── SUBPAGE FRAMEWORK ── */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --blue:#00048C;--blue2:#0005B0;--blue3:#0006D4;
  --dark:#03041a;--dark2:#060820;
  --white:#ffffff;--off:#f0f2ff;
  --blue-muted:rgba(255,255,255,0.55);--blue-line:rgba(255,255,255,0.12);
  --dark-muted:rgba(255,255,255,0.45);--dark-line:rgba(255,255,255,0.08);
  --ink:#03041a;--ink-muted:#5a5f8a;--ink-line:rgba(3,4,26,0.1);--ink-subtle:rgba(0,4,140,0.06);
}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--white);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased}
::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--blue)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.4);border-radius:3px}

nav{position:fixed;top:0;left:0;right:0;z-index:200;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 52px;background:rgba(0,4,140,0.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--blue-line)}
.nav-logo svg{width:auto;height:46px;display:block}
.nav-links{display:flex;align-items:center;gap:34px;list-style:none}
.nav-links a{color:var(--blue-muted);text-decoration:none;font-size:13.5px;font-weight:400;letter-spacing:0.1px;transition:color .18s}
.nav-links a:hover{color:var(--white)}
.nav-back{color:rgba(255,255,255,0.38)!important;font-size:13px!important}
.nav-back:hover{color:rgba(255,255,255,0.72)!important}
.nav-cta{background:var(--white);color:var(--blue)!important;padding:9px 22px;border-radius:7px;font-size:13.5px!important;font-weight:600!important;transition:background .18s,transform .15s!important;letter-spacing:0!important}
.nav-cta:hover{background:var(--off)!important;transform:translateY(-1px)}
.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.nav-burger span{display:block;width:22px;height:1.5px;background:var(--white);border-radius:2px;transition:transform .28s,opacity .28s;transform-origin:center}
.nav-burger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-burger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mob-menu{display:none;position:fixed;inset:0;z-index:190;background:var(--blue);flex-direction:column;align-items:center;justify-content:center;gap:0;opacity:0;transition:opacity .28s}
.mob-menu.open{opacity:1}
.mob-menu a{font-family:'Syne',sans-serif;font-size:28px;font-weight:700;color:rgba(255,255,255,.7);text-decoration:none;padding:14px 0;width:100%;text-align:center;border-bottom:1px solid var(--blue-line);transition:color .18s}
.mob-menu a:hover{color:var(--white)}
.mob-menu .mob-cta-link{margin-top:28px;background:var(--white);color:var(--blue);border-radius:10px;width:auto;padding:14px 52px;border-bottom:none;font-size:18px}

.sp-hero{background:var(--blue);padding:140px 52px 88px;position:relative;overflow:hidden}
.sp-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--blue-line) 1px,transparent 1px),linear-gradient(90deg,var(--blue-line) 1px,transparent 1px);background-size:72px 72px;animation:grid-drift 22s ease-in-out infinite alternate}
@keyframes grid-drift{from{transform:translateX(0) translateY(0)}to{transform:translateX(10px) translateY(10px)}}

.sp-hero-inner{position:relative;z-index:2;max-width:860px}
.sp-back{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,0.42);text-decoration:none;font-size:13px;margin-bottom:42px;transition:color .18s}
.sp-back:hover{color:rgba(255,255,255,0.78)}
.sp-eyebrow{font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.42);display:flex;align-items:center;gap:10px;margin-bottom:22px}
.sp-eyebrow::before{content:'';width:20px;height:1px;background:rgba(255,255,255,0.35)}
.sp-h1{font-family:'Syne',sans-serif;font-size:clamp(36px,4.5vw,64px);font-weight:800;line-height:1.06;letter-spacing:-1.5px;color:var(--white);margin-bottom:24px}
.sp-sub{font-size:17px;font-weight:300;line-height:1.72;color:var(--blue-muted);max-width:620px;margin-bottom:52px}
.sp-highlights{display:flex;gap:12px;flex-wrap:wrap}
.sp-hl{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:8px;padding:14px 20px;display:flex;align-items:center;gap:12px}
.sp-hl-icon{width:32px;height:32px;border-radius:7px;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.18);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sp-hl-val{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;color:var(--white)}
.sp-hl-lbl{font-size:11px;color:var(--blue-muted);margin-top:1px}

section.sp-white{background:var(--white);padding:96px 52px}
section.sp-dark{background:var(--dark);padding:96px 52px}
section.sp-blue{background:var(--blue);padding:96px 52px;position:relative;overflow:hidden}
section.sp-blue::before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--blue-line) 1px,transparent 1px),linear-gradient(90deg,var(--blue-line) 1px,transparent 1px);background-size:72px 72px;opacity:0.4}
.sp-inner{max-width:1100px;margin:0 auto;position:relative;z-index:2}

.label-white{font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--blue);display:flex;align-items:center;gap:10px;margin-bottom:18px}
.label-white::before{content:'';width:20px;height:1px;background:var(--blue)}
.label-dark{font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.4);display:flex;align-items:center;gap:10px;margin-bottom:18px}
.label-dark::before{content:'';width:20px;height:1px;background:rgba(255,255,255,0.3)}
.label-blue{font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.5);display:flex;align-items:center;gap:10px;margin-bottom:18px}
.label-blue::before{content:'';width:20px;height:1px;background:rgba(255,255,255,0.4)}
.h2-ink{font-family:'Syne',sans-serif;font-size:clamp(28px,3vw,44px);font-weight:800;letter-spacing:-1px;line-height:1.1;color:var(--ink);margin-bottom:14px}
.h2-white{font-family:'Syne',sans-serif;font-size:clamp(28px,3vw,44px);font-weight:800;letter-spacing:-1px;line-height:1.1;color:var(--white);margin-bottom:14px}
.sub-ink{font-size:16px;color:var(--ink-muted);line-height:1.7;max-width:640px;font-weight:300}
.sub-dark{font-size:16px;color:var(--dark-muted);line-height:1.7;max-width:640px;font-weight:300}
.sub-blue{font-size:16px;color:var(--blue-muted);line-height:1.7;max-width:640px;font-weight:300}

.sp-features{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:48px;border:1.5px solid var(--ink-line);border-radius:14px;overflow:hidden}
.sp-feature{padding:26px 28px;border-right:1.5px solid var(--ink-line);border-bottom:1.5px solid var(--ink-line);display:flex;align-items:flex-start;gap:14px;transition:background .2s}
.sp-feature:hover{background:var(--ink-subtle)}
.sp-feature:nth-child(2n){border-right:none}
.sp-feature:nth-last-child(-n+2){border-bottom:none}
.sp-feat-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);flex-shrink:0;margin-top:7px}
.sp-feat-title{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;color:var(--ink);margin-bottom:4px}
.sp-feat-text{font-size:13.5px;color:var(--ink-muted);line-height:1.62}

.sp-two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.sp-col h3{font-family:'Syne',sans-serif;font-size:21px;font-weight:700;color:var(--white);margin-bottom:22px;letter-spacing:-0.2px}
.sp-list{list-style:none;display:flex;flex-direction:column;gap:13px}
.sp-list li{display:flex;align-items:flex-start;gap:13px;font-size:14.5px;color:var(--dark-muted);line-height:1.6}
.sp-list li::before{content:'';flex-shrink:0;width:5px;height:5px;border-radius:50%;background:var(--blue3);margin-top:8px}

.sp-note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:48px;border:1px solid rgba(255,255,255,0.15);border-radius:14px;overflow:hidden}
.sp-note-item{padding:38px 32px;border-right:1px solid rgba(255,255,255,0.12);transition:background .2s}
.sp-note-item:hover{background:rgba(255,255,255,0.05)}
.sp-note-item:last-child{border-right:none}
.sp-note-badge{font-family:'Syne',sans-serif;font-size:26px;font-weight:800;color:rgba(255,255,255,0.18);margin-bottom:14px}
.sp-note-title{font-family:'Syne',sans-serif;font-size:15px;font-weight:700;color:var(--white);margin-bottom:9px}
.sp-note-text{font-size:13px;color:rgba(255,255,255,0.48);line-height:1.65}

.cta-section{background:var(--dark2);padding:100px 52px;position:relative;overflow:hidden;text-align:center;border-top:1px solid var(--dark-line)}
.cta-section::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,4,140,0.2) 1px,transparent 1px),linear-gradient(90deg,rgba(0,4,140,0.2) 1px,transparent 1px);background-size:60px 60px}
.cta-content{position:relative;z-index:2;max-width:620px;margin:0 auto}
.cta-content h2{font-family:'Syne',sans-serif;font-size:clamp(28px,3.5vw,46px);font-weight:800;letter-spacing:-1px;color:var(--white);margin-bottom:18px}
.cta-content p{font-size:16px;font-weight:300;color:rgba(255,255,255,0.52);line-height:1.75;margin-bottom:36px}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn-cta-primary{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:var(--white);font-family:'DM Sans',sans-serif;font-size:14.5px;font-weight:600;padding:14px 30px;border-radius:8px;text-decoration:none;border:1px solid var(--blue3);transition:background .18s,transform .15s,box-shadow .18s}
.btn-cta-primary:hover{background:var(--blue2);transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,4,140,0.5)}
.btn-cta-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:rgba(255,255,255,0.6);font-family:'DM Sans',sans-serif;font-size:14.5px;font-weight:400;padding:14px 30px;border-radius:8px;text-decoration:none;border:1px solid rgba(255,255,255,0.15);transition:border-color .18s,color .18s}
.btn-cta-ghost:hover{border-color:rgba(255,255,255,0.45);color:var(--white)}

footer{background:var(--dark);border-top:1px solid rgba(255,255,255,0.06);padding:64px 52px 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,0.06)}
.footer-brand svg{height:52px;width:auto;margin-bottom:16px;display:block}
.footer-desc{font-size:13.5px;color:rgba(255,255,255,0.3);line-height:1.72;max-width:240px;font-weight:300}
.footer-col h5{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:rgba(255,255,255,0.2);margin-bottom:18px;font-weight:500}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.footer-col ul li a{color:rgba(255,255,255,0.45);text-decoration:none;font-size:13.5px;transition:color .18s}
.footer-col ul li a:hover{color:var(--white)}
.footer-bottom{padding:18px 0;display:flex;justify-content:space-between;align-items:center}
.footer-copy{font-size:12px;color:rgba(255,255,255,0.2)}
.footer-iso{display:flex;gap:8px}
.footer-iso span{font-size:10.5px;font-weight:600;letter-spacing:.5px;color:rgba(255,255,255,0.25);border:1px solid rgba(255,255,255,0.1);padding:3px 9px;border-radius:3px}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

@media(max-width:1024px){
  nav{padding:0 28px}
  .sp-hero{padding:120px 28px 64px}
  section.sp-white,section.sp-dark,section.sp-blue{padding:72px 28px}
  .sp-two-col{gap:48px}
  .cta-section{padding:72px 28px}
  footer{padding:56px 28px 0}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px}
  .sp-note-grid{grid-template-columns:1fr 1fr}
  .sp-note-item:nth-child(2){border-right:none}
  .sp-note-item:nth-child(1),.sp-note-item:nth-child(2){border-bottom:1px solid rgba(255,255,255,0.12)}
  .sp-note-item:last-child{border-bottom:none}
}
@media(max-width:767px){
  nav{padding:0 20px;height:64px}
  .nav-links{display:none}
  .nav-burger{display:flex}
  .sp-hero{padding:100px 20px 56px}
  .sp-h1{font-size:clamp(32px,10vw,48px);letter-spacing:-1px}
  .sp-sub{font-size:15px;margin-bottom:36px}
  .sp-highlights{flex-direction:column}
  section.sp-white,section.sp-dark,section.sp-blue{padding:60px 20px}
  .sp-features{grid-template-columns:1fr}
  .sp-feature{border-right:none!important}
  .sp-feature{border-bottom:1.5px solid var(--ink-line)!important}
  .sp-feature:last-child{border-bottom:none!important}
  .sp-two-col{grid-template-columns:1fr;gap:44px}
  .sp-note-grid{grid-template-columns:1fr}
  .sp-note-item{border-right:none!important;border-bottom:1px solid rgba(255,255,255,0.12)!important}
  .sp-note-item:last-child{border-bottom:none!important}
  .cta-section{padding:60px 20px}
  .cta-btns{flex-direction:column;align-items:center}
  .btn-cta-primary,.btn-cta-ghost{width:100%;justify-content:center}
  footer{padding:48px 20px 0}
  .footer-grid{grid-template-columns:1fr;gap:36px}
  .footer-bottom{flex-direction:column;gap:10px;text-align:center}
  .footer-iso{justify-content:center}
}

/* ── NAV UTILITIES ── */
.nav-active{color:var(--white)!important}

/* ── MAIN PAGE SECTIONS (index.html) ── */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  /* PRIMARY — brand cobalt blue */
  --blue:   #00048C;
  --blue2:  #0005B0;
  --blue3:  #0006D4;

  /* DARK — complementary deep navy */
  --dark:   #03041a;
  --dark2:  #060820;

  /* WHITE & neutrals */
  --white:  #ffffff;
  --off:    #f0f2ff;

  /* On-blue tones */
  --blue-muted:  rgba(255,255,255,0.55);
  --blue-subtle: rgba(255,255,255,0.15);
  --blue-line:   rgba(255,255,255,0.12);

  /* On-dark tones */
  --dark-muted:  rgba(255,255,255,0.45);
  --dark-subtle: rgba(255,255,255,0.08);
  --dark-line:   rgba(255,255,255,0.08);

  /* On-white tones */
  --ink:        #03041a;
  --ink-muted:  #5a5f8a;
  --ink-line:   rgba(3,4,26,0.1);
  --ink-subtle: rgba(0,4,140,0.06);
}

html{scroll-behavior:smooth}
body{
  font-family:'DM Sans',sans-serif;
  background:var(--white);
  color:var(--ink);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

::-webkit-scrollbar{width:3px}
::-webkit-scrollbar-track{background:var(--blue)}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.4);border-radius:3px}

/* ══ NAV — white on blue ══ */
nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  height:72px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 52px;
  background:rgba(0,4,140,0.96);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--blue-line);
}

.nav-logo svg{width:auto;height:46px;display:block}

.nav-links{display:flex;align-items:center;gap:34px;list-style:none}

.nav-links a{
  color:var(--blue-muted);
  text-decoration:none;font-size:13.5px;font-weight:400;
  letter-spacing:0.1px;transition:color .18s;
}
.nav-links a:hover{color:var(--white)}

.nav-cta{
  background:var(--white);
  color:var(--blue)!important;
  padding:9px 22px;border-radius:7px;
  font-size:13.5px!important;font-weight:600!important;
  transition:background .18s, transform .15s!important;
  letter-spacing:0!important;
}
.nav-cta:hover{background:var(--off)!important;transform:translateY(-1px)}

.nav-burger{
  display:none;flex-direction:column;gap:5px;
  background:none;border:none;cursor:pointer;padding:6px;
}
.nav-burger span{
  display:block;width:22px;height:1.5px;
  background:var(--white);border-radius:2px;
  transition:transform .28s, opacity .28s;transform-origin:center;
}
.nav-burger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.nav-burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-burger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* ══ MOBILE MENU ══ */
.mob-menu{
  display:none;position:fixed;inset:0;z-index:190;
  background:var(--blue);
  flex-direction:column;align-items:center;justify-content:center;
  gap:0;opacity:0;transition:opacity .28s;
}
.mob-menu.open{opacity:1}
.mob-menu a{
  font-family:'Syne',sans-serif;font-size:30px;font-weight:700;
  color:rgba(255,255,255,.7);text-decoration:none;
  padding:16px 0;width:100%;text-align:center;
  border-bottom:1px solid var(--blue-line);transition:color .18s;
}
.mob-menu a:hover{color:var(--white)}
.mob-menu .mob-cta-link{
  margin-top:32px;background:var(--white);color:var(--blue);
  border-radius:10px;width:auto;padding:14px 52px;
  border-bottom:none;font-size:18px;
}

/* ══ HERO — brand blue ══ */
.hero{
  min-height:100vh;
  background:var(--blue);
  display:grid;grid-template-columns:1fr 1fr;
  align-items:center;
  padding:100px 52px 64px;
  position:relative;overflow:hidden;gap:56px;
}

.hero::before{
  content:'';position:absolute;inset:0;
  background-image:
    linear-gradient(var(--blue-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--blue-line) 1px, transparent 1px);
  background-size:72px 72px;
  animation:grid-drift 22s ease-in-out infinite alternate;
}
@keyframes grid-drift{
  from{transform:translateX(0) translateY(0)}
  to{transform:translateX(10px) translateY(10px)}
}

.hero::after{
  content:'';position:absolute;
  width:800px;height:800px;border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,0.04) 0%, transparent 65%);
  right:-200px;top:50%;transform:translateY(-50%);
  pointer-events:none;
}

.hero-left{position:relative;z-index:2}

.hero-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:11px;font-weight:500;
  letter-spacing:2px;text-transform:uppercase;
  color:rgba(255,255,255,0.5);
  margin-bottom:30px;
}
.hero-eyebrow::before{
  content:'';width:28px;height:1px;background:rgba(255,255,255,0.4);
}

.hero-h1{
  font-family:'Syne',sans-serif;
  font-size:clamp(38px,4vw,60px);
  font-weight:800;line-height:1.06;
  letter-spacing:-1.5px;color:var(--white);
  margin-bottom:26px;
}
.hero-h1 em{
  font-style:normal;
  color:rgba(255,255,255,0.45);
}

.hero-sub{
  font-size:16px;font-weight:300;line-height:1.75;
  color:var(--blue-muted);
  max-width:460px;margin-bottom:44px;
}

.hero-actions{display:flex;gap:13px;flex-wrap:wrap}

.btn-white{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--white);color:var(--blue);
  font-family:'DM Sans',sans-serif;
  font-size:14.5px;font-weight:600;
  padding:13px 26px;border-radius:8px;text-decoration:none;
  transition:background .18s, transform .15s, box-shadow .18s;
}
.btn-white:hover{background:var(--off);transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,0.25)}
.btn-white svg{transition:transform .18s}
.btn-white:hover svg{transform:translateX(3px)}

.btn-outline-w{
  display:inline-flex;align-items:center;gap:8px;
  background:transparent;color:rgba(255,255,255,0.7);
  font-family:'DM Sans',sans-serif;
  font-size:14.5px;font-weight:400;
  padding:13px 26px;border-radius:8px;text-decoration:none;
  border:1px solid rgba(255,255,255,0.25);
  transition:border-color .18s, color .18s, background .18s;
}
.btn-outline-w:hover{border-color:rgba(255,255,255,0.6);color:var(--white);background:rgba(255,255,255,0.06)}
.btn-outline{
  display:inline-flex;align-items:center;gap:8px;
  background:transparent;color:var(--blue);
  font-family:'DM Sans',sans-serif;
  font-size:14.5px;font-weight:600;
  padding:13px 26px;border-radius:8px;text-decoration:none;
  border:1.5px solid var(--ink-line);
  transition:border-color .18s,background .18s,transform .15s;
}
.btn-outline:hover{border-color:var(--blue);background:var(--off);transform:translateY(-2px)}
.btn-outline svg{transition:transform .18s}
.btn-outline:hover svg{transform:translateX(3px)}

/* hero right */
.hero-right{
  position:relative;z-index:2;
  display:flex;flex-direction:column;gap:14px;
}

.hero-card{
  background:rgba(255,255,255,0.07);
  border:1px solid rgba(255,255,255,0.14);
  border-radius:12px;
  padding:22px 26px;
  display:flex;align-items:center;gap:18px;
  transition:background .2s, border-color .2s;
}
.hero-card:hover{background:rgba(255,255,255,0.11);border-color:rgba(255,255,255,0.22)}

.hero-card-icon{
  width:42px;height:42px;flex-shrink:0;border-radius:10px;
  background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);
  display:flex;align-items:center;justify-content:center;
}
.hero-card-num{
  font-family:'Syne',sans-serif;font-size:24px;font-weight:800;
  line-height:1;color:var(--white);
}
.hero-card-label{font-size:12px;color:var(--blue-muted);margin-top:3px}

.hero-tag-strip{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.hero-tag{
  font-size:11px;font-weight:500;letter-spacing:0.5px;
  color:rgba(255,255,255,0.8);
  background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.18);
  padding:3px 10px;border-radius:4px;
}

/* ══ TICKER — dark ══ */
.ticker{
  background:var(--dark);
  border-top:none;border-bottom:none;
  overflow:hidden;height:46px;display:flex;align-items:center;
}
.ticker-inner{
  display:flex;gap:0;
  animation:ticker-scroll 30s linear infinite;white-space:nowrap;
}
@keyframes ticker-scroll{
  from{transform:translateX(0)} to{transform:translateX(-50%)}
}
.ticker-item{
  display:inline-flex;align-items:center;gap:10px;padding:0 38px;
  font-size:11.5px;font-weight:500;letter-spacing:1.2px;text-transform:uppercase;
  color:rgba(255,255,255,0.35);
}
.ticker-dot{width:3px;height:3px;border-radius:50%;background:var(--blue3);flex-shrink:0}
.ticker-item:nth-child(5n+1) .ticker-dot{background:#0006D4}
.ticker-item:nth-child(5n+2) .ticker-dot{background:#00e5a0}
.ticker-item:nth-child(5n+3) .ticker-dot{background:#7eb4ff}
.ticker-item:nth-child(5n+4) .ticker-dot{background:#ffb347}
.ticker-item:nth-child(5n+5) .ticker-dot{background:#ff6b9d}

/* ══ SECTION BASE ══ */
section{padding:96px 52px}

/* label on blue bg */
.label-blue{
  font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;
  color:rgba(255,255,255,0.5);
  display:flex;align-items:center;gap:10px;margin-bottom:18px;
}
.label-blue::before{content:'';width:20px;height:1px;background:rgba(255,255,255,0.4)}

/* label on white bg */
.label-white{
  font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;
  color:var(--blue);
  display:flex;align-items:center;gap:10px;margin-bottom:18px;
}
.label-white::before{content:'';width:20px;height:1px;background:var(--blue)}

/* label on dark bg */
.label-dark{
  font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;
  color:rgba(255,255,255,0.4);
  display:flex;align-items:center;gap:10px;margin-bottom:18px;
}
.label-dark::before{content:'';width:20px;height:1px;background:rgba(255,255,255,0.3)}

.h2-white{
  font-family:'Syne',sans-serif;font-size:clamp(28px,3vw,44px);
  font-weight:800;letter-spacing:-1px;line-height:1.1;color:var(--white);margin-bottom:14px;
}
.h2-ink{
  font-family:'Syne',sans-serif;font-size:clamp(28px,3vw,44px);
  font-weight:800;letter-spacing:-1px;line-height:1.1;color:var(--ink);margin-bottom:14px;
}

.sub-blue{font-size:16px;color:var(--blue-muted);line-height:1.7;max-width:520px;font-weight:300}
.sub-ink{font-size:16px;color:var(--ink-muted);line-height:1.7;max-width:520px;font-weight:300}
.sub-dark{font-size:16px;color:var(--dark-muted);line-height:1.7;max-width:520px;font-weight:300}

/* ══ PARTNERS ══ */
.partners{background:var(--white);padding:96px 52px;border-top:1px solid var(--ink-line);border-bottom:1px solid var(--ink-line)}
.partners-inner{max-width:1200px;margin:0 auto}
.partners-label{font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--ink-muted);text-align:center;margin-bottom:44px;display:flex;align-items:center;justify-content:center;gap:16px}
.partners-label::before,.partners-label::after{content:'';flex:1;max-width:120px;height:1px;background:var(--ink-line)}
.partners-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:36px 64px}
.partners-row a{display:flex;align-items:center}
.partners-row img{height:38px;width:auto;max-width:160px;object-fit:contain;filter:grayscale(1);opacity:.4;transition:filter .25s,opacity .25s}
.partners-row a:hover img{filter:grayscale(0);opacity:1}

/* ══ CLIENTS TEASER ══ */
.clients-teaser{background:var(--white);padding:72px 52px;border-top:1px solid var(--ink-line);border-bottom:1px solid var(--ink-line)}
.ct-inner{max-width:1100px;margin:0 auto}
.ct-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px;flex-wrap:wrap}
.ct-eyebrow{font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--blue);display:flex;align-items:center;gap:10px;margin-bottom:16px}.ct-eyebrow::before{content:'';width:20px;height:1px;background:var(--blue)}
.ct-h2{font-family:'Syne',sans-serif;font-size:clamp(22px,2.2vw,34px);font-weight:800;letter-spacing:-0.5px;color:var(--ink);line-height:1.15}
.ct-proof{display:flex;gap:10px;flex-shrink:0}
.ct-proof-item{background:var(--off);border:1px solid var(--ink-line);border-radius:8px;padding:14px 18px;display:flex;align-items:center;gap:12px}
.ct-proof-icon{width:32px;height:32px;border-radius:7px;background:rgba(0,4,140,0.07);border:1px solid var(--ink-line);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ct-proof-n{font-family:'Syne',sans-serif;font-size:18px;font-weight:800;color:var(--blue);line-height:1}
.ct-proof-l{font-size:11px;color:var(--ink-muted);margin-top:3px;font-weight:400}
.ct-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:32px}
.ct-card{padding:18px 20px;border:1.5px solid var(--ink-line);border-radius:10px;display:flex;flex-direction:column;gap:5px;transition:border-color .2s,background .2s;cursor:default}
.ct-card:hover{border-color:rgba(0,4,140,0.22);background:var(--off)}
.ct-tag{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}
.ct-tag.s-pub{color:#ff6b9d}
.ct-tag.s-auto{color:#ffb347}
.ct-tag.s-corp{color:#00e5a0}
.ct-cname{font-family:'Syne',sans-serif;font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.3}
.ct-foot{display:flex;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--ink-line)}
.ct-link{font-family:'Syne',sans-serif;font-size:13.5px;font-weight:600;color:var(--blue);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:gap .2s}
.ct-link:hover{gap:14px}
/* ══ SERVICES — white bg ══ */
.services{background:var(--white)}

.services-top{
  display:flex;justify-content:space-between;
  align-items:flex-end;gap:40px;margin-bottom:52px;
}

.srv-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  border:1.5px solid var(--ink-line);
  border-radius:14px;overflow:hidden;
}

.srv-card{
  padding:30px 26px 34px;
  border-right:1.5px solid var(--ink-line);
  border-bottom:1.5px solid var(--ink-line);
  position:relative;cursor:pointer;
  background:var(--white);
  transition:background .22s;overflow:hidden;
  text-decoration:none;color:inherit;display:block;
}
.srv-card:hover{background:var(--ink-subtle)}
.srv-card:nth-child(3n){border-right:none}
.srv-card:nth-last-child(-n+3){border-bottom:none}

.srv-card::after{
  content:'';position:absolute;top:0;left:0;right:0;height:2.5px;
  background:var(--blue);transform:scaleX(0);transform-origin:left;
  transition:transform .3s ease;
}
.srv-card:hover::after{transform:scaleX(1)}

.srv-num{
  font-family:'Syne',sans-serif;font-size:11px;font-weight:600;
  letter-spacing:1.5px;color:rgba(0,4,140,0.25);margin-bottom:16px;
}
.srv-icon{
  width:36px;height:36px;border-radius:9px;
  background:var(--ink-subtle);border:1px solid rgba(0,4,140,0.12);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;
}
.srv-icon svg{width:17px;height:17px}
.srv-icon svg path,.srv-icon svg circle,.srv-icon svg rect{stroke:var(--blue)}

.srv-title{
  font-family:'Syne',sans-serif;font-size:15px;font-weight:700;
  margin-bottom:8px;color:var(--ink);letter-spacing:-0.2px;
}
.srv-text{font-size:13px;color:var(--ink-muted);line-height:1.68}

/* featured card — blue */
.srv-card.featured{
  background:var(--blue);
  border-right-color:rgba(255,255,255,0.12);
  border-bottom-color:rgba(255,255,255,0.12);
}
.srv-card.featured:hover{background:var(--blue2)}
.srv-card.featured .srv-title{color:var(--white)}
.srv-card.featured .srv-text{color:rgba(255,255,255,0.6)}
.srv-card.featured .srv-icon{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.2)}
.srv-card.featured .srv-icon svg path,
.srv-card.featured .srv-icon svg circle,
.srv-card.featured .srv-icon svg rect{stroke:white}
.srv-card.featured::after{transform:scaleX(1);background:rgba(255,255,255,0.35)}
.srv-card.featured .srv-num{color:rgba(255,255,255,0.25)}

/* ══ WHY — blue bg ══ */
.why{background:var(--blue)}

.why-inner{
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  margin-top:56px;
  border:1px solid rgba(255,255,255,0.15);
  border-radius:14px;overflow:hidden;
}
.why-item{
  padding:44px 40px;
  border-right:1px solid rgba(255,255,255,0.12);
  border-bottom:1px solid rgba(255,255,255,0.12);
  transition:background .22s;
}
.why-item:hover{background:rgba(255,255,255,0.05)}
.why-item:nth-child(2n){border-right:none}
.why-item:nth-last-child(-n+2){border-bottom:none}

.why-n{
  font-family:'Syne',sans-serif;font-size:48px;font-weight:800;
  color:rgba(255,255,255,0.15);line-height:1;margin-bottom:18px;
}
.why-title{
  font-family:'Syne',sans-serif;font-size:18px;font-weight:700;
  color:var(--white);margin-bottom:10px;letter-spacing:-0.2px;
}
.why-text{font-size:14px;color:var(--blue-muted);line-height:1.72}

/* ══ ABOUT — white bg ══ */
.about{
  background:var(--white);
  display:grid;grid-template-columns:1fr 1fr;
  gap:80px;align-items:center;
}

.about-visual{position:relative}

/* orbit container */
.about-orbit{
  position:relative;
  width:100%;
  height:500px;
  overflow:visible;
}

/* ══ ATOM ORBIT ══ */
/* each .atom-orbit is a 0×0 point at the logo centre; it rotates = ring spin */
.atom-orbit{
  position:absolute;
  left:50%;top:50%;
  width:0;height:0;
  pointer-events:none;
  z-index:1;
}

/* ring A: ~30° tilt, clockwise  |  ring B: ~120° tilt, counter-clockwise */
.orbit-a{animation:orbit-a-spin 20s linear infinite}
.orbit-b{animation:orbit-b-spin 31s linear infinite}

@keyframes orbit-a-spin{
  from{transform:rotate(30deg)}
  to{transform:rotate(390deg)}
}
@keyframes orbit-b-spin{
  from{transform:rotate(120deg)}
  to{transform:rotate(-240deg)}
}

/* visual ellipse rings */
.atom-ring{
  position:absolute;
  border-radius:50%;
}
.ring-a{
  width:340px;height:130px;
  left:-170px;top:-65px;
  border:1px solid rgba(0,4,140,0.18);
}
.ring-b{
  width:310px;height:116px;
  left:-155px;top:-58px;
  border:1px solid rgba(0,4,140,0.14);
}

/* electron dots — travel along offset-path independently of ring rotation */
.atom-electron{
  position:absolute;
  width:8px;height:8px;
  border-radius:50%;
}
/* ring A path — shared by all three A dots */
.ea1,.ea2,.ea3{
  offset-path:path('M 170,0 A 170,65,0,0,1,-170,0 A 170,65,0,0,1,170,0 Z');
  animation:electron-travel 20s linear infinite;
}
.ea1{background:#00048C;box-shadow:0 0 10px #0006D4,0 0 4px #00048C;animation-delay:0s}
.ea2{background:#00e5a0;box-shadow:0 0 12px #00e5a0,0 0 5px #00ffcc;animation-delay:-6.667s}
.ea3{background:#7eb4ff;box-shadow:0 0 12px #7eb4ff,0 0 5px #aaccff;animation-delay:-13.333s}
/* ring B path — shared by all three B dots */
.eb1,.eb2,.eb3{
  offset-path:path('M -155,0 A 155,58,0,0,0,155,0 A 155,58,0,0,0,-155,0 Z');
  animation:electron-travel 31s linear infinite;
}
.eb1{background:#ffb347;box-shadow:0 0 12px #ffb347,0 0 5px #ffd080;animation-delay:0s}
.eb2{background:#ff6b9d;box-shadow:0 0 12px #ff6b9d,0 0 5px #ffaacc;animation-delay:-10.333s}
.eb3{background:#00e5a0;box-shadow:0 0 12px #00e5a0,0 0 5px #00ffcc;animation-delay:-20.667s}
@keyframes electron-travel{
  from{offset-distance:0%}
  to{offset-distance:100%}
}

/* logo — absolutely centred, unobstructed */
.orbit-logo{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:250px;
  z-index:2;
}

.shield-svg{width:100%;display:block}

/* hide old circular rings */
.shield-ring,.shield-ring2{display:none}

/* badge base */
.orb-badge{
  position:absolute;
  background:var(--blue);
  border-radius:10px;padding:10px 15px;
  display:flex;align-items:center;gap:11px;
  box-shadow:0 6px 20px rgba(0,4,140,0.22);
  white-space:nowrap;
  z-index:3;
}

/* asymmetric organic positions — loose uneven ellipse wider than tall */
.ob4{left:3%;  top:5%;  animation:bf4 7.2s ease-in-out 0.4s  infinite alternate} /* top-left  */
.ob1{left:62%; top:11%; animation:bf1 6.4s ease-in-out 0s    infinite alternate} /* top-right */
.ob6{left:-2%; top:42%; animation:bf6 6.8s ease-in-out 0.9s  infinite alternate} /* mid-left  */
.ob3{left:75%; top:46%; animation:bf3 5.6s ease-in-out 1.3s  infinite alternate} /* mid-right */
.ob2{left:7%;  top:75%; animation:bf2 7.0s ease-in-out 0.7s  infinite alternate} /* bot-left  */
.ob5{left:59%; top:79%; animation:bf5 6.1s ease-in-out 1.8s  infinite alternate} /* bot-right */

/* independent float paths — never in sync */
@keyframes bf1{from{transform:translate(0,0)}    to{transform:translate(2px,-9px)}}
@keyframes bf2{from{transform:translate(0,-3px)} to{transform:translate(-2px,7px)}}
@keyframes bf3{from{transform:translate(0,0)}    to{transform:translate(3px,-8px)}}
@keyframes bf4{from{transform:translate(0,4px)}  to{transform:translate(-3px,-6px)}}
@keyframes bf5{from{transform:translate(2px,0)}  to{transform:translate(-1px,8px)}}
@keyframes bf6{from{transform:translate(0,-2px)} to{transform:translate(2px,7px)}}

.about-kpi{
  position:absolute;
  background:var(--blue);
  border-radius:10px;padding:12px 18px;
  display:flex;align-items:center;gap:12px;font-size:13px;
  box-shadow:0 8px 24px rgba(0,4,140,0.3);
}
.about-kpi.kpi1{bottom:8%;right:-8%}
.about-kpi.kpi2{top:6%;left:-8%}
.kpi-dot{
  width:8px;height:8px;border-radius:50%;
  background:#00e5a0;flex-shrink:0;box-shadow:0 0 8px #00e5a0;
}
.kpi-dot.blue{background:#7eb4ff;box-shadow:0 0 8px #7eb4ff}
.kpi-val{font-family:'Syne',sans-serif;font-weight:700;font-size:15px;color:var(--white)}
.kpi-lbl{font-size:11px;color:rgba(255,255,255,0.6);margin-top:2px}

.about-list{
  list-style:none;margin-top:26px;
  display:flex;flex-direction:column;gap:10px;
}
.about-list li{
  display:flex;align-items:flex-start;gap:12px;
  font-size:14.5px;color:var(--ink-muted);line-height:1.65;
}
.about-list li::before{
  content:'';flex-shrink:0;width:5px;height:5px;border-radius:50%;
  background:var(--blue);margin-top:9px;
}
.about-cta{margin-top:36px}

.btn-blue{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--blue);color:var(--white);
  font-family:'DM Sans',sans-serif;font-size:14.5px;font-weight:600;
  padding:13px 26px;border-radius:8px;text-decoration:none;
  transition:background .18s, transform .15s, box-shadow .18s;
}
.btn-blue:hover{background:var(--blue2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,4,140,0.35)}
.btn-blue svg{transition:transform .18s}
.btn-blue:hover svg{transform:translateX(3px)}

.btn-ghost-ink{
  display:inline-flex;align-items:center;gap:8px;
  background:transparent;color:var(--ink-muted);
  font-family:'DM Sans',sans-serif;font-size:14.5px;font-weight:400;
  padding:13px 26px;border-radius:8px;text-decoration:none;
  border:1.5px solid var(--ink-line);
  transition:color .18s, border-color .18s;
}
.btn-ghost-ink:hover{color:var(--ink);border-color:rgba(3,4,26,0.3)}

/* ══ COMPLIANCE — dark bg ══ */
.compliance{background:var(--dark)}

.compliance-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  margin-top:52px;
  border:1px solid var(--dark-line);
  border-radius:14px;overflow:hidden;
}
.comp-card{
  padding:36px 26px;
  border-right:1px solid var(--dark-line);
  text-align:center;transition:background .2s;cursor:pointer;
  display:block;text-decoration:none;color:inherit;
}
.comp-card:last-child{border-right:none}
.comp-card:hover{background:rgba(255,255,255,0.04)}

.comp-badge{
  font-family:'Syne',sans-serif;font-size:24px;font-weight:800;
  color:var(--white);margin-bottom:12px;display:block;
}
.comp-line{
  width:32px;height:2.5px;background:var(--blue3);
  margin:0 auto 14px;border-radius:2px;
}
.comp-text{font-size:12.5px;color:var(--dark-muted);line-height:1.6}

/* ══ CTA — dark bg ══ */
.cta-section{
  background:var(--dark2);
  padding:100px 52px;position:relative;overflow:hidden;text-align:center;
  border-top:1px solid var(--dark-line);
}
.cta-section::before{
  content:'';position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(0,4,140,0.2) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,4,140,0.2) 1px,transparent 1px);
  background-size:60px 60px;
}
.cta-content{position:relative;z-index:2;max-width:640px;margin:0 auto}
.cta-content h2{
  font-family:'Syne',sans-serif;font-size:clamp(30px,3.5vw,48px);
  font-weight:800;letter-spacing:-1px;color:var(--white);margin-bottom:18px;
}
.cta-content p{
  font-size:16px;font-weight:300;
  color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:36px;
}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

.btn-cta-primary{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--blue);color:var(--white);
  font-family:'DM Sans',sans-serif;font-size:14.5px;font-weight:600;
  padding:14px 30px;border-radius:8px;text-decoration:none;
  border:1px solid var(--blue3);
  transition:background .18s, transform .15s, box-shadow .18s;
}
.btn-cta-primary:hover{background:var(--blue2);transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,4,140,0.5)}

.btn-cta-ghost{
  display:inline-flex;align-items:center;gap:8px;
  background:transparent;color:rgba(255,255,255,0.6);
  font-family:'DM Sans',sans-serif;font-size:14.5px;font-weight:400;
  padding:14px 30px;border-radius:8px;text-decoration:none;
  border:1px solid rgba(255,255,255,0.15);
  transition:border-color .18s, color .18s;
}
.btn-cta-ghost:hover{border-color:rgba(255,255,255,0.45);color:var(--white)}

/* ══ FOOTER — dark ══ */
footer{
  background:var(--dark);
  border-top:1px solid rgba(255,255,255,0.06);
  padding:64px 52px 0;
}
.footer-grid{
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;
  padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,0.06);
}
.footer-brand svg{height:52px;width:auto;margin-bottom:16px;display:block}
.footer-desc{font-size:13.5px;color:rgba(255,255,255,0.3);line-height:1.72;max-width:240px;font-weight:300}
.footer-col h5{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:rgba(255,255,255,0.2);margin-bottom:18px;font-weight:500}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.footer-col ul li a{color:rgba(255,255,255,0.45);text-decoration:none;font-size:13.5px;transition:color .18s}
.footer-col ul li a:hover{color:var(--white)}
.footer-bottom{padding:18px 0;display:flex;justify-content:space-between;align-items:center}
.footer-copy{font-size:12px;color:rgba(255,255,255,0.2)}
.footer-iso{display:flex;gap:8px}
.footer-iso span{
  font-size:10.5px;font-weight:600;letter-spacing:.5px;
  color:rgba(255,255,255,0.25);border:1px solid rgba(255,255,255,0.1);
  padding:3px 9px;border-radius:3px;
}

/* ══ REVEAL ══ */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease, transform .65s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ══ TABLET ══ */
@media(max-width:1024px){
  nav{padding:0 28px}
  section{padding:72px 28px}
  .partners{padding:52px 28px}
  .partners-row{gap:28px 48px}
  .partners-row img{height:32px}
  .clients-teaser{padding:56px 28px}
  .ct-grid{grid-template-columns:1fr 1fr}
  .ct-top{align-items:flex-start;flex-direction:column;gap:24px}
  .hero{padding:96px 28px 64px;gap:40px}
  .srv-grid{grid-template-columns:1fr 1fr}
  .srv-card:nth-child(3n){border-right:1.5px solid var(--ink-line)}
  .srv-card:nth-child(2n){border-right:none}
  .srv-card:nth-last-child(-n+3){border-bottom:1.5px solid var(--ink-line)}
  .srv-card:nth-last-child(-n+2){border-bottom:none}
  .why-inner{grid-template-columns:1fr}
  .why-item:nth-child(2n){border-right:none}
  .why-item:nth-last-child(-n+2){border-bottom:1px solid rgba(255,255,255,0.12)}
  .why-item:last-child{border-bottom:none}
  .about{gap:48px}
  .compliance-grid{grid-template-columns:1fr 1fr}
  .comp-card:nth-child(2n){border-right:none}
  .comp-card:nth-child(1),.comp-card:nth-child(2){border-bottom:1px solid var(--dark-line)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px}
  .services-top{flex-direction:column;align-items:flex-start;gap:14px}
  .services-top .sub-ink{max-width:100%}
  .cta-section{padding:72px 28px}
  footer{padding:56px 28px 0}
  .footer-bottom{padding:18px 0}
}

/* ══ MOBILE ══ */
@media(max-width:767px){
  nav{padding:0 20px;height:64px}
  .nav-links{display:none}
  .nav-burger{display:flex}
  .partners{padding:40px 20px}
  .partners-row{gap:22px 32px}
  .partners-row img{height:26px}
  .clients-teaser{padding:40px 20px}
  .ct-grid{grid-template-columns:1fr}
  .ct-proof{gap:24px;flex-wrap:wrap}

  .hero{grid-template-columns:1fr;padding:82px 20px 56px;min-height:100svh;gap:44px;align-items:flex-start}
  .hero-h1{font-size:clamp(32px,10vw,48px);letter-spacing:-1px}
  .hero-sub{font-size:15px;margin-bottom:32px}
  .hero-right{display:none}
  .hero-actions{flex-direction:column}
  .btn-white,.btn-outline-w{width:100%;justify-content:center}

  section{padding:60px 20px}
  .services-top{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:36px}
  .srv-grid{grid-template-columns:1fr;border-radius:10px}
  .srv-card{border-right:none!important}
  .srv-card:nth-last-child(-n+3){border-bottom:1.5px solid var(--ink-line)!important}
  .srv-card:last-child{border-bottom:none!important}

  .why-inner{border-radius:10px}
  .why-item{padding:32px 22px}
  .why-item:nth-last-child(-n+2){border-bottom:1px solid rgba(255,255,255,0.12)!important}
  .why-item:last-child{border-bottom:none!important}
  .why-n{font-size:38px}

  .about{grid-template-columns:1fr;gap:0}
  .about-visual{margin-bottom:48px}
  .about-orbit{height:420px}
  .orbit-logo{width:200px}
  .ob3,.ob6{display:none}
  .ob1{left:58%;top:8%}
  .ob4{left:4%; top:3%}
  .ob2{left:5%; top:72%}
  .ob5{left:55%;top:76%}

  .compliance-grid{grid-template-columns:1fr 1fr;border-radius:10px}

  .cta-section{padding:60px 20px}
  .cta-btns{flex-direction:column;align-items:center}
  .btn-cta-primary,.btn-cta-ghost{width:100%;justify-content:center}

  footer{padding:48px 20px 0}
  .footer-grid{grid-template-columns:1fr;gap:36px}
  .footer-bottom{flex-direction:column;gap:10px;text-align:center}
  .footer-iso{justify-content:center}
}

@media(max-width:420px){
  .compliance-grid{grid-template-columns:1fr}
  .comp-card{border-right:none!important;border-bottom:1px solid var(--dark-line)!important}
  .comp-card:last-child{border-bottom:none!important}
}

/* ── O-NAS PAGE ── */

.h2-dark{font-family:'Syne',sans-serif;font-size:clamp(28px,3vw,44px);font-weight:800;letter-spacing:-1px;line-height:1.1;color:var(--white);margin-bottom:14px}

/* ── WHO WE ARE — two-col intro ── */
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin-top:52px}
.intro-col p{font-size:15.5px;color:var(--ink-muted);line-height:1.78;font-weight:300;margin-bottom:18px}
.intro-col p:last-child{margin-bottom:0}
.intro-stat-row{display:flex;gap:0;margin-top:52px;border:1.5px solid var(--ink-line);border-radius:14px;overflow:hidden}
.intro-stat{flex:1;padding:28px 24px;border-right:1.5px solid var(--ink-line);text-align:center}
.intro-stat:last-child{border-right:none}
.intro-stat-num{font-family:'Syne',sans-serif;font-size:36px;font-weight:800;color:var(--blue);line-height:1;margin-bottom:6px}
.intro-stat-lbl{font-size:12px;color:var(--ink-muted);letter-spacing:.5px;font-weight:400}

/* ── FOUNDERS / TEAM ── */
.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:52px}
.team-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:40px 36px;transition:background .22s}
.team-card:hover{background:rgba(255,255,255,0.08)}
.team-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:22px;font-family:'Syne',sans-serif;font-size:20px;font-weight:800;color:var(--white);flex-shrink:0;overflow:hidden}
.team-name{font-family:'Syne',sans-serif;font-size:22px;font-weight:800;color:var(--white);margin-bottom:4px;letter-spacing:-0.3px}
.team-role{font-size:11.5px;color:rgba(255,255,255,0.38);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:20px}
.team-bio{font-size:14.5px;color:rgba(255,255,255,0.52);line-height:1.72}
.team-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.team-tag{font-size:11px;font-weight:500;letter-spacing:.5px;color:rgba(255,255,255,0.38);border:1px solid rgba(255,255,255,0.12);padding:4px 10px;border-radius:4px}

/* ── VALUES ── */
.values-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;margin-top:52px;border:1.5px solid var(--ink-line);border-radius:14px;overflow:hidden}
.value-card{padding:32px 28px;border-right:1.5px solid var(--ink-line);border-bottom:1.5px solid var(--ink-line);transition:background .2s}
.value-card:hover{background:var(--ink-subtle)}
.value-card:nth-child(3n){border-right:none}
.value-card:nth-last-child(-n+3){border-bottom:none}
.value-icon{width:36px;height:36px;border-radius:9px;background:var(--ink-subtle);border:1px solid var(--ink-line);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.value-icon svg{width:16px;height:16px}
.value-name{font-family:'Syne',sans-serif;font-size:15px;font-weight:700;color:var(--ink);margin-bottom:8px}
.value-desc{font-size:13.5px;color:var(--ink-muted);line-height:1.65}

/* ── TRUST STATS (blue section) ── */
.trust-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:52px;border:1px solid rgba(255,255,255,0.15);border-radius:14px;overflow:hidden}
.trust-stat{padding:40px 32px;border-right:1px solid rgba(255,255,255,0.12);text-align:center;transition:background .2s}
.trust-stat:hover{background:rgba(255,255,255,0.05)}.trust-stat:last-child{border-right:none}
.trust-num{font-family:'Syne',sans-serif;font-size:52px;font-weight:800;color:var(--white);line-height:1;margin-bottom:8px}
.trust-unit{font-size:20px;color:rgba(255,255,255,0.45)}
.trust-lbl{font-size:13px;color:rgba(255,255,255,0.45);letter-spacing:.3px;line-height:1.5;margin-top:4px}

/* ── TRUST REASONS ── */
.trust-reasons{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:28px;border:1px solid rgba(255,255,255,0.12);border-radius:14px;overflow:hidden}
.trust-reason{padding:26px 28px;border-right:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1);display:flex;align-items:flex-start;gap:14px}
.trust-reason:nth-child(2n){border-right:none}.trust-reason:nth-last-child(-n+2){border-bottom:none}
.tr-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:6px}
.tr-title{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;color:var(--white);margin-bottom:4px}
.tr-text{font-size:13px;color:rgba(255,255,255,0.45);line-height:1.6}

/* ── CTA ── */
.cta-section{background:var(--dark2);padding:100px 52px;position:relative;overflow:hidden;text-align:center;border-top:1px solid var(--dark-line)}
.cta-section::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,4,140,0.2) 1px,transparent 1px),linear-gradient(90deg,rgba(0,4,140,0.2) 1px,transparent 1px);background-size:60px 60px}
.cta-content{position:relative;z-index:2;max-width:620px;margin:0 auto}
.cta-content h2{font-family:'Syne',sans-serif;font-size:clamp(28px,3.5vw,46px);font-weight:800;letter-spacing:-1px;color:var(--white);margin-bottom:18px}
.cta-content p{font-size:16px;font-weight:300;color:rgba(255,255,255,0.52);line-height:1.75;margin-bottom:36px}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn-cta-primary{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:var(--white);font-family:'DM Sans',sans-serif;font-size:14.5px;font-weight:600;padding:14px 30px;border-radius:8px;text-decoration:none;border:1px solid var(--blue3);transition:background .18s,transform .15s,box-shadow .18s}.btn-cta-primary:hover{background:var(--blue2);transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,4,140,0.5)}
.btn-cta-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:rgba(255,255,255,0.6);font-family:'DM Sans',sans-serif;font-size:14.5px;font-weight:400;padding:14px 30px;border-radius:8px;text-decoration:none;border:1px solid rgba(255,255,255,0.15);transition:border-color .18s,color .18s}.btn-cta-ghost:hover{border-color:rgba(255,255,255,0.45);color:var(--white)}

/* ── FOOTER ── */
footer{background:var(--dark);border-top:1px solid rgba(255,255,255,0.06);padding:64px 52px 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,0.06)}
.footer-brand svg{height:52px;width:auto;margin-bottom:16px;display:block}.footer-desc{font-size:13.5px;color:rgba(255,255,255,0.3);line-height:1.72;max-width:240px;font-weight:300}
.footer-col h5{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:rgba(255,255,255,0.2);margin-bottom:18px;font-weight:500}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px}.footer-col ul li a{color:rgba(255,255,255,0.45);text-decoration:none;font-size:13.5px;transition:color .18s}.footer-col ul li a:hover{color:var(--white)}
.footer-bottom{padding:18px 0;display:flex;justify-content:space-between;align-items:center}.footer-copy{font-size:12px;color:rgba(255,255,255,0.2)}.footer-iso{display:flex;gap:8px}
.footer-iso span{font-size:10.5px;font-weight:600;letter-spacing:.5px;color:rgba(255,255,255,0.25);border:1px solid rgba(255,255,255,0.1);padding:3px 9px;border-radius:3px}

/* ── REVEAL ── */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:translateY(0)}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  nav{padding:0 28px}
  .sp-hero{padding:120px 28px 64px}
  section.sp-white,section.sp-dark,section.sp-blue{padding:72px 28px}
  .intro-grid{grid-template-columns:1fr;gap:36px}
  .values-grid{grid-template-columns:1fr 1fr}
  .value-card:nth-child(3n){border-right:1.5px solid var(--ink-line)}
  .value-card:nth-child(2n){border-right:none}
  .value-card:nth-last-child(-n+3){border-bottom:1.5px solid var(--ink-line)}
  .value-card:nth-last-child(-n+2){border-bottom:none}
  .trust-stats{grid-template-columns:1fr 1fr}
  .trust-stat:nth-child(2){border-right:none}
  .trust-stat:nth-child(1),.trust-stat:nth-child(2){border-bottom:1px solid rgba(255,255,255,0.12)}
  .trust-stat:last-child{border-bottom:none;border-right:none;grid-column:1/-1}
  .doc-grid{grid-template-columns:1fr 1fr}
  .cta-section{padding:72px 28px}
  footer{padding:56px 28px 0}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px}
}
@media(max-width:767px){
  nav{padding:0 20px;height:64px}
  .nav-links{display:none}
  .nav-burger{display:flex}
  .sp-hero{padding:100px 20px 56px}
  .sp-h1{letter-spacing:-1px}
  .sp-sub{font-size:15px;margin-bottom:36px}
  .sp-highlights{flex-direction:column}
  section.sp-white,section.sp-dark,section.sp-blue{padding:60px 20px}
  .intro-stat-row{flex-direction:column}
  .intro-stat{border-right:none;border-bottom:1.5px solid var(--ink-line)}
  .intro-stat:last-child{border-bottom:none}
  .team-grid{grid-template-columns:1fr}
  .values-grid{grid-template-columns:1fr}
  .value-card{border-right:none!important;border-bottom:1.5px solid var(--ink-line)!important}
  .value-card:last-child{border-bottom:none!important}
  .trust-stats{grid-template-columns:1fr}
  .trust-stat{border-right:none!important;border-bottom:1px solid rgba(255,255,255,0.12)!important;grid-column:unset!important}
  .trust-stat:last-child{border-bottom:none!important}
  .trust-reasons{grid-template-columns:1fr}
  .trust-reason{border-right:none!important;border-bottom:1px solid rgba(255,255,255,0.1)!important}
  .trust-reason:last-child{border-bottom:none!important}
  .doc-grid{grid-template-columns:1fr}
  .cta-section{padding:60px 20px}
  .cta-btns{flex-direction:column;align-items:center}
  .btn-cta-primary,.btn-cta-ghost{width:100%;justify-content:center}
  footer{padding:48px 20px 0}
  .footer-grid{grid-template-columns:1fr;gap:36px}
  .footer-bottom{flex-direction:column;gap:10px;text-align:center}
  .footer-iso{justify-content:center}
}
/* ── DOKUMENTY ── */
.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.doc-card{display:flex;flex-direction:column;gap:16px;padding:28px 24px;border:1.5px solid var(--ink-line);border-radius:12px;background:var(--white);transition:background .2s,border-color .2s}
.doc-card:hover{background:var(--off);border-color:rgba(0,4,140,0.25)}
.doc-icon{width:40px;height:40px;background:rgba(0,4,140,0.07);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.doc-title{font-family:'Syne',sans-serif;font-size:17px;font-weight:700;color:var(--ink);line-height:1.2}
.doc-desc{font-size:14px;color:var(--ink-muted);line-height:1.6;flex-grow:1;font-weight:300}
.doc-btn{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:var(--white);font-size:13px;font-weight:600;font-family:'Syne',sans-serif;padding:10px 18px;border-radius:8px;text-decoration:none;align-self:flex-start;margin-top:4px;transition:background .2s}
.doc-btn:hover{background:var(--blue2)}

/* ── ZÁKAZNÍCI PAGE ── */

/* ── CUSTOMER SEGMENTS ── */
.seg-block{margin-bottom:64px}
.seg-block:last-child{margin-bottom:0}
.seg-title{font-family:'Syne',sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin-bottom:20px;display:flex;align-items:center;gap:16px}
.seg-title::after{content:'';flex:1;height:1px;background:var(--ink-line)}
.seg-count{font-size:11px;font-weight:400;color:var(--ink-muted);letter-spacing:0;text-transform:none;flex-shrink:0}
.cust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cust-card{padding:22px 20px;border:1.5px solid var(--ink-line);border-radius:10px;display:flex;flex-direction:column;gap:6px;transition:border-color .2s,background .2s;cursor:default}
.cust-card:hover{border-color:rgba(0,4,140,0.22);background:rgba(0,4,140,0.025)}
.cust-seg-tag{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#ff6b9d}
.cust-seg-tag.s-auto{color:#ffb347}
.cust-seg-tag.s-corp{color:#00e5a0}
.cust-name{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;color:var(--ink);line-height:1.3}
.cust-sub{font-size:12px;color:var(--ink-muted);font-weight:300;margin-top:3px;line-height:1.5}

/* ── LANGUAGE SWITCHER ── */
.lang-switch{display:flex;align-items:center;gap:0;font-family:'Syne',sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;margin-left:16px;flex-shrink:0}
.lang-switch a,.lang-switch .ls-cur{padding:4px 8px;border-radius:4px;text-decoration:none;transition:color .18s,background .18s}
.lang-switch .ls-cur{color:var(--white);background:rgba(255,255,255,0.14)}
.lang-switch a{color:rgba(255,255,255,0.38)}
.lang-switch a:hover{color:var(--white);background:rgba(255,255,255,0.08)}
.ls-sep{color:rgba(255,255,255,0.18);padding:0 2px;font-weight:300;letter-spacing:0}
@media(max-width:700px){.lang-switch{margin-left:6px;font-size:10px}}

/* ── EN BANNER ── */
#lang-banner{display:flex;align-items:center;justify-content:center;gap:12px;background:#00048C;color:rgba(255,255,255,0.82);font-family:'DM Sans',sans-serif;font-size:13px;font-weight:400;padding:10px 20px;position:relative;z-index:200}
#lang-banner a{color:var(--white);font-weight:600;text-decoration:underline;text-underline-offset:2px}
#lang-banner a:hover{opacity:.8}
#lang-banner-x{background:none;border:none;color:rgba(255,255,255,0.5);font-size:18px;line-height:1;cursor:pointer;padding:0 4px;margin-left:8px;transition:color .15s;flex-shrink:0}
#lang-banner-x:hover{color:var(--white)}
/* ── CONTACT FORM (B9) ─────────────────────────────────────────────────────── */
.cta-form{width:100%;max-width:520px;margin:0 auto;text-align:left}
.cta-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.cta-form input[type=text],.cta-form input[type=email],.cta-form textarea{width:100%;box-sizing:border-box;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.14);border-radius:8px;color:var(--white);font-family:'DM Sans',sans-serif;font-size:14px;font-weight:300;padding:12px 16px;outline:none;transition:border-color .18s}
.cta-form input::placeholder,.cta-form textarea::placeholder{color:rgba(255,255,255,0.3)}
.cta-form input:focus,.cta-form textarea:focus{border-color:rgba(255,255,255,0.42)}
.cta-form textarea{resize:vertical;min-height:110px;display:block;margin-bottom:12px}
.cta-form-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:var(--white);font-family:'DM Sans',sans-serif;font-size:14.5px;font-weight:600;padding:14px 30px;border-radius:8px;border:1px solid var(--blue3);cursor:pointer;transition:background .18s,transform .15s,box-shadow .18s}
.cta-form-btn:hover{background:var(--blue2);transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,4,140,0.5)}
.cta-form-btn svg{flex-shrink:0;pointer-events:none}
@media(max-width:600px){.cta-form-row{grid-template-columns:1fr}}

/* ── MOB-LANG ─────────────────────────────────────────────────────────────── */
.mob-lang{display:flex;align-items:center;gap:0;font-family:'Syne',sans-serif;font-size:16px;font-weight:700;letter-spacing:1.5px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.12);width:100%;justify-content:center}
/* Reset inherited .mob-menu a styles pre mob-lang linky */
.mob-lang a,.mob-lang .ls-cur{font-size:16px!important;padding:6px 16px!important;width:auto!important;border-bottom:none!important;border-radius:6px;text-decoration:none;transition:color .18s,background .18s}
.mob-lang .ls-cur{color:var(--white);background:rgba(255,255,255,0.14)}
.mob-lang a{color:rgba(255,255,255,0.45)}
.mob-lang a:hover{color:var(--white);background:rgba(255,255,255,0.08)}
.mob-lang .ls-sep{color:rgba(255,255,255,0.18);padding:0 4px;font-weight:300;letter-spacing:0;font-size:14px!important;width:auto!important;border-bottom:none!important}
@media(max-width:767px){.lang-switch{display:none!important}}

/* ═══════════════════════════════════════════════════
   MOBILE RESPONSIVE — doplnené breakpointy
═══════════════════════════════════════════════════ */

/* Zákazníci grid — chýbajúci mobile breakpoint */
@media(max-width:767px){
  .cust-grid{grid-template-columns:1fr 1fr}
  .ct-proof-item{flex:1;min-width:140px}
}
@media(max-width:480px){
  .cust-grid{grid-template-columns:1fr}
}

/* ── 480 px — malé telefóny ── */
@media(max-width:480px){
  nav{padding:0 16px;height:60px}
  .nav-logo svg{height:38px}

  /* hero hlavnej stránky */
  .hero{padding:76px 16px 48px}
  .hero-h1{font-size:clamp(28px,9vw,40px)}
  .hero-sub{font-size:14.5px}
  .hero-actions{gap:10px}

  /* podstránkový hero */
  .sp-hero{padding:84px 16px 44px}
  .sp-h1{font-size:clamp(26px,8.5vw,38px);letter-spacing:-0.5px}
  .sp-sub{font-size:14px}
  .sp-hl{padding:10px 12px;gap:10px}
  .sp-back{margin-bottom:28px}

  /* sekcie */
  section,section.sp-white,section.sp-dark,section.sp-blue{padding:48px 16px}
  .partners{padding:32px 16px}
  .clients-teaser{padding:32px 16px}
  .cta-section{padding:48px 16px}
  footer{padding:36px 16px 0}

  /* sp-note */
  .sp-note-item{padding:24px 16px}
  .sp-note-badge{font-size:22px}

  /* why */
  .why-item{padding:24px 16px}
  .why-n{font-size:32px}
  .why-title{font-size:16px}

  /* team */
  .team-card{padding:24px 18px}

  /* intro stats */
  .intro-stat-num{font-size:30px}

  /* trust */
  .trust-num{font-size:42px}

  /* hamburger menu — menší text */
  .mob-menu a{font-size:24px;padding:11px 0}
  .mob-menu .mob-cta-link{font-size:16px;padding:12px 36px;margin-top:20px}
  .mob-lang{margin-top:18px;padding-top:18px;font-size:15px}
}

/* ── Landscape orientácia na telefónoch (výška ≤ 500 px) ── */
@media(max-height:500px) and (max-width:900px){
  .mob-menu{
    overflow-y:auto;
    padding:70px 20px 30px;
    justify-content:flex-start;
    align-items:center;
  }
  .mob-menu a{font-size:20px;padding:9px 0}
  .mob-menu .mob-cta-link{font-size:15px;padding:10px 36px;margin-top:12px}
  .mob-lang{margin-top:14px;padding-top:14px;font-size:14px}
}