@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--kx-bg:#09090b;--kx-surface:#0f172a;--kx-surface-2:#1e293b;--kx-blue:#00a3ff;--kx-purple:#8b5cf6;--kx-pink:#d946c6;--kx-white:#fff;--kx-mist:#94a3b8;--kx-mist-dim:#5b6579;--kx-line:#94a3b81f;--kx-line-strong:#94a3b83d;--kx-gradient:linear-gradient(120deg, var(--kx-pink) 0%, var(--kx-purple) 48%, var(--kx-blue) 100%);--kx-gradient-soft:linear-gradient(120deg, #d946c629, #8b5cf624 48%, #00a3ff29);--font-display:"Space Grotesk", "Geist", sans-serif;--font-body:"Inter", "Geist", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--shadow-glow:0 0 0 1px var(--kx-line), 0 20px 60px -25px #00a3ff59;--ease:cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--kx-bg);color:var(--kx-white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;margin:0}p{margin:0}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit}::selection{background:var(--kx-purple);color:var(--kx-white)}:focus-visible{outline:2px solid var(--kx-blue);outline-offset:3px;border-radius:4px}.container{max-width:1280px;margin-inline:auto;padding-inline:24px}@media (width>=1024px){.container{padding-inline:32px}}.text-gradient{background:var(--kx-gradient);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite kx-gradient-shift}@keyframes kx-gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--kx-mist);align-items:center;gap:8px;font-size:12px;display:inline-flex}.eyebrow:before{content:"";background:var(--kx-gradient);width:6px;height:6px;box-shadow:0 0 12px var(--kx-blue);border-radius:50%}.section{padding-block:96px;position:relative}.section-alt{border-block:1px solid var(--kx-line);background:linear-gradient(#0000,#0f172a80 8% 92%,#0000)}@media (width<=768px){.section{padding-block:64px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kx-bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#94a3b80f 1px,#0000 1px),linear-gradient(90deg,#94a3b80f 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 0,#000,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 0,#000,#0000 75%)}.kx-glow{filter:blur(110px);pointer-events:none;z-index:0;will-change:transform;border-radius:50%;transition:transform .3s ease-out;position:absolute}.kx-nodes{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.kx-node{background:var(--kx-blue);opacity:.5;border-radius:50%;width:4px;height:4px;animation:14s ease-in-out infinite kx-float;position:absolute;box-shadow:0 0 8px}@keyframes kx-float{0%,to{opacity:.25;transform:translate(0)}50%{opacity:.7;transform:translate(14px,-26px)}}#kx-progress{background:var(--kx-gradient);z-index:60;width:0%;height:2px;transition:width .1s linear;position:fixed;top:0;left:0}#site-nav{inset-inline:0;z-index:50;transition:background-color .3s var(--ease), border-color .3s var(--ease), backdrop-filter .3s var(--ease);border-bottom:1px solid #0000;position:fixed;top:0}#site-nav.scrolled{-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);border-bottom-color:var(--kx-line);background:#09090bb8}.nav-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.nav-logo{align-items:center;gap:10px;display:flex}.nav-logo img{width:30px;height:30px}.nav-logo span{font-family:var(--font-display);font-size:16.5px;font-weight:600}.nav-links{font-family:var(--font-mono);letter-spacing:.03em;color:var(--kx-mist);align-items:center;gap:32px;font-size:13px;display:none}.nav-links a{padding-block:6px;transition:color .2s;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--kx-white)}.nav-links a.active:after{content:"";background:var(--kx-gradient);height:1px;position:absolute;bottom:0;left:0;right:0}.nav-cta{align-items:center;gap:10px;display:none}.nav-toggle{border:1px solid var(--kx-line-strong);background:0 0;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}@media (width>=1024px){.nav-links,.nav-cta{display:flex}.nav-toggle{display:none}}.mobile-nav{border-top:1px solid var(--kx-line);font-family:var(--font-mono);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#09090bf5;flex-direction:column;gap:2px;padding:8px 24px 24px;font-size:14px;display:flex}.mobile-nav[hidden]{display:none}.mobile-nav a{border-bottom:1px solid var(--kx-line);color:var(--kx-mist);padding-block:12px}@media (width>=1024px){.mobile-nav{display:none!important}}.btn{font-size:14px;font-weight:600;font-family:var(--font-body);white-space:nowrap;transition:transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s var(--ease), background-color .2s var(--ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;display:inline-flex}.btn-primary{background:var(--kx-white);color:#0a0a0c;box-shadow:inset 0 1px #fff6}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 30px -8px #00a3ff8c}.btn-glow{background:var(--kx-gradient);color:var(--kx-white)}.btn-glow:hover{transform:translateY(-1px);box-shadow:0 10px 30px -6px #8b5cf68c}.btn-ghost{color:var(--kx-white);border-color:var(--kx-line-strong);background:0 0}.btn-ghost:hover{background:#ffffff0a;border-color:#fff6}.btn-block{width:100%}.glass{border:1px solid var(--kx-line);-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);background:#ffffff08}.card{border:1px solid var(--kx-line);border-radius:var(--radius-lg);transition:border-color .25s var(--ease), transform .15s var(--ease), box-shadow .25s var(--ease);transform-style:preserve-3d;will-change:transform;background:linear-gradient(#ffffff09,#ffffff04)}.card:hover{border-color:var(--kx-line-strong);box-shadow:0 24px 60px -30px #00a3ff66}@media (prefers-reduced-motion:reduce){.card:hover{transform:none!important}}@media (hover:hover){.card.no-tilt:hover{transform:translateY(-3px)}}.btn{position:relative;overflow:hidden}.btn:after{content:"";transition:transform .6s var(--ease);pointer-events:none;background:linear-gradient(120deg,#0000 30%,#ffffff59 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.btn:hover:after{transform:translate(120%)}.card-glow-border{border-radius:var(--radius-lg);background:var(--kx-gradient-soft);padding:1px;position:relative}.card-glow-border>.card{border:none}.kx-badge{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--kx-line-strong);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;display:inline-flex}.kx-badge:before{content:"";border-radius:50%;width:6px;height:6px}.kx-badge.live{color:#6ee7b7;background:#6ee7b714;border-color:#6ee7b74d}.kx-badge.live:before{background:#6ee7b7;box-shadow:0 0 8px #6ee7b7}.kx-badge.beta{color:#93c5fd;background:#93c5fd14;border-color:#93c5fd4d}.kx-badge.beta:before{background:#93c5fd;box-shadow:0 0 8px #93c5fd}.kx-badge.soon{color:var(--kx-mist)}.kx-badge.soon:before{background:var(--kx-mist-dim)}.window{border-radius:var(--radius-lg);border:1px solid var(--kx-line-strong);box-shadow:var(--shadow-glow);background:#0b0b10;overflow:hidden}.window-bar{border-bottom:1px solid var(--kx-line);background:#ffffff05;align-items:center;gap:6px;padding:12px 14px;display:flex}.window-dot{background:var(--kx-surface-2);border-radius:50%;width:9px;height:9px}.circuit-divider{height:64px;position:relative;overflow:hidden}.circuit-divider svg{width:100%;height:100%;position:absolute;inset:0}.circuit-path{stroke:var(--kx-line-strong);stroke-width:1px;fill:none}.circuit-pulse{stroke:url(#kxPulseGradient);stroke-width:2px;fill:none;stroke-dasharray:60 900;stroke-linecap:round;animation:6s linear infinite kx-pulse}@keyframes kx-pulse{to{stroke-dashoffset:-960px}}.circuit-node{fill:var(--kx-bg);stroke:var(--kx-purple);stroke-width:1.5px}.input-glow{border-radius:var(--radius-sm);border:1px solid var(--kx-line-strong);background:#ffffff05;transition:border-color .2s,box-shadow .2s}.input-glow:focus-within{border-color:var(--kx-blue);box-shadow:0 0 0 3px #00a3ff26}.faq-item{border-bottom:1px solid var(--kx-line)}.faq-q{width:100%;color:var(--kx-white);text-align:left;font-family:var(--font-display);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:22px 4px;font-size:17px;font-weight:500;display:flex}.faq-icon{transition:transform .3s var(--ease);color:var(--kx-mist);flex-shrink:0}.faq-item[data-open=true] .faq-icon{color:var(--kx-blue);transform:rotate(45deg)}.faq-a{max-height:0;transition:max-height .35s var(--ease), opacity .3s var(--ease);opacity:0;color:var(--kx-mist);font-size:15px;line-height:1.65;overflow:hidden}.faq-item[data-open=true] .faq-a{opacity:1}.faq-a-inner{max-width:640px;padding:0 4px 24px}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(18px)}.reveal.in-view{opacity:1;transform:none}footer{border-top:1px solid var(--kx-line);background:var(--kx-surface)}.footer-col h4{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--kx-white);margin-bottom:16px;font-size:11px}.footer-col ul{color:var(--kx-mist);flex-direction:column;gap:12px;font-size:14px;display:flex}.footer-col ul a{transition:color .2s}.footer-col ul a:hover{color:var(--kx-white)}.social-btn{border:1px solid var(--kx-line-strong);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:border-color .2s,background-color .2s,transform .2s;display:flex}.social-btn:hover{background:#ffffff0d;border-color:#ffffff59;transform:translateY(-2px)}@media (width>=768px){.footer-grid{grid-template-columns:1.6fr repeat(4,1fr)!important}.footer-brand{grid-column:span 1!important}.footer-bottom{flex-direction:row!important}}.orbit-btn{border-radius:var(--radius-sm);border:1px solid var(--kx-line-strong);background:#ffffff05;align-items:center;gap:10px;padding:13px 18px;font-size:14px;font-weight:500;transition:border-color .2s,background-color .2s,transform .2s;display:flex}.orbit-btn:hover{background:#ffffff0d;border-color:#ffffff59;transform:translateY(-2px)}.hero{padding-top:160px;padding-bottom:80px;position:relative;overflow:hidden}.hero-grid{z-index:1;gap:56px;display:grid;position:relative}@media (width>=1024px){.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center}}.hero h1{font-size:clamp(2.4rem,5.4vw,4.1rem);font-weight:600;line-height:1.04}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-meta{font-family:var(--font-mono);color:var(--kx-mist-dim);align-items:center;gap:10px;margin-top:28px;font-size:12.5px;display:flex}.chat-mock{font-family:var(--font-body)}.chat-mock .window-bar span{font-family:var(--font-mono);color:var(--kx-mist-dim);margin-left:8px;font-size:11px}.chat-body{flex-direction:column;gap:14px;min-height:280px;padding:20px;display:flex}.msg{border-radius:14px;max-width:82%;padding:11px 14px;font-size:13.5px;line-height:1.55}.msg.user{background:var(--kx-surface-2);border-bottom-right-radius:4px;align-self:flex-end}.msg.ai{border:1px solid var(--kx-line);background:#ffffff09;border-bottom-left-radius:4px;align-self:flex-start}.artifact-tab{border-top:1px solid var(--kx-line);background:#0a0a0e;padding:14px 20px 18px}.artifact-tab-bar{font-family:var(--font-mono);color:var(--kx-mist-dim);gap:16px;margin-bottom:10px;font-size:11px;display:flex}.artifact-tab-bar span.active{color:var(--kx-blue)}.code-line{font-family:var(--font-mono);white-space:pre;font-size:12px;line-height:1.9}.tk-kw{color:#c084fc}.tk-fn{color:#60a5fa}.tk-str{color:#86efac}.tk-com{color:#5b6579}.tk-tag{color:#f472b6}.value-grid{gap:24px;display:grid}@media (width>=768px){.value-grid{grid-template-columns:repeat(3,1fr)}}.product-grid{gap:28px;display:grid}@media (width>=900px){.product-grid{grid-template-columns:1fr 1fr}}.product-card{flex-direction:column;gap:20px;padding:36px;display:flex}.product-card .feature-list{flex-direction:column;gap:10px;display:flex}.product-card .feature-list li{color:var(--kx-mist);align-items:center;gap:10px;font-size:14px;display:flex}.product-card .feature-list li svg{color:var(--kx-blue);flex-shrink:0}.future-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width>=900px){.future-grid{grid-template-columns:repeat(4,1fr)}}.roadmap{position:relative}.roadmap-track{gap:0;display:grid;position:relative}@media (width>=900px){.roadmap-track{grid-template-columns:repeat(5,1fr)}}.roadmap-phase{border-left:1px solid var(--kx-line);padding:28px 20px 20px;position:relative}@media (width>=900px){.roadmap-phase{border-left:none;border-top:1px solid var(--kx-line);padding:28px 24px 0}}.roadmap-phase:before{content:"";background:var(--kx-bg);border:2px solid var(--kx-line-strong);border-radius:50%;width:9px;height:9px;position:absolute;top:24px;left:-5px}@media (width>=900px){.roadmap-phase:before{top:-5px;left:24px}}.roadmap-phase[data-status=done]:before{border-color:var(--kx-blue);box-shadow:0 0 10px var(--kx-blue);background:var(--kx-blue)}.roadmap-phase[data-status=active]:before{border-color:var(--kx-purple);box-shadow:0 0 10px var(--kx-purple);animation:2.2s ease-in-out infinite kx-dot-pulse}@keyframes kx-dot-pulse{0%,to{box-shadow:0 0 6px var(--kx-purple)}50%{box-shadow:0 0 18px var(--kx-purple)}}.roadmap-phase .ph-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--kx-mist-dim);font-size:11px}.community-grid{gap:16px;display:grid}@media (width>=768px){.community-grid{grid-template-columns:repeat(3,1fr)}}.pricing-grid{gap:24px;display:grid}@media (width>=900px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.price-card{flex-direction:column;gap:20px;padding:32px;display:flex}.price-card.highlight{border-color:#8b5cf680;box-shadow:0 0 0 1px #8b5cf64d,0 30px 70px -35px #8b5cf680}.price-amount{font-family:var(--font-display);font-size:2.4rem;font-weight:600}.price-list{color:var(--kx-mist);flex-direction:column;gap:10px;font-size:14px;display:flex}.price-list li{align-items:flex-start;gap:10px;display:flex}.blog-feature{display:grid;overflow:hidden}@media (width>=768px){.blog-feature{grid-template-columns:1.1fr 1fr}}.blog-grid{gap:24px;display:grid}@media (width>=768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}.form-row{grid-template-columns:1fr}@media (width>=640px){.form-row{grid-template-columns:1fr 1fr}}@media (width>=900px){.contact-grid{grid-template-columns:.85fr 1.15fr}}.project-grid{gap:24px;display:grid}@media (width>=768px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1200px){.project-grid{grid-template-columns:repeat(3,1fr)}}.stack-pill{font-family:var(--font-mono);border:1px solid var(--kx-line-strong);color:var(--kx-mist);border-radius:999px;padding:4px 9px;font-size:11px}.earth-section{overflow:hidden}.earth-grid{gap:48px;align-items:center;display:grid;position:relative;z-index:1}@media (width>=1024px){.earth-grid{grid-template-columns:1fr 1fr}}.earth-visual{max-width:520px;margin-inline:auto;position:relative}.earth-visual .earth-svg{width:100%;height:auto;display:block;overflow:visible}.earth-rotate{animation:44s linear infinite kx-earth-spin;transform-box:fill-box}@keyframes kx-earth-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.earth-rotate{animation:none}}.earth-ping{transform-box:fill-box;transform-origin:center;animation:2.6s cubic-bezier(0,0,.2,1) infinite kx-earth-ping}@keyframes kx-earth-ping{0%{transform:scale(1);opacity:.7}75%,100%{transform:scale(2.6);opacity:0}}@media (prefers-reduced-motion:reduce){.earth-ping{animation:none;opacity:0}}
