:root{--navy:#0c2260;--navy2:#08164a;--gold:#d9a21b;--gold2:#9a6a0a;--bg:#fff;--surf:#f6f8fc;--card:#fff;--tx:#14213d;--mut:#5b6478;--br:#e2e6ef;--ac:var(--navy);color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.65 "Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.w{max-width:1120px;margin:0 auto;padding:0 20px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:rgba(255,255,255,.88);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--br);transition:box-shadow .3s}
header.sc{box-shadow:0 4px 22px rgba(12,34,96,.10)}
.nav{display:flex;align-items:center;gap:16px;min-height:68px}
.logo{display:flex;align-items:center;gap:10px;color:var(--navy)!important;text-decoration:none!important}
.logo img{display:block;height:34px;width:auto}
.logo span{font-weight:800;font-size:19px;line-height:1;letter-spacing:.01em;display:flex;flex-direction:column}
.logo small{font-size:10.5px;font-weight:700;letter-spacing:.32em;color:var(--gold2);margin-top:4px}
#nav{display:flex;align-items:center;gap:2px;margin-left:auto}
#nav a{color:var(--tx);padding:8px 11px;border-radius:8px;font-size:14.5px;font-weight:500;transition:color .2s,background .2s}
#nav a:hover{background:var(--surf);text-decoration:none}#nav a.on{color:var(--navy);background:rgba(217,162,27,.16);font-weight:600}
#nav a.btn{margin-left:8px;color:#fff;background:var(--navy)}
.menu{display:none;margin-left:auto;background:none;border:1px solid var(--br);border-radius:10px;padding:10px;cursor:pointer}
.menu i{display:block;width:20px;height:2px;background:var(--navy);margin:4px 0;transition:.25s}
.btn{display:inline-block;background:var(--navy);color:#fff!important;padding:12px 22px;border-radius:10px;font-weight:600;border:1.5px solid transparent;line-height:1.4;cursor:pointer;font-size:15px;font-family:inherit;box-shadow:0 6px 16px rgba(12,34,96,.22);transition:transform .2s,box-shadow .2s}
.btn:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 10px 24px rgba(12,34,96,.3)}
.btn.sm{padding:9px 16px;font-size:14px}
.btn.gold{background:var(--gold);color:var(--navy2)!important;box-shadow:0 8px 20px rgba(217,162,27,.35)}
.btn.o{background:transparent;border-color:rgba(255,255,255,.7);box-shadow:none}.btn.o:hover{background:rgba(255,255,255,.12)}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#071445 0%,#0c2260 55%,#17398f 120%);color:#fff;padding:104px 0 96px}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;filter:blur(66px);opacity:.42;animation:fl 14s ease-in-out infinite alternate}
.hero::before{width:430px;height:430px;background:var(--gold);top:-150px;right:-90px}
.hero::after{width:360px;height:360px;background:#3d63c9;bottom:-170px;left:20%;animation-delay:-6s}
.hero .w{position:relative;z-index:1;animation:fi .9s ease both}
.eyebrow{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(217,162,27,.5);padding:6px 14px;border-radius:99px;margin-bottom:20px}
.hero h1{font-size:clamp(32px,5.2vw,54px);line-height:1.12;margin:0 0 16px;max-width:780px;letter-spacing:-.025em}
.hero p{max-width:620px;opacity:.9;font-size:18px;margin:0 0 28px}
.ph{background:linear-gradient(180deg,#f1f5fd,#fff);padding:58px 0 44px;border-bottom:1px solid var(--br);animation:fi .6s ease both}
.ph h1{margin:0 0 8px;font-size:clamp(26px,4vw,40px);letter-spacing:-.02em;color:var(--navy)}.ph p{margin:0;color:var(--mut);max-width:700px;font-size:17px}
.bc{font-size:14px;margin-bottom:12px;color:var(--mut)}
section{padding:60px 0}section.alt{background:linear-gradient(180deg,#f7f9fd,#f0f4fb)}
h2{font-size:clamp(24px,3.2vw,32px);margin:0 0 8px;font-weight:750;letter-spacing:-.02em;color:var(--navy)}
.lead{color:var(--mut);max-width:720px;margin:0 0 28px}
.g{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.c{background:var(--card);border:1px solid var(--br);border-radius:16px;padding:24px;box-shadow:0 1px 2px rgba(12,34,96,.04);transition:transform .28s,box-shadow .28s,border-color .28s;position:relative}
.c h3{margin:0 0 6px;font-size:18px;letter-spacing:-.01em;color:var(--navy)}.c p{margin:0;color:var(--mut);font-size:15px}
a.c{display:block;color:var(--tx);text-decoration:none}
a.c::after{content:"→";position:absolute;right:20px;bottom:16px;color:var(--gold2);opacity:0;transform:translateX(-6px);transition:.25s}
a.c:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(12,34,96,.12);border-color:var(--gold)}a.c:hover::after{opacity:1;transform:none}
.stack{display:grid;gap:14px}
.tag{display:inline-block;font-size:12px;font-weight:700;color:var(--gold2);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:18px;text-align:center}
.stats b{display:block;font-size:36px;color:var(--navy);font-variant-numeric:tabular-nums;line-height:1.2}.stats span{color:var(--mut);font-size:14px}
.warn{background:#fff7e3;color:#5a3d00;border-left:5px solid var(--gold);padding:18px 22px;border-radius:12px;box-shadow:0 6px 20px rgba(217,162,27,.14)}.warn ul{margin:8px 0 0;padding-left:20px}
ul.ck{list-style:none;padding:0;margin:0;display:grid;gap:10px}ul.ck li{padding-left:28px;position:relative}
ul.ck li::before{content:"✓";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:rgba(217,162,27,.2);color:var(--gold2);font-size:12px;font-weight:800;display:grid;place-items:center}
.steps{counter-reset:s;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.steps .c::before{counter-increment:s;content:counter(s);display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;margin-bottom:12px;box-shadow:0 6px 14px rgba(12,34,96,.3)}
details{border:1px solid var(--br);border-radius:12px;padding:15px 20px;margin-bottom:10px;background:var(--card);transition:box-shadow .25s,border-color .25s}
details[open]{border-color:var(--gold);box-shadow:0 8px 24px rgba(12,34,96,.08)}
summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px;color:var(--navy)}summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:22px;line-height:1;color:var(--gold2);transition:transform .25s}details[open] summary::after{transform:rotate(45deg)}
details p{margin:10px 0 0;color:var(--mut)}
.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px;background:var(--card)}
th,td{border:1px solid var(--br);padding:11px 14px;text-align:left}th{background:var(--surf);color:var(--navy)}
.cta{position:relative;overflow:hidden;text-align:center;color:#fff;border-radius:20px;padding:46px 28px;background:linear-gradient(120deg,#08164a,#0c2260 60%,#1c3f9a 130%);box-shadow:0 22px 50px rgba(12,34,96,.25)}
.cta::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(217,162,27,.28);filter:blur(30px);top:-110px;right:-70px;pointer-events:none;animation:fl 10s ease-in-out infinite alternate}
.cta h2{color:#fff;position:relative}.cta p{opacity:.9;margin:0 0 22px;position:relative}.cta .btn{position:relative}
input,select,textarea{width:100%;padding:12px 14px;border:1px solid var(--br);border-radius:10px;background:#fff;color:var(--tx);font:inherit;margin-bottom:12px;transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 4px rgba(12,34,96,.12)}
.row{display:grid;gap:12px;grid-template-columns:2fr 1fr auto;align-items:start}.row input,.row select{margin:0}
.job{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.pill{display:inline-block;background:var(--surf);border:1px solid var(--br);padding:5px 13px;border-radius:99px;font-size:13.5px;margin:3px 4px 3px 0;transition:.2s}
.pill:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.two{display:grid;gap:36px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}
.flogo{background:#fff;border-radius:16px;padding:14px;display:inline-block}.flogo img{display:block;width:200px;height:auto}
.flogo.big{display:block;text-align:center;border:1px solid var(--br);padding:26px}.flogo.big img{width:100%;max-width:340px;margin:0 auto}
footer{background:var(--navy2);color:#c7d0ea;padding:48px 0 28px;font-size:14.5px}footer a{color:#c7d0ea}footer a:hover{color:var(--gold)}
.fg{display:grid;gap:28px;grid-template-columns:1.2fr 1fr 1fr 1.2fr}.fg h4{color:#fff;margin:0 0 10px}.fg a{display:block;padding:3px 0}.fg p{margin:0 0 6px}
.small{margin-top:30px;border-top:1px solid #1d2f6b;padding-top:18px;color:#8c98bd}
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
@keyframes fi{from{opacity:0;transform:translateY(14px)}}@keyframes fl{to{transform:translate(-50px,40px) scale(1.15)}}
::selection{background:rgba(217,162,27,.35)}
@media (max-width:900px){.fg{grid-template-columns:1fr 1fr}.menu{display:block}
#nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid var(--br);padding:10px 20px 16px;display:none;box-shadow:0 18px 30px rgba(12,34,96,.12)}
#nav.open{display:flex}#nav a.btn{margin:8px 0 0;text-align:center}
.menu[aria-expanded=true] i:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu[aria-expanded=true] i:nth-child(2){opacity:0}.menu[aria-expanded=true] i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}}
@media (max-width:640px){.row{grid-template-columns:1fr}.fg{grid-template-columns:1fr}.hero{padding:76px 0 70px}section{padding:46px 0}}

.stats>div{background:var(--card);border:1px solid var(--br);border-top:3px solid var(--gold);border-radius:14px;padding:22px 12px;box-shadow:0 1px 2px rgba(12,34,96,.04)}
.stats b{font-size:40px;letter-spacing:-.02em}
.rotline{font-size:19px;font-weight:600;margin:0 0 14px;opacity:.95}
.rot{display:inline-block;color:var(--gold);transition:opacity .35s,transform .35s;border-bottom:2px solid rgba(217,162,27,.5)}.rot.out{opacity:0;transform:translateY(-8px)}
.hero .eyebrow,.hero h1,.hero .rotline,.hero p,.hero .brow{animation:fi .8s cubic-bezier(.2,.7,.2,1) both}
.hero h1{animation-delay:.12s}.hero .rotline{animation-delay:.24s}.hero p{animation-delay:.34s}.hero .brow{animation-delay:.46s}
body{animation:pg .5s ease}body.leaving{opacity:0;transition:opacity .22s ease}
@keyframes pg{from{opacity:0}}
#prog{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),#f0c25a);transform-origin:left;transform:scaleX(0);z-index:60;pointer-events:none}
#top{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));width:46px;height:46px;border-radius:50%;border:0;background:var(--navy);color:#fff;font-size:20px;cursor:pointer;box-shadow:0 10px 24px rgba(12,34,96,.3);opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .3s,transform .3s,background .2s;z-index:40}
#top.show{opacity:1;transform:none;pointer-events:auto}#top:hover{background:var(--gold2)}
.btn.gold,.btn:not(.sm):not(.o){position:relative;overflow:hidden}
.btn.gold::after,.btn:not(.sm):not(.o)::after{content:"";position:absolute;top:0;left:-70%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s}
.btn.gold:hover::after,.btn:not(.sm):not(.o):hover::after{left:130%}
.logo img{transition:transform .4s}.logo:hover img{transform:rotate(-4deg) scale(1.06)}

.brow{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.brow .btn{padding:14px 26px;margin:0}
.hgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.hr{position:relative;animation:fi 1s .3s cubic-bezier(.2,.7,.2,1) both}
.panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:26px 26px 42px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 60px rgba(3,10,40,.4)}
.ptop{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.live{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;letter-spacing:.04em;color:#dfe6fb}
.live i{width:9px;height:9px;border-radius:50%;background:#35d07f;box-shadow:0 0 0 0 rgba(53,208,127,.7);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(53,208,127,0)}100%{box-shadow:0 0 0 0 rgba(53,208,127,0)}}
.pl{background:#fff;border-radius:12px;padding:6px 10px;display:block}.pl img{display:block;height:34px;width:auto}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:18px 16px;transition:transform .3s,background .3s}
.pn:hover{transform:translateY(-4px);background:rgba(255,255,255,.16)}
.pn b{display:block;font-size:38px;line-height:1.1;letter-spacing:-.02em;color:var(--gold);font-variant-numeric:tabular-nums}
.pn span{font-size:13.5px;color:#d5ddf5}
.bars{margin-top:20px;display:grid;gap:11px}.bars div{display:flex;align-items:center;gap:12px;font-size:13px;color:#d5ddf5}
.bars em{font-style:normal;width:92px}.bars u{display:block;flex:1;height:7px;border-radius:9px;background:rgba(255,255,255,.14);position:relative;overflow:hidden}
.bars u::after{content:"";position:absolute;inset:0;width:var(--w);border-radius:9px;background:linear-gradient(90deg,var(--gold),#f3cb6b);transform-origin:left;animation:gr 1.6s .9s cubic-bezier(.2,.7,.2,1) both}
@keyframes gr{from{transform:scaleX(0)}}
.chip{position:absolute;background:#fff;color:var(--navy);font-weight:700;font-size:13.5px;padding:9px 15px;border-radius:99px;box-shadow:0 14px 30px rgba(3,10,40,.35);animation:bob 5s ease-in-out infinite;white-space:nowrap}
.chip.c1{top:-18px;right:-14px}.chip.c2{bottom:-18px;left:-14px;animation-delay:-2.5s}
@keyframes bob{50%{transform:translateY(-9px)}}
@media (max-width:900px){.hgrid{grid-template-columns:1fr;gap:44px}.chip.c1{right:6px}.chip.c2{left:6px}}
@media (max-width:640px){.brow .btn{flex:1 1 100%;text-align:center}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}html{scroll-behavior:auto}#prog{display:none}}