:root { color-scheme:dark; --bg:#090a12; --panel:#11131e; --line:#2a2d3e; --text:#f6f7fb; --muted:#a4a6b6; --accent:#7a4dff; }
* { box-sizing:border-box; } body { min-width:320px; margin:0; color:var(--text); background:radial-gradient(circle at 78% 20%,rgba(122,77,255,.22),transparent 30rem),radial-gradient(circle at 16% 90%,rgba(39,204,255,.12),transparent 28rem),var(--bg); font-family:Inter,"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif; } .landing { width:min(1180px,calc(100% - 48px)); min-height:100dvh; margin:0 auto; display:flex; flex-direction:column; }
.landing-nav { min-height:86px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }.brand { display:inline-flex; align-items:center; gap:0; color:var(--text); text-decoration:none; }.brand img { display:block; object-fit:contain; }.brand .brand-kuru { width:78px; height:23px; }.brand .brand-tracks { width:126px; height:25px; }.nav-link { color:var(--text); font-size:13px; font-weight:750; text-decoration:none; }.nav-link span { margin-left:5px; color:#b7a1ff; }
.hero { max-width:820px; padding:clamp(90px,16vw,190px) 0 90px; }.eyebrow { margin:0 0 20px; color:#b7a1ff; font-size:14px; font-weight:850; letter-spacing:.15em; }.hero h1 { margin:0; max-width:800px; font-size:clamp(45px,7.2vw,92px); letter-spacing:-.07em; line-height:.94; }.hero h1 em { background:linear-gradient(100deg,#d7d0ff,#8a6bff 48%,#45cff8); -webkit-background-clip:text; background-clip:text; color:transparent; font-style:normal; }.hero-copy { max-width:590px; margin:30px 0 0; color:var(--muted); font-size:17px; line-height:1.6; }.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin-top:32px; }.primary { border-radius:9px; padding:14px 19px; background:var(--accent); color:#fff; box-shadow:0 0 30px rgba(122,77,255,.3); font-size:13px; font-weight:850; text-decoration:none; }.hero-actions span { color:var(--muted); font-size:12px; }
.capabilities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding-bottom:64px; }.capabilities article { min-height:210px; border:1px solid var(--line); border-radius:13px; padding:20px; background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)); }.capabilities span { color:#b7a1ff; font-size:11px; font-weight:850; letter-spacing:.08em; }.capabilities h2 { margin:44px 0 7px; font-size:19px; letter-spacing:-.04em; }.capabilities p { margin:0; color:var(--muted); font-size:13px; line-height:1.55; } footer { margin-top:auto; border-top:1px solid var(--line); padding:19px 0 24px; color:var(--muted); font-size:11px; }
@media (max-width:700px) { .landing { width:min(100% - 32px,1180px); }.landing-nav { min-height:70px; }.brand .brand-kuru { width:64px; height:19px; }.brand .brand-tracks { width:92px; height:20px; }.hero { padding:90px 0 66px; }.eyebrow { font-size:12px; }.hero-copy { font-size:15px; }.capabilities { grid-template-columns:1fr; padding-bottom:38px; }.capabilities article { min-height:160px; }.capabilities h2 { margin-top:27px; } }