/*! KRN Global — website styles (Elementor kit). All rules scoped to .krn so they do not leak into the theme. Font: Arial. Colours per GSM v2. */
/* Elementor/theme resets inside KRN area */
body .krn{font-family:Arial, Helvetica, sans-serif;background:var(--ink);color:var(--pale);font-size:17px;line-height:1.6;overflow-x:hidden}
body .krn a{text-decoration:none}
body .krn .btn,body .krn .btn:hover,body .krn .btn:focus{color:#fff}
body .krn h1,body .krn h2,body .krn h3,body .krn p,body .krn li,body .krn a,body .krn span,body .krn div,body .krn button,body .krn label,body .krn output{font-family:inherit;text-transform:none;font-style:normal}
body .krn h1,body .krn h2,body .krn h3{margin:0}
body .krn p{margin:0}
body .krn ul{margin:0;padding:0}
body .krn{
  --ink:#0B1B38; --ink2:#0F2247; --navy:#17274B; --royal:#0B4E9D; --bright:#0D7DFA; --sky:#8FC7FF; --ice:#EAF2FD;
  --pale:#C9DCF5; --dim:#8DA3C4; --line:rgba(143,199,255,.16); --line2:rgba(143,199,255,.3);
  --max:1240px;
}
body .krn *{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body .krn{font-family:Arial, Helvetica, sans-serif;background:var(--ink);color:var(--pale);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body .krn a{color:inherit}
body .krn img{display:block;max-width:100%}
body .krn .wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
body .krn h1,body .krn h2,body .krn h3{color:#fff;line-height:1.08;font-weight:700}
body .krn h2{font-size:clamp(34px,5.4vw,68px);letter-spacing:-1.5px}
body .krn h3{font-size:21px;letter-spacing:-.2px}
body .krn .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:3.5px;text-transform:uppercase;color:var(--sky);margin-bottom:18px}
body .krn .eyebrow::before{content:"";width:28px;height:1px;background:var(--sky)}
body .krn .lead{font-size:19px;color:var(--dim);max-width:640px;margin-top:20px}
body .krn section{padding:140px 0;position:relative;scroll-margin-top:90px}
body .krn .grad{background:linear-gradient(90deg,#8FC7FF,#0D7DFA 60%,#8FC7FF);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:shine 6s linear infinite}
@keyframes shine{to{background-position:-200% 0}}
body .krn .btn{display:inline-flex;align-items:center;gap:10px;background:var(--bright);color:#fff;text-decoration:none;font-size:16px;font-weight:700;padding:16px 28px;border-radius:4px;border:1px solid var(--bright);transition:background .2s,transform .2s}
body .krn .btn:hover{background:#0A6AD6}
body .krn .btn:hover{transform:translateY(-3px)}
body .krn .btn.ghost{background:transparent;border-color:var(--line2)}
body .krn .btn.ghost:hover{border-color:var(--sky);background:rgba(143,199,255,.06)}
body .krn :focus-visible{outline:3px solid var(--sky);outline-offset:3px}
/* cursor glow */
body .krn .glow{position:fixed;left:0;top:0;width:560px;height:560px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(13,125,250,.16),transparent 65%);transform:translate(-50%,-50%);opacity:0;transition:opacity .4s}
@media (pointer:fine){
body .krn .glow{opacity:1}
}
/* header */
body .krn header{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
body .krn header.scrolled{background:rgba(11,27,56,.82);backdrop-filter:blur(14px);border-bottom-color:var(--line)}
body .krn .nav{display:flex;align-items:center;justify-content:space-between;height:112px}
body .krn .nav img{width:160px}
body .krn .nav ul{display:flex;gap:34px;list-style:none;align-items:center}
body .krn .nav ul a{text-decoration:none;font-size:15px;font-weight:700;color:var(--pale)}
body .krn .nav ul a:not(.btn):hover{color:#fff}
body .krn .nav .btn{padding:11px 20px;font-size:15px}
body .krn .menu-btn{display:none;background:none;border:1px solid var(--line2);color:#fff;border-radius:4px;padding:8px 14px;font:700 15px Arial;cursor:pointer}
/* hero */
body .krn .hero{min-height:100vh;display:flex;align-items:center;padding:150px 0 110px;overflow:hidden;background:radial-gradient(1200px 700px at 85% 30%,rgba(13,125,250,.28),transparent 60%),radial-gradient(900px 600px at 0% 100%,rgba(11,78,157,.35),transparent 60%),var(--ink)}
body .krn #net{position:absolute;inset:0;width:100%;height:100%;z-index:0}
body .krn .hero .wrap{position:relative;z-index:1;width:100%}
body .krn .hero h1{font-size:clamp(46px,8.6vw,124px);letter-spacing:-3px;line-height:.98;max-width:1100px}
body .krn .rot{display:inline-block;position:relative;min-width:2ch}
body .krn .rot span{display:inline-block;animation:wordIn .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes wordIn{from{opacity:0;transform:translateY(.4em) rotateX(-60deg);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
body .krn .hero .sub{font-size:clamp(18px,1.8vw,22px);color:var(--pale);max-width:640px;margin:34px 0 44px}
body .krn .ctas{display:flex;gap:14px;flex-wrap:wrap}
body .krn .hero-meta{display:flex;gap:40px;flex-wrap:wrap;margin-top:80px;padding-top:28px;border-top:1px solid var(--line);max-width:900px}
body .krn .hero-meta div{font-size:14px;color:var(--dim)}
body .krn .hero-meta b{display:block;color:#fff;font-size:22px;margin-bottom:2px}
body .krn .scroll-cue{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);z-index:1;width:26px;height:42px;border:2px solid var(--line2);border-radius:14px}
body .krn .scroll-cue::after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--sky);animation:cue 1.8s infinite}
@keyframes cue{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(14px)}}
/* marquee */
body .krn .marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:26px 0;background:var(--ink2)}
body .krn .track{display:flex;gap:56px;width:max-content;animation:mq 38s linear infinite}
body .krn .track span{font-size:22px;font-weight:700;color:var(--dim);white-space:nowrap;display:flex;align-items:center;gap:56px}
body .krn .track span::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--bright)}
@keyframes mq{to{transform:translateX(-50%)}}
/* console */
body .krn .split{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:center}
body .krn .term{background:#07142B;border:1px solid var(--line2);border-radius:12px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.45),0 0 0 1px rgba(13,125,250,.15)}
body .krn .term-top{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line);background:#0A1A36}
body .krn .term-top i{width:11px;height:11px;border-radius:50%;background:#2A3B5E}
body .krn .term-top span{margin-left:10px;font:13px/1 "Courier New",monospace;color:var(--dim)}
body .krn .term-body{padding:22px 22px 26px;font:14.5px/1.75 "Courier New",monospace;color:#CFE2FF;min-height:380px}
body .krn .term-body .l{white-space:pre-wrap;opacity:0;animation:pop .25s ease forwards}
body .krn .ok{color:#6FE3A5}
body .krn .warn{color:#FFC46B}
body .krn .arr{color:var(--sky)}
body .krn .cmd{color:#fff}
body .krn .muted{color:#6B7FA3}
body .krn .caret{display:inline-block;width:9px;height:17px;background:var(--sky);vertical-align:-3px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
@keyframes pop{to{opacity:1}}
body .krn .term-tabs{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}
body .krn .term-tabs button{background:transparent;border:1px solid var(--line2);color:var(--pale);border-radius:999px;padding:8px 16px;font:700 13.5px Arial;cursor:pointer}
body .krn .term-tabs button[aria-pressed="true"]{background:var(--bright);border-color:var(--bright);color:#fff}
body .krn .note{font-size:13px;color:var(--dim);margin-top:14px}
/* solutions */
body .krn .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:64px}
body .krn .sc{--mx:50%;--my:50%;position:relative;border-radius:14px;padding:1px;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(143,199,255,.7),rgba(143,199,255,.08) 45%);transition:transform .25s ease;transform-style:preserve-3d}
body .krn .sc-in{position:relative;height:100%;border-radius:13px;background:linear-gradient(180deg,#0F2247,#0B1B38);padding:34px 30px 30px;overflow:hidden}
body .krn .sc-in::before{content:"";position:absolute;inset:0;background:radial-gradient(360px circle at var(--mx) var(--my),rgba(13,125,250,.18),transparent 60%);opacity:0;transition:opacity .3s}
body .krn .sc:hover .sc-in::before{opacity:1}
body .krn .sc .num{position:absolute;right:24px;top:18px;font-size:64px;font-weight:700;color:rgba(143,199,255,.08);line-height:1}
body .krn .sc .ic{width:52px;height:52px;border-radius:10px;display:grid;place-items:center;background:rgba(13,125,250,.14);color:var(--sky);margin-bottom:24px;position:relative}
body .krn .sc h3{margin-bottom:10px;position:relative}
body .krn .sc p{font-size:15.5px;color:var(--dim);position:relative}
body .krn .mini{display:flex;flex-direction:column;gap:0;margin-top:22px;position:relative}
body .krn .mini div{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--pale);padding:7px 0;border-top:1px dashed var(--line)}
body .krn .mini b{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;background:rgba(143,199,255,.12);color:var(--sky);transition:all .3s}
body .krn .sc:hover .mini b{background:var(--bright);color:#fff}
body .krn .sc:hover .mini div:nth-child(2) b{transition-delay:.08s}
body .krn .sc:hover .mini div:nth-child(3) b{transition-delay:.16s}
body .krn .sc:hover .mini div:nth-child(4) b{transition-delay:.24s}
/* stat rings */
body .krn .stat{background:linear-gradient(180deg,var(--ink),#0A1834)}
body .krn .rings{display:grid;grid-template-columns:auto auto 1fr;gap:56px;align-items:center;margin-top:56px}
body .krn .ring{position:relative;width:280px;height:280px}
body .krn .ring.sm{width:180px;height:180px}
body .krn .ring svg{width:100%;height:100%;transform:rotate(-90deg)}
body .krn .ring .bgc{fill:none;stroke:rgba(143,199,255,.1)}
body .krn .ring .fg{fill:none;stroke-linecap:round;transition:stroke-dashoffset 2s cubic-bezier(.2,.8,.2,1)}
body .krn .ring .lbl{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
body .krn .ring .lbl b{font-size:72px;color:#fff;line-height:1}
body .krn .ring.sm .lbl b{font-size:40px;color:var(--pale)}
body .krn .ring .lbl small{font-size:14px;color:var(--dim);margin-top:6px}
body .krn .stat-copy p{font-size:22px;color:var(--pale);line-height:1.5}
body .krn .stat-copy p.src{font-size:13px;color:var(--dim)}
body .krn .src{font-size:13px;color:var(--dim);margin-top:18px}
/* roi */
body .krn .roi{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:64px}
body .krn .panel{border:1px solid var(--line2);border-radius:14px;padding:36px;background:rgba(15,34,71,.55)}
body .krn .field{margin-bottom:26px}
body .krn .field label{display:flex;justify-content:space-between;font-weight:700;color:#fff;font-size:15.5px;margin-bottom:10px}
body .krn .field label output{color:var(--sky)}
body .krn input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--bright) var(--p,50%),rgba(143,199,255,.15) var(--p,50%));outline:none}
body .krn input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:4px solid var(--bright);cursor:pointer;box-shadow:0 0 0 6px rgba(13,125,250,.2)}
body .krn input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--bright);cursor:pointer}
body .krn .big{font-size:clamp(46px,6vw,76px);font-weight:700;color:#fff;line-height:1;letter-spacing:-2px}
body .krn .big-l{color:var(--dim);font-size:15px;margin-top:8px}
body .krn .kpis{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}
body .krn .kpi{border:1px solid var(--line);border-radius:10px;padding:18px}
body .krn .kpi b{display:block;color:#fff;font-size:28px}
body .krn .kpi small{color:var(--dim);font-size:13.5px}
body .krn .hbar{margin-top:10px}
body .krn .hbar .row{display:grid;grid-template-columns:130px 1fr 70px;gap:12px;align-items:center;margin:10px 0;font-size:14px}
body .krn .hbar .t{height:14px;border-radius:7px;background:rgba(143,199,255,.1);overflow:hidden}
body .krn .hbar .f{height:100%;border-radius:7px;transition:width .6s cubic-bezier(.2,.8,.2,1)}
body .krn .hbar .r1 .f{background:#5B6F94}
body .krn .hbar .r2 .f{background:linear-gradient(90deg,#0B4E9D,#0D7DFA)}
body .krn .hbar .r3 .f{background:#8FC7FF}
body .krn .hbar .v{text-align:right;color:#fff;font-weight:700;font-variant-numeric:tabular-nums}
/* map */
body .krn .map-wrap{margin-top:56px;border:1px solid var(--line2);border-radius:14px;overflow:hidden;background:radial-gradient(700px 400px at 35% 35%,rgba(13,125,250,.14),transparent 70%),#081631;position:relative}
body .krn #map{display:block;width:100%;height:auto}
body .krn .legend{position:absolute;left:24px;bottom:20px;display:flex;gap:20px;font-size:13px;color:var(--dim);flex-wrap:wrap}
body .krn .legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}
/* sectors */
body .krn .gov{margin-top:56px;border-radius:14px;padding:44px;background:linear-gradient(105deg,#17274B 0%,#0B4E9D 75%,#0D7DFA 100%);display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;position:relative;overflow:hidden}
body .krn .gov::after{content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 60px rgba(255,255,255,.03),0 0 0 120px rgba(255,255,255,.02)}
body .krn .gov h3{font-size:clamp(26px,3vw,36px);margin:8px 0 12px}
body .krn .gov p{color:var(--pale)}
body .krn .gov-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;z-index:1}
body .krn .gov-list div{background:rgba(11,27,56,.45);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:16px;font-weight:700;color:#fff;font-size:15px;display:flex;gap:10px;align-items:center}
body .krn .gov-list svg{color:var(--sky);flex:none}
body .krn .sectors{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:18px;border-top:1px solid var(--line)}
body .krn .sectors div{padding:28px 26px 28px 0;border-bottom:1px solid var(--line);transition:background .25s}
body .krn .sectors div:not(:nth-child(3n+1)){padding-left:26px;border-left:1px solid var(--line)}
body .krn .sectors div:hover{background:rgba(13,125,250,.06)}
body .krn .sectors h3{font-size:19px;margin-bottom:6px}
body .krn .sectors p{font-size:15px;color:var(--dim)}
/* process */
body .krn .steps{position:relative;margin-top:72px;padding-left:80px}
body .krn .steps .rail{position:absolute;left:27px;top:8px;bottom:8px;width:2px;background:var(--line)}
body .krn .steps .rail i{position:absolute;left:0;top:0;width:100%;height:0;background:linear-gradient(180deg,var(--sky),var(--bright))}
body .krn .step{position:relative;padding:0 0 64px}
body .krn .step:last-child{padding-bottom:0}
body .krn .step .dot{position:absolute;left:-80px;top:0;width:56px;height:56px;border-radius:50%;background:var(--ink);border:2px solid var(--line2);display:grid;place-items:center;font-weight:700;color:var(--dim);transition:all .4s}
body .krn .step.on .dot{border-color:var(--bright);background:var(--bright);color:#fff;box-shadow:0 0 0 8px rgba(13,125,250,.15)}
body .krn .step h3{font-size:clamp(24px,3vw,34px);padding-top:8px;color:var(--dim);transition:color .4s}
body .krn .step.on h3{color:#fff}
body .krn .step p{font-size:17px;color:var(--dim);max-width:560px;margin-top:8px}
/* why */
body .krn .why{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:56px}
body .krn .why div{border-top:2px solid var(--bright);padding-top:22px}
body .krn .why svg{color:var(--sky);margin-bottom:14px}
body .krn .why p{font-size:15.5px;color:var(--dim);margin-top:8px}
/* cta */
body .krn .cta{text-align:center;padding:160px 0;background:radial-gradient(800px 500px at 50% 50%,rgba(13,125,250,.25),transparent 70%),var(--ink)}
body .krn .cta h2{font-size:clamp(44px,8vw,110px);letter-spacing:-3px;line-height:1}
body .krn .cta .lead{margin:24px auto 44px}
body .krn .addr{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:88px;text-align:left;border-top:1px solid var(--line);padding-top:36px}
body .krn .addr .k{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--sky);font-weight:700;margin-bottom:8px}
body .krn .addr p{font-size:15.5px}
body .krn footer{border-top:1px solid var(--line);padding:36px 0;font-size:14px;color:var(--dim)}
body .krn .f-row{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
body .krn footer img{width:140px}
/* reveal */
body .krn .rv{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
body .krn .rv.in{opacity:1;transform:none}
body .krn .d1{transition-delay:.08s}
body .krn .d2{transition-delay:.16s}
body .krn .d3{transition-delay:.24s}
@media (max-width:1000px){
body .krn .split,body .krn .roi,body .krn .gov{grid-template-columns:1fr}
body .krn .cards{grid-template-columns:1fr 1fr}
body .krn .rings{grid-template-columns:auto auto;justify-content:start}
body .krn .stat-copy{grid-column:1/-1}
body .krn .why{grid-template-columns:1fr 1fr}

}
@media (max-width:720px){
body .krn section{padding:96px 0}
body .krn .nav{height:96px}
body .krn .nav img{width:140px}
body .krn .menu-btn{display:block}
body .krn .nav ul{display:none;position:absolute;top:96px;left:0;right:0;background:var(--ink);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}
body .krn .nav ul.open{display:flex}
body .krn .nav ul li a{display:block;padding:15px 24px}
body .krn .nav ul li .btn{margin:8px 24px 18px;justify-content:center}
body .krn .hero h1{letter-spacing:-1.5px}
body .krn .hero-meta{gap:24px}
body .krn .cards,body .krn .sectors,body .krn .why,body .krn .addr,body .krn .gov-list{grid-template-columns:1fr}
body .krn .sectors div,body .krn .sectors div:not(:nth-child(3n+1)){padding:22px 0;border-left:none}
body .krn .ring{width:200px;height:200px}
body .krn .ring .lbl b{font-size:52px}
body .krn .ring.sm{width:130px;height:130px}
body .krn .ring.sm .lbl b{font-size:30px}
body .krn .rings{gap:24px}
body .krn .gov{padding:28px}
body .krn .panel{padding:24px}
body .krn .hbar .row{grid-template-columns:96px 1fr 60px}
body .krn .steps{padding-left:68px}
body .krn .step .dot{left:-68px;width:48px;height:48px}
body .krn .steps .rail{left:23px}
body .krn .term-body{font-size:12.5px;min-height:340px;padding:16px}
body .krn .legend{position:static;padding:14px 18px}

}
@media (prefers-reduced-motion:reduce){
body .krn *,body .krn *::before,body .krn *::after{animation:none !important;transition:none !important}
body .krn .rv{opacity:1;transform:none}

}