.site-header{background:#fff;box-shadow:0 2px 8px #00000014,inset 0 -5px 0 var(--kingtech-green);padding:0 24px;position:sticky;top:0;z-index:100}.site-header-inner{max-width:1240px;margin:0 auto;padding:0;height:56px;display:flex;justify-content:space-between;align-items:stretch;gap:24px;position:relative}.site-nav-toggle,.site-nav-button{display:none}.brand{display:inline-flex;align-items:center;gap:0;color:#1a1f2e}.brand-logo{display:block;height:34px;width:auto}.site-nav{display:flex;align-items:stretch;gap:4px;color:#4b5563}.site-nav a{padding:0 12px;font-size:15px;font-weight:500;display:flex;align-items:center;border-bottom:5px solid transparent;transition:color .2s ease,border-bottom-color .2s ease}.site-nav a:hover{color:#1a1f2e;border-bottom-color:var(--kingtech-green)}.site-nav a.active{color:#1a1f2e;border-bottom-color:var(--kingtech-blue)}.nav-contact{color:var(--primary)}.nav-contact:hover{color:#fff;border-bottom-color:var(--primary)}@media(max-width:820px){.site-header{padding:0 18px}.site-header-inner{align-items:center;height:56px}.brand-logo{height:30px}.site-nav-button{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}.site-nav-button span{display:block;width:24px;height:2px;background:#1a1f2e;transition:transform .2s ease,opacity .2s ease}.site-nav-toggle:checked+.site-nav-button span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-nav-toggle:checked+.site-nav-button span:nth-child(2){opacity:0}.site-nav-toggle:checked+.site-nav-button span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-nav{display:none;position:absolute;top:56px;left:0;right:0;flex-direction:column;gap:0;background:#fff;box-shadow:0 8px 22px #0000001f;border-bottom:5px solid var(--kingtech-green)}.site-nav-toggle:checked~.site-nav{display:flex}.site-nav a{height:48px;padding:0 18px;border-bottom:1px solid rgba(0,0,0,.08);margin:0}.site-nav a:hover{border-bottom-color:#00000014;background:#f7f9fc}.site-nav a.active{border-bottom-color:#00000014;box-shadow:inset 4px 0 0 var(--kingtech-blue);background:#f2f8ff}}.site-footer{background:#fff;box-shadow:0 -2px 8px #0000000f,inset 0 5px 0 var(--kingtech-green);padding:15px 34px;display:flex;justify-content:space-between;align-items:center;gap:24px;color:#4b5563}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{display:inline-flex;align-items:center;gap:7px;font-size:15px;font-weight:500;transition:color .2s ease}.footer-links a i{font-size:1.2rem;line-height:1}.footer-links a span{line-height:1;vertical-align:middle}.footer-icon-svg{width:1.2rem;height:1.2rem}.footer-links a:hover{color:#1a1f2e}.site-footer>p{margin:0}@media(max-width:820px){.site-footer{flex-direction:column;align-items:flex-start}}html,body{margin:0;width:100%;height:100%}:root{color-scheme:dark;--bg: #050816;--bg-soft: rgba(16, 23, 46, .92);--panel: rgba(14, 20, 38, .88);--panel-strong: rgba(18, 27, 49, .96);--line: rgba(255, 255, 255, .08);--text: #f4f7fb;--muted: #a6b3ca;--primary: #5f7cff;--secondary: #ff5d73;--bg-veil: rgba(255, 255, 255, .4);--glow: radial-gradient(circle at top, rgba(95, 124, 255, .35), transparent 48%), radial-gradient(circle at bottom right, rgba(255, 93, 115, .22), transparent 30%);--kingtech-blue: #64B1DB;--kingtech-green: #AAD200;--kingtech-orange: #FF8C00}body{font-family:Inter,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(var(--bg-veil),var(--bg-veil)),url(/kt-site-bg.svg) center center / cover no-repeat fixed;color:var(--text)}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.page-shell{max-width:1240px;margin:0 auto;padding:24px}.page-intro-card{padding:32px 48px;margin-bottom:20px}.media-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}.media-card{border:1px solid rgba(0,0,0,.1);background:#fff;color:#1a1f2e;overflow:hidden;display:flex;flex-direction:column}.media-card img{width:100%;height:220px;object-fit:cover;display:block}.media-card-body{padding:28px;flex:1;display:flex;flex-direction:column;align-items:center}.media-card-body p{margin:0 0 20px;color:#4b5563;line-height:1.75;text-align:center;flex:1}.media-card-body .primary-button{border-radius:0;align-self:center;margin-top:auto;background:var(--kingtech-green);border:1px solid var(--kingtech-blue);box-shadow:none;color:#fff}.hero,.intro-block,.feature-section,.showcase-grid,.cta-banner{position:relative;z-index:1}.cta-banner{display:flex;justify-content:space-between;align-items:center;gap:24px}.intro-block{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:1.125rem;font-weight:700;letter-spacing:.02em}.primary-button,.secondary-button,.feature-card a{transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.primary-button,.secondary-button{padding:12px 18px;border-radius:999px;border:1px solid transparent;font-weight:600}.secondary-button{background:#ffffff0a;border-color:var(--line)}.primary-button{background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 16px 36px #4e67f040}.primary-button:hover,.secondary-button:hover,.feature-card a:hover{transform:translateY(-1px)}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;padding:28px 0 42px}.hero-copy,.hero-panel,.intro-block,.page-intro-card,.feature-card,.showcase-card,.cta-banner{border:1px solid rgba(0,0,0,.1);background:#fff;backdrop-filter:blur(14px);border-radius:0;color:#1a1f2e}.hero-copy{padding:48px}.intro-block.intro-accent-card{border-left:5px solid var(--kingtech-blue);padding-left:28px}.eyebrow,.section-label,.panel-kicker{margin:0 0 14px;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;color:#8aa1ff}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.8rem,5vw,5rem);line-height:1.02;max-width:11ch;margin-bottom:20px}h2{font-size:clamp(1.7rem,3vw,2.75rem);line-height:1.1;margin-bottom:16px}.hero-text,.intro-block p,.feature-card p,.showcase-card p,.cta-banner p,.site-footer p,.panel-card p{color:#4b5563;font-size:1.05rem;line-height:1.55}.hero-actions{display:flex;gap:14px;margin:32px 0;flex-wrap:wrap}.stats-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;margin:0;list-style:none}.stats-list li{padding:18px;border-radius:0;background:#fff9;border:1px solid rgba(0,0,0,.08);color:#1a1f2e;font-size:1.05rem;line-height:1.55}.stats-list strong{display:block;font-size:1.6rem;margin-bottom:8px}.stats-list span{color:var(--muted);font-size:.95rem}.hero-panel{padding:26px;overflow:hidden}.panel-glow{position:absolute;inset:-20% auto auto 30%;width:320px;height:320px;background:radial-gradient(circle,rgba(95,124,255,.22),transparent 60%);pointer-events:none}.panel-card{position:relative;border-radius:0;border:1px solid rgba(0,0,0,.1);background:#fff;color:#1a1f2e}.panel-card-large{padding:32px;min-height:260px;margin-bottom:18px;display:flex;flex-direction:column;justify-content:flex-end}.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panel-card.small{padding:22px}.panel-card.small span{display:inline-block;font-weight:700;margin-bottom:8px}.accent-red{box-shadow:inset 0 0 0 1px #ff5d731f}.accent-blue{box-shadow:inset 0 0 0 1px #5f7cff1f}.intro-block,.cta-banner{padding:32px;margin:18px 0 28px}.intro-block>*{flex:1}.feature-section{padding:12px 0 10px}.section-heading{max-width:760px;margin-bottom:24px}.feature-grid,.showcase-grid{display:grid;gap:20px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.showcase-card{padding:28px}.feature-icon{font-size:1.3rem;color:var(--secondary);margin-bottom:14px}.feature-card h3,.showcase-card h3{font-size:1.35rem;margin-bottom:12px}.feature-card a{display:inline-flex;margin-top:20px;color:#b8c7ff;font-weight:600}.showcase-grid{grid-template-columns:1.2fr repeat(3,1fr);margin:26px 0}.showcase-primary{background:#fff}@media(max-width:1080px){.hero,.showcase-grid,.feature-grid,.media-card-grid,.stats-list{grid-template-columns:1fr}}@media(max-width:820px){.page-shell{padding:18px}.intro-block.intro-accent-card{border-left-width:4px;padding-left:24px}.intro-block,.cta-banner{flex-direction:column;align-items:flex-start}.panel-grid{width:100%}.hero-copy,.hero-panel,.intro-block,.page-intro-card,.feature-card,.showcase-card,.cta-banner{padding:24px}h1{max-width:none}}
