html,body{max-width:100%;overflow-x:hidden}img,video,canvas,iframe{max-width:100%}a,button,input,select,textarea{touch-action:manipulation}
@media(max-width:1000px){
.top{height:auto!important;min-height:72px;flex-wrap:wrap;padding:12px 18px!important;gap:8px}.top .logo{width:145px!important;height:auto}.top .nav,.top nav{display:flex!important;order:3;width:100%;max-width:100%;overflow-x:auto;gap:8px!important;margin:6px 0 0!important;padding:5px 0 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.top .nav::-webkit-scrollbar,.top nav::-webkit-scrollbar{display:none}.top .nav a,.top nav a{flex:0 0 auto;min-height:40px;display:flex;align-items:center;padding:9px 13px;border-radius:99px;background:#f1f7fb;font-size:12px!important;white-space:nowrap}.top .back,.top .demo{margin-left:auto!important;padding:11px 15px!important;font-size:12px}
.hero{grid-template-columns:1fr!important;gap:38px!important;min-height:auto!important;padding:64px 28px!important}.hero>div,.hero-copy{min-width:0}.hero h1{font-size:clamp(42px,8vw,66px)!important}.hero-gif,.hero-image{width:min(100%,680px);margin:auto}.intro,.showcase,.contact-grid{grid-template-columns:1fr!important}.benefits,.feature-grid{grid-template-columns:1fr 1fr!important}.deliver ul{grid-template-columns:1fr!important}.cycle-flow{grid-template-columns:repeat(2,1fr)!important;gap:28px}.compliance-grid,.audience{grid-template-columns:1fr!important}.strip{grid-template-columns:1fr 1fr!important}
.ai-hero{min-height:auto!important;padding:80px 24px 55px!important}.ai-content{margin-top:270px!important}.explorer{padding:80px 24px!important}.explorer-shell{grid-template-columns:1fr!important}.category-rail{display:flex!important;overflow-x:auto;padding:12px!important}.category-rail a{flex:0 0 auto;white-space:nowrap}.category-rail span{display:none!important}.contact-form{grid-template-columns:1fr 1fr!important}.tech-console{width:min(100%,680px);margin:auto}
}
@media(max-width:640px){
.top .logo{width:125px!important}.top .back,.top .demo{padding:10px 12px!important}.hero{padding:48px 18px!important;gap:28px!important}.hero h1{font-size:clamp(38px,12vw,52px)!important;overflow-wrap:anywhere}.lead,.hero-copy>p:not(.eyebrow){font-size:17px!important}.hero-actions,.ai-actions{flex-direction:column}.hero-actions a,.ai-actions a{width:100%}
.ai-hero{padding:65px 17px 48px!important}.ai-content{margin-top:225px!important}.ai-orbit{width:330px!important;height:145px!important}.ai-glow{width:290px!important;height:290px!important}.ai-core{width:78px!important;height:78px!important}.ai-message{min-height:300px!important}.ai-hero h1{font-size:clamp(39px,12vw,52px)!important}.ai-sub{font-size:16px!important}.ai-signals{gap:10px 18px!important}
.explorer{padding:62px 12px!important}.explorer-head{gap:20px!important;margin-bottom:30px!important}.capability-area{padding:18px!important}.cap-grid,.feature-grid,.cycle-flow,.benefits,.strip{grid-template-columns:1fr!important}.cap-card{padding:19px 54px 19px 18px!important}.section,.body,.contact-wrap{padding:62px 18px!important}.deliver,.contact-details,.contact-form,.map-ready{padding:28px 22px!important;border-radius:22px!important}.contact-form{grid-template-columns:1fr!important}.contact-form>*{grid-column:1/-1!important}
.tech-console{min-height:430px!important;padding:18px!important;border-radius:24px!important}.console-stage{height:275px!important}.network-ring{width:205px!important;height:205px!important}.network-core{width:86px!important;height:86px!important}.signal{padding:7px 9px!important;font-size:9px!important}.signal b{font-size:11px!important}.console-metrics{gap:6px!important}.console-metrics div{padding:10px 8px!important}.console-metrics strong{font-size:11px!important}.trust{gap:16px!important}.salary-card strong{font-size:30px!important}footer{padding:32px 18px!important;align-items:flex-start!important;flex-direction:column!important}footer span{margin:0!important}
}
@media(max-width:380px){.top .back,.top .demo{font-size:11px}.ai-orbit{width:285px!important}.console-metrics{grid-template-columns:1fr!important}.tech-console{min-height:500px!important}}

/* Kudotech technology navigation */
.top{position:sticky!important;height:92px!important;padding:0 clamp(24px,5vw,78px)!important;background:rgba(255,255,255,.88)!important;border-bottom:1px solid #cfe0ec!important;box-shadow:0 12px 35px rgba(7,29,58,.07);backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;isolation:isolate}
.top:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(5,156,223,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(5,156,223,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}
.top .logo{width:160px;display:block}.top .nav,.top nav{display:flex;align-items:center;gap:3px!important;margin-left:auto;padding:6px!important;border:1px solid rgba(67,207,255,.17);border-radius:17px;background:linear-gradient(135deg,#071d3a,#0a2849);box-shadow:0 12px 30px rgba(7,29,58,.16),inset 0 1px rgba(255,255,255,.06)}
.top .nav a,.top nav a{position:relative;min-height:42px;display:flex;align-items:center;padding:0 15px;border-radius:11px;color:#c6d7e5!important;font-size:13px!important;font-weight:800!important;letter-spacing:-.01em;transition:background .22s,color .22s,transform .22s}
.top .nav a:before,.top nav a:before{content:'';width:5px;height:5px;margin-right:8px;border-radius:50%;background:#3fd4ff;box-shadow:0 0 10px #3fd4ff;opacity:.42;transition:opacity .22s}
.top .nav a:hover,.top nav a:hover,.top .nav a:focus-visible,.top nav a:focus-visible{background:rgba(37,199,246,.14)!important;color:white!important;transform:translateY(-1px);outline:none}
.top .nav a:hover:before,.top nav a:hover:before,.top .nav a:focus-visible:before,.top nav a:focus-visible:before{opacity:1}
.top .back,.top .demo{position:relative;margin-left:18px!important;min-height:50px;padding:0 22px!important;display:inline-flex;align-items:center;gap:9px;border:1px solid #0a5ca1;background:linear-gradient(135deg,#087bc7,#0750a0)!important;color:white!important;box-shadow:0 12px 25px rgba(7,105,181,.22);transition:transform .22s,box-shadow .22s}.top .back:after,.top .demo:after{content:'↗';font-size:15px}.top .back:hover,.top .demo:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(7,105,181,.3)}
@media(max-width:1180px){.top{padding:0 24px!important}.top .nav a,.top nav a{padding:0 11px}.top .nav a:before,.top nav a:before{display:none}}
@media(max-width:1000px){.top{height:auto!important;min-height:78px;padding:12px 18px!important}.top .nav,.top nav{order:3;width:100%;margin:5px 0 0!important;padding:5px!important;border-radius:14px;overflow-x:auto}.top .nav a,.top nav a{flex:0 0 auto;background:transparent!important;color:#c6d7e5!important;padding:0 14px;min-height:40px}.top .nav a:before,.top nav a:before{display:block}.top .back,.top .demo{min-height:43px;padding:0 15px!important;margin-left:auto!important}}
@media(max-width:480px){.top .back,.top .demo{font-size:0!important;width:43px;padding:0!important;justify-content:center;border-radius:13px}.top .back:after,.top .demo:after{font-size:17px}.top .logo{width:125px!important}}

/* Selected Option 3: White Command Grid */
.top{background:rgba(255,255,255,.96)!important;border-bottom:1px solid #cfdee8!important;box-shadow:0 10px 32px rgba(7,29,58,.08)}
.top:before{background-image:linear-gradient(rgba(7,150,218,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(7,150,218,.045) 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.top .nav,.top nav{gap:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.top .nav a,.top nav a{min-height:54px;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 17px!important;border-left:1px solid #dce7ee;border-radius:0!important;color:#0a2442!important;font-size:13px!important;letter-spacing:.01em}
.top .nav a:last-child,.top nav a:last-child{border-right:1px solid #dce7ee}.top .nav a small,.top nav a small{display:block;margin-bottom:5px;color:#078fce;font-size:8px;font-weight:900;letter-spacing:.16em;line-height:1}
.top .nav a:before,.top nav a:before{display:none!important}.top .nav a:after,.top nav a:after{content:'';position:absolute;left:17px;right:100%;bottom:0;height:3px;background:linear-gradient(90deg,#0796da,#50d5ff);transition:right .24s}
.top .nav a:hover,.top nav a:hover,.top .nav a:focus-visible,.top nav a:focus-visible{background:linear-gradient(180deg,#f8fcff,#edf8fd)!important;color:#061b35!important;transform:none}.top .nav a:hover:after,.top nav a:hover:after,.top .nav a:focus-visible:after,.top nav a:focus-visible:after{right:17px}
.top .back,.top .demo{border:0!important;border-radius:7px!important;background:#ff8500!important;box-shadow:6px 6px 0 rgba(255,133,0,.18)!important;color:white!important}.top .back:hover,.top .demo:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 rgba(255,133,0,.2)!important}
@media(max-width:1180px){.top .nav a,.top nav a{padding:0 12px!important}.top .back,.top .demo{padding:0 15px!important}}
@media(max-width:1000px){.top .nav,.top nav{padding:0!important;border-top:1px solid #dce7ee!important;border-bottom:1px solid #dce7ee!important;background:#f8fbfd!important}.top .nav a,.top nav a{min-height:51px;padding:0 15px!important;background:transparent!important;color:#0a2442!important}.top .nav a small,.top nav a small{display:block}.top .back,.top .demo{border-radius:6px!important}}
@media(max-width:480px){.top .back,.top .demo{border-radius:6px!important}.top .back:after,.top .demo:after{content:'↗'}}

/* Selected CTA Design 3: Split Signal */
.top .back,.top .demo{min-height:50px;padding:0 0 0 18px!important;gap:16px!important;overflow:hidden;border:1px solid #0d416d!important;border-radius:9px!important;background:white!important;color:#0b3155!important;box-shadow:0 10px 23px rgba(7,29,58,.12)!important}
.top .back:after,.top .demo:after{content:'↗';align-self:stretch;width:48px;display:grid;place-items:center;margin:0;background:#071d3a;color:#42d8ff;font-size:19px;transition:background .22s,color .22s}
.top .back:hover,.top .demo:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(7,29,58,.17)!important}.top .back:hover:after,.top .demo:hover:after{background:#0796da;color:white}
@media(max-width:480px){.top .back,.top .demo{width:46px;padding:0!important;gap:0!important}.top .back:after,.top .demo:after{width:44px}}