:root{--navy:#0b1829;--navy2:#14283f;--ink:#16283a;--muted:#5e6c7b;--mint:#78e6bf;--teal:#0d886e;--paper:#f6f8f7;--line:#e1e7e8;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #11b893;outline-offset:5px}.container{width:min(1160px,calc(100% - 48px));margin:auto}.skip-link{position:absolute;left:-9999px;top:8px;z-index:50;background:#fff;padding:8px}.skip-link:focus{left:12px}.site-header{background:var(--navy);color:white;border-bottom:1px solid #ffffff24}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px}.brand-mark{width:45px;height:45px;border:1px solid #6cdbc0;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:18px;letter-spacing:-1px}.brand-dot{color:var(--mint)}.brand-name{display:flex;flex-direction:column;font-size:13px;line-height:1.25;font-weight:850;letter-spacing:1.45px}.brand-name small{font-size:9px;font-weight:600;letter-spacing:2.55px;color:#c0cfdb}.nav{display:flex;gap:34px}.nav a{text-decoration:none;color:#d4e0ea;font-size:14px;font-weight:600}.nav a:hover,.button-text:hover{color:var(--mint)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 24px;text-decoration:none;border-radius:8px;font-weight:750;font-size:15px;transition:transform .18s ease,background .18s ease}.button:hover{transform:translateY(-2px)}.button-small{padding:11px 17px;font-size:13px}.button-outline{border:1px solid #7191a1;color:#fff}.button-outline:hover{background:#ffffff15}.button-primary{background:var(--mint);color:#062a27}.button-primary:hover{background:#99f0d0}.button-text{color:#fff;padding-left:3px}.hero{background:radial-gradient(ellipse at 78% 35%,#1b3f50 0,transparent 52%),var(--navy);color:#fff;padding:87px 0 102px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(310px,.86fr);align-items:center;gap:75px}.eyebrow{color:var(--mint);letter-spacing:2px;font-size:11px;font-weight:850;margin:0 0 22px}.status-dot,.mini-dot{display:inline-block;width:8px;height:8px;background:var(--mint);border-radius:100%;margin-right:9px;box-shadow:0 0 0 4px #77e8bf1a}.hero h1{font-size:clamp(40px,5vw,65px);line-height:1.13;letter-spacing:-2.6px;max-width:650px;margin:0 0 26px;font-weight:820}.hero h1 em{font-style:normal;color:var(--mint)}.hero-lead{font-size:18px;line-height:1.8;max-width:585px;color:#c4d4df;margin:0 0 32px}.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.hero-trust{display:flex;gap:17px;flex-wrap:wrap;margin-top:45px;font-size:12px;color:#c5d6e0}.hero-trust span{white-space:nowrap}.hero-panel{position:relative;background:linear-gradient(160deg,#1c3848,#10283b);border:1px solid #3a5966;border-radius:22px;padding:28px;box-shadow:0 32px 85px #020b1885;min-height:410px;display:flex;flex-direction:column;overflow:hidden}.hero-panel:after{content:"";position:absolute;border:1px solid #75e6bf22;width:280px;height:280px;border-radius:100%;top:56px;right:-120px;pointer-events:none}.panel-top,.panel-bottom{display:flex;align-items:center;justify-content:space-between}.panel-overline{color:#9fcaba;letter-spacing:1.5px;font-weight:800;font-size:10px}.panel-symbol{font-size:29px;color:var(--mint)}.panel-icon{display:flex;align-items:center;justify-content:center;border:1px solid #72d3bb40;background:#7ae4c00a;border-radius:20px;height:150px;margin:35px 0 23px;color:#e1fff4;max-width:190px}.hero-panel h2{font-size:28px;letter-spacing:-.8px;line-height:1.24;margin:0 0 10px}.hero-panel p{color:#bdd1da;font-size:14px;margin:0 0 28px}.panel-bottom{border-top:1px solid #4d657465;padding-top:18px;margin-top:auto;color:#c0d5d8;font-size:12px}.panel-bottom>span:last-child{color:var(--mint);font-size:18px}.section{padding:104px 0}.services{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-heading h2,.about h2,.faq h2{font-size:clamp(34px,4vw,49px);letter-spacing:-1.8px;line-height:1.16;margin:0;font-weight:820}.section-heading h2 span{color:var(--teal)}.section-heading>p{color:var(--muted);max-width:340px;margin:0 0 5px}.eyebrow-dark{color:#0c8870}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.service-card{background:white;border:1px solid var(--line);border-radius:15px;padding:27px 24px 30px;transition:transform .2s ease,box-shadow .2s ease}.service-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #17354b12}.service-icon{width:53px;height:53px;background:#e5f7f0;color:#087963;border-radius:13px;display:grid;place-items:center;font-size:26px;font-weight:750;margin-bottom:28px}.service-index{font-size:10px;letter-spacing:1.4px;color:#798993;font-weight:800;margin:0 0 9px}.service-card h3{font-size:20px;letter-spacing:-.5px;line-height:1.3;margin:0 0 12px}.service-card>p:not(.service-index){font-size:13.5px;line-height:1.8;color:var(--muted);min-height:119px;margin:0 0 18px}.service-card ul{padding:18px 0 0 17px;border-top:1px solid var(--line);margin:0;color:#3b5261;font-size:12.5px;line-height:2}.service-card li::marker{color:#10a682}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:95px}.about-graphic{min-height:410px;border-radius:18px;background:linear-gradient(145deg,#173f46,#0d2335);color:#fff;padding:45px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;overflow:hidden;position:relative}.about-graphic>p{font-size:clamp(32px,3.5vw,51px);font-weight:820;line-height:1.14;letter-spacing:-1.9px;z-index:1}.about-graphic strong{color:var(--mint)}.location-chip{position:relative;z-index:1;background:#ffffff18;border:1px solid #ffffff37;padding:11px 16px;border-radius:40px;font-size:13px}.location-chip span{color:var(--mint);font-size:21px;vertical-align:middle;margin-right:4px}.graphic-orbit{width:300px;height:300px;border:1px solid #a3edcf28;border-radius:50%;position:absolute;right:-115px;bottom:-65px}.orbit-two{right:-65px;bottom:-120px}.about-copy p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.85;margin:20px 0}.about-copy strong{color:var(--ink)}.text-link{display:inline-flex;gap:20px;color:#087963;font-weight:800;margin-top:12px;text-decoration:none;border-bottom:2px solid #0f9678;padding-bottom:6px}.text-link:hover{color:#0b4d42}.process{background:#eef4f1}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.step{border-top:1px solid #bdd2c9;padding-top:25px}.step span{color:#0b8b70;font-weight:900;letter-spacing:1px;font-size:13px}.step h3{margin:17px 0 8px;font-size:20px}.step p{color:var(--muted);margin:0;max-width:310px}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-intro{color:var(--muted)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;list-style:none;font-weight:750;display:flex;justify-content:space-between;gap:15px}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:22px;color:#0b8b70;line-height:1}details[open] summary:after{content:"−"}details p{color:var(--muted);margin:14px 35px 0 0;line-height:1.8;font-size:14px}.contact-section{background:#075e53;color:#fff;padding:72px 0}.contact-inner{display:flex;justify-content:space-between;gap:55px;align-items:center}.contact-inner>div:first-child{max-width:660px}.contact-inner .eyebrow{color:#a8f3d4}.contact-inner h2{font-size:clamp(34px,4vw,49px);letter-spacing:-1.8px;line-height:1.2;margin:0 0 16px}.contact-inner p:not(.eyebrow){color:#d0eae2;margin:0}.contact-action{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex-shrink:0}.button-light{background:#fff;color:#075e53;min-width:195px}.button-light:hover{background:#ddf8ea}.contact-action small{color:#c8e2da;font-size:12px}.site-footer{background:#091827;color:#dce8ee;padding:35px 0}.footer-inner{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-inner strong{font-size:14px}.footer-inner p,.footer-right{color:#9fb1c1;font-size:12px}.footer-inner p{margin:6px 0 0}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px}@media(max-width:1050px){.hero-grid{gap:35px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card>p:not(.service-index){min-height:0}.about-grid{gap:48px}}@media(max-width:740px){.container{width:min(100% - 32px,1160px)}.header-inner{height:74px}.nav{display:none}.header-contact{padding:10px 12px;font-size:12px}.brand-name{font-size:11px}.brand-name small{font-size:8px}.brand-mark{width:39px;height:39px}.hero{padding:62px 0 68px}.hero-grid{grid-template-columns:1fr;gap:42px}.hero h1{font-size:clamp(39px,9vw,59px);letter-spacing:-1.7px}.hero-lead{font-size:16px}.hero-trust{margin-top:32px}.hero-panel{min-height:370px}.section{padding:68px 0}.section-heading{display:block}.section-heading>p{margin-top:18px}.service-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:36px}.about-graphic{min-height:315px;padding:30px}.steps{grid-template-columns:1fr;gap:30px}.faq-grid{grid-template-columns:1fr;gap:25px}.contact-inner,.footer-inner{flex-direction:column;align-items:flex-start}.contact-inner{gap:30px}.footer-right{align-items:flex-start}.contact-section{padding:60px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* KM Cloud business card identity: royal blue, clean white, flowing wave */
:root{--navy:#1255a0;--navy2:#1765b9;--ink:#143f78;--muted:#566b82;--mint:#d7eaff;--teal:#1765b9;--paper:#f2f7ff;--line:#dae7f6;--white:#fff}
body{background:#fff}
a:focus-visible,summary:focus-visible{outline-color:#2b77d2}
.site-header{background:#fff;color:#174b8d;border-bottom:0;position:relative;z-index:2}
.header-inner{height:108px}
.brand{gap:8px}
.brand-cloud{display:block;width:96px;height:65px;flex:none}
.brand-cloud svg{width:100%;height:100%}
.brand-name{display:block;letter-spacing:.045em;color:#174b8d;font-weight:800;font-size:clamp(13px,1.5vw,21px);line-height:1.1;white-space:nowrap}
.nav a{color:#235a9a}.nav a:hover{color:#0b76d8}
.button-outline{color:#185aa5;border-color:#b2cbee}.button-outline:hover{background:#edf5ff}
.button-primary{background:white;color:#145db1;box-shadow:0 7px 20px #083c852b}
.button-primary:hover{background:#ebf4ff}
.button-text{color:white}.button-text:hover{color:#e7f4ff}
.hero{position:relative;background:linear-gradient(128deg,#0d55a9 0%,#217bd2 58%,#1258b2 100%);padding:96px 0 102px}
.hero:before{content:"";position:absolute;top:-1px;left:0;width:100%;height:60px;background:#fff;clip-path:ellipse(65% 62% at 50% 0%)}
.hero-grid{position:relative;z-index:1;gap:56px}
.eyebrow{color:#e4f2ff}.status-dot,.mini-dot{background:#fff;box-shadow:0 0 0 4px #ffffff24}
.hero h1 em{color:#d6eaff}.hero h1{letter-spacing:-2px}
.hero-lead{color:#e2efff}
.hero-trust{color:#e5f2ff}
.hero-panel{background:#ffffff;border:1px solid #e2edfb;border-radius:20px;min-height:350px;padding:34px;color:#1856a2;box-shadow:0 24px 65px #06397855;justify-content:center;text-align:center}
.hero-panel:after{display:none}
.hero-panel .panel-overline{color:#1b5bad;font-size:12px;letter-spacing:2px;font-weight:850;margin:0 0 22px}
.hero-panel h2{font-size:clamp(25px,2.7vw,34px);letter-spacing:-.8px;line-height:1.15;margin:0 0 8px;color:#1654a1}
.hero-panel .panel-subheading{color:#1961b5;font-size:clamp(17px,2vw,23px);line-height:1.35;font-weight:760;margin:0 0 26px}
.support-icons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:center;margin:8px 0 16px}
.support-icons svg{width:100%;max-width:72px;margin:auto;height:auto;stroke:#1e67bf;stroke-width:4;stroke-linejoin:round;stroke-linecap:round;fill:none}
.panel-bottom{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d6e7fa;padding-top:12px;margin:0;gap:8px;color:#416aa1;font-size:10px;font-weight:850;letter-spacing:.06em}
.eyebrow-dark,.section-heading h2 span{color:#1765b9}
.service-icon{background:#e9f3ff;color:#1c64b8}
.service-card li::marker{color:#2677d1}
.about-graphic{background:linear-gradient(135deg,#1055ab,#2b7bd3)}
.about-graphic strong{color:#dcecff}.location-chip span{color:#fff}
.process{background:#eaf3ff}.step{border-color:#bad3ef}.step span{color:#1765b9}
.text-link,summary:after{color:#145eaf}.text-link{border-color:#1765b9}
.contact-section{background:linear-gradient(110deg,#1054a6,#2777cb)}
.contact-inner .eyebrow{color:#e1f0ff}.contact-inner p:not(.eyebrow){color:#e1eeff}
.button-light{color:#175aa9}.button-light:hover{background:#e6f2ff}.contact-action small{color:#dbeaff}
.site-footer{background:#103c75}
@media(max-width:740px){.header-inner{height:83px}.brand-cloud{width:67px;height:50px}.brand-name{font-size:clamp(10px,2.8vw,15px)}.hero{padding:100px 0 65px}.hero:before{height:42px;clip-path:ellipse(87% 70% at 50% 0%)}.hero-panel{min-height:0;padding:26px 17px}.hero-panel .panel-overline{margin-bottom:16px}.hero-panel .panel-subheading{margin-bottom:18px}.panel-bottom{font-size:8px}.support-icons{gap:5px}}
@media(max-width:410px){.brand{gap:2px}.brand-cloud{width:54px}.brand-name{font-size:11px}.header-contact{font-size:11px;padding:8px}.header-inner{gap:8px}}

/* Contact form */
.contact-layout{display:grid;grid-template-columns:0.85fr 1.15fr;gap:64px;align-items:start}
.contact-intro h2{margin:10px 0 18px}.contact-intro .contact-note{margin-top:28px}.contact-note a{color:white;text-underline-offset:4px}
.contact-form{background:#fff;color:#173a64;padding:30px;border-radius:18px;box-shadow:0 18px 40px #073d8042;display:grid;gap:17px}
.contact-form h3{color:#174f94;font-size:24px;margin:0 0 3px}
.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:700;color:#183f70}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #b9cde3;background:#fff;color:#1b3554;border-radius:9px;padding:12px 13px;font:inherit;font-weight:400;min-height:46px;box-sizing:border-box}
.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:3px solid #8fc4ff;outline-offset:1px}
.contact-form .contact-submit{border:0;cursor:pointer;justify-content:center;width:100%;font-weight:800}.contact-submit:disabled{opacity:.6;cursor:wait}
.contact-status{font-weight:700;margin:0!important;min-height:1.2em;color:#183f70!important}.contact-status.success{color:#176536!important}.contact-status.error{color:#a12b31!important}
.contact-privacy{font-size:12px;color:#537092;line-height:1.5}.anti-spam{position:absolute;left:-99999px;width:1px;height:1px;overflow:hidden}
@media(max-width:850px){.contact-layout{grid-template-columns:1fr;gap:24px}}
@media(max-width:520px){.contact-form{padding:20px}.contact-form-grid{grid-template-columns:1fr}}

/* October refinements: use the supplied complete logo rather than a replacement SVG. */
.brand-logo{display:block;width:clamp(230px,27vw,355px);height:auto;object-fit:contain}
.panel-bottom>span:last-child{color:inherit;font-size:inherit}
.panel-bottom>span{font-size:inherit;line-height:1.4;white-space:nowrap}
.contact-form .field-label{display:inline-flex;flex-direction:row;align-items:baseline;gap:4px;line-height:1.35}
.contact-form .required{color:#b03232;font-size:1em;vertical-align:baseline}
.contact-intro .contact-phone{margin-top:12px}
@media(max-width:740px){.brand-logo{width:clamp(175px,45vw,270px)}}
@media(max-width:410px){.brand-logo{width:165px}.panel-bottom{gap:7px;flex-wrap:wrap}}