*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#071a3c;background:#fff}a{text-decoration:none;color:inherit}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid #e8eef8}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:2px}.brand img{width:45px;height:34px;object-fit:cover;object-position:center}.nav nav{display:flex;gap:30px;font-weight:600;color:#40516c}.nav nav a:hover{color:#0078d7}.menu{display:none;border:0;background:none;font-size:25px}.hero{min-height:650px;padding:90px max(6vw,30px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden;background:radial-gradient(circle at 85% 40%,#e7f8ff 0,#f6fbff 26%,#fff 58%)}.hero-copy{max-width:720px}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:800;color:#0786d8}.hero h1{font-size:clamp(48px,6vw,82px);line-height:1.02;margin:18px 0 24px;letter-spacing:-3px}.hero h1 span{background:linear-gradient(90deg,#071d55,#008fe6,#08d9eb);-webkit-background-clip:text;color:transparent}.hero p,.section-head p,.about p,.contact p{font-size:18px;line-height:1.7;color:#60708a}.actions,.card-actions{display:flex;gap:14px;align-items:center;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:12px;font-weight:750}.primary{color:#fff;background:linear-gradient(120deg,#082764,#0094e8)}.secondary{border:1px solid #cfd9e8;background:#fff}.hero-mark{display:flex;justify-content:center}.hero-mark img{width:min(560px,90%);mix-blend-mode:multiply;filter:drop-shadow(0 28px 30px rgba(0,58,130,.13))}.section{padding:100px max(6vw,30px)}.section-head{max-width:700px;margin-bottom:44px}.section h2,.about h2,.contact h2{font-size:clamp(34px,4vw,52px);margin:12px 0}.products{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{position:relative;padding:32px;border:1px solid #e2eaf5;border-radius:24px;background:#fff;box-shadow:0 12px 40px rgba(11,44,91,.06)}.card.featured{background:linear-gradient(145deg,#f7fcff,#fff)}.card h3{font-size:26px;margin:20px 0 10px}.card p{color:#64748b;line-height:1.65}.icon{width:55px;height:55px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,#061e59,#04c9e8)}.status{position:absolute;right:28px;top:32px;font-size:12px;font-weight:800;padding:7px 10px;border-radius:30px;background:#edf8ff;color:#087bc1}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tags span{padding:7px 10px;border-radius:8px;background:#f1f6fb;font-size:12px;font-weight:700;color:#53657d}.text-link{font-weight:750;color:#087fc8}.disabled{background:#eef2f6;color:#8592a4;pointer-events:none}.future{grid-column:1/-1;text-align:center;padding:44px;background:#071b45;color:#fff}.future p{color:#b7c6dc}.plus{font-size:38px;color:#25d7ea}.about{margin:20px max(6vw,30px) 100px;padding:70px;border-radius:28px;background:#f5f9fd;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.contact{padding:75px max(6vw,30px);background:linear-gradient(120deg,#06183f,#073d78);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact .eyebrow{color:#49dbea}.contact p{color:#bfd0e5}.light{background:#fff;color:#08265d}footer{padding:42px max(6vw,30px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;color:#6b7b91;font-size:13px}footer>p:last-child{text-align:right}.footer-brand img{width:35px;height:27px}@media(max-width:800px){.nav nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:24px;flex-direction:column;border-bottom:1px solid #e6edf6}.nav nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:65px;text-align:center}.hero-copy{margin:auto}.actions{justify-content:center}.hero-mark{margin-top:30px}.products{grid-template-columns:1fr}.future{grid-column:auto}.about{grid-template-columns:1fr;padding:40px 28px;gap:10px}.contact{display:block}.contact .btn{margin-top:20px}footer{grid-template-columns:1fr;text-align:center}.footer-brand{justify-content:center}footer>p:last-child{text-align:center}}
/* V2 refinements */
.section-head h2{font-size:clamp(32px,3.35vw,48px);letter-spacing:-1.5px}
.section-head p,.card p{font-size:16px}
.tags span,.status{font-size:13px}
.card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.card:not(.future):hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(11,44,91,.11);border-color:#cbdced}
.btn{transition:transform .2s ease,box-shadow .2s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(5,80,150,.14)}
.contact{padding:80px max(6vw,30px);background:linear-gradient(120deg,#06183f,#073d78);color:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}
.contact-intro p{color:#bfd0e5}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-item{padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.06);transition:.2s}
.contact-item:hover{background:rgba(255,255,255,.11);transform:translateY(-2px)}
.contact-item small{display:block;color:#61dce8;font-weight:800;letter-spacing:1.5px;margin-bottom:7px}
.contact-item strong{font-size:16px}
.footer{display:block;padding:55px max(6vw,30px) 25px;background:#fff;color:#66768d;font-size:14px}
.footer-top{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px;padding-bottom:40px}
.footer-tagline{font-size:12px;letter-spacing:1.3px;margin-top:18px}
.footer-links{display:flex;flex-direction:column;gap:10px}
.footer-links strong{color:#071a3c;margin-bottom:5px}
.footer-links a:hover{color:#0786d8}
.footer-bottom{border-top:1px solid #e6edf5;padding-top:22px;text-align:center}
@media(max-width:800px){
 .section-head h2{font-size:36px}
 .contact{grid-template-columns:1fr;gap:28px}
 .contact-grid{grid-template-columns:1fr}
 .footer-top{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
 .hero h1{font-size:44px;letter-spacing:-2px}
 .footer-top{grid-template-columns:1fr}
}

/* V3 final polish */
.hero{min-height:610px;padding-top:72px;padding-bottom:72px}
.hero-mark img{mix-blend-mode:normal;max-height:430px;object-fit:contain}
.section{padding-top:82px;padding-bottom:82px}
.about{margin-bottom:82px}
.footer{padding-top:48px}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:20;display:flex;align-items:center;gap:9px;padding:13px 17px;border-radius:999px;background:#16a765;color:#fff;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.18);transition:.2s}
.whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.22)}
.whatsapp-float span{font-size:21px;line-height:1}
.footer-links,.footer-bottom{font-size:14px}
@media(max-width:800px){
 .hero{min-height:auto;padding-top:52px;padding-bottom:52px}
 .section{padding-top:64px;padding-bottom:64px}
 .whatsapp-float{right:16px;bottom:16px;padding:13px;width:50px;height:50px;justify-content:center}
 .whatsapp-float b{display:none}
}