:root{
  --bg:#040706;--panel:#0a100e;--panel2:#0d1512;--text:#f4f8f5;--muted:#9aa9a0;
  --green:#42d96b;--green2:#18a64a;--line:rgba(66,217,107,.18);--white:#fff;
  --shadow:0 24px 80px rgba(0,0,0,.38);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:
 radial-gradient(circle at 20% 10%,rgba(66,217,107,.10),transparent 30%),
 radial-gradient(circle at 85% 30%,rgba(0,180,90,.07),transparent 28%),
 linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
 background-size:auto,auto,44px 44px,44px 44px}
a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(4,7,6,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}
.nav-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;justify-content:center;gap:12px;min-width:280px}
.brand-logo-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center}
.brand img{width:225px;height:88px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(66,217,107,.20))}
.brand-tag{font-size:8px;letter-spacing:.19em;color:#a9b7ae;margin-top:-4px;text-align:center;white-space:nowrap}
.links{display:flex;align-items:center;gap:28px;font-size:14px;color:#c9d3cd}.links a{position:relative;padding:8px 0}.links a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--green);transition:.3s}.links a:hover:after{right:0}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;border:1px solid rgba(66,217,107,.42);background:linear-gradient(135deg,#fff,#e8f5eb);color:#07100a;font-weight:800;box-shadow:0 10px 35px rgba(66,217,107,.10);transition:.3s}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(66,217,107,.18)}
.menu{display:none;background:none;border:0;color:#fff;font-size:26px}
.hero{min-height:760px;padding:150px 0 80px;position:relative;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:38px;align-items:center}
.kicker{color:var(--green);font-size:12px;letter-spacing:.22em;font-weight:800;text-transform:uppercase}.hero h1{font-size:clamp(48px,6vw,84px);line-height:.98;letter-spacing:-.055em;margin:18px 0 24px}.hero h1 span{background:linear-gradient(90deg,#fff,#83ee9d);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.8;color:var(--muted);max-width:680px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn-ghost{display:inline-flex;padding:13px 20px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:#d9e2dc;background:rgba(255,255,255,.03)}
#aiCanvas{width:100%;height:520px;display:block}.ai-wrap{position:relative}.ai-badge{position:absolute;left:12%;bottom:8%;padding:12px 15px;border:1px solid rgba(66,217,107,.25);background:rgba(4,7,6,.72);backdrop-filter:blur(12px);border-radius:14px;font-size:10px;letter-spacing:.13em;color:#a8eeb9}
section{padding:105px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:42px}.eyebrow{font-size:11px;color:var(--green);letter-spacing:.2em;font-weight:800}.section-head h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.04em;margin:10px 0 0}.section-head p{max-width:500px;color:var(--muted);line-height:1.8}
.marquee{border-block:1px solid rgba(255,255,255,.07);padding:17px 0;overflow:hidden;color:#7e8d84;font-size:11px;letter-spacing:.18em}.marquee-track{display:flex;gap:45px;width:max-content;animation:marquee 24s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;overflow:hidden;padding:30px;min-height:245px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:var(--shadow);transform-style:preserve-3d;transition:transform .25s ease,border-color .25s ease}.card:before{content:"";position:absolute;width:170px;height:170px;left:var(--mx,50%);top:var(--my,50%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(130,255,158,.20),transparent 65%);opacity:0;transition:opacity .25s;pointer-events:none}.card:hover:before{opacity:1}.card:after{content:"";position:absolute;inset:-100% 45% 45% -100%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.16),transparent);transform:rotate(18deg);transition:transform .7s}.card:hover:after{transform:translate(250%,250%) rotate(18deg)}.icon3d{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(66,217,107,.10);border:1px solid rgba(66,217,107,.2);color:var(--green);font-weight:900;margin-bottom:24px}.card h3{margin:0 0 10px;font-size:21px}.card p{margin:0;color:var(--muted);line-height:1.7;font-size:14px}
.arch{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.arch-box{min-height:420px;border-radius:28px;border:1px solid rgba(66,217,107,.15);background:radial-gradient(circle at center,rgba(66,217,107,.09),transparent 48%),rgba(255,255,255,.02);position:relative;overflow:hidden}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#7dff9a,#1b8c42 42%,#06120a 68%);box-shadow:0 0 80px rgba(66,217,107,.35);font-size:12px;font-weight:900}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(66,217,107,.22);border-radius:50%;transform:translate(-50%,-50%) rotateX(62deg)}.o1{width:260px;height:260px}.o2{width:380px;height:380px;transform:translate(-50%,-50%) rotateX(62deg) rotateZ(35deg)}.node{position:absolute;padding:9px 12px;border-radius:12px;background:rgba(5,10,7,.82);border:1px solid rgba(66,217,107,.18);font-size:10px;letter-spacing:.08em}.n1{left:12%;top:22%}.n2{right:10%;top:30%}.n3{left:15%;bottom:22%}.n4{right:13%;bottom:19%}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{padding:25px;border-left:1px solid rgba(66,217,107,.28)}.num{font-size:11px;color:var(--green);letter-spacing:.15em}.step h3{margin:12px 0 8px}.step p{color:var(--muted);line-height:1.65;font-size:14px}
.insights{display:grid;grid-template-columns:1fr 1fr;gap:22px}.insight{min-height:340px;padding:34px;border-radius:26px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,#0b130f,#070b09);position:relative;overflow:hidden}.insight .topic{font-size:10px;color:var(--green);letter-spacing:.2em}.insight h3{font-size:32px;max-width:520px;margin:15px 0}.insight p{color:var(--muted);line-height:1.75;max-width:560px}.pulse{position:absolute;right:-60px;bottom:-90px;width:260px;height:260px;border-radius:50%;border:1px solid rgba(66,217,107,.2);box-shadow:0 0 90px rgba(66,217,107,.10) inset}.pulse:before,.pulse:after{content:"";position:absolute;inset:25px;border-radius:50%;border:1px solid rgba(66,217,107,.15)}.pulse:after{inset:65px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.about-copy{color:var(--muted);line-height:1.9}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.fact{padding:25px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025)}.fact strong{display:block;font-size:32px;color:#fff}.fact span{font-size:12px;color:var(--muted)}
.contact{background:linear-gradient(135deg,rgba(66,217,107,.09),rgba(255,255,255,.02));border-block:1px solid rgba(66,217,107,.1)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px}.contact-info p{color:var(--muted);line-height:1.8}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form input,.form textarea,.form select{width:100%;border:1px solid rgba(255,255,255,.1);background:#080d0a;color:#fff;border-radius:13px;padding:14px 15px;outline:none}.form textarea{min-height:140px;resize:vertical;grid-column:1/-1}.form .full{grid-column:1/-1}.form button{border:0;cursor:pointer;width:max-content}
.footer{padding:55px 0 30px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer small{color:#708078}.footer-links{display:flex;gap:22px;color:#a9b4ad;font-size:13px}.reveal{opacity:0;transform:translateY(24px)}.hide{display:none}
@media(max-width:900px){.links,.nav .btn{display:none}.menu{display:block}.hero-grid,.arch,.about-grid,.contact-grid,.insights{grid-template-columns:1fr}.hero{padding-top:125px}.grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(2,1fr)}#aiCanvas{height:420px}}
@media(max-width:600px){.container{width:min(100% - 28px,1180px)}.brand{min-width:0}.brand img{width:125px}.brand-tag{font-size:6px;letter-spacing:.13em}.nav-inner{height:72px}.hero h1{font-size:48px}.grid,.process,.facts,.form{grid-template-columns:1fr}.form textarea,.form .full{grid-column:auto}.section-head{display:block}.section-head p{margin-top:18px}.footer-top{display:block}.footer-links{margin-top:20px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.marquee-track{animation:none}}

/* Kolan hero contact rail */
.hero-contact{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.hero-contact a{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid rgba(66,217,107,.18);background:rgba(7,15,10,.66);border-radius:999px;color:#cdd8d1;font-size:12px;backdrop-filter:blur(12px);transition:.25s}
.hero-contact a:hover{border-color:rgba(66,217,107,.5);transform:translateY(-2px);color:#fff}
.hero-contact b{color:#6ff08a;font-size:13px}
.hero-visual{height:540px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:36px;border:1px solid rgba(66,217,107,.11);background:radial-gradient(circle at 50% 48%,rgba(66,217,107,.10),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.025),rgba(0,0,0,.12))}
.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(66,217,107,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(66,217,107,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at center,#000,transparent 78%);pointer-events:none}
.ai-orb{width:220px;height:220px;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 38% 35%,#b6ffc5 0 3%,#39dc6c 9%,#0b5426 34%,#03150a 64%,transparent 66%);box-shadow:0 0 90px rgba(66,217,107,.28),inset 0 0 35px rgba(255,255,255,.12);animation:orbPulse 3.8s ease-in-out infinite}
.ai-orb:before{content:"";position:absolute;inset:28px;border-radius:50%;border:1px solid rgba(173,255,190,.28);box-shadow:0 0 28px rgba(66,217,107,.18)}
.ai-orb:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#c6ffd1;box-shadow:0 0 22px #7cff9b,0 0 50px #42d96b;top:34px;left:55px;animation:nodeFloat 2.5s ease-in-out infinite}
.ai-label{position:absolute;z-index:2;text-align:center;font-size:10px;letter-spacing:.18em;color:#d9ffe1;font-weight:800;line-height:1.7}
.ai-label span{display:block;color:#73e98f;font-size:8px}
.ai-ring{position:absolute;left:50%;top:50%;width:340px;height:150px;border:1px solid rgba(66,217,107,.28);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg);animation:ringSpin 9s linear infinite}
.ai-ring.r2{width:420px;height:185px;transform:translate(-50%,-50%) rotate(48deg);animation-duration:12s;animation-direction:reverse}
.ai-ring.r3{width:280px;height:110px;transform:translate(-50%,-50%) rotate(86deg);animation-duration:7s}
.ai-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#75f49a;box-shadow:0 0 16px #42d96b}
.d1{left:22%;top:30%;animation:nodeFloat 3s infinite}.d2{right:22%;top:24%;animation:nodeFloat 3.4s .5s infinite}.d3{left:20%;bottom:27%;animation:nodeFloat 3.2s 1s infinite}.d4{right:18%;bottom:30%;animation:nodeFloat 2.8s .3s infinite}
.data-chip{position:absolute;padding:8px 10px;border:1px solid rgba(66,217,107,.18);background:rgba(3,9,5,.72);backdrop-filter:blur(10px);border-radius:10px;font-size:9px;letter-spacing:.12em;color:#9fe8ad}
.c1{left:8%;top:17%}.c2{right:7%;top:19%}.c3{left:9%;bottom:17%}.c4{right:8%;bottom:18%}
.hero-status{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);padding:10px 15px;border:1px solid rgba(66,217,107,.25);background:rgba(4,10,6,.75);backdrop-filter:blur(14px);border-radius:999px;color:#8cf6a4;font-size:10px;letter-spacing:.14em;white-space:nowrap}
@keyframes orbPulse{0%,100%{transform:scale(.98);filter:brightness(.95)}50%{transform:scale(1.04);filter:brightness(1.12)}}@keyframes ringSpin{to{transform:translate(-50%,-50%) rotate(342deg)}}@keyframes nodeFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(5px,-8px)}}
@media(max-width:900px){.brand{min-width:220px}.brand img{width:185px;height:78px}.hero-visual{height:440px}.hero-contact{gap:8px}}
@media(max-width:600px){.brand{min-width:0}.brand img{width:155px;height:68px}.brand-tag{font-size:6px;letter-spacing:.12em}.hero-visual{height:390px}.ai-orb{width:170px;height:170px}.ai-ring{width:270px;height:120px}.ai-ring.r2{width:330px;height:145px}.hero-contact a{font-size:10px}.hero-status{font-size:8px;bottom:15px}}
@media(prefers-reduced-motion:reduce){.ai-orb,.ai-ring,.ai-dot,.hero-visual *{animation:none!important}}

/* --- KCS enhancement pack --- */
.footer{position:relative;text-align:center}
.footer-top{display:flex;flex-direction:column;align-items:center;justify-content:center}
.footer-links{justify-content:center}
.footer .brand-tag{text-align:center;margin-left:auto!important;margin-right:auto!important}
.footer small{display:block;margin-top:10px}
.footer-logo-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;animation:kcsFloat 5s ease-in-out infinite}
@keyframes kcsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.footer-logo-wrap img{transition:filter .35s,transform .35s}
.footer-logo-wrap:hover img{transform:scale(1.04);filter:drop-shadow(0 0 22px rgba(66,217,107,.35))}
.visual-panel{position:relative;min-height:430px;border:1px solid rgba(66,217,107,.16);border-radius:28px;overflow:hidden;background:radial-gradient(circle at 55% 42%,rgba(66,217,107,.12),transparent 42%),rgba(255,255,255,.02);box-shadow:0 30px 90px rgba(0,0,0,.35)}
.visual-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 35%,rgba(255,255,255,.07) 45%,transparent 55%);transform:translateX(-120%);animation:glassSweep 6s ease-in-out infinite;pointer-events:none}
@keyframes glassSweep{0%,65%{transform:translateX(-120%)}82%,100%{transform:translateX(120%)}}
.visual-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(66,217,107,.22);border-radius:50%;transform:translate(-50%,-50%) rotateX(64deg);animation:orbitSpin 12s linear infinite}
.visual-orbit.a{width:280px;height:280px}.visual-orbit.b{width:370px;height:370px;transform:translate(-50%,-50%) rotateX(64deg) rotateZ(35deg);animation-duration:17s;animation-direction:reverse}
@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotateX(64deg) rotateZ(360deg)}}
.visual-image{position:absolute;left:50%;top:50%;width:min(60%,310px);transform:translate(-50%,-50%);border-radius:22px;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 50px rgba(66,217,107,.10);animation:visualFloat 4.5s ease-in-out infinite;z-index:3}
@keyframes visualFloat{0%,100%{transform:translate(-50%,-50%) rotate(-2deg) translateY(0)}50%{transform:translate(-50%,-53%) rotate(2deg) translateY(-10px)}}
.visual-chip{position:absolute;padding:10px 13px;border-radius:13px;background:rgba(4,10,6,.84);border:1px solid rgba(66,217,107,.25);backdrop-filter:blur(12px);font-size:10px;letter-spacing:.1em;color:#b9f5c5;z-index:4;animation:chipFloat 4s ease-in-out infinite}
.visual-chip.one{left:8%;top:18%}.visual-chip.two{right:7%;top:28%;animation-delay:1s}.visual-chip.three{left:13%;bottom:16%;animation-delay:1.8s}.visual-chip.four{right:10%;bottom:19%;animation-delay:2.5s}
@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.partner-wrap{overflow:hidden;border-block:1px solid rgba(255,255,255,.07);padding:26px 0;position:relative}
.partner-track{display:flex;align-items:center;gap:55px;width:max-content;animation:partnerMove 30s linear infinite}
.partner{height:48px;width:140px;display:flex;align-items:center;justify-content:center;opacity:.65;filter:grayscale(1) brightness(1.35);transition:.3s}
.partner:hover{opacity:1;filter:grayscale(0) brightness(1.05);transform:scale(1.06)}
.partner img{max-width:125px;max-height:42px;object-fit:contain}
@keyframes partnerMove{to{transform:translateX(-50%)}}
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}
.contact-card{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025);transition:.3s}
.contact-card:hover{transform:translateY(-4px);border-color:rgba(66,217,107,.28);box-shadow:0 18px 45px rgba(0,0,0,.22)}
.contact-icon{width:42px;height:42px;min-width:42px;border-radius:13px;display:grid;place-items:center;background:rgba(66,217,107,.10);border:1px solid rgba(66,217,107,.2);color:var(--green)}
.contact-icon svg{width:21px;height:21px}
.contact-card strong{display:block;font-size:13px;margin-bottom:5px}.contact-card span,.contact-card a{font-size:13px;color:var(--muted);line-height:1.55}
.scroll-top{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(66,217,107,.35);background:rgba(5,12,8,.82);color:#dfffe6;display:grid;place-items:center;z-index:999;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s;backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(0,0,0,.3)}
.scroll-top.show{opacity:1;visibility:visible;transform:none}.scroll-top:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(66,217,107,.18)}
.scroll-top svg{width:20px;height:20px}
@media(max-width:700px){.visual-panel{min-height:360px}.contact-cards{grid-template-columns:1fr}.partner-track{gap:28px}.partner{width:110px}.visual-image{width:min(65%,260px)}}
@media(prefers-reduced-motion:reduce){.footer-logo-wrap,.visual-panel:before,.visual-orbit,.visual-image,.visual-chip,.partner-track{animation:none!important}}

.hero-contact{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:24px}.hero-contact a{font-size:12px;color:#aebbb3}.hero-contact b{color:var(--green);margin-right:6px}
.hero-visual{position:relative;min-height:500px}.hero-visual canvas{position:absolute!important;inset:0}.hero-visual .ai-badge{z-index:4}
@media(max-width:900px){.hero-visual{min-height:420px}}

/* Header/footer static KCS identity */
.nav .brand-logo-wrap,.nav .footer-logo-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;animation:none!important;transform:none!important}
.nav .brand-logo-wrap img,.nav .footer-logo-wrap img{width:205px!important;height:76px!important;object-fit:contain;filter:none!important;animation:none!important;transform:none!important}
.nav .brand-tag{font-size:8px;letter-spacing:.19em;margin-top:-7px!important;color:#b8c6bd;text-align:center}
.nav .brand{min-width:255px}
.nav .nav-inner{height:105px}
.footer-logo-wrap img{width:245px!important;height:112px!important;object-fit:contain;filter:none!important;animation:none!important}
.footer .brand-tag{font-size:9px;letter-spacing:.19em;color:#b8c6bd}
.footer .footer-links a{padding:10px 18px;border:1px solid rgba(255,255,255,.08);border-radius:999px;transition:.3s}
.footer .footer-links a:hover{border-color:rgba(66,217,107,.35);background:rgba(66,217,107,.08);transform:translateY(-2px)}
.nav .btn,.hero .btn,.btn-ghost{position:relative;overflow:hidden}
.nav .btn:before,.hero .btn:before,.btn-ghost:before{content:"";position:absolute;inset:-2px -70%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.65) 50%,transparent 58%);transform:translateX(-70%);transition:transform .8s ease}
.nav .btn:hover:before,.hero .btn:hover:before,.btn-ghost:hover:before{transform:translateX(70%)}
.nav .btn:hover,.hero .btn:hover,.btn-ghost:hover{transform:translateY(-3px)}
.vector-visual{position:relative;min-height:440px;border:1px solid rgba(66,217,107,.16);border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(66,217,107,.11),transparent 55%),#07100b;box-shadow:0 30px 90px rgba(0,0,0,.38)}
.vector-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:10px;animation:vectorFloat 6s ease-in-out infinite}
.vector-visual:after{content:"";position:absolute;inset:-20% 45% 70% -45%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.16),transparent);transform:rotate(15deg);animation:vectorShine 6s ease-in-out infinite;pointer-events:none}
@keyframes vectorFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.015)}}
@keyframes vectorShine{0%,55%{transform:translateX(-40%) rotate(15deg)}80%,100%{transform:translateX(180%) rotate(15deg)}}
.partner-track{animation-name:partnerPauseMove;animation-duration:35s;animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes partnerPauseMove{
  0%,14.28%{transform:translateX(0)}
  64.28%,100%{transform:translateX(-50%)}
}
.partner{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:5px}
.partner img{filter:none;opacity:.9}
@media(max-width:900px){.nav .nav-inner{height:92px}.nav .brand{min-width:190px}.nav .brand-logo-wrap img,.nav .footer-logo-wrap img{width:165px!important;height:64px!important}.nav .brand-tag{font-size:6px}.vector-visual{min-height:380px}}
@media(max-width:600px){.nav .nav-inner{height:82px}.nav .brand{min-width:155px}.nav .brand-logo-wrap img,.nav .footer-logo-wrap img{width:145px!important;height:55px!important}.nav .brand-tag{font-size:5.5px;letter-spacing:.11em}.footer-logo-wrap img{width:205px!important;height:92px!important}.footer .brand-tag{font-size:7px}.vector-visual{min-height:330px}}
@media(prefers-reduced-motion:reduce){.vector-visual img,.vector-visual:after,.partner-track{animation:none!important}}

/* Contact information icons — inline, no card containers */
.contact-info .contact-line{display:flex;align-items:flex-start;gap:12px;margin:18px 0;color:var(--muted);line-height:1.7}
.contact-line-icon{width:34px;height:34px;min-width:34px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(66,217,107,.22);background:rgba(66,217,107,.07);color:var(--green);margin-top:1px;transition:transform .25s,background .25s,box-shadow .25s}
.contact-line-icon svg{width:17px;height:17px}
.contact-line:hover .contact-line-icon{transform:translateY(-2px) scale(1.04);background:rgba(66,217,107,.13);box-shadow:0 8px 22px rgba(66,217,107,.12)}
.contact-line strong{color:#f0f7f2}
.contact-line a{color:#b9c7bf}
.contact-line a:hover{color:var(--green)}
/* Partner strip: clean original logos, 5-second initial delay, then continuous scroll */
.partner-track{animation:partnerContinuous 35s linear 5s infinite}
.partner-wrap:hover .partner-track{animation-play-state:paused}
.partner{background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.075);box-shadow:none}
.partner img{filter:none!important;opacity:.96}
@keyframes partnerContinuous{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* Keep the footer logo static; navigation + top button retain motion */
.footer-logo-wrap,.footer-logo-wrap img{animation:none!important;transform:none!important}

/* V6: dominant static header identity + glass navigation */
.nav .nav-inner{height:118px}
.nav .brand{min-width:310px;align-self:stretch;display:flex;align-items:center}
.nav .brand .footer-logo-wrap{width:100%;animation:none!important;transform:none!important}
.nav .brand .footer-logo-wrap img{width:250px!important;height:82px!important;object-fit:contain;filter:none!important}
.nav .brand .brand-tag{font-size:9px!important;letter-spacing:.22em!important;margin-top:-5px!important;color:#d5e0d9!important;font-weight:700}
.nav .links{gap:10px}
.nav .links a{
  padding:11px 17px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  backdrop-filter:blur(12px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.16);
  color:#d8e2dc;
  transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease,color .28s ease;
}
.nav .links a:after{display:none}
.nav .links a:hover,.nav .links a.active{
  transform:translateY(-2px);
  border-color:rgba(66,217,107,.42);
  background:linear-gradient(135deg,rgba(66,217,107,.18),rgba(255,255,255,.055));
  color:#f4fff7;
  box-shadow:0 10px 28px rgba(66,217,107,.10),inset 0 1px 0 rgba(255,255,255,.12);
}
.nav .btn{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(224,255,232,.96));border-color:rgba(66,217,107,.35)}
/* Animated gradient back-to-top button */
.scroll-top{
  border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(135deg,#18a64a,#55ef82,#8bffad,#18a64a);
  background-size:300% 300%;
  color:#041008;
  box-shadow:0 12px 35px rgba(66,217,107,.22),inset 0 1px 0 rgba(255,255,255,.45);
  animation:scrollGradient 4s ease infinite;
}
.scroll-top:after{content:"";position:absolute;inset:2px;border-radius:50%;border:1px solid rgba(255,255,255,.25);pointer-events:none}
@keyframes scrollGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.scroll-top:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 18px 42px rgba(66,217,107,.32)}
/* Footer matches the contact-page layout and stays static */
.footer{padding:55px 0 32px;text-align:center}
.footer-top{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}
.footer-logo-wrap,.footer-logo-wrap img{animation:none!important;transform:none!important;filter:none!important}
.footer-logo-wrap img{width:245px!important;height:108px!important;object-fit:contain}
.footer .brand-tag{font-size:9px;letter-spacing:.20em;margin-top:-4px!important;color:#b8c6bd}
.footer small{display:block;margin-top:10px}
.footer-links{display:flex;justify-content:center;gap:10px}
.footer .footer-links a{
  padding:11px 18px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  color:#aebbb3;
  box-shadow:none;
  transition:none;
}
.footer .footer-links a:hover{transform:none;background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.10);box-shadow:none;color:#aebbb3}
@media(max-width:1100px){
 .nav .brand{min-width:250px}.nav .brand .footer-logo-wrap img{width:210px!important;height:72px!important}
 .nav .links a{padding:10px 13px;font-size:13px}
}
@media(max-width:900px){
 .nav .nav-inner{height:98px}.nav .brand{min-width:205px}.nav .brand .footer-logo-wrap img{width:180px!important;height:65px!important}
 .nav .brand .brand-tag{font-size:7px!important;letter-spacing:.15em!important}
 .nav .links a{padding:9px 11px}
}
@media(max-width:600px){
 .nav .nav-inner{height:84px}.nav .brand{min-width:150px}.nav .brand .footer-logo-wrap img{width:145px!important;height:55px!important}
 .nav .brand .brand-tag{font-size:5.5px!important;letter-spacing:.10em!important}
 .footer-logo-wrap img{width:205px!important;height:92px!important}
 .footer .brand-tag{font-size:7px}
 .footer-links{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.scroll-top{animation:none!important}}

/* KCS profile section — footer-style centered identity */
.kcs-profile-section{padding:110px 0 115px}
.kcs-profile{text-align:center;max-width:1080px;margin:0 auto}
.kcs-profile-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 30px}
.kcs-profile-logo img{width:245px;height:108px;object-fit:contain;filter:none;animation:none!important;transform:none!important}
.kcs-profile-logo .brand-tag{font-size:9px;letter-spacing:.20em;color:#c2cec6;margin-top:-5px}
.kcs-profile .eyebrow{margin-top:12px}
.kcs-profile h2{max-width:850px;margin:13px auto 18px;font-size:clamp(32px,4vw,54px);line-height:1.08;letter-spacing:-.04em}
.kcs-profile>.about-copy{max-width:850px;margin:0 auto;line-height:1.85;color:var(--muted);font-size:16px}
.kcs-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;text-align:left;margin-top:42px}
.kcs-info-card{display:flex;gap:17px;align-items:flex-start;padding:24px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));transition:transform .3s,border-color .3s,box-shadow .3s}
.kcs-info-card:hover{transform:translateY(-5px);border-color:rgba(66,217,107,.25);box-shadow:0 18px 45px rgba(0,0,0,.22)}
.kcs-info-icon{display:grid;place-items:center;min-width:43px;height:43px;border-radius:13px;border:1px solid rgba(66,217,107,.24);background:rgba(66,217,107,.08);color:var(--green);font-size:11px;font-weight:800;letter-spacing:.08em}
.kcs-info-card strong{display:block;font-size:16px;margin:2px 0 7px;color:#f0f7f2}
.kcs-info-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.kcs-profile-actions{display:flex;justify-content:center;gap:13px;margin-top:30px;flex-wrap:wrap}
@media(max-width:650px){.kcs-profile-section{padding:85px 0}.kcs-profile-logo img{width:205px;height:92px}.kcs-profile-logo .brand-tag{font-size:7px}.kcs-info-grid{grid-template-columns:1fr}.kcs-profile>.about-copy{font-size:14px}.kcs-info-card{padding:20px}}

/* V8 header refinement */
.nav .brand .footer-logo-wrap img{
  width:285px!important;
  height:94px!important;
  object-fit:contain;
}
.nav .brand .brand-tag{
  font-size:8px!important;
  letter-spacing:.20em!important;
  margin-top:-4px!important;
  white-space:nowrap;
}
.nav .nav-inner > .btn{
  transform:translateX(10px);
}
.nav .nav-inner > .btn:hover{
  transform:translateX(10px) translateY(-3px);
}
.kcs-profile-logo img{
  width:275px!important;
  height:118px!important;
  object-fit:contain;
}
.kcs-profile-logo .brand-tag{
  font-size:8px!important;
  letter-spacing:.19em!important;
}
@media(max-width:1100px){
  .nav .brand .footer-logo-wrap img{width:235px!important;height:80px!important}
  .nav .nav-inner > .btn{transform:translateX(7px)}
  .nav .nav-inner > .btn:hover{transform:translateX(7px) translateY(-3px)}
}
@media(max-width:900px){
  .nav .brand .footer-logo-wrap img{width:205px!important;height:72px!important}
  .nav .brand .brand-tag{font-size:7px!important}
}
@media(max-width:600px){
  .nav .brand .footer-logo-wrap img{width:165px!important;height:60px!important}
  .nav .brand .brand-tag{font-size:5.5px!important;letter-spacing:.10em!important}
  .nav .nav-inner > .btn{transform:none}
  .nav .nav-inner > .btn:hover{transform:translateY(-3px)}
  .kcs-profile-logo img{width:225px!important;height:98px!important}
  .kcs-profile-logo .brand-tag{font-size:7px!important}
}

/* V9: homepage profile section restored to heading-led layout */
.kcs-profile-section{padding:95px 0 105px}
.kcs-profile{max-width:1120px}
.kcs-profile .eyebrow{margin-top:0;margin-bottom:14px}
.kcs-profile h2{max-width:900px;margin:0 auto 20px;font-size:clamp(34px,4.2vw,58px);line-height:1.08;letter-spacing:-.045em}
.kcs-profile>.about-copy{max-width:940px;margin:0 auto;line-height:1.75;font-size:16px}
.kcs-info-grid{margin-top:38px}
.kcs-profile-actions{margin-top:30px}
@media(max-width:650px){
  .kcs-profile-section{padding:75px 0 85px}
  .kcs-profile h2{font-size:32px;line-height:1.12}
  .kcs-profile>.about-copy{font-size:14px}
}

/* V10: capability section split layout with animated vector visual */
.kcs-profile-section{padding:105px 0 115px}
.kcs-profile-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:58px;align-items:center}
.kcs-profile-content{text-align:left}
.kcs-profile-content .eyebrow{font-size:14px;letter-spacing:.20em;margin:0 0 15px}
.kcs-profile-content h2{max-width:780px;margin:0 0 20px;font-size:clamp(34px,4vw,56px);line-height:1.07;letter-spacing:-.045em}
.kcs-profile-content>.about-copy{max-width:790px;margin:0;line-height:1.8;font-size:15px}
.kcs-info-grid{margin-top:30px}
.kcs-profile-visual{position:relative;min-height:480px;border-radius:30px;overflow:hidden;border:1px solid rgba(66,217,107,.16);background:rgba(255,255,255,.018);box-shadow:0 30px 90px rgba(0,0,0,.30)}
.kcs-profile-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:kcsVectorFloat 6s ease-in-out infinite}
.kcs-profile-visual:after{content:"";position:absolute;inset:-30% 45% 65% -45%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.17),transparent);transform:rotate(14deg);animation:kcsVectorShine 5.5s ease-in-out infinite;pointer-events:none}
.kcs-visual-glow{position:absolute;width:55%;height:55%;left:23%;top:23%;border-radius:50%;background:#38df6b;opacity:.08;filter:blur(55px);animation:kcsGlowPulse 3.5s ease-in-out infinite}
.kcs-status{position:absolute;z-index:4;left:22px;bottom:20px;padding:10px 13px;border:1px solid rgba(66,217,107,.24);border-radius:12px;background:rgba(3,9,5,.76);backdrop-filter:blur(12px);color:#bfffcf;font-size:9px;letter-spacing:.13em}
.kcs-scan{position:absolute;z-index:5;left:0;right:0;top:-20%;height:2px;background:linear-gradient(90deg,transparent,#7cff9d,transparent);box-shadow:0 0 18px #4bef7b;animation:kcsScan 4.2s ease-in-out infinite}
@keyframes kcsVectorFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.012)}}
@keyframes kcsVectorShine{0%,55%{transform:translateX(-40%) rotate(14deg)}80%,100%{transform:translateX(190%) rotate(14deg)}}
@keyframes kcsGlowPulse{0%,100%{transform:scale(.9);opacity:.06}50%{transform:scale(1.08);opacity:.13}}
@keyframes kcsScan{0%,12%{top:-5%;opacity:0}22%{opacity:1}82%{opacity:1}94%,100%{top:105%;opacity:0}}
.kcs-profile-actions{justify-content:flex-start;margin-top:28px}
.kcs-info-card{animation:kcsCardIn .7s ease both}
.kcs-info-card:nth-child(1){animation-delay:.08s}.kcs-info-card:nth-child(2){animation-delay:.16s}.kcs-info-card:nth-child(3){animation-delay:.24s}.kcs-info-card:nth-child(4){animation-delay:.32s}
@keyframes kcsCardIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:900px){.kcs-profile-layout{grid-template-columns:1fr;gap:38px}.kcs-profile-visual{min-height:390px;order:2}.kcs-profile-content{order:1}.kcs-profile-actions{justify-content:flex-start}}
@media(max-width:600px){.kcs-profile-section{padding:78px 0 90px}.kcs-profile-content .eyebrow{font-size:11px}.kcs-profile-content h2{font-size:32px}.kcs-profile-content>.about-copy{font-size:14px}.kcs-profile-visual{min-height:330px}.kcs-status{left:14px;bottom:14px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.kcs-profile-visual img,.kcs-profile-visual:after,.kcs-visual-glow,.kcs-scan,.kcs-info-card{animation:none!important}}

/* V11: larger static header KCS logo across all pages */
.nav .brand .footer-logo-wrap img{
  width:320px!important;
  height:106px!important;
  object-fit:contain;
  filter:none!important;
  animation:none!important;
  transform:none!important;
}
.nav .brand .brand-tag{
  font-size:8px!important;
  letter-spacing:.22em!important;
  margin-top:-5px!important;
  white-space:nowrap;
}
.nav .brand{min-width:345px}
@media(max-width:1100px){
  .nav .brand{min-width:285px}
  .nav .brand .footer-logo-wrap img{width:270px!important;height:92px!important}
}
@media(max-width:900px){
  .nav .brand{min-width:235px}
  .nav .brand .footer-logo-wrap img{width:225px!important;height:78px!important}
  .nav .brand .brand-tag{font-size:7px!important;letter-spacing:.16em!important}
}
@media(max-width:600px){
  .nav .brand{min-width:165px}
  .nav .brand .footer-logo-wrap img{width:175px!important;height:64px!important}
  .nav .brand .brand-tag{font-size:5.5px!important;letter-spacing:.10em!important}
}

/* V12: maximum balanced footer logo visibility across all pages */
.footer .footer-logo-wrap{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.footer .footer-logo-wrap img{
  width:330px!important;
  height:145px!important;
  max-width:88vw;
  object-fit:contain;
  filter:none!important;
  animation:none!important;
  transform:none!important;
}
.footer .brand-tag{
  font-size:9px!important;
  letter-spacing:.21em!important;
  margin-top:-7px!important;
  white-space:nowrap;
}
.footer{
  padding-top:65px;
  padding-bottom:38px;
}
@media(max-width:900px){
  .footer .footer-logo-wrap img{
    width:285px!important;
    height:125px!important;
  }
  .footer .brand-tag{font-size:8px!important}
}
@media(max-width:600px){
  .footer .footer-logo-wrap img{
    width:235px!important;
    height:105px!important;
  }
  .footer .brand-tag{
    font-size:6.5px!important;
    letter-spacing:.13em!important;
  }
}

/* V13 — premium footer logo glow + glass animation */
.footer .footer-logo-wrap{
  position:relative;
  isolation:isolate;
  padding:20px 34px 18px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:30px;
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.012));
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 25px 70px rgba(0,0,0,.28);
  overflow:hidden;
}
.footer .footer-logo-wrap:before{
  content:"";
  position:absolute;
  width:280px;height:280px;
  left:50%;top:45%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(66,217,107,.28),rgba(66,217,107,.08) 38%,transparent 70%);
  filter:blur(12px);
  z-index:-1;
  animation:kcsFooterGlow 4s ease-in-out infinite;
}
.footer .footer-logo-wrap:after{
  content:"";
  position:absolute;
  top:-120%;
  left:-45%;
  width:35%;
  height:330%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transform:rotate(20deg);
  animation:kcsFooterShine 5.5s ease-in-out infinite;
  pointer-events:none;
}
.footer .footer-logo-wrap img{
  width:365px!important;
  height:158px!important;
  max-width:88vw;
  object-fit:contain;
  position:relative;
  z-index:2;
  filter:drop-shadow(0 0 8px rgba(66,217,107,.22)) drop-shadow(0 0 24px rgba(66,217,107,.14))!important;
  animation:kcsLogoGlow 3.8s ease-in-out infinite!important;
  transform:none!important;
  transition:filter .35s ease,transform .35s ease;
}
.footer .footer-logo-wrap:hover img{
  transform:scale(1.025)!important;
  filter:drop-shadow(0 0 10px rgba(66,217,107,.35)) drop-shadow(0 0 32px rgba(66,217,107,.22))!important;
}
.footer .footer-logo-wrap .brand-tag{
  position:relative;
  z-index:2;
}
@keyframes kcsLogoGlow{
  0%,100%{filter:drop-shadow(0 0 7px rgba(66,217,107,.20)) drop-shadow(0 0 18px rgba(66,217,107,.10))}
  50%{filter:drop-shadow(0 0 13px rgba(66,217,107,.38)) drop-shadow(0 0 34px rgba(66,217,107,.20))}
}
@keyframes kcsFooterGlow{
  0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(.82)}
  50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}
}
@keyframes kcsFooterShine{
  0%,58%{left:-55%;opacity:0}
  68%{opacity:1}
  82%,100%{left:125%;opacity:0}
}

/* Full-screen KCS loading animation */
.kcs-page-loader{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:17px;
  background:
    radial-gradient(circle at 50% 42%,rgba(66,217,107,.13),transparent 30%),
    linear-gradient(145deg,#020604,#06100a 55%,#020604);
  transition:opacity .65s ease,visibility .65s ease;
}
.kcs-page-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.kcs-loader-logo{
  position:relative;
  width:min(330px,70vw);
  padding:20px 28px 18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:28px;
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.018));
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 30px 80px rgba(0,0,0,.38);
  text-align:center;
  animation:kcsLoaderFloat 3s ease-in-out infinite;
  overflow:hidden;
}
.kcs-loader-logo:after{
  content:"";
  position:absolute;
  top:-100%;left:-55%;
  width:30%;height:300%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  transform:rotate(20deg);
  animation:kcsLoaderShine 2.8s ease-in-out infinite;
}
.kcs-loader-logo img{
  width:270px;height:118px;max-width:100%;
  object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(66,217,107,.35)) drop-shadow(0 0 28px rgba(66,217,107,.18));
  animation:kcsLoaderLogoPulse 2s ease-in-out infinite;
  position:relative;z-index:2;
}
.kcs-loader-tag{
  position:relative;z-index:2;
  margin-top:-4px;
  color:#c8d5cd;
  font-size:8px;
  letter-spacing:.19em;
  white-space:nowrap;
}
.kcs-loader-ring{
  position:absolute;
  width:205px;height:205px;
  left:50%;top:44%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(66,217,107,.20);
  border-radius:50%;
  box-shadow:0 0 35px rgba(66,217,107,.10);
  animation:kcsLoaderRing 3s linear infinite;
}
.kcs-loader-ring:before,.kcs-loader-ring:after{
  content:"";position:absolute;inset:13px;border:1px solid rgba(66,217,107,.13);border-radius:50%;
}
.kcs-loader-ring:after{inset:32px;border-style:dashed;border-color:rgba(66,217,107,.16)}
.kcs-loader-line{
  width:min(250px,60vw);
  height:2px;
  border-radius:10px;
  background:rgba(255,255,255,.08);
  overflow:hidden;
}
.kcs-loader-line span{
  display:block;width:42%;height:100%;
  background:linear-gradient(90deg,#18a64a,#72ff9a,#18a64a);
  box-shadow:0 0 14px rgba(66,217,107,.65);
  animation:kcsLoaderProgress 1.55s ease-in-out infinite;
}
.kcs-loader-status{
  color:#82d99a;
  font-size:9px;
  letter-spacing:.17em;
  text-align:center;
}
@keyframes kcsLoaderFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes kcsLoaderShine{0%,45%{left:-55%;opacity:0}58%{opacity:1}78%,100%{left:125%;opacity:0}}
@keyframes kcsLoaderLogoPulse{0%,100%{filter:drop-shadow(0 0 8px rgba(66,217,107,.25)) drop-shadow(0 0 22px rgba(66,217,107,.12))}50%{filter:drop-shadow(0 0 14px rgba(66,217,107,.48)) drop-shadow(0 0 35px rgba(66,217,107,.22))}}
@keyframes kcsLoaderRing{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes kcsLoaderProgress{0%{transform:translateX(-120%)}100%{transform:translateX(350%)}}

@media(max-width:900px){
  .footer .footer-logo-wrap{padding:17px 24px}
  .footer .footer-logo-wrap img{width:310px!important;height:135px!important}
}
@media(max-width:600px){
  .footer .footer-logo-wrap{padding:14px 18px;border-radius:24px}
  .footer .footer-logo-wrap img{width:265px!important;height:116px!important}
  .footer .footer-logo-wrap .brand-tag{font-size:6.5px!important;letter-spacing:.13em!important}
  .kcs-loader-logo{width:min(300px,78vw);padding:16px 18px}
  .kcs-loader-logo img{width:235px;height:103px}
  .kcs-loader-ring{width:180px;height:180px}
  .kcs-loader-tag{font-size:6px;letter-spacing:.12em}
}
@media(prefers-reduced-motion:reduce){
  .footer .footer-logo-wrap:before,.footer .footer-logo-wrap:after,.footer .footer-logo-wrap img,
  .kcs-loader-logo,.kcs-loader-logo:after,.kcs-loader-logo img,.kcs-loader-ring,.kcs-loader-line span{animation:none!important}
}

/* V14 — clean logo treatment: no glow, glass sweep only */
.footer .footer-logo-wrap{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:30px;
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.012));
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 22px 60px rgba(0,0,0,.24);
}
.footer .footer-logo-wrap:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.16) 48%,rgba(255,255,255,.04) 52%,transparent 65%);
  transform:translateX(-125%);
  animation:kcsLogoGlassSweep 6s ease-in-out infinite;
  pointer-events:none;
}
.footer .footer-logo-wrap:after{
  content:"";
  position:absolute;
  left:0;right:0;top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
  opacity:.5;
  pointer-events:none;
}
.footer .footer-logo-wrap img{
  width:365px!important;
  height:158px!important;
  max-width:88vw;
  object-fit:contain;
  position:relative;
  z-index:2;
  filter:none!important;
  animation:none!important;
  transform:none!important;
}
.footer .footer-logo-wrap:hover img{
  filter:brightness(1.06)!important;
  transform:scale(1.012)!important;
}
@keyframes kcsLogoGlassSweep{
  0%,48%{transform:translateX(-125%);opacity:0}
  56%{opacity:1}
  72%,100%{transform:translateX(125%);opacity:0}
}

/* V14 — digital-signal loader, logo only */
.kcs-page-loader{
  background:
    radial-gradient(circle at 50% 50%,rgba(30,120,65,.07),transparent 27%),
    #020604;
}
.kcs-loader-logo{
  width:min(360px,76vw);
  padding:22px 30px 20px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:28px;
  background:rgba(255,255,255,.025);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 25px 70px rgba(0,0,0,.30);
  animation:none;
}
.kcs-loader-logo:before{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(100,240,145,.16);
  border-radius:20px;
  animation:kcsSignalFrame 1.8s steps(2,end) infinite;
}
.kcs-loader-logo:after{
  content:"";
  position:absolute;
  top:-20%;left:-60%;
  width:32%;height:140%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  transform:skewX(-18deg);
  animation:kcsSignalSweep 2.4s ease-in-out infinite;
}
.kcs-loader-logo img{
  width:285px;height:124px;max-width:100%;
  object-fit:contain;
  position:relative;
  z-index:3;
  filter:none!important;
  animation:kcsSignalLogo 1.8s steps(2,end) infinite!important;
}
.kcs-loader-ring{
  width:305px;height:145px;
  left:50%;top:50%;
  border:0;
  border-radius:0;
  box-shadow:none;
  transform:translate(-50%,-50%);
  animation:none;
}
.kcs-loader-ring:before{
  inset:0;
  border:0;
  border-radius:0;
  background:
    linear-gradient(90deg,transparent 0 10%,rgba(72,235,122,.18) 10% 11%,transparent 11% 22%,rgba(72,235,122,.12) 22% 23%,transparent 23% 74%,rgba(72,235,122,.14) 74% 75%,transparent 75%),
    repeating-linear-gradient(90deg,transparent 0 9px,rgba(72,235,122,.12) 10px 11px,transparent 12px 20px);
  animation:kcsSignalData 1.2s steps(4,end) infinite;
}
.kcs-loader-ring:after{
  inset:12px -8px;
  border:0;
  border-top:1px solid rgba(90,245,135,.28);
  border-bottom:1px solid rgba(90,245,135,.12);
  border-radius:0;
  animation:kcsSignalBars 1s steps(3,end) infinite;
}
.kcs-loader-tag{
  font-size:8px;
  color:#bfcac3;
  letter-spacing:.19em;
  position:relative;
  z-index:4;
}
.kcs-loader-line{
  width:min(290px,64vw);
  height:2px;
  background:rgba(255,255,255,.08);
}
.kcs-loader-line span{
  width:25%;
  background:#66ee8a;
  box-shadow:none;
  animation:kcsDigitalProgress 1.25s steps(8,end) infinite;
}
.kcs-loader-status{
  color:#91c8a2;
  font-size:8px;
  letter-spacing:.18em;
}
@keyframes kcsSignalFrame{
  0%,100%{opacity:.35;transform:scale(1)}
  50%{opacity:.85;transform:scale(1.015)}
}
@keyframes kcsSignalSweep{
  0%,20%{left:-65%;opacity:0}
  38%{opacity:1}
  65%,100%{left:135%;opacity:0}
}
@keyframes kcsSignalLogo{
  0%,100%{opacity:1}
  7%{opacity:.72}
  10%{opacity:1}
  46%{opacity:.9}
  49%{opacity:1}
}
@keyframes kcsSignalData{
  0%,100%{opacity:.25;transform:translateX(0)}
  50%{opacity:.75;transform:translateX(7px)}
}
@keyframes kcsSignalBars{
  0%,100%{opacity:.25}
  33%{opacity:.7}
  66%{opacity:.4}
}
@keyframes kcsDigitalProgress{
  0%{transform:translateX(-150%)}
  100%{transform:translateX(520%)}
}
@media(max-width:900px){
  .footer .footer-logo-wrap img{width:310px!important;height:135px!important}
  .kcs-loader-logo{width:min(330px,78vw)}
  .kcs-loader-logo img{width:255px;height:111px}
}
@media(max-width:600px){
  .footer .footer-logo-wrap img{width:265px!important;height:116px!important}
  .kcs-loader-logo{width:min(300px,80vw);padding:18px}
  .kcs-loader-logo img{width:230px;height:100px}
  .kcs-loader-ring{width:250px;height:125px}
  .kcs-loader-tag{font-size:6px;letter-spacing:.12em}
}
@media(prefers-reduced-motion:reduce){
  .footer .footer-logo-wrap:before,
  .kcs-loader-logo:before,.kcs-loader-logo:after,.kcs-loader-logo img,
  .kcs-loader-ring:before,.kcs-loader-ring:after,.kcs-loader-line span{animation:none!important}
}

/* V15 — Uiverse-inspired light-green footer navigation buttons */
.footer .footer-links{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
.footer .footer-links .uiverse-footer-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:126px;
  height:46px;
  padding:0 23px;
  border:1px solid rgba(128,255,165,.55);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(141,255,171,.17),rgba(92,226,125,.07));
  color:#caffd5;
  text-decoration:none;
  overflow:hidden;
  isolation:isolate;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 7px 20px rgba(50,190,88,.08);
  transition:
    transform .25s ease,
    border-color .25s ease,
    background .25s ease,
    box-shadow .25s ease,
    color .25s ease;
}
.footer .footer-links .uiverse-footer-btn span{
  position:relative;
  z-index:3;
  font-size:14px;
  font-weight:600;
  letter-spacing:.01em;
}
.footer .footer-links .uiverse-footer-btn:before{
  content:"";
  position:absolute;
  z-index:1;
  width:55px;
  height:55px;
  left:-15px;
  top:50%;
  transform:translateY(-50%);
  border-radius:50%;
  background:rgba(126,255,159,.22);
  filter:blur(12px);
  opacity:.45;
  transition:left .45s ease,opacity .3s ease;
}
.footer .footer-links .uiverse-footer-btn:after{
  content:"";
  position:absolute;
  z-index:2;
  top:-80%;
  left:-55%;
  width:34%;
  height:260%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(225,255,233,.42),transparent);
  opacity:0;
}
.footer .footer-links .uiverse-footer-btn:hover{
  transform:translateY(-3px);
  border-color:rgba(151,255,178,.9);
  background:linear-gradient(180deg,rgba(132,255,165,.27),rgba(77,212,111,.11));
  color:#f0fff4;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 10px 30px rgba(54,218,101,.16);
}
.footer .footer-links .uiverse-footer-btn:hover:before{
  left:calc(100% - 38px);
  opacity:.8;
}
.footer .footer-links .uiverse-footer-btn:hover:after{
  animation:uiverseFooterShine .75s ease forwards;
  opacity:1;
}
.footer .footer-links .uiverse-footer-btn:active{
  transform:translateY(-1px) scale(.98);
}
@keyframes uiverseFooterShine{
  from{left:-55%;opacity:0}
  20%{opacity:1}
  to{left:130%;opacity:0}
}
@media(max-width:600px){
  .footer .footer-links{gap:9px}
  .footer .footer-links .uiverse-footer-btn{
    min-width:108px;
    height:42px;
    padding:0 17px;
    border-radius:12px;
  }
  .footer .footer-links .uiverse-footer-btn span{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .footer .footer-links .uiverse-footer-btn,
  .footer .footer-links .uiverse-footer-btn:before{transition:none}
  .footer .footer-links .uiverse-footer-btn:hover:after{animation:none}
}

/* V16 — expanded About section above the shared footer */
.about-value-section{padding:105px 0 110px}
.about-value-section .section-head{align-items:end;margin-bottom:42px}
.about-value-section .section-head>p{max-width:510px}
.about-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.about-value-card{
  position:relative;
  padding:30px 28px 32px;
  min-height:235px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  overflow:hidden;
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.about-value-card:hover{transform:translateY(-6px);border-color:rgba(66,217,107,.28);box-shadow:0 22px 50px rgba(0,0,0,.24)}
.about-value-number{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--green);margin-bottom:30px}
.about-value-card h3{font-size:21px;line-height:1.2;margin:0 0 13px}
.about-value-card p{font-size:14px;line-height:1.75;color:var(--muted);margin:0}
.about-value-line{position:absolute;left:28px;right:28px;bottom:20px;height:1px;background:linear-gradient(90deg,rgba(66,217,107,.42),transparent)}
.about-lifecycle{
  display:flex;align-items:center;justify-content:center;gap:15px;
  margin:38px auto 0;padding:18px 20px;
  border:1px solid rgba(255,255,255,.08);border-radius:18px;
  background:rgba(255,255,255,.02);
}
.about-lifecycle div{display:flex;align-items:center;gap:15px}
.about-lifecycle span{font-size:10px;font-weight:800;letter-spacing:.16em;color:#cbd7cf}
.about-lifecycle b{font-size:17px;color:var(--green);font-weight:400}
.about-bottom-cta{
  margin-top:28px;padding:28px 30px;
  display:flex;align-items:center;justify-content:space-between;gap:30px;
  border:1px solid rgba(66,217,107,.16);border-radius:22px;
  background:linear-gradient(135deg,rgba(66,217,107,.07),rgba(255,255,255,.025));
}
.about-bottom-cta h3{margin:7px 0 8px;font-size:25px}
.about-bottom-cta p{margin:0;color:var(--muted);font-size:14px}
@media(max-width:850px){
  .about-value-grid{grid-template-columns:1fr}
  .about-value-card{min-height:auto}
  .about-bottom-cta{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
  .about-value-section{padding:78px 0 88px}
  .about-value-section .section-head{margin-bottom:30px}
  .about-value-card{padding:24px;min-height:205px}
  .about-lifecycle{overflow:auto;justify-content:flex-start;white-space:nowrap}
  .about-bottom-cta{padding:23px}
  .about-bottom-cta h3{font-size:21px}
}

/* V17 — light-green Uiverse-inspired header navigation */
.nav .links a{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 18px;
  border:1px solid rgba(128,255,165,.48);
  border-radius:13px;
  background:linear-gradient(180deg,rgba(141,255,171,.14),rgba(92,226,125,.045));
  color:#caffd5;
  overflow:hidden;
  isolation:isolate;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 6px 18px rgba(50,190,88,.06);
  transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease,color .25s ease;
}
.nav .links a:before{
  content:"";
  position:absolute;
  z-index:1;
  width:48px;height:48px;
  left:-17px;top:50%;
  transform:translateY(-50%);
  border-radius:50%;
  background:rgba(126,255,159,.20);
  filter:blur(11px);
  opacity:.4;
  transition:left .42s ease,opacity .25s ease;
}
.nav .links a:after{
  content:"";
  position:absolute;
  z-index:2;
  top:-80%;left:-55%;
  width:30%;height:260%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(225,255,233,.42),transparent);
  opacity:0;
}
.nav .links a:hover,.nav .links a.active{
  transform:translateY(-2px);
  border-color:rgba(151,255,178,.82);
  background:linear-gradient(180deg,rgba(132,255,165,.24),rgba(77,212,111,.09));
  color:#f0fff4;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 28px rgba(54,218,101,.13);
}
.nav .links a:hover:before,.nav .links a.active:before{left:calc(100% - 31px);opacity:.72}
.nav .links a:hover:after{animation:uiverseHeaderShine .72s ease forwards;opacity:1}
@keyframes uiverseHeaderShine{from{left:-55%;opacity:0}20%{opacity:1}to{left:130%;opacity:0}}
/* FAQ */
.faq-section{padding:100px 0 105px}
.faq-list{max-width:900px;margin:0 auto;display:grid;gap:12px}
.faq-item{
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  overflow:hidden;
  transition:border-color .25s ease,background .25s ease;
}
.faq-item:hover,.faq-item[open]{border-color:rgba(66,217,107,.25);background:linear-gradient(145deg,rgba(66,217,107,.065),rgba(255,255,255,.014))}
.faq-item summary{
  position:relative;
  cursor:pointer;
  list-style:none;
  padding:21px 52px 21px 23px;
  font-size:15px;
  font-weight:650;
  color:#e6eee9;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{
  content:"+";
  position:absolute;
  right:21px;top:50%;
  transform:translateY(-50%);
  color:#75f49a;
  font-size:22px;
  font-weight:300;
  transition:transform .25s ease;
}
.faq-item[open] summary:after{content:"−";transform:translateY(-50%) rotate(180deg)}
.faq-item p{padding:0 23px 22px;margin:0;color:var(--muted);font-size:14px;line-height:1.75}
@media(max-width:900px){.nav .links{gap:7px}.nav .links a{min-height:38px;padding:0 13px;font-size:12px}}
@media(max-width:600px){
  .nav .links a{min-height:34px;padding:0 9px;border-radius:10px;font-size:10px}
  .faq-section{padding:75px 0 85px}
  .faq-item summary{padding:18px 45px 18px 18px;font-size:14px}
  .faq-item p{padding:0 18px 19px;font-size:13px}
}