:root{--blue:#0a5fa8;--blue2:#1480cc;--navy:#061b2b;--navy2:#0a283d;--ink:#14202a;--muted:#697986;--accent:#20b3e8;--line:#dfe7ed;--bg:#f4f7f9;--white:#fff;--radius:22px;--shadow:0 24px 70px rgba(8,39,62,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.5}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.section{padding:110px 0}.section-dark{background:var(--navy);color:#fff}.site-header{position:fixed;z-index:1000;top:0;left:0;width:100%;transition:.35s;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(20,40,55,.08)}.site-header.scrolled{box-shadow:0 12px 35px rgba(6,27,43,.08)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand img{width:126px}.nav{display:flex;align-items:center;gap:30px}.nav>a:not(.btn){font-size:14px;font-weight:650;color:#344857;transition:.2s}.nav>a:not(.btn):hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border-radius:10px;font-weight:750;font-size:14px;transition:.25s;border:1px solid transparent;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 12px 28px rgba(10,95,168,.18)}.btn-accent{background:var(--accent);color:#032235;box-shadow:0 16px 34px rgba(32,179,232,.2)}.btn-ghost{color:#fff;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.03)}.btn-small{padding:12px 17px}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:5px}
.hero{min-height:820px;padding-top:82px;position:relative;overflow:hidden;background:linear-gradient(130deg,#061b2b 0%,#082b43 58%,#06375a 100%)}.hero-bg{position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none}.hero-bg-one{width:520px;height:520px;background:radial-gradient(circle,rgba(25,144,215,.20),transparent 68%);right:-60px;top:80px}.hero-bg-two{width:420px;height:420px;background:radial-gradient(circle,rgba(32,179,232,.11),transparent 70%);left:-150px;bottom:0}.hero-grid{min-height:690px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:60px;position:relative}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:10px;color:#83d8f7;margin-bottom:22px}.eyebrow span{width:30px;height:2px;background:currentColor}.eyebrow.dark{color:var(--blue)}.hero h1,.section h2{font-size:clamp(44px,5vw,72px);line-height:1.03;letter-spacing:-.045em;margin:0;font-weight:780}.hero h1 em,.section h2 em{font-style:normal;color:#42c8f6}.hero-copy>p{font-size:18px;line-height:1.75;color:#b7cbd8;max-width:600px;margin:26px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-trust{display:flex;gap:34px;margin-top:44px;padding-top:26px;border-top:1px solid rgba(255,255,255,.12)}.hero-trust div{display:flex;flex-direction:column}.hero-trust strong{font-size:14px}.hero-trust small{font-size:12px;color:#8aa4b5;margin-top:3px}.hero-showcase{height:560px;position:relative}.hero-orbit{position:absolute;border:1px solid rgba(110,211,247,.15);border-radius:50%}.orbit-a{width:470px;height:470px;right:-40px;top:45px}.orbit-b{width:350px;height:350px;right:25px;top:100px}.showcase-card{position:absolute;background:#fff;border-radius:24px;box-shadow:0 35px 80px rgba(0,0,0,.25);overflow:hidden}.showcase-main{width:390px;height:430px;right:30px;top:55px;padding:45px 34px 32px}.showcase-main img{width:100%;height:100%;object-fit:contain}.card-label{position:absolute;top:20px;left:24px;font-size:10px;font-weight:800;letter-spacing:.14em;color:#6f8290}.showcase-float{width:170px;height:170px;padding:14px}.showcase-float img{width:100%;height:100%;object-fit:contain}.showcase-float.one{left:5px;top:45px;transform:rotate(-4deg)}.showcase-float.two{left:0;bottom:40px;transform:rotate(4deg)}.showcase-note{position:absolute;right:2px;bottom:3px;font-size:12px;color:#8bb7cf;letter-spacing:.04em}.showcase-note strong{color:#fff}.hero-strip{border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(1,13,22,.25)}.strip-inner{height:48px;display:flex;align-items:center;justify-content:center;gap:24px;font-size:10px;letter-spacing:.16em;font-weight:750;color:#8ea7b8}.strip-inner i{color:#2baedc}
.section-heading{margin-bottom:55px}.split-heading{display:grid;grid-template-columns:1.15fr .55fr;gap:80px;align-items:end}.section-heading h2{font-size:clamp(40px,4vw,58px);color:var(--navy)}.section-heading p{font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 3px}.center{text-align:center}.center-eyebrow{justify-content:center}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{border:1px solid #e2e9ee;border-radius:var(--radius);overflow:hidden;background:#fff;transition:.3s}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}.product-card.large{grid-column:span 1}.product-visual{height:270px;padding:30px;overflow:hidden}.product-visual img{width:100%;height:100%;object-fit:contain;transition:.35s}.product-card:hover .product-visual img{transform:scale(1.045)}.soft-blue{background:linear-gradient(145deg,#eff7fc,#e3f0f8)}.soft-warm{background:linear-gradient(145deg,#faf7f1,#f3eee3)}.soft-gray{background:linear-gradient(145deg,#f4f6f7,#e9eef1)}.product-info{display:grid;grid-template-columns:auto 1fr auto;gap:14px;padding:22px 22px 24px;align-items:start}.product-info>span{font-size:10px;font-weight:800;color:#95a4ae;padding-top:5px}.product-info h3{margin:0 0 8px;font-size:17px;letter-spacing:-.02em}.product-info p{font-size:13px;color:var(--muted);margin:0;line-height:1.55}.product-info>a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--bg);color:var(--blue);font-weight:800;transition:.2s}.product-card:hover .product-info>a{background:var(--blue);color:#fff}
.custom-section{background:linear-gradient(120deg,#061b2b,#082d47);position:relative;overflow:hidden}.custom-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.custom-copy h2{font-size:clamp(42px,4.6vw,64px)}.custom-copy p{color:#afc3d0;font-size:17px;line-height:1.8;margin:28px 0}.text-link{display:inline-flex;gap:12px;color:#51ccf7;font-size:13px;font-weight:850;letter-spacing:.1em}.process{border-top:1px solid rgba(255,255,255,.15)}.process-item{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:25px 5px;border-bottom:1px solid rgba(255,255,255,.15)}.process-item b{font-size:11px;color:#4cc8f5;padding-top:3px}.process-item h3{margin:0 0 5px;font-size:18px}.process-item p{margin:0;color:#91a9b8;font-size:13px}
.technology{background:#f6f8fa}.tech-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px}.tech-card{background:#fff;border:1px solid #e0e8ed;border-radius:var(--radius);padding:34px;min-height:310px;display:flex;flex-direction:column;justify-content:space-between}.tech-card.featured{background:var(--blue);color:#fff;border-color:var(--blue)}.tech-number{font-size:68px;line-height:1;font-weight:850;letter-spacing:-.06em;color:#fff}.tech-icon{width:54px;height:54px;border-radius:14px;background:#e6f4fb;color:var(--blue);display:grid;place-items:center;font-size:24px;font-weight:900}.tech-tag{font-size:10px;letter-spacing:.11em;font-weight:800;color:#7b909d}.featured .tech-tag{color:#a5daf7}.tech-card h3{margin:8px 0 10px;font-size:25px}.tech-card p{margin:0;color:#71818b;font-size:14px;line-height:1.65}.featured p{color:#c9e7f8}
.project-stage{border-radius:30px;background:linear-gradient(130deg,#eef3f6,#f9fbfc);display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;min-height:470px}.project-image{padding:30px 40px;display:flex;align-items:center;justify-content:center}.project-image img{max-height:390px;object-fit:contain}.project-panel{background:var(--navy);color:#fff;margin:16px;border-radius:22px;padding:54px 42px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.project-panel>span{font-size:10px;font-weight:800;letter-spacing:.13em;color:#5ecff7}.project-panel h3{font-size:32px;line-height:1.15;margin:16px 0}.project-panel p{font-size:14px;line-height:1.75;color:#a7bdca;margin:0 0 28px}
.about{background:#071d2c}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-collage{height:520px;position:relative}.about-card{position:absolute;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 28px 60px rgba(0,0,0,.22);padding:20px}.about-card img{width:100%;height:100%;object-fit:contain}.img-a{width:370px;height:330px;left:0;top:0}.img-b{width:270px;height:260px;right:0;bottom:0}.about-badge{position:absolute;left:38px;bottom:38px;width:150px;height:150px;border-radius:50%;background:var(--accent);color:#06253a;display:grid;place-content:center;text-align:center;font-size:24px;font-weight:900;line-height:1}.about-badge small{font-size:8px;letter-spacing:.1em;margin-top:8px}.about-copy h2{font-size:clamp(42px,4vw,60px)}.about-copy p{color:#a9bdc9;line-height:1.8}.about-points{display:grid;grid-template-columns:1fr;gap:11px;margin-top:28px;color:#d2e3ec;font-size:14px}.about-points span::first-letter{color:#4ecaf5}
.quote{background:#fff}.quote-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.quote-copy h2{font-size:clamp(42px,4.4vw,62px);color:var(--navy)}.quote-copy p{color:var(--muted);font-size:16px;max-width:480px}.quote-contact{margin-top:45px;display:flex;flex-direction:column;gap:4px}.quote-contact span{font-size:10px;font-weight:800;letter-spacing:.12em;color:#91a0aa;margin-bottom:8px}.quote-contact a{font-size:20px;font-weight:800;color:var(--navy)}.quote-form{background:#f5f8fa;border:1px solid #e0e8ed;border-radius:26px;padding:34px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.quote-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:750;color:#4b5c68;margin-bottom:16px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #d9e2e8;background:#fff;border-radius:10px;padding:14px 14px;outline:none;color:#1b2d39;transition:.2s}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#47bde8;box-shadow:0 0 0 3px rgba(71,189,232,.12)}.quote-form textarea{resize:vertical}.form-submit{width:100%;border:0;margin-top:3px}.quote-form>small{display:block;text-align:center;color:#81909a;font-size:10px;margin-top:13px}
.footer{background:#04141f;color:#d6e4ec;padding:65px 0 20px}.footer-top{display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:70px;padding-bottom:50px}.footer-brand img{width:130px;filter:brightness(0) invert(1)}.footer-brand p{max-width:330px;color:#819ba9;font-size:13px;line-height:1.7;margin-top:20px}.footer-links{display:flex;flex-direction:column;gap:10px;font-size:13px}.footer-links strong{font-size:10px;letter-spacing:.13em;color:#5e7b8c;margin-bottom:7px}.footer-links a{color:#a9beca;transition:.2s}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding-top:20px;display:flex;justify-content:space-between;color:#5e7685;font-size:11px}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:990;width:56px;height:56px;border-radius:50%;background:#19bd6b;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900;box-shadow:0 14px 30px rgba(0,0,0,.22);transition:.2s}.whatsapp-float:hover{transform:translateY(-3px) scale(1.03)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}
@media(max-width:980px){.nav{position:fixed;top:82px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:24px 30px 32px;gap:18px;transform:translateY(-140%);transition:.3s;box-shadow:0 20px 40px rgba(7,34,51,.12)}.nav.open{transform:translateY(0)}.menu-toggle{display:block}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding:90px 0 50px;gap:20px}.hero-showcase{height:500px;max-width:600px;width:100%;margin:auto}.split-heading,.custom-grid,.about-grid,.quote-grid{grid-template-columns:1fr;gap:45px}.split-heading{align-items:start}.product-grid{grid-template-columns:repeat(2,1fr)}.tech-grid{grid-template-columns:1fr}.tech-card{min-height:240px}.project-stage{grid-template-columns:1fr}.project-panel{margin-top:0}.about-collage{max-width:600px;width:100%;margin:auto}.quote-copy{max-width:700px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.section{padding:78px 0}.nav-wrap{height:72px}.nav{top:72px}.brand img{width:110px}.hero{padding-top:72px}.hero-grid{padding:62px 0 32px}.hero h1{font-size:44px}.hero-copy>p{font-size:16px}.hero-trust{gap:18px;justify-content:space-between;overflow-x:auto}.hero-trust small{white-space:nowrap}.hero-showcase{height:390px}.showcase-main{width:280px;height:310px;right:0;top:40px;padding:35px 20px 22px}.showcase-float{width:120px;height:120px}.showcase-float.one{left:0;top:15px}.showcase-float.two{left:0;bottom:20px}.orbit-a{width:330px;height:330px}.orbit-b{width:240px;height:240px}.strip-inner{justify-content:flex-start;overflow:hidden;white-space:nowrap}.section-heading h2,.custom-copy h2,.about-copy h2,.quote-copy h2{font-size:40px}.section-heading{margin-bottom:36px}.split-heading{gap:20px}.product-grid{grid-template-columns:1fr}.product-visual{height:250px}.custom-grid{gap:40px}.process-item{grid-template-columns:40px 1fr}.project-panel{margin:10px;padding:34px 26px}.project-panel h3{font-size:27px}.about-collage{height:400px}.img-a{width:78%;height:260px}.img-b{width:54%;height:205px}.about-badge{width:115px;height:115px;left:20px;bottom:18px;font-size:19px}.form-row{grid-template-columns:1fr}.quote-form{padding:24px 18px}.footer-top{grid-template-columns:1fr;gap:36px}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.whatsapp-float{width:50px;height:50px;right:15px;bottom:15px}}