:root {
    --kc-bg: #080d18;
    --kc-bg-soft: #0d1423;
    --kc-surface: #111a2b;
    --kc-surface-2: #162239;
    --kc-text: #f4f7ff;
    --kc-muted: #a7b3c9;
    --kc-primary: #7c9cff;
    --kc-accent: #58e6c2;
    --kc-accent-2: #b7ff5c;
    --kc-border: rgba(255, 255, 255, .105);
    --kc-border-strong: rgba(255, 255, 255, .18);
    --kc-radius-sm: .8rem;
    --kc-radius: 1.25rem;
    --kc-radius-lg: 2rem;
    --kc-shadow: 0 28px 80px rgba(0, 0, 0, .32);
    --kc-max: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { min-height: 100vh; display: flex; flex-direction: column; background: var(--kc-bg); color: var(--kc-text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; overflow-x: hidden; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.018) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom, rgba(0,0,0,.85), transparent 78%); z-index:-3; }
a { color: var(--kc-primary); text-underline-offset: .2em; }
a:hover { color: var(--kc-accent); }
.container { max-width: var(--kc-max); }
.kc-muted { color: var(--kc-muted) !important; }
.skip-link { position:absolute; left:-9999px; top:0; z-index:9999; background:#fff; color:#000; padding:.75rem 1rem; }
.skip-link:focus { left:1rem; top:1rem; }
:focus-visible { outline:3px solid var(--kc-accent); outline-offset:3px; }
.kc-navbar { background: rgba(8,13,24,.84); border-bottom:1px solid var(--kc-border); backdrop-filter: blur(18px); }
.kc-brand { color:#fff; display:inline-flex; align-items:center; gap:.65rem; font-weight:850; letter-spacing:-.03em; }
.kc-brand:hover { color:#fff; }
.kc-brand-img { border-radius:.8rem; box-shadow: 0 10px 30px rgba(88,230,194,.12); }
.kc-dot { color:var(--kc-accent); }
.kc-navbar .nav-link { color:var(--kc-muted); border-radius:.65rem; padding:.55rem .75rem !important; font-weight:600; font-size:.94rem; }
.kc-navbar .nav-link:hover, .kc-navbar .nav-link.active { color:#fff; background:rgba(255,255,255,.055); }
.kc-dropdown { background:#0f1828; border:1px solid var(--kc-border); box-shadow:var(--kc-shadow); }
.kc-dropdown .dropdown-item { color:var(--kc-muted); padding:.65rem 1rem; }
.kc-dropdown .dropdown-item:hover { color:#fff; background:rgba(255,255,255,.06); }
.navbar-toggler { border-color:var(--kc-border-strong); }
.navbar-toggler-icon { filter:invert(1); }
.btn { border-radius:.8rem; font-weight:750; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.btn-kc { background:linear-gradient(135deg,var(--kc-primary),var(--kc-accent)); color:#07101c; border:0; box-shadow:0 14px 38px rgba(124,156,255,.16); }
.btn-kc:hover { color:#07101c; transform:translateY(-2px); box-shadow:0 18px 45px rgba(88,230,194,.18); }
.btn-ghost { color:#fff; border:1px solid var(--kc-border-strong); background:rgba(255,255,255,.025); }
.btn-ghost:hover,.btn-outline-kc:hover { color:#fff; border-color:rgba(88,230,194,.55); background:rgba(88,230,194,.08); transform:translateY(-1px); }
.btn-outline-kc { color:#fff; border:1px solid var(--kc-border-strong); background:transparent; }
.kc-hero { padding:clamp(5rem,10vw,9rem) 0 clamp(5rem,8vw,7rem); position:relative; overflow:hidden; }
.kc-home-hero { min-height:730px; display:flex; align-items:center; }
.kc-home-hero::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 75% 25%, rgba(124,156,255,.15), transparent 26rem), radial-gradient(circle at 20% 75%, rgba(88,230,194,.08), transparent 28rem); z-index:-2; }
.kc-orb { position:absolute; border-radius:50%; filter:blur(4px); opacity:.28; pointer-events:none; }
.kc-orb-one { width:240px; height:240px; right:3%; top:5%; background:radial-gradient(circle,rgba(124,156,255,.55),transparent 68%); }
.kc-orb-two { width:180px; height:180px; left:-4%; bottom:-10%; background:radial-gradient(circle,rgba(88,230,194,.45),transparent 68%); }
.kc-eyebrow { color:var(--kc-accent); text-transform:uppercase; letter-spacing:.13em; font-weight:850; font-size:.76rem; }
.kc-pulse { width:.48rem; height:.48rem; display:inline-block; border-radius:99px; background:currentColor; margin-right:.5rem; box-shadow:0 0 0 .28rem rgba(88,230,194,.09); }
.kc-title { max-width:900px; font-size:clamp(3rem,7.5vw,6.5rem); line-height:.93; font-weight:900; letter-spacing:-.06em; }
.kc-title span { background:linear-gradient(120deg,var(--kc-primary),var(--kc-accent)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.kc-page-title { font-size:clamp(2.8rem,6vw,5.3rem); max-width:1020px; }
.kc-lead { max-width:780px; color:var(--kc-muted); font-size:clamp(1.04rem,2vw,1.28rem); line-height:1.75; }
.hero-trust { color:#c3ccdc; font-size:.88rem; }
.hero-trust span::before { content:"✓"; color:var(--kc-accent); margin-right:.45rem; font-weight:900; }
.kc-code-card { background:linear-gradient(180deg,rgba(20,30,49,.94),rgba(10,16,28,.96)); border:1px solid var(--kc-border-strong); border-radius:1.5rem; box-shadow:var(--kc-shadow); overflow:hidden; transform:rotate(1deg); }
.kc-window-bar { display:flex; gap:.4rem; align-items:center; border-bottom:1px solid var(--kc-border); padding:.85rem 1rem; }
.kc-window-bar span { width:.66rem; height:.66rem; border-radius:50%; background:#ff6b6b; }.kc-window-bar span:nth-child(2){background:#ffd166}.kc-window-bar span:nth-child(3){background:#55d187}.kc-window-bar small{color:var(--kc-muted);margin-left:auto;font-size:.7rem}
.kc-code-body { padding:2rem 1.3rem; font: .95rem/1.8 ui-monospace,SFMono-Regular,Menlo,monospace; min-height:290px; }.kc-code-body p{margin:0}.code-muted{color:#5d6c85}.code-blue{color:#9fb2ff}.code-green{color:#66e6bf}
.kc-metric-row { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--kc-border); }.kc-metric-row div{padding:1rem;border-right:1px solid var(--kc-border)}.kc-metric-row div:last-child{border-right:0}.kc-metric-row strong{display:block;font-size:1.35rem}.kc-metric-row span{font-size:.72rem;color:var(--kc-muted)}
.kc-section { padding:clamp(4.5rem,8vw,7rem) 0; }
.kc-section-alt { background:linear-gradient(180deg,rgba(17,26,43,.6),rgba(10,16,28,.5)); border-block:1px solid rgba(255,255,255,.035); }
.kc-heading { font-size:clamp(2rem,4vw,3.6rem); line-height:1.05; font-weight:860; letter-spacing:-.045em; max-width:780px; }
.kc-section-heading .kc-heading { max-width:760px; }
.kc-text-link { color:#dbe4f4; text-decoration:none; font-weight:750; }.kc-text-link:hover{color:var(--kc-accent)}
.kc-service-card,.kc-service-large,.kc-feature-box,.kc-value-card,.kc-feature-tile,.kc-project-placeholder,.kc-coming-panel,.kc-form-card { border:1px solid var(--kc-border); background:linear-gradient(180deg,rgba(20,30,49,.88),rgba(12,19,32,.9)); border-radius:var(--kc-radius); }
.kc-service-card { position:relative; padding:1.6rem; min-height:290px; display:flex; flex-direction:column; transition:transform .22s ease,border-color .22s ease; }.kc-service-card:hover{transform:translateY(-5px);border-color:rgba(88,230,194,.33)}.kc-service-card .kc-text-link{margin-top:auto}
.kc-service-icon { width:3.1rem;height:3.1rem;display:grid;place-items:center;border-radius:.85rem;background:linear-gradient(135deg,rgba(124,156,255,.16),rgba(88,230,194,.12));border:1px solid var(--kc-border);color:var(--kc-accent);font:800 1.1rem ui-monospace,SFMono-Regular,monospace;margin-bottom:1.4rem}
.kc-feature-box { padding:1.35rem; display:flex; gap:1rem; }.kc-check{width:1.75rem;height:1.75rem;border-radius:99px;display:grid;place-items:center;flex:0 0 auto;background:rgba(88,230,194,.09);color:var(--kc-accent);font-weight:900}
.kc-preview-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem }.kc-project-placeholder{overflow:hidden}.kc-project-art{height:220px;display:grid;place-items:center;background:radial-gradient(circle at 60% 30%,rgba(124,156,255,.35),transparent 35%),linear-gradient(145deg,#111c31,#0a111f)}.kc-project-art span{font-size:5rem;font-weight:900;color:rgba(255,255,255,.08)}.kc-project-placeholder small{color:var(--kc-accent);text-transform:uppercase;letter-spacing:.08em}
.kc-process-list { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--kc-border); border:1px solid var(--kc-border); border-radius:var(--kc-radius); overflow:hidden; padding:0; }.kc-process-list li{background:#0d1525;padding:1.5rem;min-height:125px;display:flex;flex-direction:column;justify-content:space-between}.kc-process-list span{color:var(--kc-accent);font:700 .78rem ui-monospace,monospace}.kc-process-list strong{font-size:1rem}
.kc-narrow { max-width:720px; }
.kc-cta-card { padding:clamp(2rem,5vw,4.5rem); border-radius:var(--kc-radius-lg); border:1px solid rgba(124,156,255,.22); background:radial-gradient(circle at 85% 20%,rgba(88,230,194,.13),transparent 25rem),radial-gradient(circle at 15% 80%,rgba(124,156,255,.15),transparent 28rem),#0f192a; box-shadow:var(--kc-shadow); }.kc-cta-card p.mx-auto{max-width:700px}
.kc-page-hero { padding:clamp(4.5rem,8vw,7.5rem) 0 clamp(3.8rem,6vw,6rem); background:radial-gradient(circle at 78% 30%,rgba(124,156,255,.12),transparent 28rem); border-bottom:1px solid rgba(255,255,255,.04); }
.kc-breadcrumb { display:flex;flex-wrap:wrap;gap:.55rem;color:#718098;font-size:.86rem;margin-bottom:2.2rem}.kc-breadcrumb a{color:#aab5c8;text-decoration:none}.kc-breadcrumb a:hover{color:var(--kc-accent)}
.kc-values-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:1rem }.kc-value-card{padding:1.4rem}.kc-value-card>span{display:block;color:var(--kc-accent);font:700 .75rem ui-monospace,monospace;margin-bottom:1rem}
.kc-service-large { padding:2rem; display:flex;gap:1.5rem; }.kc-service-large .kc-service-icon{flex:0 0 auto}.kc-mini-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1rem;padding:0;list-style:none;color:#c4ccda}.kc-mini-list li::before{content:"•";color:var(--kc-accent);margin-right:.5rem}
.kc-stack-flow { display:flex;align-items:stretch;gap:.8rem }.kc-stack-flow div{flex:1;padding:1.2rem;border:1px solid var(--kc-border);border-radius:1rem;background:#101a2b}.kc-stack-flow span{display:block;color:var(--kc-accent);font:700 .75rem ui-monospace,monospace}.kc-stack-flow strong{display:block;font-size:1.35rem;margin:.4rem 0}.kc-stack-flow small{color:var(--kc-muted)}.kc-stack-flow i{align-self:center;color:#56647a;font-style:normal}
.service-symbol { width:180px;height:180px;margin-left:auto;display:grid;place-items:center;border-radius:2rem;background:linear-gradient(145deg,rgba(124,156,255,.15),rgba(88,230,194,.1));border:1px solid var(--kc-border-strong);font:900 4rem ui-monospace,monospace;color:var(--kc-accent);transform:rotate(3deg) }
.kc-problem-list{display:grid;gap:.75rem}.kc-problem-list>div{display:flex;gap:1rem;align-items:flex-start;padding:1.2rem;border-bottom:1px solid var(--kc-border)}.kc-problem-list span{color:var(--kc-accent);font:700 .75rem ui-monospace,monospace;padding-top:.25rem}.kc-problem-list p{margin:0;font-size:1.03rem;color:#d9e0ec}
.kc-feature-tile { padding:1.4rem;display:flex;gap:.9rem;align-items:center }
.kc-coming-panel { padding:clamp(2rem,5vw,3.5rem); }.kc-coming-panel>span{display:inline-block;color:var(--kc-accent);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem}.kc-coming-panel h3{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:800;letter-spacing:-.035em}
.kc-accordion .accordion-item{background:#0f1828;border:1px solid var(--kc-border);color:#fff;margin-bottom:.75rem;border-radius:.9rem!important;overflow:hidden}.kc-accordion .accordion-button{background:#0f1828;color:#fff;font-weight:700;box-shadow:none}.kc-accordion .accordion-button:not(.collapsed){background:#142039;color:var(--kc-accent)}.kc-accordion .accordion-button::after{filter:invert(1)}.kc-accordion .accordion-body{color:var(--kc-muted)}
.kc-contact-point { display:flex;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--kc-border) }.kc-contact-point>span{color:var(--kc-accent);font:700 .75rem ui-monospace,monospace}.kc-contact-point p{margin:0}.kc-form-card{padding:clamp(1.5rem,4vw,2.6rem)}
.form-label{font-weight:700;color:#dce3ef}.form-control,.form-select{background:#0b1322;border:1px solid var(--kc-border-strong);color:#fff;border-radius:.8rem;padding:.85rem 1rem}.form-control:focus,.form-select:focus{background:#0b1322;color:#fff;border-color:var(--kc-primary);box-shadow:0 0 0 .2rem rgba(124,156,255,.12)}.form-control::placeholder{color:#6f7d92}.form-select option{background:#0d1626;color:#fff}.form-check-input{background-color:#0b1322;border-color:var(--kc-border-strong)}.form-check-input:checked{background-color:var(--kc-accent);border-color:var(--kc-accent)}.form-text,.form-check-label{color:var(--kc-muted)}
.kc-footer { border-top:1px solid var(--kc-border); background:#060b14; color:var(--kc-muted); }.footer-intro{max-width:460px}.footer-links{display:grid;gap:.65rem;margin-top:1rem}.footer-links a{color:var(--kc-muted);text-decoration:none}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--kc-border);font-size:.85rem}
.alert-success{background:rgba(88,230,194,.1);border-color:rgba(88,230,194,.25);color:#c8fff0}.alert-danger{background:rgba(255,100,100,.1);border-color:rgba(255,100,100,.25);color:#ffd0d0}
@media (max-width: 991.98px) { .kc-home-hero{min-height:auto}.kc-code-card{transform:none}.kc-preview-grid{grid-template-columns:1fr}.kc-process-list{grid-template-columns:repeat(2,1fr)}.kc-stack-flow{flex-direction:column}.kc-stack-flow i{transform:rotate(90deg)}.service-symbol{margin:0;width:130px;height:130px}.navbar-collapse{padding:1rem 0 1.2rem}.kc-navbar .dropdown-menu{margin-top:.35rem} }
@media (max-width: 767.98px) { .kc-values-grid{grid-template-columns:1fr}.kc-service-large{flex-direction:column}.kc-mini-list{grid-template-columns:1fr}.kc-process-list{grid-template-columns:1fr}.kc-metric-row{grid-template-columns:1fr}.kc-metric-row div{border-right:0;border-bottom:1px solid var(--kc-border)}.kc-metric-row div:last-child{border-bottom:0}.kc-title{letter-spacing:-.045em}.kc-section{padding:4rem 0}.kc-page-hero{padding-top:4rem}.btn-lg{font-size:1rem;padding:.75rem 1rem} }
@media (max-width: 360px) { .kc-brand span{font-size:.95rem}.kc-brand-img{width:34px;height:34px}.kc-title{font-size:2.55rem}.kc-service-card,.kc-form-card{padding:1.2rem} }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important} }


/* Phase 3: portfolio and case studies */
.kc-filter-bar{display:flex;flex-wrap:wrap;gap:.6rem}.kc-filter-btn{border:1px solid var(--kc-border-strong);background:#0d1626;color:var(--kc-muted);border-radius:99px;padding:.58rem .95rem;font-weight:700}.kc-filter-btn:hover,.kc-filter-btn.active{color:#07101c;background:linear-gradient(135deg,var(--kc-primary),var(--kc-accent));border-color:transparent}.kc-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;transition:opacity .15s ease}.kc-project-grid.is-loading{opacity:.5}.kc-project-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--kc-border);border-radius:1.2rem;background:linear-gradient(180deg,rgba(20,30,49,.92),rgba(11,18,31,.94));min-width:0}.kc-project-media{display:block;position:relative;overflow:hidden;background:#0d1626;aspect-ratio:16/10}.kc-project-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.kc-project-card:hover .kc-project-media img{transform:scale(1.025)}.kc-featured-badge{position:absolute;left:1rem;top:1rem;background:#08121d;color:var(--kc-accent);border:1px solid rgba(88,230,194,.35);padding:.35rem .55rem;border-radius:99px;font-size:.72rem;font-weight:800}.kc-project-card-body{padding:1.35rem;display:flex;flex-direction:column;flex:1}.kc-project-card h2 a{color:#fff;text-decoration:none}.kc-project-card h2 a:hover{color:var(--kc-accent)}.kc-project-meta{display:flex;justify-content:space-between;gap:.5rem;color:#7d8ba1;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.8rem}.kc-tech-list{display:flex;flex-wrap:wrap;gap:.4rem}.kc-tech-list span{display:inline-flex;padding:.34rem .56rem;border-radius:.55rem;border:1px solid var(--kc-border);background:rgba(255,255,255,.025);color:#bcc7d8;font-size:.75rem}.kc-empty-state{grid-column:1/-1;border:1px dashed var(--kc-border-strong);border-radius:1rem;padding:3rem;text-align:center}.kc-case-hero{padding:clamp(4rem,8vw,7rem) 0;background:radial-gradient(circle at 85% 15%,rgba(88,230,194,.08),transparent 28rem)}.kc-case-title{font-size:clamp(3rem,6vw,5.8rem);line-height:.95;letter-spacing:-.055em;font-weight:900}.kc-case-image{border:1px solid var(--kc-border);border-radius:1.4rem;overflow:hidden;box-shadow:var(--kc-shadow);background:#0d1626}.kc-case-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.kc-case-facts{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem}.kc-case-facts span{display:block;color:var(--kc-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.kc-case-facts strong{display:block;margin-top:.25rem}.kc-content-copy{font-size:1.12rem;line-height:1.9;color:#c7d0df}.kc-stack-card{position:sticky;top:7rem;border:1px solid var(--kc-border);border-radius:1rem;background:#101a2b;padding:1.4rem}.kc-case-grid,.kc-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.kc-case-grid article,.kc-work-grid article,.kc-results-panel{border:1px solid var(--kc-border);border-radius:1rem;background:#101a2b;padding:1.5rem}.kc-case-grid article>span,.kc-work-grid article>span{color:var(--kc-accent);font:800 .75rem ui-monospace,monospace}.kc-case-grid h2,.kc-work-grid h2{font-size:1.35rem;margin:.7rem 0}.kc-case-grid p,.kc-work-grid p{color:var(--kc-muted);margin:0;line-height:1.75}.kc-feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.kc-feature-list>div{display:flex;gap:1rem;align-items:center;border-bottom:1px solid var(--kc-border);padding:1rem 0}.kc-feature-list span{color:var(--kc-accent);font:800 .72rem ui-monospace,monospace}.kc-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.kc-gallery figure{margin:0}.kc-gallery-button{border:0;padding:0;width:100%;background:transparent;border-radius:1rem;overflow:hidden}.kc-gallery-button img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.kc-gallery figcaption{color:var(--kc-muted);font-size:.85rem;padding:.5rem .2rem}.kc-lightbox[hidden]{display:none}.kc-lightbox{position:fixed;inset:0;z-index:10000;background:rgba(2,6,12,.94);display:grid;place-items:center;padding:4rem 1rem 1rem}.kc-lightbox img{max-width:min(1200px,94vw);max-height:84vh;border-radius:1rem}.kc-lightbox-close{position:absolute;right:1.2rem;top:1rem;width:3rem;height:3rem;border-radius:50%;border:1px solid var(--kc-border-strong);background:#101a2b;color:#fff;font-size:1.6rem}.kc-modal-open{overflow:hidden}
@media(max-width:991px){.kc-project-grid{grid-template-columns:repeat(2,1fr)}.kc-stack-card{position:static}.kc-case-grid,.kc-work-grid{grid-template-columns:1fr}}
@media(max-width:650px){.kc-project-grid,.kc-gallery,.kc-feature-list{grid-template-columns:1fr}.kc-case-title{font-size:2.8rem}.kc-project-meta{flex-direction:column}.kc-filter-btn{flex:1 1 auto}}
/* Phase 4: Offers & enquiry CRM public components */
.kc-offer-card{border:1px solid var(--kc-border);background:linear-gradient(180deg,rgba(20,31,52,.96),rgba(11,18,32,.96));border-radius:1.25rem;overflow:hidden}.kc-offer-image{display:block;width:100%;aspect-ratio:12/7;object-fit:cover;background:#0b1220}.kc-offer-body{padding:clamp(1.25rem,3vw,2rem)}.kc-offer-price{display:flex;align-items:baseline;gap:.8rem;margin:1rem 0}.kc-offer-price del{color:var(--kc-muted)}.kc-offer-price strong{font-size:1.7rem}.kc-offer-terms{border-top:1px solid var(--kc-border);padding-top:1rem;margin-top:1rem}.kc-offer-terms summary{cursor:pointer;font-weight:700}.kc-offer-terms p{color:var(--kc-muted);margin:.8rem 0 0}.kc-selected-offer{display:grid;gap:.2rem;padding:1rem;border:1px solid rgba(88,230,194,.22);background:rgba(88,230,194,.06);border-radius:.9rem}.kc-selected-offer small{color:var(--kc-muted)}

/* Phase 5: customer chatbot */
.kc-chatbot{position:fixed;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);z-index:9990}.kc-chat-toggle{display:flex;align-items:center;gap:.55rem;border:1px solid rgba(88,230,194,.35);background:linear-gradient(135deg,#111c30,#14273a);color:#fff;border-radius:999px;padding:.75rem 1rem;font-weight:800;box-shadow:0 20px 55px rgba(0,0,0,.4)}.kc-chat-toggle span:first-child{color:var(--kc-accent);font-size:1.15rem}.kc-chat-panel{position:absolute;right:0;bottom:4rem;width:min(390px,calc(100vw - 2rem));height:min(650px,calc(100vh - 7rem));display:grid;grid-template-rows:auto 1fr auto auto auto;background:#0b1322;border:1px solid var(--kc-border-strong);border-radius:1.25rem;box-shadow:0 30px 90px rgba(0,0,0,.52);overflow:hidden}.kc-chat-panel[hidden]{display:none}.kc-chat-head{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.1rem;border-bottom:1px solid var(--kc-border);background:#101b2d}.kc-chat-head strong,.kc-chat-head small{display:block}.kc-chat-head small{color:var(--kc-muted);font-size:.75rem;margin-top:.15rem}.kc-chat-close,.kc-chat-lead-head button{border:0;background:transparent;color:#d9e2ef;font-size:1.5rem;line-height:1}.kc-chat-messages{padding:1rem;overflow:auto;display:flex;flex-direction:column;gap:.7rem}.kc-chat-msg{display:flex}.kc-chat-msg>div{max-width:86%;white-space:pre-wrap;overflow-wrap:anywhere;padding:.72rem .85rem;border-radius:.95rem;line-height:1.45;font-size:.9rem}.kc-chat-bot{justify-content:flex-start}.kc-chat-bot>div{background:#142039;border:1px solid var(--kc-border);color:#e7edf7;border-bottom-left-radius:.3rem}.kc-chat-visitor{justify-content:flex-end}.kc-chat-visitor>div{background:linear-gradient(135deg,var(--kc-primary),var(--kc-accent));color:#06101c;border-bottom-right-radius:.3rem}.kc-chat-quick{display:flex;gap:.45rem;overflow-x:auto;padding:.65rem 1rem;border-top:1px solid var(--kc-border);scrollbar-width:thin}.kc-chat-chip{flex:0 0 auto;border:1px solid var(--kc-border-strong);background:#0f192b;color:#dce5f1;border-radius:999px;padding:.42rem .7rem;font-size:.75rem;font-weight:700}.kc-chat-chip:hover{border-color:var(--kc-accent);color:#fff}.kc-chat-compose{display:grid;grid-template-columns:1fr auto;gap:.5rem;padding:.75rem;border-top:1px solid var(--kc-border);background:#0d1727}.kc-chat-compose input{min-width:0;border:1px solid var(--kc-border-strong);background:#08111f;color:#fff;border-radius:.75rem;padding:.72rem .8rem;outline:0}.kc-chat-compose input:focus{border-color:var(--kc-primary)}.kc-chat-compose button{border:0;border-radius:.75rem;background:var(--kc-accent);color:#06101c;font-weight:850;padding:.6rem .8rem}.kc-chat-note{padding:.45rem .8rem .6rem;color:#74849a;font-size:.66rem;text-align:center;background:#0d1727}.kc-chat-lead{position:absolute;inset:0;background:#0b1322;z-index:4;overflow:auto;padding:1rem}.kc-chat-lead[hidden]{display:none}.kc-chat-lead-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.kc-chat-lead .form-control,.kc-chat-lead .form-select{padding:.55rem .65rem;font-size:.82rem}.kc-chat-lead .form-label{margin-bottom:.25rem}.kc-chat-lead textarea{resize:vertical}@media(max-width:480px){.kc-chatbot{right:.6rem;bottom:.6rem}.kc-chat-panel{position:fixed;left:.5rem;right:.5rem;bottom:.5rem;width:auto;height:min(700px,calc(100vh - 1rem));border-radius:1rem}.kc-chat-toggle{padding:.7rem .9rem}.kc-chat-panel:not([hidden])+.kc-chat-toggle{display:none}}

/* Phase 6 publishing */
.kc-article-content{font-size:1.08rem;line-height:1.85;max-width:78ch}.kc-article-content p{margin-bottom:1.5rem}

/* Phase 7 hardening/performance */
.kc-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.kc-section{content-visibility:auto;contain-intrinsic-size:1px 700px}.kc-hero,.kc-page-hero,.kc-case-hero{content-visibility:visible}.kc-chat-messages:focus{outline:0}


/* ============================================================
   Modern UI Refresh — animated studio interface
   Keeps accessibility/performance safeguards from the core build.
   ============================================================ */
:root{
    --kc-bg:#050812;
    --kc-bg-soft:#090f1e;
    --kc-surface:#0d1628;
    --kc-surface-2:#131f35;
    --kc-primary:#8b8cff;
    --kc-primary-2:#6b7cff;
    --kc-accent:#55f0c5;
    --kc-accent-2:#c6ff69;
    --kc-pink:#e879f9;
    --kc-cyan:#63d8ff;
    --kc-border:rgba(255,255,255,.09);
    --kc-border-strong:rgba(255,255,255,.16);
    --kc-shadow:0 28px 90px rgba(0,0,0,.42);
    --kc-shadow-soft:0 18px 55px rgba(0,0,0,.24);
    --mouse-x:50vw;
    --mouse-y:18vh;
}
html{scroll-padding-top:90px}
body{
    background:
      radial-gradient(circle at 12% -8%,rgba(139,140,255,.12),transparent 30rem),
      radial-gradient(circle at 92% 10%,rgba(85,240,197,.075),transparent 34rem),
      linear-gradient(180deg,#050812 0%,#070c18 42%,#050812 100%);
    background-attachment:fixed;
}
body::before{
    background-image:
      linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
    background-size:56px 56px;
    opacity:.78;
    animation:kc-grid-drift 24s linear infinite;
}
body::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:-2;
    pointer-events:none;
    background:radial-gradient(520px circle at var(--mouse-x) var(--mouse-y),rgba(99,216,255,.07),transparent 46%);
    transition:background .12s linear;
}
::selection{background:rgba(85,240,197,.24);color:#fff}
@keyframes kc-grid-drift{to{background-position:56px 56px,56px 56px}}
@keyframes kc-float{0%,100%{transform:translate3d(0,0,0) rotate(1deg)}50%{transform:translate3d(0,-10px,0) rotate(.25deg)}}
@keyframes kc-orbit{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(12px,-14px,0) scale(1.08)}}
@keyframes kc-pulse-ring{0%{box-shadow:0 0 0 0 rgba(85,240,197,.24)}70%{box-shadow:0 0 0 12px rgba(85,240,197,0)}100%{box-shadow:0 0 0 0 rgba(85,240,197,0)}}
@keyframes kc-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes kc-scan{0%{transform:translateY(-100%)}100%{transform:translateY(420%)}}
@keyframes kc-chat-breathe{0%,100%{transform:translateY(0);box-shadow:0 20px 55px rgba(0,0,0,.42),0 0 0 0 rgba(85,240,197,.14)}50%{transform:translateY(-4px);box-shadow:0 24px 65px rgba(0,0,0,.48),0 0 0 9px rgba(85,240,197,0)}}

/* Scroll entrance system. Class is added by JS, so content remains visible without JS. */
.kc-reveal{opacity:0;transform:translate3d(0,24px,0) scale(.985);filter:blur(5px);transition:opacity .72s cubic-bezier(.2,.75,.25,1),transform .72s cubic-bezier(.2,.75,.25,1),filter .72s ease;transition-delay:var(--kc-delay,0ms)}
.kc-reveal.is-visible{opacity:1;transform:none;filter:none}
.kc-reveal-left{transform:translate3d(-26px,0,0)}
.kc-reveal-right{transform:translate3d(26px,0,0)}
.kc-reveal-left.is-visible,.kc-reveal-right.is-visible{transform:none}

/* Premium navigation */
.kc-navbar{background:rgba(5,8,18,.58);border-color:rgba(255,255,255,.06);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.kc-navbar-scrolled{background:rgba(5,8,18,.86);border-color:rgba(139,140,255,.16);box-shadow:0 14px 50px rgba(0,0,0,.28)}
.kc-brand-img{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 12px 35px rgba(85,240,197,.13);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}
.kc-brand:hover .kc-brand-img{transform:rotate(-7deg) scale(1.08);box-shadow:0 0 0 1px rgba(85,240,197,.25),0 16px 42px rgba(85,240,197,.19)}
.kc-navbar .nav-link{position:relative;transition:color .22s ease,background .22s ease,transform .22s ease}
.kc-navbar .nav-link::after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:.22rem;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--kc-primary),var(--kc-accent));transform:scaleX(0);transform-origin:center;transition:transform .26s ease}
.kc-navbar .nav-link:hover{transform:translateY(-1px)}
.kc-navbar .nav-link:hover::after,.kc-navbar .nav-link.active::after{transform:scaleX(1)}
.kc-dropdown{background:rgba(10,17,31,.94);backdrop-filter:blur(20px);border-color:rgba(139,140,255,.18);box-shadow:0 26px 70px rgba(0,0,0,.5);padding:.55rem}
.kc-dropdown .dropdown-item{border-radius:.55rem;transition:background .2s ease,color .2s ease,transform .2s ease}
.kc-dropdown .dropdown-item:hover{transform:translateX(4px)}

/* Buttons with restrained shine */
.btn{position:relative;isolation:isolate;overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,border-color .25s ease,background .25s ease}
.btn::before{content:"";position:absolute;inset:-2px auto -2px -70%;width:42%;z-index:-1;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);transition:left .55s ease}
.btn:hover::before{left:125%}
.btn-kc{background:linear-gradient(120deg,var(--kc-primary-2),var(--kc-primary),var(--kc-accent));background-size:180% 180%;animation:kc-shimmer 8s ease infinite;box-shadow:0 14px 42px rgba(107,124,255,.2),inset 0 1px 0 rgba(255,255,255,.28)}
.btn-kc:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 22px 60px rgba(85,240,197,.2),0 10px 30px rgba(107,124,255,.18)}
.btn-ghost,.btn-outline-kc{backdrop-filter:blur(12px)}
.btn-ghost:hover,.btn-outline-kc:hover{transform:translateY(-3px);box-shadow:0 15px 36px rgba(0,0,0,.2),inset 0 0 0 1px rgba(85,240,197,.08)}
.kc-ripple{position:absolute;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.28);transform:scale(0);animation:kc-ripple .55s ease-out forwards;z-index:2}
@keyframes kc-ripple{to{transform:scale(3.8);opacity:0}}

/* Hero */
.kc-home-hero{min-height:min(880px,92vh);isolation:isolate}
.kc-home-hero::before{background:radial-gradient(circle at 78% 18%,rgba(139,140,255,.22),transparent 27rem),radial-gradient(circle at 12% 72%,rgba(85,240,197,.12),transparent 30rem),radial-gradient(circle at 62% 105%,rgba(232,121,249,.08),transparent 25rem)}
.kc-home-hero::after{content:"";position:absolute;inset:10% 4% auto auto;width:42vw;max-width:620px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(139,140,255,.08);box-shadow:inset 0 0 100px rgba(139,140,255,.035);z-index:-1;animation:kc-orbit 10s ease-in-out infinite}
.kc-orb{filter:blur(2px);mix-blend-mode:screen}
.kc-orb-one{animation:kc-orbit 7s ease-in-out infinite;background:radial-gradient(circle,rgba(139,140,255,.65),transparent 66%)}
.kc-orb-two{animation:kc-orbit 9s ease-in-out infinite reverse;background:radial-gradient(circle,rgba(85,240,197,.52),transparent 66%)}
.kc-pulse{animation:kc-pulse-ring 2.4s ease-out infinite}
.kc-title{text-shadow:0 12px 50px rgba(0,0,0,.35)}
.kc-title span{background:linear-gradient(100deg,#a5a6ff,#70ddff,#55f0c5,#c6ff69,#a5a6ff);background-size:250% 250%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:kc-shimmer 7s ease infinite}
.kc-eyebrow{display:inline-flex;align-items:center;gap:.25rem;padding:.42rem .7rem;border:1px solid rgba(85,240,197,.14);border-radius:999px;background:rgba(85,240,197,.045);backdrop-filter:blur(10px)}
.kc-lead{color:#b7c2d8}
.hero-trust span{display:inline-flex;align-items:center;padding:.45rem .65rem;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.055)}
.kc-code-card{position:relative;background:linear-gradient(155deg,rgba(20,31,55,.94),rgba(7,12,24,.96));border-color:rgba(139,140,255,.24);box-shadow:0 40px 110px rgba(0,0,0,.48),0 0 80px rgba(107,124,255,.09);animation:kc-float 6s ease-in-out infinite;will-change:transform}
.kc-code-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.035) 36%,transparent 56%);transform:translateX(-100%);animation:kc-card-shine 7s ease-in-out infinite}
.kc-code-card::after{content:"";position:absolute;left:0;right:0;top:0;height:34%;pointer-events:none;background:linear-gradient(180deg,rgba(99,216,255,.055),transparent);animation:kc-scan 5s linear infinite}
@keyframes kc-card-shine{0%,55%{transform:translateX(-100%)}80%,100%{transform:translateX(150%)}}
.kc-code-body p{opacity:.7;transform:translateX(-4px);animation:kc-code-line .5s ease forwards}
.kc-code-body p:nth-child(1){animation-delay:.15s}.kc-code-body p:nth-child(2){animation-delay:.3s}.kc-code-body p:nth-child(3){animation-delay:.45s}.kc-code-body p:nth-child(4){animation-delay:.6s}.kc-code-body p:nth-child(5){animation-delay:.75s}.kc-code-body p:nth-child(6){animation-delay:.9s}
@keyframes kc-code-line{to{opacity:1;transform:none}}
.kc-metric-row strong{background:linear-gradient(90deg,#fff,var(--kc-accent));-webkit-background-clip:text;background-clip:text;color:transparent}

/* Sections and glass cards */
.kc-section{position:relative}
.kc-section-alt{background:linear-gradient(180deg,rgba(13,22,40,.66),rgba(7,12,24,.52));border-color:rgba(255,255,255,.045)}
.kc-heading{background:linear-gradient(180deg,#fff 10%,#d5deef 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.kc-service-card,.kc-service-large,.kc-feature-box,.kc-value-card,.kc-feature-tile,.kc-project-placeholder,.kc-coming-panel,.kc-form-card,.kc-project-card,.kc-offer-card,.kc-case-grid article,.kc-work-grid article,.kc-results-panel,.kc-stack-card{
    position:relative;
    background:linear-gradient(145deg,rgba(19,31,53,.78),rgba(8,14,27,.82));
    border-color:rgba(255,255,255,.09);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 45px rgba(0,0,0,.16);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    transition:transform .34s cubic-bezier(.2,.8,.2,1),border-color .34s ease,box-shadow .34s ease,background .34s ease;
}
.kc-service-card::before,.kc-service-large::before,.kc-feature-box::before,.kc-value-card::before,.kc-project-card::before,.kc-offer-card::before,.kc-form-card::before{
    content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
    background:linear-gradient(135deg,rgba(139,140,255,.36),transparent 34%,transparent 70%,rgba(85,240,197,.24));
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.25;transition:opacity .35s ease;
}
.kc-service-card:hover,.kc-service-large:hover,.kc-feature-box:hover,.kc-value-card:hover,.kc-project-card:hover,.kc-offer-card:hover{
    transform:translateY(-8px);border-color:rgba(139,140,255,.26);box-shadow:0 26px 70px rgba(0,0,0,.3),0 0 45px rgba(107,124,255,.07);background:linear-gradient(145deg,rgba(22,36,61,.9),rgba(8,14,27,.88));
}
.kc-service-card:hover::before,.kc-service-large:hover::before,.kc-feature-box:hover::before,.kc-value-card:hover::before,.kc-project-card:hover::before,.kc-offer-card:hover::before{opacity:.88}
.kc-service-icon{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(139,140,255,.18),rgba(85,240,197,.1));border-color:rgba(139,140,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 34px rgba(0,0,0,.2);transition:transform .35s ease,box-shadow .35s ease}
.kc-service-card:hover .kc-service-icon,.kc-service-large:hover .kc-service-icon{transform:translateY(-3px) rotate(-3deg) scale(1.05);box-shadow:0 16px 35px rgba(85,240,197,.09)}
.kc-check{box-shadow:0 0 0 1px rgba(85,240,197,.14),0 8px 26px rgba(85,240,197,.06)}
.kc-text-link{position:relative;display:inline-flex;align-items:center;gap:.25rem;transition:gap .22s ease,color .22s ease}.kc-text-link:hover{gap:.55rem}
.kc-project-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,8,18,.52));pointer-events:none}
.kc-project-media img{transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .45s ease}.kc-project-card:hover .kc-project-media img{transform:scale(1.075);filter:saturate(1.08) contrast(1.02)}
.kc-tech-list span{transition:transform .2s ease,border-color .2s ease,color .2s ease}.kc-tech-list span:hover{transform:translateY(-2px);border-color:rgba(85,240,197,.28);color:#fff}
.kc-process-list{background:rgba(255,255,255,.055);box-shadow:var(--kc-shadow-soft)}
.kc-process-list li{position:relative;overflow:hidden;background:linear-gradient(155deg,rgba(14,24,43,.94),rgba(7,13,25,.95));transition:background .25s ease,transform .25s ease}.kc-process-list li::after{content:"";position:absolute;inset:auto 0 0 0;height:2px;background:linear-gradient(90deg,var(--kc-primary),var(--kc-accent));transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.kc-process-list li:hover{background:#121e35}.kc-process-list li:hover::after{transform:scaleX(1)}
.kc-cta-card{position:relative;overflow:hidden;background:radial-gradient(circle at 84% 18%,rgba(85,240,197,.14),transparent 22rem),radial-gradient(circle at 12% 92%,rgba(139,140,255,.22),transparent 28rem),linear-gradient(145deg,#101b31,#09101f);border-color:rgba(139,140,255,.26);box-shadow:0 35px 100px rgba(0,0,0,.36)}
.kc-cta-card::after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-80px;top:-110px;box-shadow:0 0 0 35px rgba(255,255,255,.012),0 0 0 70px rgba(255,255,255,.008);animation:kc-orbit 8s ease-in-out infinite;pointer-events:none}
.kc-page-hero,.kc-case-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 15%,rgba(139,140,255,.16),transparent 28rem),radial-gradient(circle at 12% 95%,rgba(85,240,197,.08),transparent 24rem);isolation:isolate}
.kc-page-hero::after,.kc-case-hero::after{content:"";position:absolute;right:-12%;top:-65%;width:42vw;min-width:420px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(139,140,255,.08);box-shadow:0 0 0 60px rgba(139,140,255,.018),0 0 0 120px rgba(85,240,197,.01);z-index:-1;animation:kc-orbit 11s ease-in-out infinite}
.kc-breadcrumb{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055);padding:.45rem .7rem;border-radius:999px;width:max-content;max-width:100%}

/* Forms */
.form-control,.form-select,.form-check-input{background-color:rgba(6,12,24,.72);border-color:rgba(255,255,255,.12);color:#f6f8ff;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease,transform .22s ease}
.form-control:focus,.form-select:focus{background-color:rgba(8,16,30,.94);border-color:rgba(85,240,197,.55);color:#fff;box-shadow:0 0 0 .22rem rgba(85,240,197,.09),0 12px 34px rgba(0,0,0,.15);transform:translateY(-1px)}
.form-control::placeholder{color:#66758d}.form-select option{background:#0b1424;color:#fff}.form-label{color:#d8e0ee;font-weight:650}.form-check-input:checked{background-color:var(--kc-accent);border-color:var(--kc-accent)}
.kc-form-card{box-shadow:0 28px 80px rgba(0,0,0,.27)}
.alert{border-radius:.85rem;border-width:1px}

/* Footer */
.kc-footer{position:relative;overflow:hidden;background:linear-gradient(180deg,#060b14,#04070d);border-color:rgba(255,255,255,.065)}
.kc-footer::before{content:"";position:absolute;left:50%;top:0;width:min(900px,90vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--kc-primary),var(--kc-accent),transparent);opacity:.7}
.footer-links a{position:relative;display:inline-block;transition:color .2s ease,transform .2s ease}.footer-links a:hover{transform:translateX(4px)}

/* Chatbot */
.kc-chat-toggle{position:relative;overflow:hidden;border-color:rgba(85,240,197,.36);background:linear-gradient(135deg,rgba(19,31,54,.96),rgba(14,38,48,.96));backdrop-filter:blur(16px);animation:kc-chat-breathe 3.8s ease-in-out infinite;transition:transform .24s ease,border-color .24s ease}.kc-chat-toggle:hover{transform:translateY(-4px) scale(1.025);border-color:rgba(85,240,197,.62)}
.kc-chat-toggle::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.09),transparent);transform:translateX(-120%);animation:kc-card-shine 5s ease infinite}
.kc-chat-panel{background:linear-gradient(160deg,rgba(13,23,42,.98),rgba(6,12,24,.99));border-color:rgba(139,140,255,.25);box-shadow:0 38px 110px rgba(0,0,0,.58),0 0 70px rgba(107,124,255,.08);backdrop-filter:blur(24px)}
.kc-chat-head{background:linear-gradient(135deg,rgba(23,36,61,.96),rgba(12,27,39,.96));border-color:rgba(255,255,255,.08)}
.kc-chat-bot>div{background:linear-gradient(145deg,#14213b,#111c31);border-color:rgba(139,140,255,.14);box-shadow:0 8px 25px rgba(0,0,0,.12)}
.kc-chat-visitor>div{background:linear-gradient(135deg,var(--kc-primary),var(--kc-accent));box-shadow:0 10px 26px rgba(85,240,197,.09)}
.kc-chat-chip{transition:transform .2s ease,border-color .2s ease,background .2s ease}.kc-chat-chip:hover{transform:translateY(-2px);background:rgba(85,240,197,.06)}
.kc-chat-compose input{transition:border-color .22s ease,box-shadow .22s ease}.kc-chat-compose input:focus{border-color:rgba(85,240,197,.55);box-shadow:0 0 0 .18rem rgba(85,240,197,.07)}

/* Cursor/card light driven by JS */
.kc-interactive-light{--spot-x:50%;--spot-y:50%}
.kc-interactive-light::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(300px circle at var(--spot-x) var(--spot-y),rgba(139,140,255,.105),transparent 48%);opacity:0;transition:opacity .25s ease}
.kc-interactive-light:hover::after{opacity:1}

/* Responsive refinements */
@media(max-width:991px){
  .kc-navbar .navbar-collapse{margin-top:.75rem;padding:1rem;border:1px solid var(--kc-border);border-radius:1rem;background:rgba(8,14,27,.96);box-shadow:0 25px 65px rgba(0,0,0,.36)}
  .kc-home-hero{min-height:auto;padding-top:5.5rem}.kc-code-card{animation-duration:8s}.kc-home-hero::after{opacity:.5}
}
@media(max-width:767px){
  body{background-attachment:scroll}.kc-eyebrow{font-size:.68rem}.kc-title{letter-spacing:-.05em}.hero-trust{gap:.55rem!important}.hero-trust span{font-size:.76rem}.kc-process-list li{min-height:105px}.kc-cta-card::after{opacity:.45}
}
@media(max-width:480px){
  .kc-page-hero::after,.kc-case-hero::after{min-width:310px;opacity:.45}.btn-lg{font-size:1rem;padding:.72rem 1rem}.kc-breadcrumb{font-size:.76rem}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.kc-reveal{opacity:1!important;transform:none!important;filter:none!important}.kc-code-card{transform:none!important}
}


/* Animated capability marquee + scroll progress */
.kc-scroll-progress{position:fixed;left:0;top:0;height:2px;width:100%;z-index:10050;pointer-events:none;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--kc-primary),var(--kc-cyan),var(--kc-accent));box-shadow:0 0 18px rgba(85,240,197,.35)}
.kc-marquee-shell{position:relative;z-index:2;border-block:1px solid rgba(255,255,255,.055);background:rgba(8,14,26,.68);backdrop-filter:blur(18px);overflow:hidden}
.kc-marquee-shell::before,.kc-marquee-shell::after{content:"";position:absolute;top:0;bottom:0;width:12vw;z-index:2;pointer-events:none}.kc-marquee-shell::before{left:0;background:linear-gradient(90deg,#060b15,transparent)}.kc-marquee-shell::after{right:0;background:linear-gradient(-90deg,#060b15,transparent)}
.kc-marquee{overflow:hidden;padding:.9rem 0}.kc-marquee-track{display:flex;width:max-content;gap:2.1rem;animation:kc-marquee 28s linear infinite;will-change:transform}.kc-marquee-track span{display:inline-flex;align-items:center;gap:.65rem;color:#aebbd0;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800;white-space:nowrap}.kc-marquee-track i{font-style:normal;color:var(--kc-accent);filter:drop-shadow(0 0 10px rgba(85,240,197,.24))}@keyframes kc-marquee{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.kc-marquee-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}.kc-marquee-track [aria-hidden="true"]{display:none}}

/* CSP-safe layout/media utilities */
.kc-max-360{max-width:360px}.kc-max-680{max-width:680px}.kc-max-720{max-width:720px}.kc-max-900{max-width:900px}.kc-max-920{max-width:920px}.kc-max-940{max-width:940px}.kc-max-960{max-width:960px}
.kc-blog-thumb{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:.8rem;margin-bottom:1rem}
.kc-testimonial-avatar{width:56px;height:56px;object-fit:cover;border-radius:50%;margin-bottom:1rem}
.kc-prewrap{white-space:pre-wrap}

/* Privacy/analytics consent: visible, keyboard accessible, and non-blocking. */
.kc-consent{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:1080;max-width:1100px;margin:auto;background:rgba(8,12,24,.98);border:1px solid rgba(255,255,255,.16);border-radius:1rem;box-shadow:0 18px 60px rgba(0,0,0,.38);color:#fff}
.kc-consent-inner{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1rem 1.1rem}.kc-consent p{color:rgba(255,255,255,.75);font-size:.92rem;max-width:760px}.kc-consent-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.kc-privacy-settings{position:fixed;left:.75rem;bottom:.5rem;z-index:1040;border:0;background:transparent;color:var(--kc-muted);font-size:.78rem;text-decoration:underline;text-underline-offset:2px}.kc-privacy-settings:focus-visible{background:#fff;color:#000;border-radius:.25rem}
@media(max-width:767.98px){.kc-consent-inner{align-items:flex-start;flex-direction:column}.kc-consent-actions{justify-content:flex-start}.kc-privacy-settings{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.kc-consent,.kc-privacy-settings{scroll-behavior:auto}}

/* Portfolio portrait – scoped to the home hero; original design retained. */
.kc-portrait-card{position:relative;width:100%;max-width:530px;margin-inline:auto;aspect-ratio:4/4.7;border:1px solid rgba(139,140,255,.3);border-radius:30px;overflow:hidden;background:linear-gradient(145deg,#182643,#101727 60%,#112a2c);box-shadow:0 35px 100px rgba(0,0,0,.42),0 0 75px rgba(108,130,255,.13);isolation:isolate}
.kc-portrait-glow{position:absolute;inset:12% 7%;border-radius:50%;background:radial-gradient(circle,rgba(103,222,201,.28),rgba(132,137,255,.16) 45%,transparent 72%);filter:blur(13px);z-index:-1}
.kc-portrait-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 22%}
.kc-portrait-label{position:absolute;left:18px;right:18px;bottom:18px;display:flex;align-items:center;gap:12px;padding:14px 17px;border:1px solid rgba(255,255,255,.17);border-radius:17px;background:rgba(9,16,29,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#f7f9ff}
.kc-portrait-label strong,.kc-portrait-label small{display:block}.kc-portrait-label small{color:#b8c4d8;font-size:.78rem}.kc-portrait-indicator{width:11px;height:11px;flex:0 0 11px;background:#50e0b5;border-radius:50%;box-shadow:0 0 0 5px rgba(80,224,181,.11)}
@media(max-width:991.98px){.kc-portrait-card{max-width:430px}}

/* KcodeCraft business-focused home showcase (existing site visual language retained). */
.kc-business-showcase{display:flex;align-items:center;justify-content:center;padding:clamp(20px,4vw,40px)}
.kc-showcase-inner{position:relative;z-index:2;width:100%;color:#f3f7ff}
.kc-showcase-brand{font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-1px;margin-bottom:26px}
.kc-showcase-brand>span:first-child{color:#92e8d2}
.kc-showcase-live{display:block;font-size:10px;font-weight:700;letter-spacing:2px;margin-top:8px;color:#9bb1cd}
.kc-showcase-window{overflow:hidden;border:1px solid #405475;border-radius:16px;background:#17243a;box-shadow:0 20px 44px rgba(0,0,0,.34);padding:15px}
.kc-showcase-dots{display:flex;gap:5px;margin-bottom:17px}.kc-showcase-dots i{width:7px;height:7px;border-radius:50%;background:#8798b4}.kc-showcase-dots i:first-child{background:#8c82e7}
.kc-showcase-lines{display:flex;gap:9px;margin-bottom:18px}.kc-showcase-lines span{height:6px;width:30%;background:#31435f;border-radius:3px}.kc-showcase-lines span:first-child{width:45%;background:#618aab}
.kc-showcase-display{display:grid;grid-template-columns:45% 55%;align-items:center;min-height:174px;gap:12px}
.kc-showcase-chart{height:135px;border-radius:12px;background:linear-gradient(140deg,rgba(111,117,235,.6),rgba(63,201,177,.55)),repeating-linear-gradient(90deg,#213b5d 0,#213b5d 12px,#264468 12px,#264468 24px);clip-path:polygon(0 45%,25% 55%,45% 38%,65% 48%,85% 19%,100% 8%,100% 100%,0 100%)}
.kc-showcase-content b{display:block;font-size:clamp(16px,2vw,23px)}.kc-showcase-content small{display:block;color:#b6c5d8;margin:9px 0;font-size:12px}.kc-showcase-pill{display:inline-block;padding:8px 10px;border-radius:30px;background:#72e1bf;color:#12253c;font-weight:700;font-size:11px}
.kc-showcase-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.kc-showcase-tags span{border:1px solid #46617a;background:rgba(74,99,129,.3);border-radius:30px;font-size:11px;padding:7px 11px}
.kc-showcase-inner>p{color:#b8c9dc;font-size:13px;margin-top:22px;margin-bottom:0}
@media(max-width:575px){.kc-showcase-display{min-height:120px}.kc-showcase-chart{height:100px}}

/* Homepage headline: keep the longer, customer-friendly message readable. */
.kc-home-hero .kc-title { font-size:clamp(2.75rem,5.1vw,5.1rem); line-height:1.07; letter-spacing:-.05em; text-wrap:balance; }
@media(max-width:575.98px) {
  .kc-home-hero .kc-title { font-size:clamp(2.35rem,10vw,3.35rem); line-height:1.1; }
}

/* Homepage About Me: directly beneath the hero and ahead of featured projects. */
.kc-home-about { padding-block:clamp(3.5rem,6vw,5.5rem); }
.kc-home-about-portrait { max-width:410px; aspect-ratio:4/4.45; }
.kc-home-about .kc-about-name { color:var(--kc-accent); }
@media (max-width:991.98px) {
  .kc-home-about-portrait { max-width:350px; }
}

/* Speed update: the cards already have opaque gradients; large backdrop blurs
   provide little visual benefit and create expensive repaint layers. */
.kc-service-card,.kc-service-large,.kc-feature-box,.kc-value-card,.kc-project-placeholder,
.kc-coming-panel,.kc-form-card,.kc-project-card,.kc-offer-card,.kc-case-grid article,
.kc-work-grid article,.kc-results-panel,.kc-stack-card { backdrop-filter:none; -webkit-backdrop-filter:none; }
.kc-direct-contact { background:linear-gradient(140deg,rgba(19,31,53,.9),rgba(8,14,27,.92)); border:1px solid var(--kc-border); padding:1.4rem; border-radius:1.2rem; }
.kc-direct-contact-item { display:flex; align-items:center; gap:1rem; padding:.75rem 0; min-width:0; }
.kc-direct-contact-item + .kc-direct-contact-item { border-top:1px solid var(--kc-border); }
.kc-direct-contact-item>div { min-width:0; display:flex; flex-direction:column; gap:.2rem; }
.kc-direct-contact-item strong { font-size:.9rem; color:var(--kc-muted); }
.kc-direct-contact-item a { color:#f4f7ff; text-decoration:none; font-size:1.08rem; overflow-wrap:anywhere; }
.kc-direct-contact-item a:hover,.kc-direct-contact-item a:focus-visible { color:var(--kc-accent); text-decoration:underline; }
.kc-direct-contact-icon { flex:0 0 2.4rem; display:grid; place-items:center; height:2.4rem; border-radius:.7rem; color:var(--kc-accent); background:rgba(85,240,197,.1); font-size:1.25rem; }
@media (max-width: 767.98px) {
  .kc-orb, .kc-home-hero::after, .kc-page-hero::after, .kc-case-hero::after, .kc-cta-card::after,
  .kc-chat-toggle, .kc-chat-toggle::after { animation:none!important; }
  .kc-marquee-track { animation:none; width:auto; flex-wrap:wrap; justify-content:center; }
  .kc-marquee-track [aria-hidden="true"] { display:none; }
  .kc-marquee-shell { backdrop-filter:none; -webkit-backdrop-filter:none; }
  .kc-reveal { filter:none; transition-duration:.3s; }
}


/* Homepage service showcase: colorful accents scoped to this section only.
   No external images, scripts or large blur layers are needed. */
.kc-home-services {
    overflow:hidden;
    isolation:isolate;
    content-visibility:visible; /* The first section is visible on initial load. */
    background:
        radial-gradient(ellipse 520px 360px at 0% 20%,rgba(41,157,232,.105),transparent 78%),
        radial-gradient(ellipse 540px 400px at 97% 8%,rgba(167,100,255,.10),transparent 78%),
        radial-gradient(ellipse 470px 320px at 49% 100%,rgba(64,214,177,.055),transparent 80%);
    border-bottom:1px solid rgba(140,172,235,.07);
}
.kc-home-services .container { position:relative;z-index:1; }
.kc-home-services .kc-eyebrow {
    color:#a5e9ff;
    background:linear-gradient(110deg,rgba(61,210,250,.12),rgba(168,117,255,.10));
    border-color:rgba(117,199,255,.25);
    box-shadow:0 0 28px rgba(106,161,255,.065);
}
.kc-home-services .kc-eyebrow::before {
    content:"";width:.45rem;height:.45rem;border-radius:50%;display:inline-block;
    margin-right:.35rem;flex:0 0 auto;
    background:#6ff1d5;box-shadow:0 0 14px rgba(111,241,213,.65);
}
.kc-home-services .kc-heading {
    background:linear-gradient(105deg,#ffffff 6%,#b9ddff 39%,#d7b9ff 69%,#78efdc 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
}
.kc-home-services .kc-section-heading > .kc-text-link {
    color:#b5e6ff;
    border:1px solid rgba(112,198,245,.25);
    background:linear-gradient(110deg,rgba(38,126,203,.10),rgba(153,112,246,.08));
    padding:.75rem 1rem;border-radius:999px;
}
.kc-home-services .kc-section-heading > .kc-text-link:hover,
.kc-home-services .kc-section-heading > .kc-text-link:focus-visible {
    color:#ffffff;background:rgba(77,160,230,.17);
    border-color:rgba(142,215,255,.5);
}
.kc-home-services .row > div:nth-child(1) { --svc-color:#57d9ff; --svc-light:#b8eeff; --svc-rgb:87,217,255; --svc-color-end:#548cff; }
.kc-home-services .row > div:nth-child(2) { --svc-color:#b68bff; --svc-light:#e0caff; --svc-rgb:182,139,255; --svc-color-end:#ed89df; }
.kc-home-services .row > div:nth-child(3) { --svc-color:#ffac78; --svc-light:#ffd3b0; --svc-rgb:255,172,120; --svc-color-end:#ff6ea6; }
.kc-home-services .row > div:nth-child(4) { --svc-color:#65e6b9; --svc-light:#b6ffdc; --svc-rgb:101,230,185; --svc-color-end:#65bfff; }
.kc-home-services .kc-service-card {
    overflow:hidden;
    border:1px solid rgba(var(--svc-rgb),.26);
    background:
        radial-gradient(ellipse at 90% 5%,rgba(var(--svc-rgb),.145),transparent 66%),
        linear-gradient(155deg,#141e34 0%,#0b1324 100%);
    box-shadow:0 18px 44px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.045);
    transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease,background .3s ease;
}
.kc-home-services .kc-service-card::before {
    background:linear-gradient(132deg,rgba(var(--svc-rgb),.65),transparent 40%,transparent 66%,rgba(var(--svc-rgb),.25));
    opacity:.65;
}
.kc-home-services .kc-service-topline {
    position:absolute;top:0;left:1.45rem;width:43%;height:3px;border-radius:0 0 99px 99px;
    background:linear-gradient(90deg,var(--svc-color),var(--svc-color-end),transparent);
    box-shadow:0 0 20px rgba(var(--svc-rgb),.42);
    pointer-events:none;transition:width .35s ease;
}
.kc-home-services .kc-service-icon {
    color:var(--svc-color);
    border-color:rgba(var(--svc-rgb),.32);
    background:linear-gradient(140deg,rgba(var(--svc-rgb),.25),rgba(var(--svc-rgb),.075));
    box-shadow:0 9px 28px rgba(var(--svc-rgb),.13),inset 0 1px 0 rgba(255,255,255,.09);
}
.kc-home-services .kc-service-card h3 { color:#f8faff; }
.kc-home-services .kc-service-card .kc-text-link { color:var(--svc-light); }
.kc-home-services .kc-service-card .kc-text-link:hover { color:#ffffff; }
@media (hover:hover) and (pointer:fine) {
    .kc-home-services .kc-service-card:hover {
        border-color:rgba(var(--svc-rgb),.58);
        background:
            radial-gradient(ellipse at 85% 4%,rgba(var(--svc-rgb),.21),transparent 69%),
            linear-gradient(155deg,#17233b,#0b1426);
        box-shadow:0 25px 60px rgba(0,0,0,.32),0 6px 38px rgba(var(--svc-rgb),.12);
        transform:translateY(-7px);
    }
    .kc-home-services .kc-service-card:hover .kc-service-topline { width:70%; }
    .kc-home-services .kc-service-card:hover .kc-service-icon {
        box-shadow:0 15px 35px rgba(var(--svc-rgb),.20),inset 0 1px 0 rgba(255,255,255,.1);
    }
}
@media (max-width:767.98px) {
    .kc-home-services { background:radial-gradient(ellipse at 50% 0%,rgba(94,140,248,.10),transparent 70%); }
    .kc-home-services .kc-section-heading > .kc-text-link { align-self:flex-start; }
}
@media (prefers-reduced-motion:reduce) {
    .kc-home-services .kc-service-card,
    .kc-home-services .kc-service-topline,
    .kc-home-services .kc-service-icon { transition:none; }
    .kc-home-services .kc-service-card:hover { transform:none; }
}

/* Screenshot-matched homepage browser card; isolated from existing sections. */
.kc-browser-showcase{position:relative;overflow:hidden;padding:clamp(5rem,12vw,12rem) 1rem 5rem;background:radial-gradient(ellipse at 51% 28%,rgba(94,111,185,.19),transparent 55%),linear-gradient(130deg,#0a0e1c,#10182a 65%,#070b15)}
.kc-browser-showcase::before{content:"";position:absolute;width:min(950px,115vw);aspect-ratio:1;border:1px solid rgba(135,148,221,.06);border-radius:50%;top:-14rem;left:50%;transform:translateX(-50%);pointer-events:none}
.kc-browser-card{position:relative;margin:0 auto;width:min(100%,570px);overflow:hidden;border:1px solid #29345e;border-radius:32px;background:linear-gradient(160deg,#141e33,#090e1c);box-shadow:0 35px 90px rgba(0,0,0,.3);color:#e5e9f4}
.kc-browser-bar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid rgba(145,155,199,.11);font-size:13px;font-weight:600;color:#8794af}
.kc-browser-dots{display:flex;gap:8px}.kc-browser-dots i{width:13px;height:13px;border-radius:50%;background:#ff686d}.kc-browser-dots i:nth-child(2){background:#ffd164}.kc-browser-dots i:nth-child(3){background:#4ed29b}
.kc-browser-code{min-height:360px;padding:41px 25px 35px;font:600 clamp(13px,2.1vw,17px)/2.05 ui-monospace,SFMono-Regular,Consolas,monospace}
.kc-browser-code>div{display:flex;gap:16px;white-space:nowrap}.kc-browser-code code{font:inherit;color:#e5e9f4;background:none;padding:0}.kc-browser-num{color:#5b6884;min-width:27px;text-align:right}.kc-browser-key{color:#a6b9ff}.kc-browser-string{color:#55d8bb}
.kc-browser-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(145,155,199,.12)}.kc-browser-stats>div{min-height:109px;padding:23px 19px;border-right:1px solid rgba(145,155,199,.12)}.kc-browser-stats>div:last-child{border-right:0}.kc-browser-stats strong{display:block;font-size:25px;color:#f4f7ff}.kc-browser-stats span{display:block;margin-top:4px;color:#929db2;font-size:13px}
@media(max-width:480px){.kc-browser-showcase{padding:5rem .4rem 3rem}.kc-browser-card{border-radius:23px}.kc-browser-code{padding:29px 12px;min-height:305px}.kc-browser-code>div{gap:8px}.kc-browser-stats>div{padding:17px 10px;min-height:96px}.kc-browser-stats span{font-size:11px}}

/* Compact development preview positioned alongside the existing service cards. */
.kc-home-services .kc-services-with-preview{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:24px;align-items:stretch}
.kc-home-services .kc-services-grid{min-width:0}
.kc-home-services .kc-services-preview{min-width:0}
.kc-home-services .kc-browser-card{width:100%;height:100%;border-radius:22px;display:flex;flex-direction:column}
.kc-home-services .kc-browser-bar{height:43px;padding:0 13px;font-size:10px;flex-shrink:0}
.kc-home-services .kc-browser-dots{gap:5px}.kc-home-services .kc-browser-dots i{width:9px;height:9px}
.kc-home-services .kc-browser-code{min-height:0;flex:1;padding:25px 11px 18px;font-size:11px;line-height:2.15}
.kc-home-services .kc-browser-code>div{gap:7px}.kc-home-services .kc-browser-num{min-width:19px}
.kc-home-services .kc-browser-stats>div{min-height:72px;padding:12px 7px}
.kc-home-services .kc-browser-stats strong{font-size:19px}.kc-home-services .kc-browser-stats span{font-size:9px;line-height:1.35}
.kc-project-card[hidden]{display:none!important}
@media(max-width:1199px){.kc-home-services .kc-services-with-preview{grid-template-columns:minmax(0,1fr) 255px}}
@media(max-width:767px){.kc-home-services .kc-services-with-preview{grid-template-columns:1fr}.kc-home-services .kc-services-preview{width:min(100%,370px);margin:0 auto}.kc-home-services .kc-browser-code{min-height:200px}}

/* Reference-inspired upper-right code preview, without changing service cards. */
.kc-home-services .kc-services-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,390px);align-items:center;gap:clamp(24px,5vw,72px);margin-bottom:44px}
.kc-home-services .kc-services-intro-copy .kc-heading{max-width:780px;margin-bottom:25px}
.kc-home-services .kc-services-intro .kc-services-preview{width:100%;min-width:0;perspective:900px}
.kc-home-services .kc-services-intro .kc-browser-card{width:100%;height:auto;transform-origin:center;animation:kc-preview-float 6s ease-in-out infinite;box-shadow:0 27px 65px rgba(2,5,18,.48),0 0 45px rgba(125,135,255,.09)}
.kc-home-services .kc-services-intro .kc-browser-code{padding:19px 15px 22px;min-height:0;font-size:clamp(10px,1.1vw,13px);line-height:1.95}
.kc-home-services .kc-services-intro .kc-browser-code>div{opacity:0;animation:kc-code-appear .48s ease forwards}
.kc-home-services .kc-services-intro .kc-browser-code>div:nth-child(1){animation-delay:.15s}
.kc-home-services .kc-services-intro .kc-browser-code>div:nth-child(2){animation-delay:.35s}
.kc-home-services .kc-services-intro .kc-browser-code>div:nth-child(3){animation-delay:.55s}
.kc-home-services .kc-services-intro .kc-browser-code>div:nth-child(4){animation-delay:.75s}
.kc-home-services .kc-services-intro .kc-browser-code>div:nth-child(5){animation-delay:.95s}
.kc-home-services .kc-services-intro .kc-browser-code>div:nth-child(6){animation-delay:1.15s}
.kc-home-services .kc-services-intro .kc-browser-stats>div{min-height:78px;padding:12px 10px}
.kc-home-services .kc-services-intro .kc-browser-stats span{font-size:10px}
.kc-home-services .kc-services-grid{min-width:0}
@keyframes kc-preview-float{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-11px) rotate(0deg)}}
@keyframes kc-code-appear{from{opacity:0;transform:translateX(-9px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:991.98px){.kc-home-services .kc-services-intro{grid-template-columns:minmax(0,1fr) 320px;gap:22px}}
@media(max-width:767.98px){.kc-home-services .kc-services-intro{grid-template-columns:1fr}.kc-home-services .kc-services-intro .kc-services-preview{width:min(100%,390px);margin:0 auto}.kc-home-services .kc-services-intro .kc-browser-code{font-size:12px}}
@media(prefers-reduced-motion:reduce){.kc-home-services .kc-services-intro .kc-browser-card,.kc-home-services .kc-services-intro .kc-browser-code>div{animation:none;opacity:1;transform:none}}