:root{color-scheme:dark;--night:#061423;--night2:#0a2134;--panel:#0d263b;--panel2:#12374f;--white:#effaff;--muted:#9cb9ca;--cyan:#39d7fc;--cyan2:#92ebff;--line:#2b516a;--green:#65dcb4}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;color:var(--white);background:#061423;font:14px/1.65 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}body.menu-open{overflow:hidden}section[hidden],.form-panel[hidden],.contact-panel[hidden],.menu-backdrop[hidden]{display:none!important}
.site-shell{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 52% 44%,#143c56 0%,#0a263c 30%,#061423 75%);position:relative;isolation:isolate;overflow:clip}
.site-header{height:83px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(21px,5vw,64px);border-bottom:1px solid #2b526673;background:#071b2bbd;backdrop-filter:blur(16px);position:relative;z-index:10}
.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand img{flex-shrink:0;height:46px;width:46px;border-radius:11px;border:1px solid #397e9c;box-shadow:0 0 18px #28b4e11c}.brand-name{font:900 23px/1.1 Manrope,Arial,sans-serif;letter-spacing:1.9px;white-space:nowrap}.brand-name small{display:block;color:#89daef;font-size:8px;letter-spacing:2.6px;margin-top:6px}
.menu-toggle{min-height:46px;display:flex;align-items:center;gap:12px;padding:10px 15px;border:1px solid #4687a4;background:#0d324b;color:#c7f2ff;font:800 11px Manrope,sans-serif;letter-spacing:1.65px;transition:background .15s,border-color .15s}.menu-toggle:hover{background:#154460;border-color:var(--cyan)}.bars{display:flex;flex-direction:column;gap:5px;width:24px}.bars i{height:2px;width:24px;background:var(--cyan)}.bars i:nth-child(3){width:16px}
#mainContent{width:100%;flex:1;display:flex;flex-direction:column;min-width:0}.home-screen{min-height:calc(100dvh - 147px);display:grid;place-items:center;position:relative;flex:1;padding:30px 24px 56px;overflow:hidden}.hero-halo{position:absolute;left:50%;top:47%;width:min(80vw,620px);aspect-ratio:1;border:1px solid #32b1da20;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 45px #2698cb07,0 0 0 105px #2698cb04;pointer-events:none}.home-inner{text-align:center;max-width:680px;position:relative;z-index:1}.emblem-frame{display:grid;place-items:center;width:212px;height:212px;position:relative;margin:0 auto 28px}.emblem-frame img{height:184px;width:184px;object-fit:contain;border-radius:39px;box-shadow:0 0 65px #33cafa20;filter:drop-shadow(0 0 27px #37ccf945)}.emblem-outline{position:absolute;inset:-3px;border:1px solid #3ebadd80;border-radius:45px;transform:rotate(45deg);box-shadow:0 0 55px #30d7ff15;pointer-events:none}.home-inner h1{font:900 clamp(51px,7.8vw,89px)/1.08 Manrope,Arial,sans-serif;letter-spacing:clamp(3px,1.1vw,10px);margin:0;text-shadow:0 0 30px #37b9e921}.company-subtitle{margin:10px auto 0;color:#9be7fa;font:800 clamp(12px,1.8vw,19px) Manrope,Arial,sans-serif;letter-spacing:clamp(3px,.7vw,8px)}.brand-divider{display:flex;justify-content:center;align-items:center;gap:14px;margin:33px auto}.brand-divider:before,.brand-divider:after{content:"";width:80px;height:1px;background:linear-gradient(90deg,transparent,#59bedf)}.brand-divider:after{transform:rotate(180deg)}.brand-divider span{width:7px;height:7px;background:var(--cyan);transform:rotate(45deg);box-shadow:0 0 11px #41e6ff}.company-intro{color:#bed3df;font-size:clamp(15px,1.7vw,18px);line-height:1.95;max-width:600px;margin:0 auto}
.site-footer{min-height:64px;padding:18px clamp(21px,5vw,64px);display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid #2b516458;background:#0515248c;position:relative;z-index:1;color:#7aa3b8;font:800 9px Manrope,sans-serif;letter-spacing:1.15px}.site-footer span:last-child{color:#76cee5}
.menu-backdrop{position:fixed;inset:0;z-index:20;background:#000a14bc;backdrop-filter:blur(5px)}.menu-drawer{position:fixed;z-index:21;left:0;top:0;height:100dvh;width:min(432px,92vw);display:flex;flex-direction:column;background:linear-gradient(155deg,#0c283d,#061524 76%);border-right:1px solid #4483a2;box-shadow:20px 0 80px #000c;transform:translateX(-105%);transition:transform .22s ease}.menu-drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #2c5872;padding:19px 20px;min-height:81px}.drawer-brand{display:flex;align-items:center;gap:11px}.drawer-brand img{border-radius:10px;border:1px solid #35789b}.drawer-brand b{display:block;font:900 21px Manrope,sans-serif;letter-spacing:1.7px;line-height:1.15}.drawer-brand small{display:block;font:800 8px Manrope,sans-serif;letter-spacing:2.2px;color:#8bd5e9;margin-top:3px}.close-menu{display:grid;place-items:center;width:41px;height:41px;background:#123b54;border:1px solid #396d87;color:#d5f3ff;font-size:17px}.close-menu:hover{border-color:var(--cyan)}.drawer-nav{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:9px 12px 20px}.nav-group{margin:9px 0 20px}.nav-title{display:block;color:#80c7df;font:800 10px Manrope,sans-serif;letter-spacing:1.5px;margin:16px 13px 7px}.drawer-nav a{display:flex;gap:13px;align-items:center;min-height:61px;padding:10px 12px;color:#d2e8f1;border:1px solid transparent}.drawer-nav a:hover,.drawer-nav a:focus-visible{background:#123b55;border-color:#315d79}.drawer-nav a[aria-current="page"]{background:#0d364f;border-color:#36758d}.nav-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;background:#10354e;border:1px solid #2c6480;color:#76e2fb;font-size:23px}.nav-copy{display:block;flex:1;min-width:0}.nav-copy strong{display:block;font-size:13px;font-weight:800}.nav-copy small{display:block;color:#91b5c8;font-size:11px;line-height:1.4;margin-top:3px}.chev{color:#62d1ef;font-size:24px}.drawer-foot{border-top:1px solid #24485b;padding:19px 21px max(21px,env(safe-area-inset-bottom));font:800 9px Manrope,sans-serif;letter-spacing:1.3px;color:#8bb5c9;display:flex;align-items:center;gap:9px}.drawer-foot span:last-child{color:var(--cyan);margin-left:auto}.dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 10px #41d8ae}
.detail-screen{flex:1;background:radial-gradient(ellipse at 50% 0%,#10385242,transparent 45%);min-height:calc(100dvh - 147px)}.detail-container{max-width:1190px;margin:0 auto;padding:35px 26px 70px}.backline{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:33px}.back-link{color:#84dffa;font:800 10px Manrope,sans-serif;letter-spacing:1.2px;border:1px solid #315d76;padding:9px 13px;background:#0b2c44}.back-link:hover{border-color:var(--cyan)}.detail-trail{color:#78a4b9;font:800 9px Manrope,sans-serif;letter-spacing:1.3px}.detail-trail span{color:#9adcf0}.detail-header{max-width:840px;margin-bottom:40px}.eyebrow{color:#56d4f6;font:800 10px Manrope,sans-serif;letter-spacing:1.75px}.detail-header h1{font:850 clamp(34px,5vw,57px)/1.16 Manrope,sans-serif;letter-spacing:-2px;margin:15px 0 17px}.detail-lead{color:#b3ccdc;font-size:clamp(14px,1.8vw,17px);max-width:720px;line-height:1.85;margin:0}.detail-layout{display:grid;grid-template-columns:1fr 1.04fr;gap:19px;align-items:start}.info-panel,.form-panel,.contact-panel{background:linear-gradient(142deg,#102c42,#091c2e);border:1px solid #2d5873;padding:clamp(24px,3vw,37px);min-width:0}.info-panel h2,.form-panel h2,.contact-panel h2{font:800 25px Manrope,sans-serif;letter-spacing:-.8px;line-height:1.3;margin:0 0 13px}.info-panel>p,.contact-panel>p{color:#afc9d9;font-size:14px;line-height:1.9}.info-items{display:grid;gap:12px;margin-top:26px}.info-item{display:flex;align-items:start;gap:13px;border-top:1px solid #28516b;padding-top:14px}.info-item .tick{display:grid;place-items:center;background:#103b50;border:1px solid #347997;color:var(--cyan);width:29px;height:29px;flex:none;font-size:15px;font-weight:900}.info-item p{margin:1px 0 0;color:#c6dfeb;font-size:13px;line-height:1.65}.info-action{display:flex;gap:10px;flex-wrap:wrap;margin-top:31px}.info-action a{border:1px solid #3585a4;color:#97e9ff;background:#0b3048;padding:11px 14px;font:800 10px Manrope,sans-serif;letter-spacing:.8px}.info-action a:hover{background:#16425d}.info-action a.primary{background:var(--cyan);color:#062137;border-color:var(--cyan)}.info-action a.primary:hover{background:#8eeaff}.form-eyebrow{display:flex;justify-content:space-between;gap:15px;color:#86d7ef;font:800 10px Manrope,sans-serif;letter-spacing:1.3px}.form-signal{color:#5bdba9;font-size:9px}.form-panel h2{margin-top:20px}.form-panel>p:not(.privacy-note){color:#a9c6d7;font-size:13px;margin:0 0 19px;line-height:1.8}.form-panel label:not(.consent){display:block;font-size:11px;font-weight:800;color:#c9e7f4;margin:17px 0 7px}.form-panel input:not([type="checkbox"]),.form-panel select,.form-panel textarea{width:100%;background:#0a2235;color:#ebf8ff;border:1px solid #37617c;border-radius:0;padding:13px 12px;min-height:46px;font-size:13px;outline:none}.form-panel input::placeholder,.form-panel textarea::placeholder{color:#83aabd}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus{border-color:var(--cyan)}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-panel textarea{min-height:118px;resize:vertical}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;left:-9999px}.consent{display:flex;align-items:start;gap:11px;margin:20px 0 19px;color:#acc7d6;font-size:11px;line-height:1.65}.consent input{margin:3px 0 0;accent-color:var(--cyan)}.send-button{width:100%;padding:15px 17px;background:var(--cyan);color:#082135;border:1px solid var(--cyan);font:900 11px Manrope,sans-serif;letter-spacing:1.05px;display:flex;justify-content:space-between;align-items:center}.send-button:hover{background:#8ae9ff}.send-button:disabled{opacity:.6;cursor:wait}.send-button span:last-child{font-size:19px;line-height:1}.form-response{margin:14px 0 0;color:#bcd4df;font-size:12px;line-height:1.6;min-height:12px}.form-response.success{color:#79e1b4}.form-response.error{color:#ffb0a9}.privacy-note{border-top:1px solid #28506b;padding-top:15px;margin:21px 0 0;color:#86aabc;font-size:11px;line-height:1.7}.contact-panel h2{margin-top:17px}.contact-panel a{display:block;margin-top:25px;color:#8de6ff;font-weight:800;overflow-wrap:anywhere}.contact-panel .muted{font-size:12px;color:#83aabe;margin-top:22px}
@media(max-width:850px){.detail-layout{grid-template-columns:1fr;gap:20px}.detail-header{margin-bottom:25px}}
@media(max-width:580px){.site-header{height:71px;padding:0 17px}.brand img{width:40px;height:40px}.brand{gap:10px}.brand-name{font-size:19px;letter-spacing:1.25px}.brand-name small{font-size:7px;letter-spacing:1.65px;margin-top:5px}.menu-toggle{min-height:42px;gap:9px;padding:8px 11px;font-size:10px}.bars{width:20px}.bars i{width:20px}.bars i:nth-child(3){width:15px}.home-screen{min-height:calc(100dvh - 123px);padding:35px 20px 56px}.home-inner{max-width:380px}.emblem-frame{height:151px;width:151px;margin-bottom:23px}.emblem-frame img{width:133px;height:133px;border-radius:28px}.emblem-outline{border-radius:32px}.home-inner h1{font-size:clamp(48px,13vw,62px);letter-spacing:4px}.company-subtitle{font-size:11px;letter-spacing:4.2px}.brand-divider{margin:27px auto}.brand-divider:before,.brand-divider:after{width:60px}.company-intro{max-width:346px;font-size:14px;line-height:1.87}.site-footer{min-height:52px;padding:13px 17px;font-size:8px;letter-spacing:.6px}.site-footer span:last-child{display:none}.detail-container{padding:24px 16px 48px}.backline{margin-bottom:28px}.detail-trail{font-size:8px}.detail-header h1{font-size:35px;letter-spacing:-1.1px}.detail-header{margin-bottom:24px}.info-panel,.form-panel,.contact-panel{padding:22px}.info-panel h2,.form-panel h2,.contact-panel h2{font-size:22px}.input-grid{grid-template-columns:1fr}.drawer-head{min-height:74px;padding:15px}.menu-drawer{width:min(414px,93vw)}}
@media(max-height:620px){.home-screen{padding:18px 20px}.emblem-frame{width:110px;height:110px;margin-bottom:15px}.emblem-frame img{width:98px;height:98px}.home-inner h1{font-size:43px}.company-subtitle{font-size:10px}.brand-divider{margin:14px auto}.company-intro{font-size:13px}}
.drawer-nav a.whatsapp-menu-link{background:linear-gradient(105deg,#123c39,#0b302f);border-color:#277c6c}.drawer-nav a.whatsapp-menu-link:hover,.drawer-nav a.whatsapp-menu-link:focus-visible{background:#155b4b;border-color:#4bce9c}.whatsapp-menu-link .nav-icon{background:#0c593f;border-color:#2ea879;color:#a8ffd3}.whatsapp-menu-link .nav-copy small{color:#a4d8c4}.whatsapp-menu-link .chev{color:#65e0ac}
.whatsapp-contact{margin-top:20px;border-top:1px solid #2b5269;padding-top:17px}.whatsapp-label{display:block;color:#99dac6;font:800 10px Manrope,sans-serif;letter-spacing:1.2px;margin-bottom:10px}.whatsapp-chat-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:12px 14px;background:#1c845b;border:1px solid #3bcf8c;color:#f2fff8;font:800 10px Manrope,sans-serif;letter-spacing:.45px;text-align:center;line-height:1.6;transition:background .17s}.whatsapp-chat-button:hover,.whatsapp-chat-button:focus-visible{background:#229869;border-color:#9affce;color:white}.whatsapp-contact .whatsapp-chat-button{display:flex;width:100%}.whatsapp-contact small{display:block;color:#93bcae;margin-top:9px;font-size:11px;line-height:1.6}.contact-panel a.whatsapp-chat-button{margin-top:18px;color:#f2fff8;font-weight:800;overflow-wrap:normal}
.executive-identity{display:flex;align-items:center;gap:19px;margin-bottom:27px;padding-bottom:26px;border-bottom:1px solid #346079}.executive-identity[hidden]{display:none!important}.executive-avatar{display:grid;place-items:center;flex:none;width:95px;height:95px;border-radius:18px;border:1px solid #53b5d4;background:linear-gradient(145deg,#154c65,#081d2f);box-shadow:inset 0 0 30px #39cbff1a,0 0 26px #35c2e51b;color:#a7edff;font:900 32px Manrope,sans-serif;letter-spacing:2px}.executive-eyebrow{display:block;font:800 9px Manrope,sans-serif;color:#64d6f5;letter-spacing:1.4px;margin-bottom:8px}.executive-intro h2{font:900 clamp(24px,3vw,32px)/1.2 Manrope,sans-serif;margin:0 0 5px;color:#effaff}.executive-intro p{font-size:12px;font-weight:800;color:#a4e0ef;margin:0 0 3px}.executive-intro small{font-size:11px;letter-spacing:.5px;color:#93b7c9}@media(max-width:420px){.executive-identity{gap:13px}.executive-avatar{width:69px;height:69px;font-size:23px;border-radius:12px}.executive-intro h2{font-size:23px}.executive-intro p{font-size:11px}}/* CEO leadership photo: portrait beside biography, stacked above it on mobile. */
.leadership-layout{grid-template-columns:minmax(0,1.12fr) minmax(270px,.88fr);align-items:start;gap:26px}
.leadership-layout .info-panel{min-width:0}
.leadership-layout .executive-avatar{display:none}
.leadership-layout .executive-identity{margin-bottom:21px}
.ceo-photo-panel{position:relative;display:flex;flex-direction:column;align-items:center;margin:0;padding:22px 22px 24px;background:linear-gradient(145deg,#12364c,#071929 85%);border:1px solid #397894;box-shadow:0 25px 55px #0004;min-width:0}
.ceo-photo-panel[hidden]{display:none!important}
.ceo-photo-frame{width:100%;max-width:360px;position:relative;overflow:hidden;background:#071928;border:1px solid #487d98;box-shadow:0 0 35px #36c7f325}
.ceo-photo-frame:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff12}
.ceo-photo-frame img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center top}
.ceo-photo-panel figcaption{text-align:center;width:100%;padding-top:20px;border-top:1px solid #345870;margin-top:19px}
.ceo-photo-kicker{display:block;color:#61daf6;font:800 10px Manrope,sans-serif;letter-spacing:1.75px;margin-bottom:10px}
.ceo-photo-panel figcaption strong{display:block;font:900 23px Manrope,sans-serif;letter-spacing:-.55px}
.ceo-photo-panel figcaption small{display:block;color:#a4cce0;font-size:12px;margin-top:5px}
@media(max-width:850px){
.leadership-layout{grid-template-columns:1fr}
.leadership-layout .ceo-photo-panel{order:-1;width:min(100%,420px);margin:0 auto 5px}
}
@media(max-width:480px){.ceo-photo-panel{padding:15px 15px 21px}.ceo-photo-panel figcaption strong{font-size:21px}.leadership-layout{gap:17px}}
.featured-service-group{margin:10px 0 21px;padding:9px 6px 14px;background:linear-gradient(140deg,#10384e,#071d2b);border:1px solid #4386a3}.drawer-nav .featured-service-link{border:1px solid #4387a2;background:#133d54;min-height:75px}.drawer-nav .featured-service-link:hover,.drawer-nav .featured-service-link:focus-visible{border-color:#77dbf6;background:#184b65}.featured-service-link .nav-copy strong{color:#e9fcff}.featured-service-link .nav-copy small{color:#8fe9fb}.featured-service-link .nav-icon{background:#1c4c64;border-color:#5dbbd8}.home-service-teaser{max-width:590px;margin:25px auto 0;color:#a3c7d6;font-size:12px;line-height:1.9}.home-service-teaser span{display:inline-block;border:1px solid #397c96;background:#103549;color:#8ce7f9;font:900 9px Manrope,sans-serif;letter-spacing:.9px;padding:4px 8px;margin-right:8px}.home-service-teaser a{color:#81e4ff;text-decoration:underline;text-underline-offset:4px;font-weight:800}.home-service-teaser a:hover{color:#e5faff}@media(max-width:580px){.home-service-teaser{font-size:11px;margin-top:22px;padding-inline:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.menu-drawer{transition:none}}

/* Prominent customer and carrier pathways inside the menu — home stays uncluttered. */
.quick-entry-group{margin:4px 0 20px;padding:0}
.quick-entry-group>.nav-title{color:#9ce8fa;margin:11px 8px 11px;font-size:10px;letter-spacing:1.55px}
.quick-entry-stack{display:grid;gap:12px}
.quick-entry-card{position:relative;overflow:hidden;padding:20px 17px 18px;background:linear-gradient(145deg,#123d5b,#091d31 86%);border:1px solid #3c829f;box-shadow:0 8px 24px #0003}
.quick-entry-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#53d8f8,transparent);opacity:.83;pointer-events:none}
.quick-entry-carrier{background:linear-gradient(145deg,#14364c,#091f34 86%);border-color:#447991}
.quick-entry-overline{color:#98e9ff;font:900 10px Manrope,Arial,sans-serif;letter-spacing:1.6px;display:flex;align-items:center;gap:9px}
.quick-entry-overline>span{font-size:20px;line-height:1.25}
.quick-entry-card h2{font:900 clamp(16px,4.6vw,19px)/1.28 Manrope,Arial,sans-serif;letter-spacing:.35px;margin:13px 0 7px;color:#f0fbff}
.quick-entry-card p{color:#a8d0e0;font-size:12px;line-height:1.7;margin:0 0 17px}
.drawer-nav .quick-entry-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(120deg,#42dcff,#1397d8);color:#041c30!important;border:1px solid #8beeff;padding:11px 13px;min-height:45px;letter-spacing:.7px;font:900 10px Manrope,Arial,sans-serif;box-shadow:0 7px 25px #22bffd32}
.drawer-nav .quick-entry-cta:hover,.drawer-nav .quick-entry-cta:focus-visible{background:linear-gradient(120deg,#a4f5ff,#42d7fa);color:#041c30!important;border-color:#d5fdff}
.quick-entry-cta>span:last-child{font-size:20px;line-height:1}
@media(max-width:400px){.quick-entry-card{padding:17px 14px 16px}.quick-entry-card h2{font-size:17px}}

/* Customer transport CTA in Services; carrier registration disclosed under Onboarding. */
.services-menu-group{margin:6px 0 18px}
.services-menu-group>.nav-title{font-size:10px;color:#a4edff}
.services-menu-group>.quick-entry-card{margin:0 0 15px}
.services-menu-group>.featured-service-link{margin-bottom:3px}
.onboarding-menu-group{margin:13px 0 23px}
.drawer-nav .onboarding-toggle{width:100%;min-height:73px;display:flex;align-items:center;gap:13px;padding:13px;background:linear-gradient(115deg,#133f59,#0a2a3e);border:1px solid #4ba1c0;color:#e9faff;text-align:left}
.drawer-nav .onboarding-toggle:hover,.drawer-nav .onboarding-toggle:focus-visible{background:linear-gradient(115deg,#1a516d,#0d354c);border-color:#7bdffb}
.onboarding-symbol{display:grid;place-items:center;width:44px;height:44px;flex:none;background:#103c58;border:1px solid #367b9c;font-size:24px}
.onboarding-copy{flex:1;min-width:0}
.onboarding-copy strong{display:block;font:900 14px Manrope,Arial,sans-serif;letter-spacing:1.3px}
.onboarding-copy small{display:block;margin-top:3px;font:600 11px 'DM Sans',Arial,sans-serif;color:#9ac7d9;line-height:1.45}
.onboarding-chevron{font-size:27px;color:#83e2fb;line-height:1;transition:transform .2s ease}
.onboarding-toggle[aria-expanded="true"] .onboarding-chevron{transform:rotate(180deg)}
.onboarding-options{background:#071b2d;border:1px solid #2e6079;border-top:0;padding:14px 10px 8px}
.onboarding-options[hidden]{display:none!important}
.onboarding-options>.quick-entry-card{margin:0 0 9px}
.onboarding-options>.quick-entry-card + a{border-top:1px solid #23465d}
@media(prefers-reduced-motion:reduce){.onboarding-chevron{transition:none}}

/* Equal-size, premium featured Services cards. */
.services-featured-cards{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;gap:13px;margin:0 0 15px}
.services-featured-cards>.quick-entry-card{display:flex;flex-direction:column;min-width:0;min-height:234px;margin:0}
.services-featured-cards .quick-entry-cta{margin-top:auto}
.services-featured-cards .quick-entry-efficiency{background:linear-gradient(145deg,#123c55,#0a2034 86%);border-color:#3f829c}
.services-featured-cards .quick-entry-efficiency:before{background:linear-gradient(90deg,transparent,#96e8ff,transparent)}
.services-featured-cards .quick-entry-efficiency h2{font-size:clamp(15px,4.05vw,18px);letter-spacing:0;line-height:1.32}
.services-featured-cards .quick-entry-efficiency p{line-height:1.65}

/* Carrier Onboarding is a primary header action immediately left of MENU. */
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;flex-shrink:0}
.header-onboarding{display:flex;align-items:center;min-width:0}
.header-onboarding-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:9px 15px;background:linear-gradient(110deg,#1b637f,#10405a);border:1px solid #64caed;color:#effaff;font:850 11px Manrope,Arial,sans-serif;letter-spacing:.7px;white-space:nowrap;transition:background .15s,border-color .15s}
.header-onboarding-toggle:hover,.header-onboarding-toggle[aria-expanded="true"]{background:linear-gradient(110deg,#207ca0,#14516f);border-color:#a0efff}
.onboarding-header-icon{font-size:19px;line-height:1}
.onboarding-short-label{display:none}
.header-onboarding-panel{position:absolute;z-index:30;top:calc(100% + 8px);right:clamp(18px,5vw,64px);width:min(385px,calc(100vw - 34px));max-height:calc(100dvh - 96px);overflow-y:auto;border:1px solid #53b5d0;padding:13px;background:linear-gradient(145deg,#0b2b40,#061626);box-shadow:0 22px 58px #000a,0 0 0 1px #2c6e9022}
.header-onboarding-panel[hidden]{display:none!important}
.header-onboarding-panel>.quick-entry-card{margin:0 0 12px}
.header-onboarding-panel .quick-entry-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(120deg,#42dcff,#1397d8);color:#041c30;border:1px solid #8beeff;padding:11px 13px;min-height:45px;letter-spacing:.7px;font:900 10px Manrope,Arial,sans-serif;box-shadow:0 7px 25px #22bffd32}
.header-onboarding-panel .quick-entry-cta:hover{background:linear-gradient(120deg,#a4f5ff,#42d7fa);border-color:#d5fdff}
.header-onboarding-panel .quick-entry-cta>span:last-child{font-size:20px;line-height:1}
.onboarding-more-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 10px;min-height:44px;border-top:1px solid #31566d;color:#c5e2ef;font-size:12px;font-weight:800}
.onboarding-more-link span{color:#7ee6ff;font-size:17px}
.onboarding-more-link:hover{color:#8be8ff;background:#113348}
@media(max-width:580px){
  .site-header .brand-name{display:none}
  .site-header{gap:9px}
  .header-actions{gap:8px}
  .header-onboarding-toggle{min-height:42px;padding:8px 10px;font-size:10px;letter-spacing:.15px;gap:5px}
  .onboarding-header-icon{font-size:17px}
  .header-onboarding-panel{top:calc(100% + 5px);right:17px;max-height:calc(100dvh - 83px)}
}
@media(max-width:360px){
  .onboarding-long-label{display:none}
  .onboarding-short-label{display:inline}
  .header-onboarding-toggle{padding:8px 9px}
  .header-actions{gap:6px}
}
@media(prefers-reduced-motion:reduce){.header-onboarding-toggle{transition:none}}

/* V26 — cinematic black/electroluminescent homepage matching K-LYNK's silver-and-electric-blue brand */
:root{--night:#03070c;--night2:#07121e;--panel:#071522;--panel2:#0a1e2d;--cyan:#4bcaff;--cyan2:#a2ebff;--text:#f1f7fc;--white:#f1f7fc;--muted:#afc0cc}
body{background:#010407}
.site-shell{background:#010509}
.site-header{background:rgba(1,7,13,.96);border-bottom:1px solid #27a3d84d;box-shadow:0 2px 22px #08aee71a}
.brand img{background:#07131d;box-shadow:0 0 17px #16c7ff38}
.menu-toggle{background:#03101c;border-color:#56b5db;box-shadow:inset 0 0 10px #16caff12,0 0 10px #159add15}
.header-onboarding-toggle{background:linear-gradient(135deg,#03111c,#0b3044);box-shadow:0 0 16px #33c8fb38,inset 0 0 12px #33cbfa14}
#homeView.home-screen{display:block;min-height:0;padding:0;overflow:visible;background:#010509;flex:1}
.welcome-hero{min-height:630px;position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#081d2b,#010509 74%);padding:42px 22px 48px;border-bottom:1px solid #2792ba90}
.hero-scene{position:absolute;z-index:-2;inset:0;background-image:linear-gradient(180deg,rgba(0,5,11,.2),rgba(0,7,15,.03) 23%,rgba(0,4,8,.48) 68%,#010509 98%),url('/klynk-night-road.webp');background-size:cover;background-position:center center;opacity:.9;filter:saturate(1.45)}
.welcome-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 0%,rgba(0,3,7,.32) 28%,rgba(0,4,9,.38) 66%,transparent 100%);pointer-events:none}
.welcome-hero:after{content:"";position:absolute;left:16%;right:16%;bottom:0;height:2px;box-shadow:0 0 22px 4px #06b9f9a8;background:linear-gradient(90deg,transparent,#32d1ff,transparent)}
.welcome-content{position:relative;z-index:1;width:100%;max-width:810px;text-align:center;margin:auto;display:flex;align-items:center;flex-direction:column}
.welcome-eyebrow{display:flex;justify-content:center;align-items:center;gap:13px;color:#92e9ff;letter-spacing:3px;font:850 10px Manrope,Arial,sans-serif;text-shadow:0 0 12px #00aefca5;margin:2px auto 12px}
.eyebrow-line{display:inline-block;width:39px;height:1px;background:linear-gradient(90deg,transparent,#60d5ff)}
.eyebrow-line:last-child{transform:rotate(180deg)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.welcome-logo{display:block;max-width:100%;width:clamp(320px,51vw,580px);height:auto;aspect-ratio:450/248;object-fit:contain;filter:drop-shadow(0 0 22px #24c0fd88);mix-blend-mode:screen}
.welcome-description{color:#ecf5fb;font:500 clamp(14px,1.7vw,19px)/1.8 'DM Sans',Arial,sans-serif;text-shadow:0 2px 9px #000,0 0 18px #000;max-width:720px;margin:-5px auto 23px;text-wrap:balance}
.welcome-description strong{color:#85e0ff;font-weight:700}
.hero-highlights{display:flex;align-items:center;justify-content:center;gap:0;margin:10px auto 0;max-width:720px}
.hero-highlight{display:flex;align-items:center;gap:11px;text-align:left;padding:0 22px;color:#e9f5fc;font:800 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.8px;text-shadow:0 1px 6px #000}
.hero-highlight:not(:first-child){border-left:1px solid #6f8aa3a6}
.highlight-icon{width:45px;height:45px;flex:none;border:1px solid #59d6ff;border-radius:50%;display:grid;place-items:center;font-size:27px;color:#86e7ff;box-shadow:inset 0 0 10px #10a9ee36,0 0 15px #17bdff4d;background:#000a13ab}
.home-services{background:radial-gradient(ellipse at 50% 0%,#061a29,#010407 64%);padding:63px clamp(16px,2.8vw,48px) 85px}
.home-services-heading{text-align:center;max-width:1180px;margin:0 auto 36px}
.services-eyebrow{color:#73d9fe;font:900 11px Manrope,sans-serif;letter-spacing:4px;margin:0 0 12px;display:inline-block;padding-inline:24px;position:relative}
.services-eyebrow:before,.services-eyebrow:after{content:"";position:absolute;top:50%;height:1px;width:36px;background:linear-gradient(90deg,transparent,#128dc0)}
.services-eyebrow:before{right:100%}
.services-eyebrow:after{left:100%;transform:rotate(180deg)}
.home-services-heading h2{font:900 clamp(23px,3vw,39px)/1.2 Manrope,sans-serif;letter-spacing:.5px;color:#f3faff;margin:0 auto 11px;text-transform:uppercase}
.home-services-heading h2 span{color:#88dbff;text-shadow:0 0 18px #2bb8f94a}
.home-services-heading>p:last-child{color:#b1c9d7;font-size:14px;max-width:850px;line-height:1.75;margin:auto}
.homepage-service-grid{width:min(100%,1360px);margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch}
.homepage-service{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 17px 20px;min-height:285px;background:linear-gradient(150deg,#081a28 5%,#02080f 80%);border:1px solid #279bd2;border-radius:9px;box-shadow:inset 0 0 22px #03579327,0 0 15px #0aaaf81f;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.homepage-service:before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#9cefff,transparent);box-shadow:0 0 12px #31dbff}
.homepage-service:hover{transform:translateY(-5px);border-color:#81e5ff;box-shadow:inset 0 0 24px #1274aa32,0 0 25px #08baff60}
.homepage-service-icon{width:70px;height:65px;display:grid;place-items:center;margin-bottom:10px;color:#8be3ff;font:900 46px/1 Manrope,Arial,sans-serif;text-shadow:0 0 18px #39c9ff,0 0 6px #39c9ff;filter:drop-shadow(0 0 4px #39c9ff88)}
.homepage-service h3{color:#eef8ff;font:800 clamp(13px,1.35vw,17px)/1.32 Manrope,Arial,sans-serif;letter-spacing:-.2px;margin:2px 0 10px;min-height:47px;display:flex;align-items:center;justify-content:center}
.homepage-service p{font-size:12px;line-height:1.6;color:#b1cbdc;margin:0 0 17px;flex:1}
.homepage-service>a{width:100%;min-height:42px;padding:9px 11px;display:flex;justify-content:space-between;align-items:center;gap:6px;border:1px solid #48bdf0;border-radius:5px;color:#ebf9ff;font:850 10px Manrope,Arial,sans-serif;letter-spacing:.25px;background:linear-gradient(180deg,#0b2c46,#051626);box-shadow:0 0 11px #139bf43d, inset 0 0 10px #139bf422}
.homepage-service>a span{color:#79e4ff;font-size:16px}
.homepage-service>a:hover,.homepage-service>a:focus-visible{background:linear-gradient(180deg,#15618a,#0a344e);border-color:#9eeaff}
.menu-drawer{background:linear-gradient(160deg,#07121e,#02070d 80%)}
.drawer-head{background:#050f19}
.services-menu-group>a{min-height:71px;border-bottom:1px solid #25405661}
.services-menu-group>a .nav-copy strong{font-size:13px}
.detail-screen{background:radial-gradient(ellipse at top,#0b1e2b,#01070d 72%)}
.info-panel,.form-panel,.contact-panel{background:linear-gradient(140deg,#0b1d2a,#030b13);border-color:#29536c}
@media(max-width:1180px){.homepage-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px}.homepage-service{min-height:267px}.home-services{padding-top:53px}}
@media(max-width:760px){.homepage-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-hero{min-height:610px;padding:34px 20px 42px}.hero-highlight{padding:0 13px;font-size:9px}.highlight-icon{width:36px;height:36px;font-size:21px}.home-services-heading h2{font-size:clamp(22px,4.2vw,29px)}}
@media(max-width:580px){.welcome-hero{min-height:0;padding:36px 20px 47px}.welcome-eyebrow{letter-spacing:1.7px;font-size:9px;margin-bottom:16px}.eyebrow-line{width:24px}.welcome-logo{width:min(100%,435px)}.welcome-description{margin:8px 0 23px;font-size:14px;line-height:1.8}.hero-highlights{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.hero-highlight{gap:7px;align-items:center;justify-content:center;padding:0 6px;font-size:8px;letter-spacing:0;text-align:center;flex-direction:column}.highlight-icon{width:37px;height:37px;font-size:22px}.home-services{padding:48px 17px 64px}.home-services-heading h2{font-size:24px}.home-services-heading>p:last-child{font-size:13px}.homepage-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.homepage-service{padding:18px 12px 14px;min-height:268px}.homepage-service-icon{width:51px;height:48px;font-size:35px}.homepage-service h3{font-size:13px;min-height:54px}.homepage-service p{font-size:11px}.homepage-service>a{font-size:9px;min-height:42px;padding:8px}.homepage-service>a span{font-size:15px}}
@media(max-width:380px){.homepage-service-grid{grid-template-columns:1fr;max-width:325px}.homepage-service{min-height:220px;padding:20px}.homepage-service h3{min-height:0;font-size:17px}.homepage-service p{font-size:12px}.homepage-service>a{font-size:11px}.welcome-description{font-size:13px}}
@media(prefers-reduced-motion:reduce){.homepage-service{transition:none}}

/* Precisely matched service-button sizes throughout the website. */
.homepage-service-grid{grid-auto-rows:1fr}
.drawer-nav .services-menu-group>a{height:74px;min-height:74px;max-height:74px;overflow:hidden;padding-block:7px}
.drawer-nav .services-menu-group>a .nav-copy{min-width:0}
.drawer-nav .services-menu-group>a .nav-copy strong{font-size:12px;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.drawer-nav .services-menu-group>a .nav-copy small{font-size:10px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:360px){
  .drawer-nav .services-menu-group>a{padding-inline:9px;gap:9px}
  .drawer-nav .services-menu-group>a .nav-icon{width:36px;height:36px;font-size:20px}
  .drawer-nav .services-menu-group>a .nav-copy strong{font-size:11px}
  .drawer-nav .services-menu-group>a .nav-copy small{font-size:9px}
}

/* The opening page shows the Welcome hero only; all services live under MENU → OUR SERVICES. */
#homeView.home-screen{min-height:calc(100dvh - 147px)}
#homeView .welcome-hero{min-height:calc(100dvh - 147px)}
@media(max-width:580px){
  #homeView.home-screen{min-height:calc(100dvh - 123px)}
  #homeView .welcome-hero{min-height:calc(100dvh - 123px)}
}

/* V30: transparent logo artwork, no frame or boxed background. */
.welcome-logo{width:min(100%,560px);height:auto;aspect-ratio:4/3;object-fit:contain;mix-blend-mode:normal;background:transparent;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 0 24px rgba(15,178,255,.26))}
.site-header .brand img,.drawer-brand img{background:transparent;border:0;border-radius:0;box-shadow:none;object-fit:contain;filter:drop-shadow(0 0 6px rgba(61,190,255,.4))}
@media(max-width:580px){.welcome-logo{width:min(100%,390px)}}

/* Public company identification footer: company registration (not SARS income tax ID). */
.site-footer{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding:0;background:linear-gradient(180deg,#04111b,#01070c);border-top:1px solid #266488;box-shadow:0 -12px 38px rgba(21,171,235,.06);color:#b5cfde;letter-spacing:normal}
.footer-company-info{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;max-width:1400px;width:100%;margin:0 auto;padding:30px clamp(20px,4.8vw,64px)}
.footer-company-heading{min-width:215px;display:flex;flex-direction:column;gap:7px}
.footer-company-heading strong{color:#f0faff;font:900 17px/1.2 Manrope,Arial,sans-serif;letter-spacing:1.3px;text-shadow:0 0 16px rgba(35,190,245,.25)}
.site-footer .footer-company-heading>span:last-child{display:block;color:#83bdd2;font:500 12px/1.5 'DM Sans',Arial,sans-serif}
.footer-contact-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;flex:1;max-width:860px}
.footer-detail{display:flex;flex-direction:column;gap:9px;min-width:0}
.site-footer .footer-detail-label{display:block;color:#6bcdf0;font:900 10px/1.35 Manrope,Arial,sans-serif;letter-spacing:1.1px}
.site-footer .footer-detail>span:last-child{display:block;color:#e8f7ff;font:700 13px/1.5 'DM Sans',Arial,sans-serif}
.site-footer .footer-detail a{font:700 13px/1.5 'DM Sans',Arial,sans-serif;color:#e7f9ff;overflow-wrap:anywhere}
.site-footer a:hover,.site-footer a:focus-visible{color:#64deff;text-decoration:underline;text-underline-offset:3px}
.footer-bottom-line{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px clamp(20px,4.8vw,64px);border-top:1px solid rgba(73,135,169,.24);max-width:1400px;margin:0 auto;color:#83a9ba;font:800 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.8px}
.site-footer .footer-bottom-line a{color:#82d9ef;text-decoration:none}
.site-footer .footer-brandline{display:block;color:#6fa9bd}
@media(max-width:830px){.footer-company-info{flex-direction:column;gap:24px}.footer-contact-details{width:100%;max-width:none}.footer-company-heading{min-width:0}}
@media(max-width:580px){.footer-company-info{padding:28px 19px 24px;gap:21px}.footer-contact-details{grid-template-columns:1fr;gap:17px}.footer-detail{gap:4px}.site-footer .footer-detail>span:last-child{display:block}.site-footer .footer-company-heading>span:last-child{display:block}.footer-bottom-line{padding:17px 19px;gap:13px;flex-wrap:wrap;font-size:9px;justify-content:space-between}.site-footer .footer-brandline{display:none}}

/* Phase 1: four clear onboarding choices; reuse sitewide header behaviour. */
.header-onboarding-panel{padding:17px;overflow-y:auto;overscroll-behavior:contain}
.onboarding-panel-title{color:#82e1ff;font:900 11px/1.5 Manrope,Arial,sans-serif;letter-spacing:1.5px;margin:0 0 4px}
.onboarding-panel-intro{font:500 12px/1.6 'DM Sans',Arial,sans-serif;color:#adcbd9;margin:0 0 14px}
a.onboarding-choice{display:flex;align-items:center;gap:11px;min-height:73px;padding:12px 10px;margin:0 0 9px;background:linear-gradient(120deg,#0b2941,#071c2f);border:1px solid #346786;color:#ddf5ff;transition:background .15s,border-color .15s}
a.onboarding-choice:hover,a.onboarding-choice:focus-visible{background:#0d3855;border-color:#69d7fa;color:#fff;text-decoration:none}
.onboarding-choice-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border:1px solid #366c8c;background:#0a3047;font-size:18px}
.onboarding-choice-copy{display:block;flex:1;min-width:0}
.onboarding-choice-copy strong{display:block;font:900 12px/1.4 Manrope,Arial,sans-serif;letter-spacing:.05px}
.onboarding-choice-copy small{display:block;margin-top:3px;color:#93bcce;font:500 11px/1.45 'DM Sans',Arial,sans-serif}
.onboarding-choice>span:last-child{font-size:18px;color:#68ddfc}
.onboarding-panel-footnote{font:500 11px/1.6 'DM Sans',Arial,sans-serif;color:#97b9c9;margin:12px 2px 0}
@media(max-width:580px){.header-onboarding-panel{width:min(400px,calc(100vw - 24px));right:12px;max-height:calc(100dvh - 90px)}a.onboarding-choice{min-height:68px}}
@media(prefers-reduced-motion:reduce){a.onboarding-choice{transition:none}}

/* Coming Soon entry inside the customer website's slide-out menu. */
.coming-soon-group{margin:12px 0 21px}
.coming-soon-group>.nav-title{color:#91ddf5}
.drawer-nav .coming-soon-toggle{width:100%;min-height:76px;display:flex;align-items:center;gap:13px;padding:12px;background:linear-gradient(120deg,#0c2536,#0b1c2d);border:1px solid #3b9fc7;color:#e4f9ff;box-shadow:inset 0 0 20px #0d8db32a,0 0 17px #24bcfb24;text-align:left}
.drawer-nav .coming-soon-toggle:hover,.drawer-nav .coming-soon-toggle:focus-visible,.drawer-nav .coming-soon-toggle[aria-expanded="true"]{border-color:#91ebff;background:linear-gradient(120deg,#0b354c,#0b2539)}
.coming-soon-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;background:#0d3549;border:1px solid #3987a6;color:#8de9ff;text-shadow:0 0 12px #35d2ff;font-size:25px}
.coming-soon-copy{flex:1;min-width:0}
.coming-soon-copy strong{display:block;font:900 14px/1.3 Manrope,Arial,sans-serif;letter-spacing:1.1px}
.coming-soon-copy small{display:block;font:500 11px/1.5 'DM Sans',Arial,sans-serif;color:#9dc5d6;margin-top:4px}
.coming-soon-arrow{font-size:26px;line-height:1;color:#7fdef6;transition:transform .18s ease}
.coming-soon-toggle[aria-expanded="true"] .coming-soon-arrow{transform:rotate(180deg)}
.coming-soon-panel{padding:18px 16px 19px;border:1px solid #3b7693;border-top:0;background:linear-gradient(155deg,#092237,#061420);color:#c1dbe7}
.coming-soon-panel[hidden]{display:none!important}
.coming-soon-eyebrow{color:#68d7f7;font:900 9px Manrope,Arial,sans-serif;letter-spacing:1.3px}
.coming-soon-panel p{margin:10px 0 0;font-size:12px;line-height:1.75}
.coming-soon-panel .coming-soon-note{color:#88adbd;font-size:11px}
@media(prefers-reduced-motion:reduce){.coming-soon-arrow{transition:none}}