:root{--navy: #0B2545;--ocean: #134074;--ocean2: #1D4E89;--aqua: #00B4D8;--aqua2: #00C8E8;--crimson: #A61C2E;--crimson2:#CC2233;--light: #EEF4F8;--white: #FFFFFF;--text: #C8DCF0;--card-bg: rgba(255, 255, 255, .96);--glass: rgba(255,255,255,.06);--border: rgba(0,180,216,.18);--font-head: "Montserrat", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--navy);color:var(--white);overflow-x:hidden;line-height:1.6}::selection{background:var(--aqua);color:var(--navy)}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}ul{list-style:none}.container{width:100%;max-width:1320px;margin:0 auto;padding:0 32px}#preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;overflow:hidden}#drop-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:200px;height:240px}#logo-drop{width:180px;height:auto;filter:drop-shadow(0 0 40px rgba(0,180,216,.7)) drop-shadow(0 0 80px rgba(0,180,216,.35));transform-origin:center bottom;position:relative;z-index:2}#ripple-ring,#ripple-ring-2{position:absolute;bottom:-10px;left:50%;transform:translate(-50%) scale(0);width:180px;height:40px;border-radius:50%;border:2px solid rgba(0,180,216,.5);opacity:0;pointer-events:none}#ripple-ring-2{border-color:#a61c2e66}#preloader-brand{display:flex;flex-direction:column;align-items:center;opacity:0;gap:4px}.pre-name{font-family:var(--font-head);font-size:2.6rem;font-weight:900;letter-spacing:.3em;color:var(--white);text-transform:uppercase}.pre-sub{font-family:var(--font-body);font-size:.9rem;font-weight:400;letter-spacing:.25em;color:var(--aqua);text-transform:uppercase}#navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0;transition:background .4s ease,box-shadow .4s ease,padding .3s ease}#navbar.scrolled{background:#0b2545f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 2px 40px #0006}.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1320px;margin:0 auto;padding:18px 32px;gap:20px}.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.nav-logo-img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(0,180,216,.5));transition:filter .3s}.nav-logo:hover .nav-logo-img{filter:drop-shadow(0 0 18px rgba(0,180,216,.9))}.nav-brand-text{display:flex;flex-direction:column}.nav-name{font-family:var(--font-head);font-size:1.15rem;font-weight:900;letter-spacing:.18em;color:var(--white);line-height:1}.nav-sub{font-size:.62rem;font-weight:500;letter-spacing:.15em;color:var(--aqua);text-transform:uppercase}.nav-links{display:flex;gap:36px;list-style:none}.nav-links a{font-size:.85rem;font-weight:600;letter-spacing:.1em;color:#fffc;text-transform:uppercase;transition:color .25s;position:relative;padding-bottom:4px}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--aqua);transition:width .3s ease}.nav-links a:hover{color:var(--white)}.nav-links a:hover:after{width:100%}.nav-cta{display:inline-flex;align-items:center;padding:10px 24px;border:1.5px solid var(--aqua);color:var(--aqua);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:3px;transition:background .25s,color .25s;white-space:nowrap}.nav-cta:hover{background:var(--aqua);color:var(--navy)}.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-hamburger span{display:block;width:24px;height:2px;background:var(--white);border-radius:2px;transition:transform .3s,opacity .3s}.mobile-menu{display:none;background:#0b2545fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:20px 32px}.mobile-menu.open{display:block}.mobile-menu ul{list-style:none;display:flex;flex-direction:column;gap:12px}.mobile-menu a{display:block;font-size:.9rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffffd9;padding:8px 0;border-bottom:1px solid var(--border);transition:color .25s}.mobile-menu a:hover{color:var(--aqua)}#hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:120px 32px 80px}.hero-bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(0,180,216,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 80% 80%,rgba(19,64,116,.6) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 20% 60%,rgba(166,28,46,.08) 0%,transparent 60%),linear-gradient(170deg,#0b2545,#0d2d57 40%,#0b2545);z-index:0}.hero-water-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%2300B4D8' fill-opacity='0.04' d='M0,160L60,170.7C120,181,240,203,360,192C480,181,600,139,720,128C840,117,960,139,1080,154.7C1200,171,1320,181,1380,186.7L1440,192L1440,320L0,320Z'/%3E%3C/svg%3E") repeat-x bottom;background-size:1440px 200px;animation:waveScroll 18s linear infinite;z-index:1;opacity:.6}@keyframes waveScroll{0%{background-position:0 bottom}to{background-position:1440px bottom}}#heroCanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.5;pointer-events:none}.parallax-dot-matrix,.parallax-dot-matrix-2{position:absolute;width:340px;height:340px;background-image:radial-gradient(circle,rgba(0,180,216,.35) 1.2px,transparent 1.2px);background-size:22px 22px;border-radius:50%;pointer-events:none;z-index:1}.parallax-dot-matrix{top:10%;right:5%;opacity:.45}.parallax-dot-matrix-2{top:8%;left:4%;opacity:.2}.parallax-wave-red{position:absolute;bottom:5%;left:-5%;width:60%;height:180px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 180'%3E%3Cpath d='M0,90 C150,30 300,150 450,90 C600,30 750,150 900,90' fill='none' stroke='%23A61C2E' stroke-width='2.5' stroke-opacity='0.35'/%3E%3Cpath d='M0,120 C150,60 300,180 450,120 C600,60 750,180 900,120' fill='none' stroke='%23A61C2E' stroke-width='1.5' stroke-opacity='0.2'/%3E%3C/svg%3E") no-repeat center;background-size:contain;pointer-events:none;z-index:1}.parallax-curve-blue{position:absolute;top:15%;right:-2%;width:45%;height:200px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 200'%3E%3Cpath d='M700,100 C560,40 420,160 280,100 C140,40 70,120 0,80' fill='none' stroke='%2300B4D8' stroke-width='2' stroke-opacity='0.3'/%3E%3C/svg%3E") no-repeat center;background-size:contain;pointer-events:none;z-index:1}.hero-content{position:relative;z-index:2;text-align:center;max-width:900px}.hero-welcome{font-family:var(--font-body);font-size:.85rem;font-weight:600;letter-spacing:.55em;color:var(--aqua);text-transform:uppercase;margin-bottom:16px;opacity:0}.hero-title{font-family:var(--font-head);font-size:clamp(4rem,12vw,9rem);font-weight:900;letter-spacing:.1em;color:var(--white);line-height:.9;text-shadow:0 0 60px rgba(0,180,216,.3);margin-bottom:8px;opacity:0}.hero-subtitle{font-family:var(--font-head);font-size:clamp(1.2rem,3.5vw,2.2rem);font-weight:700;letter-spacing:.12em;color:var(--aqua);text-transform:uppercase;margin-bottom:24px;opacity:0}.hero-tagline{font-size:clamp(.8rem,1.8vw,1.05rem);font-weight:500;letter-spacing:.35em;color:#ffffffa6;text-transform:uppercase;margin-bottom:44px;opacity:0}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;opacity:0}.btn-primary{display:inline-flex;align-items:center;padding:14px 38px;background:linear-gradient(135deg,var(--aqua),var(--ocean2));color:var(--white);font-family:var(--font-body);font-size:.82rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;border-radius:3px;transition:transform .25s,box-shadow .25s;box-shadow:0 4px 24px #00b4d859}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 36px #00b4d88c}.btn-outline{display:inline-flex;align-items:center;padding:14px 38px;border:1.5px solid rgba(255,255,255,.35);color:var(--white);font-family:var(--font-body);font-size:.82rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;border-radius:3px;transition:background .25s,border-color .25s,transform .25s}.btn-outline:hover{background:#ffffff14;border-color:var(--aqua);transform:translateY(-2px)}.hero-scroll-hint{position:absolute;bottom:36px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:2}.hero-scroll-hint span{font-size:.65rem;letter-spacing:.3em;color:#fff6;text-transform:uppercase}.scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,rgba(0,180,216,.8),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.15)}}.about-section{position:relative;background:var(--light);padding:100px 0;overflow:hidden}.about-bg-accent{position:absolute;top:-100px;right:-100px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(0,180,216,.08) 0%,transparent 70%);pointer-events:none}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.section-tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.35em;text-transform:uppercase;color:var(--crimson);background:#a61c2e14;border-left:3px solid var(--crimson);padding:6px 14px;margin-bottom:20px}.section-tag.light{color:var(--aqua);background:#00b4d81a;border-left-color:var(--aqua)}.section-title{font-family:var(--font-head);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:900;color:var(--navy);line-height:1.15;margin-bottom:24px}.section-title em{font-style:normal;color:var(--crimson)}.section-title.light{color:var(--white)}.section-title.light em{color:var(--aqua)}.about-text p{color:#0b2545b8;font-size:.97rem;line-height:1.75;margin-bottom:18px}.about-stats{display:flex;gap:32px;margin-top:36px;flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-num{font-family:var(--font-head);font-size:2.2rem;font-weight:900;color:var(--navy);line-height:1;background:linear-gradient(135deg,var(--ocean2),var(--aqua));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.72rem;font-weight:600;letter-spacing:.1em;color:#0b25458c;text-transform:uppercase}.about-visual{position:relative;display:flex;align-items:center;justify-content:center}.about-logo-wrap{position:relative;z-index:2;width:320px;height:320px;display:flex;align-items:center;justify-content:center}.about-logo-img{width:280px;height:auto;object-fit:contain;filter:drop-shadow(0 8px 40px rgba(0,180,216,.4)) drop-shadow(0 0 80px rgba(0,180,216,.2));animation:logoFloat 5s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.about-glow-ring{position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid rgba(0,180,216,.2);animation:ringPulse 4s ease-in-out infinite}.about-glow-ring:before{content:"";position:absolute;top:20px;right:20px;bottom:20px;left:20px;border-radius:50%;border:1px solid rgba(166,28,46,.15);animation:ringPulse 4s ease-in-out infinite reverse}@keyframes ringPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.06);opacity:1}}.services-section{position:relative;background:linear-gradient(180deg,#0c2b52 0%,var(--navy) 50%,#091f3e 100%);padding:100px 0 120px;overflow:hidden}.section-header{text-align:center;margin-bottom:64px}.section-desc{font-size:1rem;color:#ffffff8c;max-width:600px;margin:16px auto 0;line-height:1.7}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;perspective:1400px}.service-card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:28px 26px 26px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative;overflow:hidden;cursor:default;transform-style:preserve-3d;transition:border-color .3s,box-shadow .3s;will-change:transform}.service-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,180,216,.06) 0%,transparent 60%);pointer-events:none}.service-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--aqua),transparent);opacity:0;transition:opacity .3s}.service-card:hover{border-color:#00b4d873;box-shadow:0 12px 60px #00000059,0 0 30px #00b4d81a}.service-card:hover:after{opacity:1}.service-card:nth-child(4n):after{background:linear-gradient(90deg,transparent,var(--crimson),transparent)}.service-card:nth-child(4n):hover{border-color:#a61c2e59;box-shadow:0 12px 60px #00000059,0 0 30px #a61c2e14}.card-icon{width:42px;height:42px;margin-bottom:14px}.card-icon svg{width:100%;height:100%}.card-num{position:absolute;top:22px;right:22px;font-family:var(--font-head);font-size:.7rem;font-weight:800;letter-spacing:.15em;color:#00b4d880;background:#00b4d814;padding:3px 8px;border-radius:2px}.service-card h3{font-family:var(--font-head);font-size:.95rem;font-weight:800;color:var(--navy);letter-spacing:.03em;margin-bottom:6px;line-height:1.3}.card-sub{font-size:.74rem;color:var(--aqua);font-weight:500;margin-bottom:14px;letter-spacing:.05em}.service-card ul{list-style:none;display:flex;flex-direction:column;gap:6px;margin-top:12px}.service-card ul li{font-size:.8rem;color:#0b2545bf;line-height:1.55;padding-left:14px;position:relative}.service-card ul li:before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--aqua);opacity:.6}.service-card:nth-child(4n) ul li:before{background:var(--crimson)}.footer-section{position:relative;background:var(--navy);padding-top:0}.footer-top-wave{width:100%;height:80px;background:linear-gradient(180deg,#091e3d 0%,var(--navy) 100%)}.footer-top-wave svg{width:100%;height:100%}.footer-body{position:relative;background:var(--navy);padding:60px 0 0;overflow:hidden}.footer-dot-matrix{position:absolute;top:0;right:0;width:260px;height:260px;background-image:radial-gradient(circle,rgba(0,180,216,.25) 1px,transparent 1px);background-size:20px 20px;opacity:.4;pointer-events:none}.footer-red-accent{position:absolute;bottom:100px;left:-80px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(166,28,46,.12) 0%,transparent 70%);pointer-events:none}.footer-inner{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;padding-bottom:60px;border-bottom:1px solid rgba(0,180,216,.12)}.footer-logo{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.footer-logo-img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(0,180,216,.5));flex-shrink:0}.footer-brand-name{display:block;font-family:var(--font-head);font-size:1.4rem;font-weight:900;letter-spacing:.2em;color:var(--white);line-height:1}.footer-brand-sub{display:block;font-size:.72rem;font-weight:500;letter-spacing:.18em;color:var(--aqua);text-transform:uppercase;margin-top:4px}.footer-brand-tag{display:block;font-size:.65rem;font-weight:400;letter-spacing:.1em;color:#ffffff59;margin-top:6px;font-style:italic}.footer-about-text{font-size:.88rem;color:#ffffff80;line-height:1.75;margin-bottom:28px;max-width:380px}.footer-social{display:flex;flex-direction:column;gap:10px}.social-btn{display:inline-flex;align-items:center;gap:10px;font-size:.82rem;font-weight:500;color:#fff9;transition:color .25s}.social-btn svg{width:16px;height:16px;color:var(--aqua);flex-shrink:0}.social-btn:hover{color:var(--aqua)}.footer-col-title{font-family:var(--font-head);font-size:.75rem;font-weight:800;letter-spacing:.3em;color:var(--aqua);text-transform:uppercase;margin-bottom:28px;padding-bottom:12px;border-bottom:1px solid rgba(0,180,216,.2)}.contact-grid{display:flex;flex-direction:column;gap:24px}.contact-block{display:flex;gap:16px;align-items:flex-start}.contact-icon{width:36px;height:36px;background:#00b4d81a;border:1px solid rgba(0,180,216,.2);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.contact-icon svg{width:16px;height:16px;color:var(--aqua)}.contact-label{display:block;font-size:.65rem;font-weight:700;letter-spacing:.25em;color:var(--crimson);text-transform:uppercase;margin-bottom:6px}.contact-link{display:block;font-size:.84rem;color:#ffffffb3;transition:color .25s;margin-bottom:4px;line-height:1.5}.contact-link:hover{color:var(--aqua)}.contact-link em{font-style:normal;font-size:.72rem;color:#fff6}.contact-text{font-size:.84rem;color:#ffffffa6;line-height:1.6}.footer-bottom{padding:28px 0 36px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;position:relative}.footer-crimson-line{position:absolute;top:0;left:0;width:80px;height:2px;background:linear-gradient(90deg,var(--crimson),transparent)}.footer-bottom p{font-size:.78rem;color:#ffffff4d;letter-spacing:.05em}.footer-tagline-bottom{font-size:.72rem!important;letter-spacing:.25em!important;color:#00b4d880!important;text-transform:uppercase}@media (max-width: 1024px){.about-grid{grid-template-columns:1fr;gap:48px}.about-visual{order:-1}.footer-inner{grid-template-columns:1fr;gap:48px}}@media (max-width: 768px){.container{padding:0 20px}.nav-links,.nav-cta{display:none}.nav-hamburger{display:flex}.nav-inner{padding:16px 20px}#hero{padding:100px 20px 80px}.hero-title{font-size:clamp(3rem,14vw,5rem)}.services-grid{grid-template-columns:1fr;gap:16px}.about-section{padding:70px 0}.services-section{padding:70px 0 90px}.footer-inner{padding-bottom:40px}.footer-bottom{flex-direction:column;align-items:flex-start}.about-logo-wrap{width:240px;height:240px}.about-logo-img{width:220px}.about-glow-ring{width:270px;height:270px}}@media (max-width: 480px){.pre-name{font-size:2rem}.hero-actions{flex-direction:column;align-items:center}.btn-primary,.btn-outline{width:100%;max-width:280px;justify-content:center}.about-stats{flex-direction:column;gap:20px}}.service-card{opacity:0;transform:perspective(1000px) rotateX(12deg) rotateY(-4deg) translateY(40px)}.about-text .section-tag,.about-text .section-title,.about-text p,.about-stats{opacity:0;transform:translateY(30px)}.about-visual{opacity:0;transform:translate(40px)}