/* SVK visual refinement — shared across all pages. */
:root{--ink:#102632;--navy:#091f2c;--teal:#087b69;--mint:#82e3c9;--rule:#dce6e7}
body{font-family:'Segoe UI',Arial,Helvetica,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-weight:650;letter-spacing:-.045em}h1{line-height:1.05}h2{line-height:1.13}.wrap{max-width:1344px;padding-left:52px;padding-right:52px}
.topbar{background:var(--navy)}.topbar .wrap{padding-top:8px;padding-bottom:8px}.topbar a{color:#d8f8ec}
header{position:relative;z-index:20;border-bottom:1px solid #e6eeee}.nav{height:102px}.brand-logo{width:88px}.brand-copy strong{font-size:1.05rem}.brand-copy>span{letter-spacing:.025em;font-size:.73rem}nav{gap:28px}nav>a{font-weight:600}nav>a[aria-current]{border-bottom:0;position:relative}nav>a[aria-current]:after{content:'';position:absolute;height:3px;width:18px;bottom:-10px;left:0;background:var(--teal);border-radius:3px}
.button{border-radius:7px;padding:16px 25px;box-shadow:0 4px 12px #063c2410;transition:background .18s,transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 20px #063c2420}.button:active{transform:translateY(0)}
.hero{background:var(--navy);color:white;padding:86px 0 67px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.22fr .9fr;gap:66px}.hero h1{font-size:clamp(3rem,5.1vw,5rem);font-weight:650;letter-spacing:-.052em}.hero em{color:var(--mint)}.hero .eyebrow{color:#bdd6df;font-size:.72rem;letter-spacing:.17em}.hero .line{background:var(--mint)}.hero .lead{color:#bdd0d8;font-size:1.08rem;max-width:520px}.hero .button{background:var(--mint);color:#092f2b}.hero .button:hover{background:#a5f0dc}.hero .text-link{color:#ecf7fa}.hero-note{color:#b7cfd7;font-size:.8rem;margin-top:42px}.hero-note span+span{border-color:#42606d}
.network-panel{border:1px solid #46636e;background:#143440;box-shadow:18px 18px 0 #ffffff05;border-radius:22px;padding:29px;transform:translateY(2px)}.panel-label{font-size:.65rem}.panel-label span{color:#aecbd1}.network-core{padding:40px 0 28px}.network-core h2{font-size:2.3rem;font-weight:550;letter-spacing:-.04em}.core-symbol{width:74px;height:74px;border-radius:20px;background:#254b55;border-color:#51747b;box-shadow:0 0 0 9px #ffffff03}.network-nodes{gap:12px}.network-nodes span{padding:14px;border-radius:8px;background:#1a3e49;color:#e2f0f3;border-color:#46636e}.panel-bottom{margin-top:26px;color:#abd5cd}
.ribbon{background:#ecf5f2;border-bottom:1px solid #d8e9e3}.ribbon .wrap{padding-top:26px;padding-bottom:26px;color:#30524e;font-size:.72rem;letter-spacing:.11em}
.section{padding:100px 0}.eyebrow{color:#087360;letter-spacing:.14em;font-size:.74rem}.section-heading{margin-bottom:45px;gap:90px}.section-heading p{font-size:1.02rem;line-height:1.85}.section-heading h2{font-size:clamp(2rem,3.4vw,3.35rem)}
.about-grid{gap:90px}.about-section{border-bottom:0;background:#fff}.about-section h2{font-size:clamp(2.1rem,3.4vw,3.35rem)}.vision-panel{background:#f1f6f5;border:1px solid #dbe8e3;border-radius:18px;padding:40px}.vision-panel h3{font-weight:550;font-size:1.9rem}.company-facts{padding-top:28px}.company-facts strong{font-size:1.6rem}.company-facts span{font-size:.86rem}
.services-grid{gap:20px;border:0}.service{border:1px solid var(--rule);border-radius:14px;padding:32px;background:white;transition:border-color .2s,box-shadow .2s,transform .2s}.service:hover{background:white;border-color:#94c3b7;box-shadow:0 16px 36px #103b2810;transform:translateY(-4px)}.card-top{margin-bottom:27px;font-size:.85rem}.card-top svg{width:46px;height:46px;padding:10px;background:#e9f5f0;border-radius:12px}.service h3{font-size:1.4rem;font-weight:650;letter-spacing:-.035em}.service p{font-size:.96rem;line-height:1.8}.service a{border-top:1px solid #e5eeeb;padding-top:20px;font-size:.86rem}
.products-section{background:#f1f5f6}.products-grid{gap:20px}.product-card{border:1px solid #dee7e9;border-radius:14px;padding:28px;transition:box-shadow .2s,border-color .2s}.product-card:hover{box-shadow:0 12px 25px #15352f0d;border-color:#9cbbb4}.product-logo{height:94px;margin-bottom:23px}.product-logo img{height:53px;max-width:145px}.product-card h3{font-size:1.15rem;letter-spacing:-.02em}.product-card li{font-size:.94rem;padding:4px 0}.product-card a{border-top:1px solid #e6eded;padding-top:18px}.product-note{line-height:1.7}
.security-band{background:var(--navy);padding:82px 0}.security-grid h2{font-size:clamp(2.3rem,3.8vw,3.8rem);font-weight:550}.security-grid p{line-height:1.85}.security-band .button.light{background:var(--mint);color:#092f2b}.security-band .eyebrow{color:var(--mint)}
.page-hero{background:var(--navy);color:white;padding:76px 0 70px}.page-hero .eyebrow{color:#9de0ce}.page-hero h1{font-size:clamp(2.8rem,5vw,4.8rem);max-width:970px}.page-hero em{color:var(--mint)}.page-hero p{color:#c1d4dc;font-size:1.1rem;line-height:1.8}.page-hero .button{background:var(--mint);color:#092f2b}.list-grid{gap:22px}.list-card{border:1px solid #dde8e6;background:#f5f8f8;border-radius:14px;padding:33px}.list-card h3{font-size:1.5rem;line-height:1.25}.list-card p{font-size:1rem;line-height:1.8}
.cta{background:#d7f2e9;padding:67px 0}.cta h2{font-size:clamp(2rem,3.4vw,3.2rem);font-weight:600}.cta .button{background:var(--navy);color:white}.cta p{color:#3a635b}.cta .eyebrow{color:#216756}footer{background:#071b25;padding-top:68px}.footer-grid{gap:38px}.footer-grid p{line-height:1.85}.footer-grid .brand{gap:12px}.footer-grid .brand-logo{width:76px}.footer-grid .brand-copy strong{line-height:1.35}.footer-grid h3{color:#e0f3ef;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem}.footer-grid>div>a:not(.brand){line-height:1.9}.copyright{margin-top:44px;color:#b0c7d0}
.enquiry{background:#f3f7f6;border:1px solid #dce8e4;border-radius:18px;padding:38px}.enquiry h2{font-size:2.15rem}.field input,.field select,.field textarea{border-color:#b9cdca;border-radius:7px;padding:13px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #087b69;outline-offset:2px}.contact-block{padding-bottom:23px;margin-bottom:26px}.notice{border-radius:0 6px 6px 0}.check{line-height:1.6}.menu{border-radius:8px}.skip:focus{position:fixed}
@media(max-width:1100px){.wrap{padding-left:32px;padding-right:32px}.hero-grid{gap:35px}.nav{height:auto;min-height:100px}.hero h1{font-size:3.8rem}.section-heading,.about-grid{gap:40px}.service{padding:27px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.wrap{padding-left:22px;padding-right:22px}.nav{height:90px;min-height:0}.brand-logo{width:72px}.brand-copy strong{font-size:.92rem}.hero{padding:54px 0 48px}.hero-grid{grid-template-columns:1fr;gap:43px}.hero h1{font-size:clamp(2.7rem,8.3vw,3.6rem);line-height:1.08}.hero .eyebrow{font-size:.67rem;line-height:1.8;letter-spacing:.1em}.hero .lead{font-size:1rem}.actions{gap:24px}.hero-note{font-size:.78rem;gap:10px}.network-panel{margin:0;border-radius:18px;padding:23px;transform:none;box-shadow:none}.network-core{padding:30px 0 24px}.network-core h2{font-size:2rem}.panel-label{font-size:.6rem;letter-spacing:.08em;gap:8px}.network-nodes span{font-size:.85rem}.ribbon .wrap{font-size:.6rem;line-height:1.8;padding-top:20px;padding-bottom:20px;gap:14px}.section{padding:62px 0}.about-grid{gap:28px}.vision-panel{padding:27px;border-radius:13px}.vision-panel h3{font-size:1.6rem}.company-facts strong{font-size:1.3rem}.section-heading{gap:22px;margin-bottom:30px}.section-heading p{font-size:1rem}.services-grid{gap:16px}.service{padding:28px}.products-grid{gap:16px}.product-card{padding:26px}.product-logo{height:82px}.security-band{padding:60px 0}.security-grid{gap:20px}.security-grid h2{font-size:2.6rem}.page-hero{padding:52px 0}.page-hero h1{font-size:clamp(2.55rem,8.7vw,3.8rem)}.page-hero .eyebrow{line-height:1.8;font-size:.67rem}.page-hero p{font-size:1rem}.list-card{padding:27px}.list-card h3{font-size:1.4rem}.cta{padding:49px 0}.cta-inner{gap:26px}.cta h2{font-size:2.2rem}.enquiry{padding:24px}.enquiry h2{font-size:1.9rem}.footer-grid{gap:34px 24px}.footer-grid .brand-logo{width:82px}nav{top:90px;border-radius:0 0 14px 14px;box-shadow:0 12px 25px #09233018}nav>a[aria-current]:after{display:none}nav>a{padding:5px 0}}
@media(max-width:360px){.nav .brand-logo{width:59px}.nav .brand-copy strong{font-size:.8rem}.nav .brand-copy>span{font-size:.64rem}.hero h1{font-size:2.55rem}.hero-note{display:block}.hero-note span{display:block}.hero-note span+span{border:0;padding:7px 0 0}.footer-grid{grid-template-columns:1fr}.company-facts{gap:13px}.company-facts strong{font-size:1.14rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}.service:hover,.button:hover{transform:none}}
