@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#071b36;--navy2:#0b2c50;--teal:#08b6be;--aqua:#50e1db;--ink:#142b42;--muted:#597087;--pale:#edf6f8;--line:#dfe9ed;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:white;font-size:16px;line-height:1.65}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.045em}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%}.shell{max-width:1190px;margin:0 auto;padding-left:28px;padding-right:28px}.skip{position:absolute;left:-9999px;background:white;color:#111;padding:12px;z-index:99}.skip:focus{left:12px;top:12px}.site-header{position:sticky;top:0;background:rgba(255,255,255,.97);border-bottom:1px solid #e9eef1;z-index:50;backdrop-filter:blur(15px)}.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{width:265px;display:flex;align-items:center;flex-shrink:0}.brand img{width:100%;max-height:65px;object-fit:contain}.navigation{display:flex;align-items:center;gap:29px}.nav-link{font-size:13px;font-weight:800;color:#526477;transition:.2s}.nav-link:hover,.nav-link.active{color:#0097a6}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:0;font-weight:800;font-size:13px;border-radius:5px;white-space:nowrap}.nav-cta{padding:13px 18px;background:var(--navy);color:white}.menu-toggle{display:none}.hero{background:linear-gradient(115deg,#071b36 0%,#092746 57%,#063e52 100%);position:relative;isolation:isolate;overflow:hidden;color:white}.glow{position:absolute;border-radius:50%;filter:blur(4px);pointer-events:none;z-index:-1}.g1{width:650px;height:650px;right:-330px;top:-370px;background:radial-gradient(circle,rgba(3,168,174,.24),transparent 70%)}.g2{width:540px;height:540px;bottom:-420px;left:20%;background:radial-gradient(circle,rgba(15,157,182,.18),transparent 70%)}.hero-grid{min-height:602px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;padding-top:70px;padding-bottom:75px}.eyebrow,.section-kicker{letter-spacing:.19em;font-size:10px;font-weight:800;color:var(--aqua);display:flex;align-items:center;gap:12px}.eyebrow-line{width:30px;height:1px;background:#4593a3}.pulse{width:8px;height:8px;background:#34d9c1;border-radius:50%;box-shadow:0 0 0 5px #29e1c51c}.hero h1{font-size:clamp(40px,4.3vw,66px);line-height:1.13;font-weight:800;letter-spacing:-.055em;margin:25px 0}.hero h1 em{display:block;font-style:normal;background:linear-gradient(105deg,#55eee2,#2eb3d6);background-clip:text;color:transparent}.hero-lead{color:#b4c8d8;max-width:540px;line-height:1.85;font-size:16px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:33px 0 44px}.btn{padding:16px 22px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#1ac9c6;color:#042236}.btn-primary:hover{background:#73eee6}.btn-outline{border:1px solid #63788c;color:#fff;background:transparent}.btn-outline:hover{border-color:#3ee1df}.hero-proof{display:flex;gap:25px;border-top:1px solid #49627a;padding-top:24px}.hero-proof>div{padding-right:27px;border-right:1px solid #38526d}.hero-proof>div:last-child{border-right:0}.hero-proof strong{display:block;color:white;font-size:20px;font-family:Manrope}.hero-proof span{font-size:10px;max-width:108px;display:block;line-height:1.5;color:#9db8ca}.hero-visual{min-height:440px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #50bbcf2a;border-radius:50%}.orbit-one{width:420px;height:420px}.orbit-two{width:340px;height:340px;border-style:dashed}.visual-card{position:relative;z-index:2;width:310px;max-width:85%;min-height:352px;border:1px solid #58d7dc61;border-radius:14px;box-shadow:0 22px 90px #0008,0 0 45px #00c6d42e;background:linear-gradient(145deg,#0e3656 10%,#07203a 80%);padding:24px}.card-cap{font-size:9px;letter-spacing:.19em;color:#9ed1dd}.visual-mark{height:234px;display:grid;place-items:center}.visual-mark img{width:220px;filter:drop-shadow(0 10px 20px #021227ad)}.code-row{display:flex;gap:7px;align-items:center;margin:8px 0 20px}.circle{height:6px;width:6px;border-radius:50%}.blue{background:#3b6580}.aqua{background:#1bdbcf}.code-row i{height:1px;background:#32536d;flex:1}.visual-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.16em;color:#aad5de}.visual-label b{color:#50e9e5}.live-dot{width:8px;height:8px;background:#2dcac1;border-radius:50%}.floating-tag{position:absolute;z-index:3;color:#ceeff1;background:#103954db;backdrop-filter:blur(4px);border:1px solid #3c7a8a;border-radius:5px;padding:10px 14px;font-size:11px;font-weight:700;box-shadow:0 12px 36px #04152880}.tag-one{left:-10px;top:79px}.tag-two{right:0;bottom:73px}.hero-base{border-top:1px solid #ffffff16;background:#04172cc2}.hero-base>.shell{min-height:68px;display:flex;justify-content:space-between;align-items:center;gap:20px}.hero-base span{font-size:10px;color:#95b4c4;letter-spacing:.14em;font-weight:800}.hero-base i{height:4px;width:4px;background:#12bac2;border-radius:50%;flex-shrink:0}.section{padding:110px 0}.section-kicker{color:#009ea8;margin-bottom:20px}.section h2,.cta-band h2{font-size:clamp(31px,3.25vw,46px);font-weight:800;line-height:1.22;margin-bottom:26px;color:var(--navy)}.section h2 span{color:#05a6b0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.section-intro>p{font-size:15px;color:var(--muted);line-height:1.9;max-width:510px}.text-link{display:inline-block;margin-top:21px;border-bottom:2px solid #16bbc0;padding-bottom:7px;font-size:13px;font-weight:800;color:var(--navy)}.about-panel{background:linear-gradient(145deg,#f2fafa,#eaf4f6);padding:40px 42px;border-radius:8px;border:1px solid #e1f0f2;position:relative}.corner-label{font-size:10px;letter-spacing:.19em;font-weight:800;color:#0a9ca5;margin-bottom:25px}.principle{display:flex;align-items:flex-start;gap:24px;padding:21px 0;border-bottom:1px solid #d5e6e9}.principle>span{color:#02a7af;font-size:12px;font-weight:800}.principle h3{margin:0 0 5px;font-size:18px;letter-spacing:-.03em}.principle p{font-size:13px;line-height:1.6;color:#627b8b;margin:0}.about-stamp{margin-top:28px;color:#688394;font-size:10px;letter-spacing:.13em;font-weight:800}.services{background:#f5f9fa}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.section-head h2{margin:0}.section-head>p{max-width:345px;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 6px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{padding:33px 29px;background:#fff;border:1px solid #e3edef;min-height:305px;position:relative;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.service-card:hover{box-shadow:0 16px 40px #072c4712;transform:translateY(-3px)}.service-icon{width:49px;height:49px;background:#e8f9f9;color:#028f9c;display:grid;place-items:center;font-size:27px;font-weight:800;border-radius:8px;margin-bottom:25px}.card-number{position:absolute;top:32px;right:28px;color:#9eb1bf;font-size:11px;font-weight:800}.service-card h3{font-size:19px;margin:0 0 10px}.service-card p{font-size:13px;color:#65798b;line-height:1.8;flex:1;margin-bottom:24px}.service-card a{font-size:11px;color:#078e9e;font-weight:800}.products{background:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product{background:#f6f9fa;border:1px solid #e5edef;min-height:277px;padding:26px 24px;display:flex;flex-direction:column}.product.featured{background:#e9f7f8;border-color:#b8e9ed}.product-top{display:flex;justify-content:space-between;gap:7px;align-items:flex-start}.product-symbol{font-size:30px;font-weight:800;color:#096a83;letter-spacing:-.08em}.product-symbol span{font-size:20px;color:#11bac1}.status{font-size:9px;letter-spacing:.07em;text-transform:uppercase;border:1px solid #b6d8db;border-radius:99px;padding:5px 7px;color:#197e88;font-weight:800;white-space:nowrap}.product h3{margin:18px 0 11px;font-size:21px}.product p{color:#63798a;font-size:13px;line-height:1.8;flex:1;margin-bottom:20px}.product-type{font-size:10px;letter-spacing:.12em;font-weight:800;color:#089eaa}.products-note{margin-top:23px;padding:18px 22px;border-left:3px solid #1eb8b9;background:#f3f9f9;font-size:12px;color:#607789}.cta-band{padding:67px 0;background:linear-gradient(95deg,#072744,#0b6875);color:white}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-band .section-kicker{color:#66e4e0}.cta-band h2{color:white;font-size:36px;max-width:730px;margin:0 0 11px}.cta-band p{color:#c3d8e2;margin:0}.btn-white{background:white;color:#0c3145;flex-shrink:0}.contact{background:#f7fafb}.contact-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:95px;align-items:start}.contact-grid>div>p{font-size:15px;line-height:1.85;color:var(--muted);max-width:430px;margin-bottom:36px}.contact-detail{margin-bottom:26px}.contact-label{display:block;font-size:10px;letter-spacing:.18em;font-weight:800;color:#0b9ba6;margin-bottom:8px}.contact-detail a{font-size:20px;font-weight:800;color:#0b2540}.contact-detail address{font-style:normal;font-size:14px;line-height:1.8;color:#243f52}.contact-detail small{display:block;margin-top:7px;font-size:11px;color:#6c8191}.contact-reg{border-top:1px solid #dce6e9;padding-top:22px;color:#708899;font-size:11px;letter-spacing:.045em}.contact-form-wrap{background:white;border:1px solid #e0e9ed;padding:34px 36px;box-shadow:0 15px 60px #0d344209;border-radius:6px}.form-top h3{font-size:23px;margin:0 0 4px}.form-top p{font-size:13px;color:#63798a;margin-bottom:26px}.contact-form-wrap form{display:grid;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form-wrap label{font-size:12px;color:#234054;font-weight:800;display:grid;gap:7px}.contact-form-wrap label span{color:#0d9eaa}.contact-form-wrap label small{font-size:11px;font-weight:500;color:#8797a4}.contact-form-wrap input,.contact-form-wrap select,.contact-form-wrap textarea{background:#fcfefe;width:100%;color:#253b4b;padding:12px 13px;border:1px solid #dbe5e9;border-radius:4px;outline:none;font-size:13px;min-width:0}.contact-form-wrap input:focus,.contact-form-wrap select:focus,.contact-form-wrap textarea:focus{border-color:#0ca6b6;box-shadow:0 0 0 3px #08afb217}.contact-form-wrap textarea{resize:vertical}.submit{width:100%;margin-top:2px}.form-footnote{font-weight:400;font-size:11px;color:#778a97;margin:0;line-height:1.6}.form-feedback{background:#eaf8f8;border:1px solid #a5dcdf;color:#174b5a;border-radius:4px;padding:14px;font-size:12px}.form-feedback button{display:block;margin-top:10px;padding:8px 12px;background:#082c46;color:white;border:0;border-radius:4px;font-size:12px}.footer{background:#061c32;color:white}.footer-main{display:grid;grid-template-columns:2fr .75fr 1.25fr;gap:85px;padding-top:65px;padding-bottom:66px}.footer-brand img{width:220px;height:95px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}.footer-brand p{color:#89a9ba;font-size:13px;line-height:1.9;max-width:280px;margin-top:14px}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links strong{font-size:10px;letter-spacing:.16em;color:#39d6d4;margin-bottom:10px}.footer-links a,.footer-links span{font-size:13px;color:#abc0cc}.footer-links a:hover{color:#55eae4}.footer-bottom{padding-top:24px;padding-bottom:24px;border-top:1px solid #29425a;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:11px;color:#88a6b8}.footer-bottom a{color:#56d9d7}
@media(max-width:1100px){.navigation{gap:15px}.brand{width:210px}.about-grid,.contact-grid{gap:50px}.product-grid{grid-template-columns:repeat(2,1fr)}.tag-one{left:0}.tag-two{right:0}}@media(max-width:800px){.nav-wrap{height:74px}.brand{width:210px}.menu-toggle{display:inline-flex;align-items:center;gap:8px;padding:10px;background:#edf7f8;border:0;border-radius:5px;color:#07304b;font-size:13px;font-weight:800}.navigation{display:none;position:absolute;top:74px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:white;padding:10px 25px 22px;border-bottom:1px solid #dae7eb;box-shadow:0 15px 20px #001a3018}.navigation.open{display:flex}.navigation a{padding:12px 8px}.navigation .nav-cta{justify-content:center}.hero-grid{grid-template-columns:1fr;padding-top:62px;padding-bottom:25px;gap:10px}.hero-copy{max-width:660px}.hero-visual{min-height:380px}.hero-base>.shell{flex-wrap:wrap;justify-content:center;gap:15px;padding-top:23px;padding-bottom:23px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.section{padding:78px 0}.service-grid{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.section-head>p{margin-top:15px}.footer-main{gap:30px;grid-template-columns:1.3fr 1fr}.footer-brand{grid-column:1/-1}.cta-inner{align-items:flex-start;flex-direction:column}}@media(max-width:540px){.shell{padding-left:19px;padding-right:19px}.hero-grid{padding-top:55px}.hero h1{font-size:42px}.hero-lead{font-size:14px}.hero-proof{gap:10px}.hero-proof>div{padding-right:10px}.hero-proof strong{font-size:17px}.hero-proof span{font-size:9px}.hero-actions{gap:9px}.btn{font-size:12px;padding:14px 15px;gap:9px}.hero-visual{min-height:340px}.visual-card{width:270px;min-height:300px;padding:19px}.visual-mark{height:190px}.visual-mark img{width:178px}.orbit-one{width:320px;height:320px}.orbit-two{width:250px;height:250px}.floating-tag{font-size:9px;padding:7px}.tag-one{top:35px}.tag-two{bottom:35px}.service-grid,.product-grid{grid-template-columns:1fr}.service-card{min-height:250px}.about-panel{padding:25px}.contact-form-wrap{padding:24px 19px}.form-row{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr;gap:32px}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;align-items:start;gap:10px}.cta-band h2{font-size:29px}.section h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Website v1.1 enquiry & WhatsApp upgrades */
.honeypot{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}
.whatsapp-float{position:fixed;bottom:22px;right:22px;z-index:120;padding:13px 18px;background:#087d70;color:#fff!important;border-radius:999px;box-shadow:0 8px 28px #08294350;font-weight:750;text-decoration:none}
.whatsapp-float:hover{background:#075e54}
.whatsapp-float[hidden],#whatsapp-contact[hidden]{display:none!important}
#enquiry-form button[disabled]{opacity:.65;cursor:wait}
