@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{--font:Manrope,'Segoe UI',Arial,sans-serif;--electric:#65b9ff;--night:#041224;--surface:#0b223b}
body{background:var(--night)}
.announcement{background:#020b17;color:#99b3cc;border-color:#8cacd921}
.site-header{background:#05162ce8;border-bottom:1px solid #bad3ed21;box-shadow:0 12px 45px #00000020}
.nav-wrap{min-height:92px}
nav#navigation{color:#c9d9e9}
nav#navigation>a:hover,nav#navigation>a[aria-current]{color:#ecc779}
nav#navigation .nav-contact{border-color:#98b7d947;background:#14365b56}
.menu-toggle{color:#e5eef9}
.brand--dark .brand-crop{border-radius:2px}
.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 75% 40%,#12447455,transparent 56%),#031329}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#8cbaea09 1px,transparent 1px),linear-gradient(90deg,#8cbaea09 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent)}
.constellation{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.55}
.hero-aura{position:absolute;left:40%;top:0;width:58%;height:70%;background:radial-gradient(ellipse,#15579b55,transparent 65%);filter:blur(30px);z-index:-1;animation:aurora 13s ease-in-out infinite alternate;pointer-events:none}
.hero-layout{padding-block:70px;gap:60px;perspective:1200px}
.hero h1{font-size:clamp(3.1rem,5vw,4.6rem);font-weight:450;letter-spacing:-.06em;line-height:1.09}
.hero h1 em{background:linear-gradient(115deg,#ecc779 20%,#fff1c2 45%,#c58b22 65%,#ecc779 85%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gold-shift 10s ease-in-out infinite}
.hero .eyebrow{letter-spacing:.13em;color:#c4a765;font-size:.75rem}
.hero-description{font-size:1.06rem;color:#aec5dc}
.hero-brand{background:#001632;border-color:#84b6e343;box-shadow:0 0 55px #1576c72b,0 30px 60px #0005;transform:rotateY(-5deg) rotateX(2deg);transition:transform .35s ease,box-shadow .35s;will-change:transform;border-radius:14px;overflow:hidden}
.hero-brand:before,.hero-brand:after{content:'';position:absolute;pointer-events:none;z-index:1}
.hero-brand:before{inset:0;border-radius:inherit;box-shadow:inset 0 0 40px #267bd012;border:1px solid #ffffff05}
.hero-brand:after{top:-50%;left:-100%;width:40%;height:200%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,#b0dfff08,transparent);animation:light-sweep 12s ease-in-out infinite}
.hero-brand-top{color:#9bb8d3;top:24px;left:26px;right:26px}
.hero-brand-bottom{color:#99b2cc;border-color:#6ea6d936;bottom:26px;left:26px;right:26px}
.hero-brand-bottom strong{color:#d1e3f5}
.hero-principles{position:relative;border-color:#75a6d830;min-height:88px}
.hero-principles>span{color:#c5d8e9}
.button{border-radius:7px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.button--primary{background:linear-gradient(115deg,#edca81,#d8ad53);box-shadow:0 5px 25px #d8ad5312}
.button--primary:hover{box-shadow:0 5px 30px #e7c27240;transform:translateY(-3px)}
.button--ghost:hover{box-shadow:0 0 24px #72b9ef16;border-color:#8ab5df66}
.solutions,.segments,.method,.faq-section{background:var(--night);color:#ecf3fc;position:relative}
.section-heading h2 span,.segments h2 span,.faq-section h2 span{color:#849fb9}
.solutions p,.segments p,.method p,.faq-section p{color:#a4bad0}
.solutions .eyebrow,.segments .eyebrow,.method .eyebrow,.faq-section .eyebrow{color:#d5b46d}
.solutions .section-heading h2,.segments h2,.method h2,.faq-section h2{font-weight:420}
.filter-bar{border-color:#7695b42b}
.filter{color:#a8bfd5}
.filter.is-active{background:#193e63;color:#f1d99f;box-shadow:inset 0 0 0 1px #b6cce333}
.filter:not(.is-active):hover{background:#153453;color:#fff}
.service-card{position:relative;isolation:isolate;background:linear-gradient(140deg,#102943,#091d33);border-color:#8ab3d526;border-radius:12px;padding:31px;color:#e0edfa;overflow:hidden;box-shadow:0 12px 40px #00000012}
.service-card:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(240px circle at var(--pointer-x,50%) var(--pointer-y,0%),#427aad26,transparent 75%);opacity:0;transition:opacity .35s}
.service-card:hover{background:linear-gradient(140deg,#142f4e,#0a2038);border-color:#8bc8ff66;box-shadow:0 15px 45px #00102070;transform:translateY(-5px)}
.service-card:hover:before{opacity:1}
.service-card h3{color:#edf5ff;font-weight:550}
.service-card>p{color:#a3bbd2}
.service-index{color:#839db6}
.service-card-top>.icon{color:#ecc779}
.service-card-bottom{border-color:#799eb72b;color:#b4cbe0}
.service-card:hover .service-card-bottom{color:#f0ce89}
.cloud-section{background:linear-gradient(125deg,#0c2846,#061a32 70%);border-block:1px solid #83b0d622;overflow:hidden}
.cloud-directory{background:#0a1e35cc;border-color:#729cc751;border-radius:16px;box-shadow:0 25px 70px #0004,inset 0 1px #d6eaff17}
.cloud-directory-heading{border-color:#7398bc33}
.directory-icon{background:#183f64;border:1px solid #77b4dd29;border-radius:11px;color:#9ec8ed}
.segment-list>a{border-color:#8daac32b}
.segment-list h3{color:#d7e7f5}
.segment-list>a:hover h3{color:#f0ce89}
.segment-list>a>.icon{color:#b09b67}
.regimes>span{border-color:#789ab33b;color:#94aec7;background:#0b2238}
.about{background:#eef3f8}
.about-mark{border-radius:14px;overflow:hidden;box-shadow:0 25px 60px #13344f12}
.history{background:linear-gradient(140deg,#0c2540,#051326);border-top:1px solid #739dc633;color:#e5eff8}
.history-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:90px;align-items:center}
.history-layout>div>p:not(.eyebrow){max-width:390px;color:#a9bfd5;font-size:1rem}
.history .eyebrow{color:#c6a45d}
.history h2{line-height:1.2}
.history-timeline{margin:0;padding:0;list-style:none;position:relative}
.history-timeline:before{content:'';position:absolute;left:24px;top:26px;bottom:44px;width:1px;background:linear-gradient(#516e8b,#d8ad53)}
.history-timeline li{position:relative;display:flex;gap:25px;padding-block:22px}
.timeline-node{display:grid;place-items:center;align-self:flex-start;flex-shrink:0;width:48px;height:48px;border:1px solid #779bbe66;border-radius:50%;background:#0b2540;color:#b7cfe5;font-size:.8rem}
.history-timeline li:last-child .timeline-node{border-color:#dfba6a;color:#f0d49a;box-shadow:0 0 30px #d8ad531a}
.history-period{color:#adbece;font-size:.7rem;letter-spacing:.11em;display:block;margin:0 0 12px}
.history-timeline h3{color:#e1edf9;font-size:1.35rem;line-height:1.4;margin-bottom:12px}
.history-timeline p{color:#98b2cb;font-size:.95rem;line-height:1.85;margin-bottom:0}
.process li{border-color:#c3a36563}
.step-number{color:#e0bd71}
.ecosystem{border-color:#7699b638}
.ecosystem>span{color:#a1b8cc}
.faq-list details{border-color:#7491b13b}
.faq-list summary{color:#d7e7f7}
.faq-list summary>.icon{color:#e5c681}
.contact-banner{background:radial-gradient(ellipse at 90% 20%,#1b436846,transparent),#102b47;color:#e8f3ff;border-top:1px solid #729abd30}
.contact-banner .eyebrow{color:#d5b46d}
.footer{background:#020d1b;border-top:1px solid #7597b92b}
.footer-bottom{flex-wrap:wrap;font-size:.7rem}
.whatsapp-float{background:#0c2a46;border-color:#d6b062;box-shadow:0 0 30px #53a4dd22}
.service-hero{background:radial-gradient(ellipse at 90% 0,#164e7b4a,transparent 65%),#071a30}
.service-aside{border-radius:15px;background:#102b49;box-shadow:0 20px 50px #0002}
.service-hero+.section,.legal,.not-found{color:#dceaf8}
.service-hero+.section p,.legal p,.not-found p{color:#a7bfd5}
.service-hero+.section h2 span{color:#8facc6}
.detail-features article{border-color:#7397ba3a}
.related-section{background:#081b2f;color:#e7f0f9}
.related-section .eyebrow{color:#d8b977}
.contact-page{background:radial-gradient(ellipse at 20% 0,#12497635,transparent 60%),#06182c;color:#e0edf9}
.contact-layout h1 em{color:#e6c078}
.contact-page .lead,.contact-service-note{color:#abc1d7}
.contact-page .eyebrow{color:#d3b16f}
.contact-options>a{border-color:#7aa0c139}
.contact-options strong{color:#e4edf7}
.contact-options small,.contact-options>a>span>span{color:#9fb9d3}
.contact-options>a:hover strong{color:#efd496}
.client-box{background:#102d4a;border:1px solid #7ba7cc33;border-radius:12px}
.client-box p{color:#a6bfd5}
.button--outline{border-color:#749abe66;color:inherit}
.button--outline:hover{background:#1c3f5d}
.motion-toggle{position:fixed;bottom:27px;left:24px;z-index:40;display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 12px;border:1px solid #91b7d94d;border-radius:30px;background:#081c30e8;backdrop-filter:blur(10px);color:#aac2d9;font-size:.7rem;box-shadow:0 3px 20px #0002}
.motion-toggle:hover{color:#efd49a;border-color:#d5b87788}
.motion-toggle svg{width:13px;height:13px}
.has-motion .reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}
.has-motion .reveal.is-visible{opacity:1;transform:none}
.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}
.motion-paused .hero-brand{transform:none!important}
.motion-paused .reveal{opacity:1;transform:none;transition:none}
.motion-paused .service-card:hover,.motion-paused .button:hover{transform:none}
@keyframes aurora{0%{transform:translate(-8%,5%) scale(.9)}100%{transform:translate(7%,10%) scale(1.1)}}
@keyframes gold-shift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes light-sweep{0%,70%{left:-100%}100%{left:160%}}
@media(max-width:980px){.hero-layout{gap:30px}.hero h1{font-size:3.1rem}nav#navigation{background:#071c33;border-color:#8badce33}.history-layout{gap:45px}}
@media(max-width:720px){.hero-layout{padding-block:45px;gap:38px}.hero h1{font-size:clamp(2.65rem,9.6vw,4rem)}.hero-brand{transform:none;max-width:440px}.hero-brand-top{font-size:.7rem}.hero .eyebrow{font-size:.65rem}.hero-description{font-size:1rem}.history-layout{grid-template-columns:1fr;gap:23px}.history-timeline li{gap:18px}.history-timeline h3{font-size:1.15rem}.motion-toggle{bottom:21px;left:15px;font-size:.65rem;padding:7px 10px}.footer-bottom{padding-bottom:76px}.service-card{padding:25px}.nav-wrap{min-height:78px}.hero-brand-bottom{bottom:20px;left:22px;right:22px}.about-values{color:#18354c}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero-brand{transform:none}.has-motion .reveal{opacity:1;transform:none}.constellation{opacity:.3}}
@media print{body{background:white!important}body *{color:#071b33!important;background:none!important;box-shadow:none!important;text-shadow:none!important}body *:before,body *:after{display:none!important}.hero h1 em{-webkit-text-fill-color:#071b33!important;background-clip:initial;-webkit-background-clip:initial}.site-header,.announcement,.constellation,.hero-aura,.motion-toggle,.whatsapp-float{display:none!important}.has-motion .reveal{opacity:1;transform:none}.hero-brand,.about-mark{break-inside:avoid}.hero-brand img{background:#001630!important}}
