:root{--petrol:#0156cb;--petrol-deep:#033171;--petrol-soft:#679fef;--petrol-bright:#0a63de;--navy:#031b3d;--navy-hero:#001529;--navy-hero-mid:#002447;--navy-black:#001226;--navy-cloud:#031b35;--navy-overlay:#021227;--navy-header:#02193b;--navy-card:#001a3e;--blue-glow:#4f9dff;--blue-shade:#022a63;--paper:#fff;--surface:#f4f6f8;--surface-blue:#eef5ff;--surface-blue-soft:#f6f8fb;--charcoal:#16181d;--black:#000;--white:#fff;--fill-dark:#ffffff0d;--fg:#1d1f24;--fg-muted:#1d1f249e;--fg-logo:#141418;--on-dark:#fff;--on-dark-muted:#ffffffb8;--on-dark-accent:#a8cdfb;--on-dark-highlight:#8ec3ff;--on-dark-soft:#c1d5f1;--on-dark-body:#dce8f8;--line:#1111111f;--line-soft:#11111112;--line-dark:#ffffff29;--line-blue:#dce8f8;--line-dark-strong:#ffffff26;--line-dark-subtle:#ffffff1f;--line-dark-faint:#ffffff15;--gradient-hero-home:linear-gradient(165deg, var(--navy-hero) 0%, var(--navy-hero-mid) 65%, var(--petrol-deep) 100%);--gradient-hero-dark:linear-gradient(165deg, var(--petrol-deep) 0%, var(--petrol) 60%, var(--petrol-bright) 100%);--gradient-hero-page:radial-gradient(ellipse at 85% 40%, #075bbb 0%, transparent 55%), linear-gradient(135deg, var(--navy), var(--petrol-deep) 65%, var(--petrol));--gradient-card-1:linear-gradient(135deg, var(--petrol-deep) 0%, var(--petrol) 100%);--gradient-card-2:linear-gradient(135deg, #0143a3 0%, #4f2fd0 100%);--gradient-card-3:linear-gradient(135deg, var(--petrol) 0%, #00879c 100%);--gradient-card-4:linear-gradient(135deg, #0a1f44 0%, #0257c4 100%);--gradient-card-5:linear-gradient(135deg, #024089 0%, #00879c 100%);--gradient-card-6:linear-gradient(135deg, #0a1f44 0%, #4f2fd0 100%);--gradient-card-sheen:radial-gradient(120% 90% at 85% -10%, #ffffff29, transparent 55%);--hero-veil:#00152999;--gradient-illustration:linear-gradient(145deg, var(--surface-blue), var(--surface-blue-soft));--radius-sm:4px;--radius-image:6px;--radius-menu-item:8px;--radius-md:10px;--radius-menu:12px;--radius-lg:14px;--radius-xl:18px;--radius-round:50%;--shadow-card-hover:0 24px 50px -24px color-mix(in srgb, var(--petrol-deep) 45%, transparent);--shadow-panel:0 30px 70px #1111112e;--shadow-dropdown:0 18px 40px #1111111f;--shadow-map:0 30px 80px -40px #00000040;--shadow-header:0 4px 20px #000c2329;--shadow-float:0 4px 18px #0003;--text-shadow-hero:0 2px 18px #000a1973;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-quick:.2s;--duration-menu:.22s;--duration-fast:.25s;--duration-base:.3s;--duration-slow:.5s;--duration-reveal:.8s;--duration-exit:.9s;--sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--display:"Nexa Heavy", sans-serif;--pad-x:clamp(1.4rem, 6vw, 7rem);--container-max:1280px}
@layer base{@font-face{font-family:Nexa Heavy;src:url(/fonts/Nexa-Heavy.ttf)format("truetype");font-weight:400 900;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--petrol);color:var(--on-dark)}a{color:inherit;text-decoration:none}svg{display:block}section{position:relative}}
.reveal{opacity:0;transition:opacity var(--duration-reveal) var(--ease-out), transform var(--duration-reveal) var(--ease-out);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}#intro{z-index:100;background:var(--paper);transition:opacity var(--duration-exit) var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}#intro.hide{opacity:0;pointer-events:none}#intro[hidden]{display:none}#intro .logo{width:78%;max-width:760px}.draw{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:draw 1.5s var(--ease-out) forwards}@keyframes draw{to{stroke-dashoffset:0}}.pop{opacity:0;animation:pop var(--duration-slow) var(--ease-spring) forwards}@keyframes pop{to{opacity:1;transform:none}}#intro svg polygon,#intro svg circle[fill]{fill:var(--fg-logo)}@media (prefers-reduced-motion:reduce){.draw{stroke-dashoffset:0;animation:none}.pop{opacity:1;animation:none}}
.btn{letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);background:var(--petrol);color:var(--on-dark);border:1px solid var(--petrol);cursor:pointer;transition:var(--duration-fast);align-items:center;gap:.6em;padding:.95rem 1.6rem;font-size:.78rem;font-weight:600;display:inline-flex}.btn:hover{background:var(--petrol-deep);border-color:var(--petrol-deep);transform:translateY(-2px)}.btn.ghost{background:color-mix(in srgb, var(--white) 10%, transparent);color:var(--fg);border-color:var(--line)}.btn.ghost:hover{background:var(--fg);color:var(--on-dark);border-color:var(--fg)}.btn.hero-secondary{color:var(--on-dark);background:color-mix(in srgb, var(--white) 18%, transparent);border-color:color-mix(in srgb, var(--white) 70%, transparent)}.btn.hero-secondary:hover{background:color-mix(in srgb, var(--white) 30%, transparent);border-color:var(--on-dark)}.btn.hero-secondary:focus-visible{outline:2px solid var(--on-dark);outline-offset:4px}.btn.light{background:var(--paper);color:var(--petrol);border-color:var(--paper)}.btn.light:hover{background:var(--surface);border-color:var(--surface);color:var(--petrol-deep)}header.over-dark .navtrigger{color:var(--on-dark)}header.over-dark .btn{background:var(--petrol);color:var(--on-dark);border-color:var(--petrol)}header .links a.btn,header .links a.btn:hover,header.over-dark .links a.btn,header.scrolled .links a.btn{color:var(--on-dark)!important}.navitem{position:relative}.navtrigger{letter-spacing:.02em;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;padding:.25rem 0;font-family:inherit;font-size:.82rem;font-weight:600;display:inline-flex}.navtrigger .caret{transition:transform var(--duration-base)}.navitem.open .navtrigger .caret{transform:rotate(180deg)}.dropmenu{background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--radius-menu);min-width:168px;box-shadow:var(--shadow-dropdown);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-menu) ease, transform var(--duration-menu) var(--ease-out);flex-direction:column;padding:.5rem;display:flex;position:absolute;top:calc(100% + .9rem);left:50%;transform:translate(-50%)translateY(-6px)}.navitem.open .dropmenu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.dropmenu a{letter-spacing:.02em;border-radius:var(--radius-menu-item);color:var(--fg);transition:background var(--duration-quick), color var(--duration-quick);padding:.55rem .75rem;font-size:.82rem;font-weight:600}.dropmenu a:after{display:none}header .links .dropmenu a:hover{background:var(--surface);color:var(--petrol)}.navitem.mega{position:static}.megamenu{background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--radius-lg);width:min(1340px,100vw - 2.5rem);max-height:min(78vh,720px);box-shadow:var(--shadow-panel);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-menu) ease, transform var(--duration-menu) var(--ease-out);grid-template-columns:230px 1fr 270px;gap:2rem;padding:1.5rem;display:grid;position:absolute;top:calc(100% + .5rem);left:50%;overflow:auto;transform:translate(-50%)translateY(-8px)}.navitem.open .megamenu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.megamenu a:after{display:none}.megaside{border-right:1px solid var(--line-soft);flex-direction:column;gap:.25rem;padding-right:1.5rem;display:flex}.megaside a{border-radius:var(--radius-menu-item);color:var(--fg);transition:background var(--duration-quick), color var(--duration-quick);padding:.6rem .85rem;font-size:.84rem;font-weight:600;line-height:1.3}header .links .megaside a:hover{background:var(--surface);color:var(--petrol)}header .links .megaside a.active,header .links .megaside a.active:hover{background:var(--petrol);color:var(--on-dark)}.megapanel{grid-template-columns:repeat(4,1fr);align-content:start;gap:2rem 0;display:grid}.megapanel[hidden]{display:none}.megacol{border-left:1px solid var(--line-soft);flex-direction:column;gap:2rem;padding-inline:1.25rem;display:flex}.megacol:first-child{border-left:0;padding-left:0}.megagroup h4{margin:0 0 .65rem}header .links .megagroup h4 a{letter-spacing:.12em;text-transform:uppercase;color:var(--petrol);padding:0;font-size:.68rem;font-weight:600;line-height:1.4}header .links .megagroup h4 a:hover{color:var(--petrol-deep)}.megagroup>a{color:var(--fg);transition:color var(--duration-quick);padding:.32rem 0;font-size:.84rem;font-weight:500;line-height:1.35;display:block}header .links .megagroup>a:hover{color:var(--petrol)}.megapromo{border-radius:var(--radius-lg);color:var(--on-dark);flex-direction:column;align-items:flex-start;gap:1rem;padding:1.75rem 1.5rem;display:flex;position:relative;overflow:hidden}.megapromo:after{content:"";pointer-events:none;background:var(--gradient-card-sheen);opacity:.75;position:absolute;inset:0}.megapromo>*{z-index:2;position:relative}.megapromo h4{font-family:var(--display);letter-spacing:-.01em;font-size:1.25rem;font-weight:500;line-height:1.15}.megapromo p{color:color-mix(in srgb, var(--white) 85%, transparent);font-size:.86rem;line-height:1.55}.megapromo .promonote{color:var(--on-dark);margin-top:.25rem;font-weight:600}.megapromo .btn{padding:.65rem 1.25rem;font-size:.72rem}.megapromo .btn.ghostlight{border-color:color-mix(in srgb, var(--white) 55%, transparent);background:0 0}.megapromo .btn.ghostlight:hover{background:color-mix(in srgb, var(--white) 12%, transparent);border-color:var(--on-dark);transform:none}header .links .megapromo a.btn.light{color:var(--petrol)!important}@media (max-width:1240px){.megamenu{grid-template-columns:210px 1fr}.megapromo{display:none}.megapanel{grid-template-columns:repeat(2,1fr);gap:2rem 1.5rem}.megacol{border-left:0;padding-inline:0}}.links>.navitem>.navtrigger,.links .naventry>a,.links .naventry>.navtrigger{white-space:nowrap;font-size:clamp(.875rem,1.15vw,1.125rem)}.naventry{align-items:center;gap:.4rem;display:flex}.naventry .navtrigger{justify-content:center;min-width:24px;min-height:32px}header.over-dark .naventry>a{color:var(--on-dark)}.naventry a:focus-visible,.naventry button:focus-visible{outline-offset:4px;outline:2px solid}
@layer base,ui;
