:root {
  --navy:#002855;
  --navy-deep:#061b35;
  --navy-ink:#0a213e;
  --blue:#1557a5;
  --blue-bright:#226ac0;
  --sky:#65b1e5;
  --gold:#c7ad75;
  --text:#233950;
  --muted:#61758b;
  --line:#dfebf5;
  --soft:#f5f9fd;
  --white:#ffffff;
  --shadow:0 28px 74px rgba(11,45,84,.13);
  --container:1170px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;color:var(--text);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
svg,img{display:block;max-width:100%}
::selection{background:#b5d8f8;color:#092847}
.container{width:min(calc(100% - 56px),var(--container));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip-link{position:absolute;z-index:100;left:20px;top:-80px;background:#fff;color:var(--navy);padding:12px 18px;border-radius:7px;box-shadow:var(--shadow)}
.skip-link:focus{top:15px}
:focus-visible{outline:3px solid #7cc2f4;outline-offset:4px}
.topline{background:var(--navy-deep);color:#b9cadc;font-size:12px;letter-spacing:.035em}
.topline .container{display:flex;justify-content:space-between;align-items:center;min-height:37px}
.topline-left{display:flex;align-items:center;gap:9px}
.topline-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-bottom:1px solid #e6edf4}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:24px}
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
.brand img{width:42px;height:42px}
.brand-name{font-weight:820;font-size:23px;line-height:1;letter-spacing:-1.25px;color:var(--navy)}
.brand-name span{color:var(--blue-bright)}
.brand-tagline{display:block;color:#788ca0;font-size:9px;letter-spacing:.16em;font-weight:700;margin-top:5px;text-transform:uppercase}
.desktop-nav{display:flex;align-items:center;gap:33px;margin-left:auto}
.desktop-nav a{color:#4b6075;font-size:13px;font-weight:650;transition:color .2s}
.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--blue-bright)}
.header-actions{display:flex;align-items:center;gap:17px}
.lang-switch{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:750;letter-spacing:.04em;color:#91a3b5}
.lang-switch a{padding:8px 4px;transition:color .2s}
.lang-switch a[aria-current="page"]{color:var(--navy)}
.lang-switch a:hover{color:var(--blue-bright)}
.lang-divider{opacity:.5}
.header-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:41px;padding:0 17px;background:var(--navy);border:1px solid var(--navy);border-radius:6px;color:#fff;font-weight:750;font-size:12px;transition:transform .2s,background .2s,box-shadow .2s}
.header-cta:hover{transform:translateY(-2px);background:var(--blue);box-shadow:0 9px 20px rgba(13,67,132,.16)}
.header-cta svg{width:14px;height:14px}
.menu-toggle{display:none;background:none;border:1px solid #d6e3ef;border-radius:8px;width:43px;height:43px;align-items:center;justify-content:center;color:var(--navy);cursor:pointer}
.menu-toggle svg{width:22px;height:22px}
.mobile-menu{display:none}
.hero{position:relative;overflow:hidden;padding:103px 0 100px;background:radial-gradient(circle at 98% 10%,#e3f2ff 0,rgba(227,242,255,0) 37%),linear-gradient(130deg,#f6faff 0%,#fff 52%,#f2f8fd 100%)}
.hero::before{content:"";position:absolute;width:670px;height:670px;border:1px solid rgba(18,91,170,.055);border-radius:50%;right:-370px;top:-395px;box-shadow:0 0 0 80px rgba(18,91,170,.018),0 0 0 165px rgba(18,91,170,.013);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:60px;align-items:center;position:relative;z-index:1}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--blue);font-size:11px;font-weight:820;letter-spacing:.17em;text-transform:uppercase}
.eyebrow::before{content:"";width:23px;height:2px;background:var(--gold)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{color:var(--navy-ink)}
h1{font-weight:820;letter-spacing:-.056em;line-height:1.085;font-size:clamp(45px,4.7vw,67px);max-width:690px;margin:24px 0 25px}
h1 .ink-blue{color:var(--blue-bright)}
.hero-lead{font-size:16px;line-height:1.9;color:#586f85;max-width:565px;margin-bottom:31px}
.hero-buttons{display:flex;flex-wrap:wrap;gap:13px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:7px;min-height:49px;padding:0 22px;font-size:13px;font-weight:770;transition:transform .18s,background .18s,box-shadow .18s,border-color .18s}
.btn:hover{transform:translateY(-2px)}
.btn svg{height:17px;width:17px}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 24px rgba(21,87,165,.16)}
.btn-primary:hover{background:var(--navy);box-shadow:0 13px 28px rgba(21,87,165,.23)}
.btn-outline{color:var(--navy);border:1px solid #cad9e6;background:#fff}
.btn-outline:hover{border-color:var(--blue-bright)}
.hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:49px;max-width:600px;border-top:1px solid #d9e5ef;padding-top:22px;gap:17px}
.fact strong{display:block;color:var(--navy);font-size:16px;line-height:1.3;letter-spacing:-.02em}
.fact span{display:block;color:#8394a6;font-size:11px;line-height:1.55;margin-top:4px}
.visual-wrap{position:relative;padding:15px 0 20px 12px}
.visual-wrap::before{content:"";position:absolute;width:82%;height:93%;background:linear-gradient(140deg,rgba(0,40,85,.065),rgba(50,127,204,.08));border-radius:29px;right:-22px;top:-17px;transform:rotate(6deg)}
.dashboard{position:relative;border:1px solid #dbe5ee;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 28px 77px rgba(0,36,80,.14),0 5px 16px rgba(0,36,80,.04)}
.dashboard-top{background:var(--navy);min-height:63px;display:flex;align-items:center;justify-content:space-between;padding:0 21px;color:#fff}
.dash-brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:13px;letter-spacing:-.02em}
.dash-brand svg{width:20px;height:20px}
.dash-top-tag{font-size:10px;color:#c3d8ee;border:1px solid rgba(255,255,255,.17);border-radius:20px;padding:6px 9px}
.dashboard-body{padding:22px 23px 18px}
.dash-breadcrumb{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:10px}
.dash-breadcrumb strong{font-size:13px;color:var(--navy)}
.dash-breadcrumb span{font-size:10px;color:#92a4b5}
.dash-pills{display:flex;gap:7px;margin-bottom:19px;flex-wrap:wrap}
.dash-pill{padding:7px 10px;border-radius:4px;background:#f0f5fa;color:#8090a1;font-size:9.5px;font-weight:740}
.dash-pill.active{background:#e5effa;color:var(--blue)}
.chart-panel{border:1px solid #e5edf4;border-radius:10px;padding:17px 17px 5px;background:linear-gradient(180deg,#fff,#fbfdff)}
.chart-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.chart-heading strong{display:block;font-size:12px;color:#18375a}
.chart-heading small{display:block;font-size:10px;color:#8b9eb0;margin-top:5px}
.chart-status{display:inline-flex;align-items:center;gap:6px;color:#1b7093;background:#ecf8fd;border-radius:20px;font-size:9px;font-weight:750;padding:6px 9px;white-space:nowrap}
.chart-status::before{content:"";width:5px;height:5px;border-radius:50%;background:#32a3bd}
.chart-svg{width:100%;height:auto;margin-top:5px}
.dash-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.dash-card{border:1px solid #e6edf4;border-radius:9px;padding:13px 11px;background:#fff;min-width:0}
.dash-card svg{height:18px;width:18px;color:var(--blue);margin-bottom:10px}
.dash-card strong{display:block;color:#1b3553;font-size:10px;line-height:1.35}
.dash-card span{display:block;color:#93a1ae;font-size:9px;line-height:1.5;margin-top:5px}
.dash-note{margin-top:15px;text-align:center;font-size:9px;color:#94a4b1;letter-spacing:.01em}
.float-chip{position:absolute;z-index:2;right:-26px;bottom:51px;background:#fff;box-shadow:0 12px 38px rgba(13,51,90,.15);border:1px solid #e7eef5;border-radius:9px;padding:12px 17px;display:flex;align-items:center;gap:11px}
.chip-icon{background:#e8f3fc;color:var(--blue);border-radius:8px;padding:9px}
.chip-icon svg{width:18px;height:18px}
.float-chip strong{display:block;color:var(--navy);font-size:11px}
.float-chip span{display:block;font-size:10px;color:#93a2b1;margin-top:3px}
.scope-strip{background:#f2f6fa;border-top:1px solid #e3ebf2;border-bottom:1px solid #e3ebf2}
.scope-list{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-block:20px;flex-wrap:wrap}
.scope-list span{font-size:10px;font-weight:810;color:#5e7389;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.scope-list i{width:4px;height:4px;border-radius:50%;background:var(--gold);flex-shrink:0}
.section{padding:112px 0}
.section-heading{max-width:750px;margin-bottom:48px}
.section-kicker{font-size:11px;letter-spacing:.15em;color:var(--blue);font-weight:850;text-transform:uppercase;display:block;margin-bottom:18px}
h2{font-size:clamp(31px,3.2vw,45px);line-height:1.18;letter-spacing:-.047em;margin-bottom:17px;font-weight:815}
.section-heading p{font-size:15px;line-height:1.85;color:var(--muted);margin:0;max-width:630px}
.features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.feature{border:1px solid #e1e9f0;border-radius:10px;padding:30px 25px 32px;background:#fff;min-height:268px;position:relative;transition:transform .25s,border-color .25s,box-shadow .25s}
.feature:hover{transform:translateY(-5px);border-color:#c1d8ed;box-shadow:0 14px 40px rgba(10,46,86,.08)}
.feature-icon{width:46px;height:46px;background:#edf5fc;border:1px solid #dfedf9;border-radius:9px;color:var(--blue);display:grid;place-items:center;margin-bottom:28px}
.feature-icon svg{height:23px;width:23px;stroke-width:1.75}
.feature h3{font-size:16px;letter-spacing:-.024em;line-height:1.4;margin-bottom:11px}
.feature p{font-size:12.5px;color:#74869a;line-height:1.8;margin:0}
.feature-number{position:absolute;right:23px;top:27px;color:#b6c6d5;font-size:11px;font-weight:780}
.approach{background:var(--navy-deep);color:#fff;position:relative;overflow:hidden}
.approach::after{content:"";position:absolute;width:590px;height:590px;right:-245px;top:-250px;border-radius:50%;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 70px rgba(255,255,255,.024),0 0 0 150px rgba(255,255,255,.019)}
.approach .container{position:relative;z-index:1}
.approach .section-kicker{color:#82c6f4}
.approach h2{color:#fff;max-width:760px}
.approach .section-heading p{color:#adc0d4}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.step{border:1px solid rgba(180,213,243,.16);border-radius:10px;background:rgba(255,255,255,.045);padding:29px;min-height:220px}
.step-number{font-size:11px;font-weight:750;color:#8fc8ed;letter-spacing:.15em;display:block;margin-bottom:29px}
.step h3{color:#fff;font-size:18px;letter-spacing:-.025em;margin-bottom:12px}
.step p{color:#a8bdd0;font-size:12.5px;line-height:1.8;margin:0}
.approach-bottom{display:flex;align-items:center;gap:12px;margin-top:31px;color:#d2e1f0;font-size:12px;line-height:1.6}
.approach-bottom svg{width:19px;height:19px;color:#8ec4ee;flex-shrink:0}
.about{background:#fbfdff}
.about-grid{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:100px}
.about-text>p{color:var(--muted);line-height:1.9;font-size:15px;margin-bottom:19px}
.about-text>p:last-child{margin-bottom:0}
.about-card{position:relative;border-radius:13px;background:linear-gradient(135deg,#e8f1fb 0%,#f4f9fe 100%);padding:50px 47px 46px;min-height:360px;border:1px solid #dceaf7;overflow:hidden}
.about-card::before{content:"";position:absolute;right:-85px;bottom:-110px;border:1px solid rgba(21,87,165,.13);width:330px;height:330px;border-radius:50%;box-shadow:0 0 0 45px rgba(21,87,165,.035),0 0 0 110px rgba(21,87,165,.02)}
.about-year{font-size:clamp(80px,8.8vw,136px);letter-spacing:-.09em;font-weight:850;line-height:1;color:var(--navy);position:relative;z-index:1}
.about-card .year-since{display:block;color:var(--blue);font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:850;margin-top:18px;position:relative;z-index:1}
.about-card p{max-width:290px;font-size:16px;color:#4c6680;line-height:1.65;margin:21px 0 0;position:relative;z-index:1}
.about-card .small-line{width:37px;height:3px;background:var(--gold);margin-top:25px;position:relative;z-index:1}
.contact{padding:0 0 100px;background:#fbfdff}
.contact-card{position:relative;border-radius:14px;background:linear-gradient(108deg,#0b417b,#002855 75%);padding:63px 70px;display:flex;justify-content:space-between;align-items:center;gap:38px;overflow:hidden}
.contact-card::after{content:"";position:absolute;width:410px;height:410px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-175px;top:-125px;box-shadow:0 0 0 50px rgba(255,255,255,.04),0 0 0 120px rgba(255,255,255,.03)}
.contact-copy{position:relative;z-index:1;max-width:650px}
.contact-copy .section-kicker{color:#afd8f8;margin-bottom:15px}
.contact-copy h2{color:#fff;font-size:clamp(27px,3vw,39px);margin-bottom:15px}
.contact-copy p{color:#b8d4e9;font-size:13px;line-height:1.85;margin:0}
.contact-card .btn{flex-shrink:0;background:#fff;color:var(--navy);position:relative;z-index:1;white-space:nowrap}
.contact-card .btn:hover{background:#eef6fd}
footer{background:var(--navy-deep);color:#b4c5d5;padding:56px 0 28px}
.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:start;padding-bottom:45px}
.footer-brand .brand-name{color:#fff;font-size:24px}
.footer-brand .brand-name span{color:#72b8e8}
.footer-brand .brand-tagline{color:#8ba2b7}
.footer-desc{max-width:375px;color:#9aafc3;line-height:1.8;font-size:12px;margin:19px 0 0}
.footer-links{display:flex;gap:48px;align-items:start}
.footer-col{min-width:120px}
.footer-col strong{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#fff;display:block;margin-bottom:16px}
.footer-col a,.footer-col span{display:block;color:#a2b7ca;font-size:12px;margin-bottom:12px;line-height:1.5}
.footer-col a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:23px;display:flex;justify-content:space-between;align-items:flex-start;gap:30px}
.footer-bottom span{font-size:11px;color:#8aa0b4;line-height:1.7}
.footer-bottom .legal{max-width:580px;text-align:right}
.reveal{opacity:1;transform:none}
.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1100px){
  .desktop-nav{gap:18px}.hero-grid{gap:31px}.hero{padding:80px 0 85px}.hero h1{font-size:clamp(43px,5vw,60px)}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature{min-height:220px}.scope-list{justify-content:center}.about-grid{gap:50px}.float-chip{right:-8px}
}
@media(max-width:850px){
  .container{width:min(calc(100% - 40px),var(--container))}.header-inner{min-height:72px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex}.mobile-menu{display:none;border-top:1px solid #e5edf5;background:#fff}.mobile-menu.open{display:block}.mobile-menu .container{display:grid;gap:0;padding:8px 0 15px}.mobile-menu a{padding:13px 4px;border-bottom:1px solid #edf2f6;color:var(--navy);font-weight:650;font-size:14px}.hero-grid{grid-template-columns:1fr;gap:45px}.hero{padding:72px 0 80px}.hero-copy{max-width:710px}.hero h1{max-width:675px;font-size:clamp(42px,7.2vw,61px)}.hero-lead{max-width:650px}.visual-wrap{max-width:570px;width:100%;margin:auto}.steps{gap:12px}.step{padding:24px;min-height:246px}.about-grid{grid-template-columns:1fr;gap:37px}.about-card{min-height:330px}.contact-card{padding:50px 40px}.footer-links{gap:20px}
}
@media(max-width:620px){
  html{scroll-padding-top:73px}.topline{font-size:10px}.topline .container{min-height:33px}.topline .hide-mobile{display:none}.container{width:min(calc(100% - 36px),var(--container))}.brand img{width:38px;height:38px}.brand-name{font-size:21px}.header-actions{gap:12px}.hero{padding:56px 0 65px}.hero h1{font-size:clamp(40px,11vw,55px);margin-top:21px;margin-bottom:22px}.hero-lead{font-size:14px;line-height:1.78}.eyebrow{font-size:9px;letter-spacing:.12em}.hero-buttons{gap:10px}.btn{min-height:46px;font-size:12px;padding:0 16px}.hero-facts{margin-top:37px;gap:12px}.fact strong{font-size:13px}.fact span{font-size:10px}.visual-wrap{padding:0 7px 15px 0}.visual-wrap::before{right:0;top:0}.dashboard-body{padding:15px 13px 12px}.dashboard-top{min-height:53px;padding-inline:13px}.dash-top-tag{font-size:9px}.chart-panel{padding:12px 10px 1px}.dash-cards{gap:6px}.dash-card{padding:9px 7px}.dash-card svg{height:16px;width:16px;margin-bottom:6px}.dash-card strong{font-size:9px}.dash-card span{font-size:8px}.float-chip{right:-6px;bottom:-1px;padding:8px 10px}.float-chip strong{font-size:9px}.float-chip span{font-size:8px}.chip-icon{padding:6px}.chip-icon svg{width:15px;height:15px}.scope-list{gap:12px 18px;padding:17px 0}.scope-list span{font-size:9px}.scope-list i:nth-of-type(2){display:none}.section{padding:76px 0}.section-heading{margin-bottom:31px}.section-heading p{font-size:14px}.features-grid{grid-template-columns:1fr;gap:12px}.feature{padding:23px;min-height:0}.feature-icon{margin-bottom:20px}.feature h3{font-size:16px}.feature p{font-size:13px}.steps{grid-template-columns:1fr;gap:11px}.step{min-height:0;padding:25px}.step-number{margin-bottom:20px}.step p{font-size:13px}.about-card{padding:39px 30px;min-height:305px}.about-year{font-size:90px}.contact{padding-bottom:74px}.contact-card{padding:37px 26px;display:block}.contact-copy h2{font-size:29px}.contact-card .btn{margin-top:25px}.footer-top{flex-direction:column;gap:31px}.footer-links{width:100%;justify-content:space-between;gap:16px}.footer-bottom{flex-direction:column;gap:12px}.footer-bottom .legal{text-align:left}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal{opacity:1;transform:none}}
