:root{--ink:#070A12;--text:#EAF0FF;--muted: rgba(234,240,255,.72);--muted2: rgba(234,240,255,.52);--border: rgba(255,255,255,.1);--surface: rgba(255,255,255,.04);--surface2: rgba(255,255,255,.03);--white: #ffffff;--accent1:#7C3AED;--accent2:#22D3EE;--radius-xl: 22px;--radius-2xl: 28px;--shadow: 0 18px 60px rgba(0,0,0,.55);--pill-bg: rgba(255,255,255,.06);--pill-text: rgba(234,240,255,.82);--pill-border: rgba(255,255,255,.12);--kc-blue: #66bb6a;--kc-green: #1e88e5;--kc-green-soft: rgba(102, 167, 187, .219)}*{box-sizing:border-box}html,body{height:100%;overflow-x:hidden}body{margin:0;background:var(--ink);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}.container{width:min(1120px,100%);margin:0 auto;padding:0 18px}.page-shell{width:min(1200px,100%);margin:0 auto;padding:0 24px}.glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:-1}.glow .g1,.glow .g2,.glow .g3{position:absolute;border-radius:999px;filter:blur(64px)}.glow .g1{width:720px;height:420px;left:50%;top:-240px;transform:translate(-50%);background:#7c3aed38}.glow .g2{width:420px;height:420px;right:-180px;top:22%;background:#22d3ee29}.glow .g3{width:420px;height:420px;left:-220px;bottom:-220px;background:#d946ef1a}.nav{background:#080a12eb!important;border-bottom:1px solid rgba(255,255,255,.06)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav .nav-links a,.nav .nav-links a:visited,.nav .mobile-menu a,.nav .mobile-menu a:visited{color:#ffffffdb!important}.nav .nav-links a:hover,.nav .mobile-menu a:hover{color:#fff!important;background:#ffffff0f!important}.nav .nav-links a.active,.nav .mobile-menu a.active{color:#fff!important;opacity:1!important}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:14px;min-width:0}.brand{display:flex;align-items:center;gap:12px;min-width:210px}.brand img{height:70px;width:auto;display:block}.nav-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:center}.nav-links a{font-size:13px;color:var(--muted);padding:8px 10px;border-radius:12px}.nav-links a:hover{color:var(--text);background:#ffffff0a}.nav-cta{display:flex;gap:10px;align-items:center}.btn{border:1px solid var(--border);background:#ffffff08;color:var(--text);padding:10px 14px;border-radius:14px;font-size:13px;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease;white-space:nowrap}.btn:hover{background:#ffffff0f;border-color:#ffffff2e}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,var(--kc-green),#081b2c);color:var(--kc-blue);border:none;font-weight:600;box-shadow:0 8px 20px #66bb6a59}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 26px #66bb6a73}.btn-sm{padding:8px 12px;font-size:12px;border-radius:12px}.pill{display:inline-flex;align-items:center;border:1px solid var(--pill-border);background:var(--pill-bg);border-radius:999px;padding:6px 10px;font-size:11px;color:var(--pill-text)}.hero{padding:54px 0 24px}.h1{font-size:clamp(32px,4.2vw,56px);line-height:1.08;letter-spacing:-.02em;margin:14px 0 0}.sub{color:var(--muted);font-size:16px;line-height:1.7;max-width:720px;margin-top:16px}.grid{display:grid;gap:14px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-xl);padding:18px;box-shadow:0 1px #ffffff0f inset}.card h3{margin:0;font-size:15px}.card p{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.section{padding:38px 0}.h2{margin:0;font-size:26px;letter-spacing:-.01em}.p{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.75;max-width:820px}.kpi{border:1px solid var(--border);background:var(--surface2);border-radius:var(--radius-xl);padding:16px}.kpi .v{font-size:22px;font-weight:800}.kpi .k{margin-top:6px;color:var(--muted);font-size:12px}.kpi-row{margin-top:18px}.footer{margin-top:22px;padding:28px 0 44px;border-top:1px solid var(--border);color:var(--muted2);font-size:12px}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;border:1px solid var(--border);background:#ffffff08;color:var(--muted);font-size:12px}.divider{height:1px;background:var(--border);margin:18px 0}.input{width:100%;border:1px solid var(--border);background:#ffffff08;color:var(--text);padding:12px;border-radius:16px;outline:none}.input::placeholder{color:#eaf0ff61}.input:focus{border-color:#fff3}.small{font-size:12px;color:var(--muted2)}.mini{color:var(--muted2);font-size:12px}.how-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.how-step-card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-xl);padding:16px;box-shadow:0 1px #ffffff0f inset;overflow:hidden}.how-step-card h3{margin:8px 0;font-size:15px}.how-step-card p{color:var(--muted);font-size:13px;line-height:1.65}@media (max-width: 900px){.how-steps{grid-template-columns:1fr}}.uc-card{position:relative;border-radius:var(--radius-xl);padding:18px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;box-shadow:0 1px #ffffff0f inset;overflow:hidden}.uc-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:var(--uc-border);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.85;pointer-events:none}.uc-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--uc-tint);opacity:.55;pointer-events:none}.uc-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;align-items:center}.uc-tag{font-size:11px;color:#eaf0ffc7;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;padding:6px 10px;border-radius:999px;white-space:nowrap}.uc-list{position:relative;z-index:1;margin-top:12px;margin-bottom:0;color:var(--muted);font-size:13px;line-height:1.7;padding-left:18px}.uc-card:hover{transform:translateY(-1px);transition:transform .12s ease}.uc-violet{--uc-tint: radial-gradient(120% 80% at 0% 0%, rgba(124,58,237,.16), rgba(255,255,255,0) 60%);--uc-border: linear-gradient(90deg, rgba(124,58,237,.55), rgba(34,211,238,.18))}.uc-cyan{--uc-tint: radial-gradient(120% 80% at 0% 0%, rgba(34,211,238,.14), rgba(255,255,255,0) 60%);--uc-border: linear-gradient(90deg, rgba(34,211,238,.5), rgba(124,58,237,.18))}.uc-emerald{--uc-tint: radial-gradient(120% 80% at 0% 0%, rgba(16,185,129,.14), rgba(255,255,255,0) 60%);--uc-border: linear-gradient(90deg, rgba(16,185,129,.45), rgba(34,211,238,.12))}.uc-amber{--uc-tint: radial-gradient(120% 80% at 0% 0%, rgba(245,158,11,.14), rgba(255,255,255,0) 60%);--uc-border: linear-gradient(90deg, rgba(245,158,11,.45), rgba(124,58,237,.12))}.uc-fuchsia{--uc-tint: radial-gradient(120% 80% at 0% 0%, rgba(217,70,239,.14), rgba(255,255,255,0) 60%);--uc-border: linear-gradient(90deg, rgba(217,70,239,.45), rgba(34,211,238,.12))}.uc-indigo{--uc-tint: radial-gradient(120% 80% at 0% 0%, rgba(99,102,241,.14), rgba(255,255,255,0) 60%);--uc-border: linear-gradient(90deg, rgba(99,102,241,.45), rgba(34,211,238,.12))}.uc-teal{--uc-tint: radial-gradient(120% 80% at 0% 0%, rgba(20,184,166,.14), rgba(255,255,255,0) 60%);--uc-border: linear-gradient(90deg, rgba(20,184,166,.45), rgba(124,58,237,.12))}.uc-rose{--uc-tint: radial-gradient(120% 80% at 0% 0%, rgba(244,63,94,.12), rgba(255,255,255,0) 60%);--uc-border: linear-gradient(90deg, rgba(244,63,94,.4), rgba(34,211,238,.12))}@media (max-width: 900px){.uc-card{padding:16px}.uc-tag{display:none}}.desktop-only{display:flex!important}.mobile-only{display:none!important}@media (max-width: 900px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.grid-3,.grid-4,.grid-2{grid-template-columns:1fr}.brand{min-width:0}.brand img{height:46px}.nav-inner{gap:10px}.page-shell{padding:0 18px}}.mobile-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.hamburger{width:42px;height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer;padding:0}.hamburger:active{transform:scale(.98)}.hamburger span{width:20px;height:2px;background:#ffffffeb;border-radius:2px;transition:all .2s ease}.hamburger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu{margin-top:12px;border-radius:16px;background:linear-gradient(180deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.12);overflow:hidden}.mobile-menu-inner{display:flex;flex-direction:column}.mobile-menu-inner a{padding:12px 14px;color:#ffffffeb;font-weight:700;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-menu-inner a:last-child{border-bottom:none}:root{color-scheme:dark}html[data-theme=light]{color-scheme:light;--ink: #f7f8fb;--text: #0b1220;--muted: rgba(11,18,32,.72);--muted2: rgba(11,18,32,.56);--border: rgba(2,6,23,.12);--surface: rgba(255,255,255,.92);--surface2: rgba(255,255,255,.72);--white: #ffffff;--accent1:#6D28D9;--accent2:#0891B2;--pill-bg: rgba(15,23,42,.06);--pill-text: rgba(0,0,0,.86);--pill-border: rgba(2,6,23,.12)}html[data-theme=light] body{background:var(--ink);color:var(--text)}html[data-theme=light] .nav{background:#f7f8fbdb}html[data-theme=light] .glow .g1{background:#7c3aed24}html[data-theme=light] .glow .g2{background:#22d3ee1f}html[data-theme=light] .glow .g3{background:#d946ef14}.theme-toggle{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:#ffffff08;color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.theme-toggle:hover{background:#ffffff0f}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width: 900px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}.brand-logo{height:34px;width:auto;display:block}@media (max-width: 900px){.brand-logo{height:24px}}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.btn-cta-brand{background:linear-gradient(90deg,#69e36f,#34d399)!important;color:#1d5bd6!important;border:0!important;box-shadow:0 10px 26px #34d3992e}.btn-cta-brand:hover{filter:brightness(1.03)}.btn-sm{padding:10px 12px!important;border-radius:14px!important;font-weight:700;white-space:nowrap}.hamburger{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.hamburger span{position:absolute;width:20px;height:2px;background:#ffffffdb;border-radius:2px;transition:transform .18s ease,opacity .18s ease}.hamburger span:nth-child(1){transform:translateY(-6px)}.hamburger span:nth-child(2){transform:translateY(0)}.hamburger span:nth-child(3){transform:translateY(6px)}.hamburger.open span:nth-child(1){transform:rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)}.mobile-menu{display:none;margin-top:10px;width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0a0c12b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 40px #00000073;overflow:hidden;z-index:50}.mobile-menu.open{display:block}.mobile-menu-inner{display:flex;flex-direction:column;padding:10px;gap:6px}.mobile-link{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:12px;text-decoration:none;color:#ffffffdb;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-weight:650}.mobile-link:hover{background:#ffffff0f}.mobile-link.active{background:#34d3991a;border-color:#34d3993d}.theme-toggle{width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#fff;font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.theme-toggle:hover{background:#ffffff1a}@media (max-width: 900px){.theme-toggle{width:38px;height:38px;font-size:16px}}
