:root{--bg:#07142d;--bg2:#0b1f42;--surface:#0d244b;--surface2:#102b58;--text:#eef6ff;--muted:#9db0cb;--line:rgba(255,255,255,.1);--primary:#1db7ff;--secondary:#7b45ff;--accent:#00e0c6;--white:#fff;--shadow:0 30px 80px rgba(0,0,0,.35);--radius:24px;--container:1180px}
html[data-theme="light"]{--bg:#f6f9ff;--bg2:#eef4ff;--surface:#fff;--surface2:#f7faff;--text:#0c1a33;--muted:#5f708b;--line:rgba(10,30,70,.1);--shadow:0 30px 80px rgba(47,78,130,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(var(--container),calc(100% - 40px));margin:auto}.section{position:relative;padding:110px 0}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;transition:.3s}.site-header.scrolled{background:rgba(7,20,45,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}html[data-theme="light"] .site-header.scrolled{background:rgba(246,249,255,.88)}.nav-wrap{height:86px;display:flex;align-items:center;gap:28px}.brand{width:210px}.brand img{width:100%}.main-nav{display:flex;gap:28px;margin-left:auto}.main-nav a{font-size:.92rem;color:var(--muted);font-weight:600;transition:.25s}.main-nav a:hover{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:10px}.lang-btn,.theme-btn,.menu-toggle{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);border-radius:12px;height:42px;min-width:42px;cursor:pointer}.lang-btn{font-weight:800;font-size:.78rem}.theme-btn{font-size:1.1rem}.menu-toggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:13px;padding:14px 21px;font-weight:800;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-sm{padding:10px 16px;font-size:.88rem}.btn-primary{background:linear-gradient(135deg,#14b8ff,#7a42ff);color:#fff;box-shadow:0 12px 28px rgba(54,113,255,.28)}.btn-ghost{border-color:var(--line);background:rgba(255,255,255,.03)}.btn-light{background:#fff;color:#101d3d}.full{width:100%}.hero{min-height:920px;padding-top:180px;background:radial-gradient(circle at 70% 20%,rgba(87,62,255,.18),transparent 28%),radial-gradient(circle at 20% 30%,rgba(0,203,255,.1),transparent 30%)}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:70px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#5edaff;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:800}.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px var(--accent)}h1,h2,h3{font-family:"Space Grotesk",sans-serif;line-height:1.08;margin:0}h1{font-size:clamp(3.3rem,6vw,6.3rem);letter-spacing:-.055em;margin-top:25px;max-width:780px}.gradient-text{background:linear-gradient(90deg,#1bdcff,#8c4cff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:1.15rem;color:var(--muted);max-width:690px;margin:28px 0 32px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-trust{display:flex;gap:38px;margin-top:52px;padding-top:28px;border-top:1px solid var(--line)}.hero-trust div{display:grid}.hero-trust strong{font-size:1rem}.hero-trust span{font-size:.78rem;color:var(--muted)}.hero-visual{position:relative;min-height:570px;display:grid;place-items:center}.dashboard-card{position:relative;width:100%;padding:28px;border-radius:28px;background:linear-gradient(145deg,rgba(18,45,91,.95),rgba(8,23,51,.92));border:1px solid rgba(255,255,255,.11);box-shadow:var(--shadow);transform:perspective(1200px) rotateY(-7deg) rotateX(3deg);overflow:hidden}.dashboard-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.045),transparent);transform:translateX(-100%);animation:shimmer 5s infinite}.dash-top,.dash-bottom{display:flex;align-items:center;justify-content:space-between}.mini-brand{font-weight:800}.status{font-size:.75rem;color:#99ffc9}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#33ef8a;margin-right:6px}.dash-kpis{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.dash-kpis div{padding:18px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:16px}.dash-kpis span,.dash-kpis small{display:block;color:var(--muted);font-size:.75rem}.dash-kpis strong{font-size:2rem}.dash-kpis small{color:#5bf0b1}.chart-wrap{height:230px;position:relative;padding-top:20px}.chart-wrap svg{position:absolute;inset:10px 0 0;width:100%;height:100%}.chart-grid{height:100%;background:repeating-linear-gradient(to bottom,transparent 0 44px,rgba(255,255,255,.06) 45px)}.dash-bottom{justify-content:flex-start;gap:10px}.dash-bottom span{font-size:.7rem;border:1px solid var(--line);padding:6px 10px;border-radius:999px;color:var(--muted)}.floating-card{position:absolute;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.12);background:rgba(10,29,62,.9);backdrop-filter:blur(16px);border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.3)}.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:.82rem}.floating-card small{font-size:.68rem;color:var(--muted)}.icon-box{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#11c9ff,#7543ff)}.fc-one{left:-35px;bottom:85px}.fc-two{right:-15px;top:85px}.hero-orb{position:absolute;border-radius:50%;filter:blur(15px);opacity:.55}.orb-one{width:160px;height:160px;background:#7a42ff;right:5%;top:22%}.orb-two{width:110px;height:110px;background:#00d6ff;left:3%;bottom:22%}.hero-strip{display:flex;align-items:center;gap:30px;margin-top:100px;color:var(--muted);font-size:.9rem}.strip-line{height:1px;background:linear-gradient(90deg,var(--line),transparent);flex:1}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.section-heading h2{font-size:clamp(2.5rem,4.3vw,4.7rem);letter-spacing:-.045em;margin-top:18px}.section-heading.centered{text-align:center;max-width:830px;margin:0 auto 58px}.section-heading.centered p{max-width:650px;margin:20px auto 0;color:var(--muted)}.about{background:var(--bg2)}.about-copy p{font-size:1.12rem;color:var(--muted);margin:0 0 18px}.values{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.values span,.feature-pills span{padding:9px 13px;border:1px solid var(--line);border-radius:999px;font-size:.8rem;font-weight:700}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{position:relative;min-height:280px;padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.015));transition:.3s;overflow:hidden}.service-card:hover{transform:translateY(-7px);border-color:rgba(57,190,255,.35)}.service-card.feature{grid-row:span 2;min-height:578px;background:linear-gradient(155deg,rgba(17,199,255,.13),rgba(114,62,255,.12))}.service-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,rgba(16,200,255,.2),rgba(118,60,255,.22));border:1px solid rgba(65,198,255,.22);font-size:1.3rem}.service-card .num{position:absolute;right:24px;top:28px;font-size:.72rem;color:var(--muted)}.service-card h3{font-size:1.35rem;margin:36px 0 14px}.service-card p{color:var(--muted);margin:0}.service-card ul{list-style:none;padding:0;margin:60px 0 0;display:grid;gap:15px}.service-card li{padding-top:14px;border-top:1px solid var(--line);font-weight:700}.ecollect{padding:80px 0}.ecollect-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;padding:75px;border-radius:36px;background:radial-gradient(circle at 80% 20%,rgba(36,213,255,.2),transparent 26%),linear-gradient(135deg,#1b55b6,#5b31ca 66%,#7d39d7);box-shadow:0 35px 90px rgba(27,46,137,.35);overflow:hidden}.product-label{display:inline-flex;align-items:center;gap:9px;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.product-label i{width:8px;height:8px;border-radius:50%;background:#7ef6ce}.ecollect-copy h2{font-size:clamp(4rem,7vw,7rem);margin-top:18px}.ecollect-copy h3{font-size:1.8rem;margin:10px 0 20px}.ecollect-copy p{color:rgba(255,255,255,.78)}.feature-pills{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 32px}.feature-pills span{border-color:rgba(255,255,255,.23);background:rgba(255,255,255,.08);color:#fff}.ecollect-visual{position:relative}.browser{border:1px solid rgba(255,255,255,.25);background:#eef4ff;border-radius:20px;overflow:hidden;box-shadow:0 28px 70px rgba(4,11,46,.4);transform:rotate(2deg)}.browser-top{height:38px;background:#dfe8f7;display:flex;align-items:center;gap:6px;padding:0 12px}.browser-top>span{width:7px;height:7px;border-radius:50%;background:#8fa0bc}.browser-top div{margin:auto;background:white;color:#7a879c;font-size:.58rem;padding:4px 45px;border-radius:8px}.app-layout{display:grid;grid-template-columns:55px 1fr;min-height:360px;color:#152344}.app-layout aside{background:#0b2a63;display:flex;flex-direction:column;align-items:center;gap:24px;padding:18px 0}.app-layout aside b{color:#fff}.app-layout aside i{width:16px;height:16px;border-radius:5px;background:rgba(255,255,255,.18)}.app-main{padding:24px}.app-head{display:flex;justify-content:space-between;align-items:center;font-weight:800}.app-head small{font-size:.65rem;color:#71809a}.app-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.app-stats div{background:white;border-radius:13px;padding:15px;box-shadow:0 8px 30px rgba(23,55,100,.08)}.app-stats small,.app-stats strong,.app-stats em{display:block}.app-stats small{font-size:.65rem;color:#7b8799}.app-stats strong{font-size:1.35rem}.app-stats em{font-size:.62rem;color:#24b77f}.app-chart{height:180px;background:white;border-radius:14px;padding:18px;position:relative;display:flex;justify-content:space-around;align-items:flex-end;color:#7f8a9f;font-size:.55rem}.bars{position:absolute;inset:18px 18px 35px;display:flex;align-items:flex-end;justify-content:space-around}.bars i{width:8%;background:linear-gradient(#4b8fff,#7447df);border-radius:6px 6px 2px 2px}.secure-badge{position:absolute;right:-22px;bottom:-26px;background:#fff;color:#142348;padding:16px 22px;border-radius:15px;box-shadow:0 18px 35px rgba(11,26,75,.26)}.secure-badge strong,.secure-badge span{display:block}.secure-badge strong{font-size:1.4rem}.secure-badge span{font-size:.7rem;color:#71809a}.process{background:var(--bg2)}.process-track{display:grid;grid-template-columns:repeat(4,1fr);position:relative;gap:25px}.process-track:before{content:"";position:absolute;top:57px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,#1ed2ff,#7845ff)}.process-track article{position:relative;text-align:center}.process-track article>span{font-size:.7rem;color:var(--muted)}.process-icon{position:relative;z-index:2;width:70px;height:70px;margin:15px auto 22px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid rgba(63,191,255,.3);font-size:1.3rem;box-shadow:0 0 0 10px var(--bg2)}.process-track h3{font-size:1.2rem}.process-track p{color:var(--muted);font-size:.9rem}.sectors-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.sector-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sector-list span{padding:18px;border:1px solid var(--line);border-radius:14px;font-weight:700;background:rgba(255,255,255,.02)}.contact{padding-top:70px}.contact-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;padding:65px;border-radius:34px;background:linear-gradient(145deg,#0d2b60,#132759);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow)}.contact-copy h2{font-size:clamp(2.6rem,4vw,4.4rem);margin:18px 0}.contact-copy>p{color:#a8bad6}.eyebrow.light{color:#7be7ff}.contact-details{display:grid;gap:20px;margin-top:38px}.contact-details>a,.contact-details>div{display:flex;align-items:flex-start;gap:14px}.contact-details>*>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.08)}.contact-details small,.contact-details strong{display:block}.contact-details small{color:#91a5c4;font-size:.72rem}.contact-details strong{font-size:.88rem;max-width:420px}.contact-form{background:#fff;color:#17233e;padding:28px;border-radius:22px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{display:grid;gap:7px;margin-bottom:15px;font-size:.78rem;font-weight:800}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid #d9e1ee;background:#f8faff;border-radius:11px;padding:12px 13px;outline:none;color:#17233e}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#4e8eff;box-shadow:0 0 0 3px rgba(78,142,255,.13)}.form-note{font-size:.7rem;color:#7b879a;text-align:center;margin:10px 0 0}.site-footer{padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px;padding-bottom:48px;border-bottom:1px solid var(--line)}.footer-brand img{width:220px}.footer-brand p{color:var(--muted);max-width:300px}.footer-grid h4{font-size:.85rem;margin:0 0 18px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:10px}.footer-grid a,.footer-grid span{font-size:.85rem;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;padding-top:22px;font-size:.78rem;color:var(--muted)}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}.delay-3{transition-delay:.32s}@keyframes shimmer{0%{transform:translateX(-100%)}45%,100%{transform:translateX(130%)}}
@media(max-width:1050px){.main-nav{display:none}.nav-actions .btn{display:none}.menu-toggle{display:block;margin-left:auto}.menu-toggle span{display:block;width:18px;height:2px;background:currentColor;margin:5px}.main-nav.open{position:fixed;display:flex;flex-direction:column;inset:86px 0 0;background:var(--bg);padding:40px;gap:25px;font-size:1.4rem}.hero-grid,.two-col,.ecollect-shell,.sectors-grid,.contact-shell{grid-template-columns:1fr}.hero{padding-top:150px}.hero-visual{min-height:500px}.services-grid{grid-template-columns:1fr 1fr}.service-card.feature{grid-row:auto;min-height:330px}.process-track{grid-template-columns:1fr 1fr}.process-track:before{display:none}.ecollect-shell{padding:50px}.contact-shell{padding:45px}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}}
@media(max-width:680px){.container{width:min(100% - 24px,var(--container))}.section{padding:78px 0}.nav-wrap{height:74px}.brand{width:170px}.main-nav.open{inset:74px 0 0}.hero{min-height:auto;padding-top:125px}.hero-grid{gap:35px}.hero h1{font-size:3.4rem}.hero-trust{gap:18px;display:grid;grid-template-columns:repeat(3,1fr)}.hero-visual{min-height:390px}.dashboard-card{transform:none;padding:18px}.dash-kpis strong{font-size:1.35rem}.chart-wrap{height:170px}.floating-card{display:none}.hero-strip{margin-top:45px}.services-grid,.process-track,.sector-list,.field-row{grid-template-columns:1fr}.service-card,.service-card.feature{min-height:auto}.service-card ul{margin-top:30px}.ecollect-shell,.contact-shell{padding:28px;border-radius:24px}.ecollect-copy h2{font-size:4.2rem}.browser{transform:none}.app-layout{grid-template-columns:42px 1fr}.app-main{padding:14px}.app-stats{grid-template-columns:1fr}.app-chart{height:140px}.secure-badge{right:8px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/3}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{gap:20px;flex-direction:column}.contact-form{padding:20px}.theme-btn{display:none}}

/* Logo visibility: official logo displayed on a permanent white support */
.brand{
  width:230px;
  padding:8px 12px;
  background:#fff;
  border:1px solid rgba(13,35,78,.10);
  border-radius:14px;
  box-shadow:0 10px 28px rgba(3,18,48,.16);
  flex:0 0 auto;
}
.brand img{
  width:100%;
  height:auto;
  object-fit:contain;
}
.footer-brand img{
  width:230px;
  padding:9px 13px;
  background:#fff;
  border:1px solid rgba(13,35,78,.10);
  border-radius:14px;
  box-shadow:0 10px 28px rgba(3,18,48,.14);
}
@media(max-width:680px){
  .brand{width:178px;padding:6px 9px;border-radius:11px}
  .footer-brand img{width:205px}
}