:root{--navy:#071b33;--navy2:#0d2b4b;--blue:#1479e8;--cyan:#42d6d0;--ink:#132238;--muted:#64748b;--pale:#f3f7fb;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}.topbar{height:78px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:white;position:sticky;top:0;z-index:10;box-shadow:0 3px 16px #00152c22}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:900;letter-spacing:1.3px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#9eb5cc;font-weight:600}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--cyan),var(--blue));display:grid;place-items:center;color:#061b32;font-size:26px;font-weight:900}.topbar nav{display:flex;gap:30px;font-size:14px;color:#d7e5f2}.topbar nav a:hover{color:var(--cyan)}.menu-toggle{display:none;background:none;border:0;color:white;font-size:27px}.hero{min-height:590px;background:radial-gradient(ellipse at 82% 48%,#123e63 0,transparent 36%),linear-gradient(120deg,#06172b,#0b2948);padding:75px 8%;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;color:white;overflow:hidden}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.7px;color:var(--blue);margin:0 0 13px}.hero .eyebrow{color:var(--cyan)}h1{font-size:clamp(38px,5vw,62px);line-height:1.1;letter-spacing:-1.8px;margin:0 0 22px}h1 span{color:var(--cyan)}.intro{max-width:570px;color:#c7d5e4;font-size:17px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin:30px 0 24px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 20px;border-radius:8px;font-weight:750;font-size:14px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00152c30}.primary{background:var(--cyan);color:#06203a}.secondary{border:1px solid #8ca9c2;color:white}.location{font-size:13px;color:#b5c9db}.hero-art{height:350px;position:relative;display:grid;place-items:center}.chip{height:190px;width:190px;background:linear-gradient(145deg,#1e5277,#09213c);border:2px solid #42d6d0;border-radius:26px;box-shadow:0 0 55px #26c9d655,inset 0 0 25px #2ecbc522;display:grid;place-items:center;position:relative;z-index:2;transform:rotate(-7deg)}.chip-core{width:110px;height:110px;border:1px solid #56e0d6;border-radius:18px;display:grid;place-items:center;font-size:48px;font-weight:900;color:var(--cyan);letter-spacing:-4px}.pin{position:absolute;background:var(--cyan);width:7px;height:27px;border-radius:3px}.p1{top:-17px;left:45px}.p2{top:-17px;right:45px}.p3{bottom:-17px;left:45px}.p4{bottom:-17px;right:45px}.circuit-line{position:absolute;border:1px solid #1a9ca8;opacity:.65}.line1{width:280px;height:250px;border-left:0;border-radius:0 60px 60px 0;right:0}.line2{width:250px;height:160px;border-right:0;border-radius:60px 0 0 60px;left:0}.line3{width:330px;height:90px;border-left:0;border-right:0;top:45px}.float-card{position:absolute;bottom:15px;right:-5px;background:white;color:var(--ink);padding:15px 18px;border-radius:12px;box-shadow:0 12px 40px #0004;display:flex;gap:12px;align-items:center;z-index:3}.float-card>span{background:#dcfbf6;color:#087d78;font-size:24px;border-radius:9px;padding:5px 10px}.float-card small{display:block;color:var(--muted);font-size:11px}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:27px 9%;gap:25px;background:#fff;border-bottom:1px solid #e5edf5}.trust-strip div{display:flex;flex-direction:column;border-left:3px solid var(--cyan);padding-left:15px}.trust-strip b{font-size:15px}.trust-strip span{font-size:12px;color:var(--muted)}.section{padding:85px 8%}.section-heading{text-align:center;max-width:680px;margin:0 auto 42px}.section-heading h2,.about h2{font-size:clamp(30px,4vw,42px);line-height:1.2;letter-spacing:-1px;margin:0 0 14px;color:var(--navy)}.section-heading>p:last-child{color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{padding:27px;border:1px solid #e1eaf3;border-radius:14px;background:white;box-shadow:0 8px 30px #0d2b4b08;transition:transform .2s,border-color .2s}.service-card:hover{transform:translateY(-4px);border-color:#8edbd8}.icon{width:49px;height:49px;display:grid;place-items:center;background:#e7fbf9;color:#087f88;border-radius:12px;font-size:25px;font-weight:bold}.service-card h3{margin:18px 0 8px;color:var(--navy)}.service-card p{margin:0;color:var(--muted);font-size:14px}.about{padding:75px 10%;background:var(--pale);display:grid;grid-template-columns:.65fr 1.35fr;gap:60px;align-items:center}.about-symbol{width:min(250px,100%);aspect-ratio:1;border-radius:35px;background:linear-gradient(135deg,var(--navy),#14558a);display:grid;place-items:center;color:var(--cyan);font-size:80px;font-weight:900;letter-spacing:-8px;box-shadow:18px 18px 0 #d7e7f1}.about p:not(.eyebrow){color:var(--muted)}.text-link{display:inline-block;margin-top:10px;color:#0878d8;font-weight:800}.contact{background:white}.contact-box{max-width:850px;margin:auto;padding:30px 34px;border-radius:15px;background:var(--navy);color:white;display:flex;justify-content:space-between;align-items:center;gap:20px}.contact-label{font-size:10px;letter-spacing:2px;color:var(--cyan);font-weight:800}.contact-box h3{font-size:26px;margin:5px 0}.contact-box p{color:#b7c9d9;margin:0;font-size:13px}.address{text-align:center;color:var(--muted);font-size:13px;margin-top:25px}footer{padding:28px 8%;background:#041326;color:#b7c9d9;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}.footer-brand{color:white;font-size:15px}.footer-brand .brand-mark{width:35px;height:35px;font-size:21px}.footer-brand small{font-size:8px}.whatsapp-float{position:fixed;right:22px;bottom:22px;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#20c875;color:white;font-size:30px;box-shadow:0 8px 25px #002b1d44;z-index:9}
@media(max-width:800px){.topbar{height:68px;padding:0 5%}.menu-toggle{display:block}.topbar nav{display:none;position:absolute;top:68px;left:0;right:0;padding:18px 6%;background:var(--navy);flex-direction:column;gap:16px}.topbar nav.open{display:flex}.hero{grid-template-columns:1fr;padding:58px 7% 45px;gap:10px}.hero-art{height:270px}.chip{width:150px;height:150px}.chip-core{width:90px;height:90px;font-size:39px}.service-grid{grid-template-columns:repeat(2,1fr)}.about{padding:60px 8%;grid-template-columns:1fr;gap:35px}.about-symbol{width:150px;font-size:55px}.contact-box{align-items:flex-start;flex-direction:column}.trust-strip{padding:22px 6%;gap:12px}.trust-strip span{font-size:11px}footer{flex-wrap:wrap}}
@media(max-width:520px){.brand{font-size:16px}.brand-mark{width:37px;height:37px}h1{font-size:40px}.hero-art{height:230px}.float-card{right:0;bottom:0;padding:10px}.service-grid{grid-template-columns:1fr}.section{padding:65px 6%}.trust-strip{grid-template-columns:1fr}.trust-strip div{padding:5px 0 5px 13px}.contact-box{padding:25px}.contact-box h3{font-size:23px}footer{flex-direction:column;align-items:flex-start;gap:10px}}