*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:#fff;background:#061622}a{text-decoration:none;color:inherit}
.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:.3s;padding:20px 4vw}
.site-header.scrolled{background:rgba(4,19,30,.94);backdrop-filter:blur(12px);padding:12px 4vw}
.header-inner{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:42px;height:42px;border:1px solid rgba(255,255,255,.55);display:grid;place-items:center;font:700 18px "Barlow Condensed";letter-spacing:.05em}
.brand-name{font:700 19px "Barlow Condensed";letter-spacing:.18em}

.brand-name b,
.brand-name small{display:block}
.brand-name b{font:100 24px/1 "Arial";letter-spacing:.2em}
.brand-name small{font:100 10px/1 "Arial";letter-spacing:1.23em;color:#fefdff;margin-top:5px}




.seal{
background-image:url("images/images.png");
width:43px;
height:43px;
}

.main-nav{display:flex;align-items:center;gap:25px;font-size:10px;font-weight:700;letter-spacing:.14em}
.main-nav a{opacity:.78}
.main-nav a:hover,.main-nav .nav-ai{opacity:1;color:#7fe7ff}.hero{min-height:100vh;background:linear-gradient(135deg,#061927,#0b3450 58%,#08718c);display:flex;align-items:center;padding:130px 7vw 80px;overflow:hidden}

.hero-grid{width:100%;max-width:1400px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.eyebrow{font-size:11px;letter-spacing:.28em;font-weight:700;opacity:.7;margin-bottom:24px}
.hero h1,.ai-heading h2,.contact-intro h2{font:600 clamp(52px,7vw,105px)/.88 "Barlow Condensed";letter-spacing:.025em;margin:0}
.hero h1 span{color:#8ae8ff}.hero-intro{max-width:650px;font-size:16px;line-height:1.9;opacity:.82;margin:32px 0}
.hero-actions{display:flex;align-items:center;gap:28px}.btn{display:inline-block;padding:16px 24px;font-size:11px;font-weight:800;letter-spacing:.13em}
.btn-light{background:#fff;color:#082132}.text-link{font-size:11px;font-weight:700;letter-spacing:.08em;opacity:.8}
.hero-visual{min-height:500px;position:relative}.device{position:absolute;border:2px solid rgba(255,255,255,.5);background:rgba(2,18,29,.45);box-shadow:0 25px 80px rgba(0,0,0,.25)}
.laptop{width:78%;height:300px;top:100px;left:7%;border-radius:15px;transform:perspective(900px) rotateY(-9deg) rotateX(4deg)}
.laptop:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-25px;height:18px;background:rgba(255,255,255,.35);border-radius:50%}
.screen{margin:15px;height:calc(100% - 30px);border:1px solid rgba(255,255,255,.22);padding:20px;position:relative}
.screen-top{display:block;width:38%;height:8px;background:#8ae8ff;margin-bottom:22px}
.screen-line{display:block;height:5px;background:rgba(255,255,255,.3);margin:10px 0}
.screen-line.l1{width:80%}.screen-line.l2{width:55%}.screen-card{position:absolute;left:20px;right:45%;bottom:20px;height:90px;border:1px solid rgba(255,255,255,.2)}.screen-card.small{left:60%;right:20px;height:55px}.phone{width:120px;height:230px;right:2%;bottom:65px;border-radius:20px;transform:rotate(9deg);padding:8px}.phone-screen{height:100%;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:linear-gradient(160deg,#0e6881,#8ae8ff22)}.orbit{position:absolute;border:1px solid rgba(138,232,255,.4);border-radius:50%}.o1{width:450px;height:450px;right:-30px;top:15px}.o2{width:560px;height:560px;right:-90px;top:-40px}.visual-tag{position:absolute;bottom:20px;left:0;font:500 18px/1 "Barlow Condensed";letter-spacing:.18em;opacity:.65}.visual-tag strong{font-size:34px;color:#8ae8ff}.service{position:relative;min-height:760px;padding:120px 8vw;overflow:hidden}.service-1{background:#0b3855}.service-2{background:#0d4667}.service-3{background:#075575}.service-4{background:#086b86}.service-5{background:#087e91}.section-number{position:absolute;top:55px;left:5vw;font:600 13px "Barlow Condensed";letter-spacing:.2em;opacity:.5}.service-content{max-width:1300px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;position:relative;z-index:2}.service-heading span,.ai-heading span{font-size:10px;letter-spacing:.28em;font-weight:700;opacity:.65}.service-heading h2{font:600 clamp(54px,6vw,92px)/.88 "Barlow Condensed";margin:18px 0;letter-spacing:.02em}.service-copy{padding-top:35px}.lead{font-size:21px;line-height:1.65;max-width:760px;margin:0 0 55px;font-weight:500}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.feature-grid article{padding:26px;border:1px solid rgba(255,255,255,.22);background:rgba(0,20,35,.12)}.feature-grid b{font-size:15px;letter-spacing:.02em}.feature-grid p{font-size:13px;line-height:1.75;opacity:.76;margin-bottom:0}.design-shape{position:absolute;right:-50px;bottom:-70px;width:430px;height:300px;display:flex;gap:12px;transform:rotate(-12deg);opacity:.25}.shape-window{flex:1;border:2px solid white}.tech-list{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:48px}.tech-list span{border:1px solid rgba(255,255,255,.3);padding:10px 14px;font-size:10px;font-weight:700;letter-spacing:.12em}.ai-section{min-height:820px;padding:120px 8vw;background:#03141f;position:relative;overflow:hidden}.ai-section:after{content:"";position:absolute;width:650px;height:650px;border-radius:50%;right:-220px;top:60px;background:radial-gradient(circle,#10c5dd2a 0,#10c5dd00 65%)}.ai-content{max-width:1300px;margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;position:relative;z-index:2}.ai-heading h2{color:#86ecff;margin-top:18px}.ai-copy{padding-top:40px}.ai-lead{font-size:20px;line-height:1.7;max-width:700px}.ai-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:38px 0}.ai-card{border:1px solid #1b5264;background:#071f2b;padding:25px;min-height:150px}.ai-card i{display:block;font:600 12px "Barlow Condensed";color:#76e9ff;margin-bottom:25px}.ai-card b{font-size:13px;letter-spacing:.1em}.ai-card p{font-size:12px;line-height:1.65;opacity:.7}.btn-ai{background:#86ecff;color:#03141f}.contact-section{background:#eaf1f2;color:#09202b;padding:110px 8vw}.contact-wrap{max-width:1250px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.contact-intro h2{font-size:76px;color:#092b3d}.contact-intro p{line-height:1.8;max-width:450px;color:#4d6570}.contact-form{background:#fff;padding:45px;box-shadow:0 25px 60px #08212b12}.contact-form label{display:block;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:22px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;margin-top:9px;border:0;border-bottom:1px solid #c5d2d6;background:#f8fafb;padding:14px;font:14px Montserrat;color:#09202b;outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-bottom-color:#0a7690}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.consent{display:flex!important;gap:9px;align-items:flex-start;text-transform:none!important;letter-spacing:0!important;font-size:10px!important;font-weight:500!important}.consent input{width:auto;margin:0}.submit-btn{width:100%;border:0;background:#092c3e;color:#fff;padding:18px;font:800 11px Montserrat;letter-spacing:.13em;cursor:pointer}.submit-btn span{float:right;font-size:17px}.honeypot{position:absolute!important;left:-9999px!important}.site-footer{background:#04121b;padding:30px 7vw;display:flex;justify-content:space-between;align-items:center;color:#fff}.site-footer strong{font:700 18px "Barlow Condensed";letter-spacing:.18em}.site-footer span{font-size:10px;opacity:.55;margin-left:20px}.site-footer a{font-size:10px;letter-spacing:.12em}@media(max-width:900px){.main-nav{gap:10px}.main-nav a:nth-child(-n+5){display:none}.hero-grid,.service-content,.ai-content,.contact-wrap{grid-template-columns:1fr}.hero{padding-top:140px}.hero-visual{min-height:400px}.service{min-height:auto;padding:100px 7vw}.service-copy{padding-top:0}.feature-grid,.ai-grid{grid-template-columns:1fr}.contact-wrap{gap:50px}.contact-section{padding:80px 7vw}.contact-intro h2{font-size:60px}.site-footer{display:block}.site-footer div+div{margin-top:18px}}@media(max-width:560px){.brand-name{font-size:15px}.hero h1{font-size:53px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-visual{min-height:320px}.laptop{height:205px}.phone{width:85px;height:165px}.service-heading h2{font-size:55px}.lead{font-size:17px}.form-row{grid-template-columns:1fr}.contact-form{padding:25px}.main-nav a:last-child{display:none}}



.service-image{display:block;width:100%;height:230px;object-fit:cover;margin:0 0 42px;border:1px solid rgba(255,255,255,.22);filter:saturate(.9);box-shadow:0 18px 50px rgba(0,0,0,.16)}
.service-image-social{margin-top:-22px;object-position:center 45%}
.service-copy-maintenance{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.service-copy-maintenance .lead,.service-copy-maintenance .feature-grid{grid-column:1/-1}
.service-copy-maintenance .service-image{margin-bottom:12px}
.back-top{background:none;border:0;color:#fff;font:700 10px Montserrat;letter-spacing:.12em;cursor:pointer;padding:0}
.back-top:hover{color:#86ecff}
@media(max-width:900px){.service-copy-maintenance{display:block}.service-copy-maintenance .service-image{margin-bottom:20px}}

.service-1 .service-image{object-position:center 52%}
.service-2 .service-image{object-position:center 50%}
.service-3 .service-image{object-position:center 55%}
.service-4 .service-image{object-position:center 48%}
.service-5 .service-image{object-position:center 50%}

.menu-toggle{display:none;background:transparent;border:0;padding:8px;cursor:pointer;z-index:1100}
.menu-toggle span{display:block;width:27px;height:2px;background:#fff;margin:5px 0;transition:.25s}
@media(max-width:700px){
  .site-header{padding:14px 5vw}
  .header-inner{position:relative}
  .menu-toggle{display:block}
  .main-nav{
    position:absolute;top:56px;right:0;width:min(290px,88vw);
    display:flex;flex-direction:column;align-items:stretch;gap:0;
    background:rgba(4,19,30,.98);border:1px solid rgba(255,255,255,.14);
    backdrop-filter:blur(15px);padding:10px 0;
    opacity:0;visibility:hidden;transform:translateY(-10px);
    transition:.25s ease;
  }
  .main-nav.open{opacity:1;visibility:visible;transform:translateY(0)}
  .main-nav a,.main-nav a:nth-child(-n+5),.main-nav a:last-child{
    display:block;text-align:left;padding:14px 22px;font-size:11px;opacity:.9;
  }
  .main-nav a:hover{background:rgba(134,236,255,.08)}
  .menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-toggle.active span:nth-child(2){opacity:0}
  .menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}