:root{--navy:#0b1730;--deep:#081124;--blue:#155eef;--cyan:#06b6d4;--muted:#63728a;--soft:#f3f7fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;color:#17233b;background:#fff}a{text-decoration:none}h1,h2,h3,h4,h5{font-weight:750;letter-spacing:-.035em}h2{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.15;margin-bottom:1.25rem}.text-blue{color:var(--blue)}.text-cyan{color:#37d9f5}.text-muted-custom{color:var(--muted);line-height:1.85}.section-pad{padding:110px 0}.section-soft{background:var(--soft)}.section-dark{background:var(--navy);color:white}.section-label{font-size:.75rem;font-weight:800;letter-spacing:.18em;color:var(--blue);margin-bottom:18px}.section-dark .section-label{color:#64d9ee}.section-intro{max-width:670px;color:var(--muted);line-height:1.8;margin:0 auto 50px}.section-dark .section-intro{color:#b5c2d6;margin-left:0}.navbar{padding:17px 0;transition:.2s;background:rgba(8,17,36,.94);backdrop-filter:blur(15px)}.navbar.scrolled{box-shadow:0 8px 30px #0002;padding:11px 0}.navbar-brand{font-size:1.6rem;letter-spacing:-.06em;position:relative;display:flex;align-items:center}.brand-mark{display:inline-grid;place-items:center;width:35px;height:35px;background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:10px;margin-right:9px;font-size:1.2rem;letter-spacing:0}.brand-sub{position:absolute;bottom:-10px;right:0;font-size:.48rem;letter-spacing:.25em;color:#aebcd1}.navbar .nav-link{color:#d6e2f2;font-size:.88rem;font-weight:600}.navbar .nav-link:hover,.navbar .nav-link.active{color:#6fe8fa}.btn-brand{background:linear-gradient(120deg,#155eef,#087ddf);border:1px solid #287df9;color:white;font-weight:650;box-shadow:0 7px 20px #155eef30}.btn-brand:hover{background:#0c49c8;color:white}.btn-lg{padding:13px 24px;font-size:.96rem;border-radius:10px}.hero{min-height:750px;padding:175px 0 125px;background:radial-gradient(circle at 85% 42%,#123e77 0%,transparent 35%),linear-gradient(120deg,#081124,#0b1d3c);color:#fff;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to right,transparent,#000)}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid #ffffff29;border-radius:30px;color:#aeeafa;font-size:.69rem;font-weight:750;letter-spacing:.14em;margin-bottom:28px}.pulse,.status-dot{width:8px;height:8px;border-radius:50%;background:#1cdaab;display:inline-block;box-shadow:0 0 12px #1cdaab}.hero h1{font-size:clamp(3rem,5.2vw,5.4rem);line-height:1.06;letter-spacing:-.06em;margin-bottom:24px}.gradient-text{background:linear-gradient(100deg,#64dfff,#7e9eff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-lead{font-size:1.13rem;line-height:1.85;color:#b8c9df;max-width:640px}.hero-points{display:flex;flex-wrap:wrap;gap:22px;color:#c3d1e4;font-size:.83rem}.hero-points i{color:#28d2b5;margin-right:5px}.visual-shell{background:linear-gradient(145deg,#193b6a99,#0b1830ee);border:1px solid #5a93e044;border-radius:22px;box-shadow:0 30px 80px #0006;overflow:hidden;min-height:405px}.visual-top,.visual-bottom{display:flex;justify-content:space-between;padding:20px 24px;font-size:.7rem;letter-spacing:.1em;color:#a9bfdc;border-bottom:1px solid #ffffff17}.visual-bottom{border-top:1px solid #ffffff17;border-bottom:0;letter-spacing:0}.dot-blue{color:#55c7f7;font-size:.45rem}.visual-center{height:315px;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#155eef29 0%,transparent 65%)}.visual-center:before,.visual-center:after{content:"";position:absolute;width:260px;height:260px;border:1px dashed #7dbaff44;border-radius:50%}.visual-center:after{width:190px;height:190px}.core{position:relative;z-index:2;width:145px;height:145px;border-radius:26px;background:linear-gradient(140deg,#195be2,#0b9dd1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;box-shadow:0 0 70px #159cff55;text-align:center;font-size:.8rem;font-weight:800;letter-spacing:.07em}.core i{font-size:2.4rem}.orbit{position:absolute;z-index:3;width:48px;height:48px;border:1px solid #65cfff6b;border-radius:14px;display:grid;place-items:center;background:#102c55;color:#7cdbf9;font-size:1.4rem}.orbit-one{top:22px;left:24%}.orbit-two{top:40px;right:15%}.orbit-three{bottom:25px;left:16%}.orbit-four{bottom:25px;right:18%}.feature-card,.service-card,.portfolio-card{height:100%;background:#fff;border:1px solid #e5ebf4;border-radius:16px;padding:28px;transition:.25s}.feature-card:hover,.service-card:hover,.portfolio-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #172b4d12;border-color:#c9dcf9}.feature-icon,.service-icon{width:54px;height:54px;border-radius:13px;display:grid;place-items:center;background:#eaf2ff;color:var(--blue);font-size:1.5rem;margin-bottom:22px}.feature-card h5,.service-card h5{font-size:1.1rem;margin-bottom:12px}.feature-card p,.service-card p{color:var(--muted);line-height:1.75;font-size:.91rem;margin:0}.service-card{padding:32px}.service-card .service-number{float:right;color:#a7b9d2;font-weight:800;font-size:.8rem}.service-card .service-extra{font-size:.78rem;color:var(--blue);font-weight:650;margin-top:20px}.text-link{color:var(--blue);font-weight:750}.text-link i{margin-left:7px}.filter-btn{background:#f3f7fd;color:#52637d;border:1px solid #e3eaf4;border-radius:40px;padding:10px 17px;font-weight:650;font-size:.82rem}.filter-btn.active,.filter-btn:hover{background:var(--blue);color:white;border-color:var(--blue)}.portfolio-card{padding:0;overflow:hidden}.portfolio-art{height:195px;display:grid;place-items:center;position:relative;background:linear-gradient(135deg,#0b1730,#1c58a4);color:#9adcfb}.portfolio-art i{font-size:4.4rem;filter:drop-shadow(0 10px 15px #0004)}.portfolio-art:before{content:"";position:absolute;width:180px;height:180px;border:1px solid #ffffff29;border-radius:50%}.portfolio-body{padding:25px}.portfolio-tag{color:var(--blue);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.portfolio-body h5{margin:10px 0}.portfolio-body p{color:var(--muted);font-size:.88rem;line-height:1.7}.process-card{padding:24px;border:1px solid #ffffff26;border-radius:16px;height:100%;background:#ffffff08}.process-number{color:#6adcf3;font-size:2rem;font-weight:800;margin-bottom:25px}.process-card h5{font-size:1.05rem}.process-card p{font-size:.87rem;color:#b5c2d6;line-height:1.7;margin:0}.contact-detail{display:flex;gap:18px;align-items:center;margin-top:26px}.contact-detail>i{font-size:1.4rem;color:var(--blue);background:#eaf2ff;border-radius:12px;padding:13px}.contact-detail small{display:block;color:var(--muted);font-size:.7rem;letter-spacing:.1em;font-weight:800}.contact-detail a{display:block;color:#16223b;font-weight:650;margin-top:5px}.contact-form-wrap{padding:35px;border:1px solid #e2e9f3;box-shadow:0 16px 50px #18375b0a;border-radius:20px}.form-label{font-size:.82rem;font-weight:700;color:#34425a}.form-control,.form-select{border:1px solid #dce5ef;background:#f9fbff;padding:12px;border-radius:9px}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .2rem #155eef18;border-color:#7baffb}.form-note{font-size:.76rem;color:var(--muted)}.footer{background:#081124;color:#a6b7ce;padding:70px 0 25px}.footer-brand{font-weight:800;color:#fff;font-size:1.9rem;letter-spacing:-.06em}.footer-brand small{display:block;font-size:.52rem;letter-spacing:.3em;color:#b6c7d8}.footer p{line-height:1.8;margin-top:20px;font-size:.89rem}.footer h6{color:#fff;margin-bottom:20px}.footer a{display:block;color:#a6b7ce;margin-bottom:12px;font-size:.88rem}.footer a:hover{color:#6dd9f5}.footer hr{border-color:#ffffff22;margin:40px 0 24px}#backToTop{position:fixed;right:20px;bottom:20px;background:var(--blue);color:white;border:0;border-radius:12px;width:45px;height:45px;display:none;z-index:10}@media(max-width:991px){.section-pad{padding:75px 0}.hero{padding:145px 0 85px;min-height:unset}.navbar-collapse{padding-top:20px}.navbar-nav{align-items:stretch!important}.visual-shell{max-width:520px;margin:auto}}@media(max-width:575px){.hero h1{font-size:2.8rem}.hero-points{gap:12px}.section-pad{padding:60px 0}.contact-form-wrap{padding:22px}.visual-center{height:270px}.visual-shell{min-height:unset}.btn-lg{font-size:.88rem}.feature-card,.service-card{padding:24px}}