
/* LeLuki Nexus — 2026 original static redesign */
:root{font-family:Inter,system-ui,sans-serif;color:#edf2fc;background:#090e18;--bg:#090e18;--surface:#121b2b;--border:#28354a;--blue:#6d9ff5;--muted:#9aabc4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:#edf2fc;background:radial-gradient(ellipse 640px 380px at 82% 7%,#182944 0,transparent 72%),radial-gradient(ellipse 460px 420px at 0% 30%,#101d32 0,transparent 75%),#090e18}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.wrap{width:min(1220px,calc(100% - 52px));margin:0 auto}
.test-banner{background:#16213a;border-bottom:1px solid #2d4365;color:#b9ccef;text-align:center;letter-spacing:.025em;font-size:11px;font-weight:700;padding:9px 12px}
header{position:sticky;z-index:100;top:0;border-bottom:1px solid #243046;background:#0b101beb;backdrop-filter:blur(18px)}.nav{min-height:81px;display:flex;align-items:center;gap:27px}.brand{display:inline-flex;align-items:center;flex-shrink:0;white-space:nowrap}.logo-wordmark{width:196px;height:48px;object-fit:contain;object-position:left center}.nav nav{display:flex;align-items:center;gap:4px;margin:auto}.nav nav a{font-size:13px;color:#a7b7ce;font-weight:600;padding:11px 13px;border-radius:9px;transition:.2s}.nav nav a:hover{background:#1c2940;color:#fff}.nav nav a.active{background:#1b2940;color:#a6c6ff;border:0;padding:11px 13px}.menu-toggle{display:none}.nav-cta{margin-left:auto;white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;padding:13px 20px;background:#6b9ff3;border:1px solid #8ab4ff;color:#081222;box-shadow:none;font-weight:800;font-size:14px;transition:transform .15s,background .15s}.btn:hover{background:#88b5ff;transform:translateY(-1px);filter:none}.btn.small{font-size:12px;padding:11px 13px}.btn.alt{background:#182338;color:#e6eefc;border:1px solid #35445d;box-shadow:none}.btn.alt:hover{background:#22324f}
.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#8db9ff}.hero{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:62px;padding:90px 0 76px}.hero h1{font-size:clamp(43px,5.3vw,72px);letter-spacing:-.065em;line-height:1.08;margin:17px 0 24px}.grad{background:linear-gradient(110deg,#c3daff,#7caff9,#7690ee);color:transparent;background-clip:text}.muted{color:#a4b2c7;line-height:1.8}.hero .muted{font-size:16px;max-width:565px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:31px 0}.badges{display:flex;gap:17px;flex-wrap:wrap;color:#a0b5d2;font-size:12px}.badges i{color:#7ca8ed;margin-right:3px}
.hero-visual{height:435px;border:1px solid #304361;border-radius:22px;background:radial-gradient(circle at 58% 40%,#283e65 0,transparent 46%),linear-gradient(140deg,#1b2b43,#101827 70%);display:flex;flex-direction:column;justify-content:space-between;padding:28px;position:relative;overflow:hidden;box-shadow:0 26px 90px #0004}.hero-visual:before{content:"";position:absolute;inset:45px -90px auto auto;width:320px;height:320px;border:1px solid #6787b033;border-radius:50%;box-shadow:0 0 0 50px #6787b009,0 0 0 110px #6787b008;pointer-events:none}.visual-label{font-size:11px;letter-spacing:.18em;color:#97b2d6;position:relative}.visual-label i{margin-right:8px}.visual-core{display:flex;align-items:center;gap:25px;position:relative}.visual-symbol{display:grid;place-items:center;min-width:92px;height:92px;border:1px solid #608bc0;background:#294875;border-radius:23px;font-size:38px;color:#e0eeff;box-shadow:0 14px 35px #0005}.visual-copy strong{display:block;font-size:clamp(26px,3vw,41px);line-height:1.16;letter-spacing:-.05em}.visual-copy em{font-style:normal;color:#a0c2ff}.visual-copy span{display:block;margin-top:17px;font-size:11px;color:#91a5c2}.visual-bottom{display:flex;justify-content:space-between;gap:10px;color:#8aa2c5;font-size:11px}.visual-bottom i{color:#82adf3}
.section{margin:25px 0 78px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section h2,.page-head h1{font-size:clamp(27px,3.3vw,41px);letter-spacing:-.045em;line-height:1.18;margin:10px 0}.section-title>a,.link{color:#98bcf7;font-size:13px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.panel,.feature,.stat,.notice{border:1px solid #28364c;border-radius:16px;background:#131d2d;box-shadow:none}.card{overflow:hidden;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-5px);border-color:#5a7eae}.card-art{height:190px;background:radial-gradient(ellipse at center,#304b70 0,#1b2b43 45%,#101927 100%);display:grid;place-items:center;color:#bbd5ff!important;text-decoration:none}.card-art i{font-size:65px;filter:drop-shadow(0 10px 20px #0004)}.card-body{padding:22px}.pill{color:#afceff;background:#203450;border:1px solid #36537a;font-size:11px;display:inline-flex;padding:6px 11px;border-radius:7px;font-weight:700}.card h3{font-size:18px;letter-spacing:-.025em;margin:15px 0 8px}.card h3 a:hover{color:#a9cfff}.card p{font-size:13px;line-height:1.7;min-height:45px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:19px 0 8px}.price{font-size:22px;white-space:nowrap}.subtle{color:#91aaca!important;font-size:11px!important;min-height:0!important}
.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.feature{padding:25px;transition:transform .2s,border-color .2s}.feature:hover{transform:translateY(-3px);border-color:#5376a8}.feature .icon{font-size:27px;color:#9ac0ff;margin-bottom:25px}.feature b{display:block;font-size:17px}.feature p{font-size:12px;min-height:0}.panel{padding:30px}.page-head{padding:65px 0 28px}.page-head .muted{max-width:740px}.notice,.warning{padding:18px 23px;margin:12px 0 26px;background:#17263a;color:#b5c9e5;border:1px solid #32496a;border-radius:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:21px}.input,textarea,select{background:#0b1524;color:#edf2fc;border:1px solid #34455f;border-radius:10px;padding:12px 14px;outline:none;min-width:0}.input:focus,textarea:focus{border-color:#7bacef}.form{display:grid;gap:13px}.form label{font-size:13px;color:#c7d6ea}.form input,.form textarea{display:block;width:100%;margin-top:7px}.form textarea{min-height:120px}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:25px 0 70px}.product-big{min-height:360px;display:grid;place-items:center;background:radial-gradient(circle at center,#304f79,#142239 56%,#101826);font-size:110px;color:#a2c8ff}.detail-list{line-height:2;color:#bdcce0}.category-list{display:flex;gap:9px;flex-wrap:wrap}.category-list button{border:1px solid #354e6c;background:#17263b;border-radius:10px;padding:10px 14px;color:#c5d5ec}.category-list button.active{background:#517fbe;color:#fff}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 25px}.toolbar .input{flex:1}.faq details{margin:12px 0;border:1px solid #30405a;border-radius:12px;background:#162239;padding:17px}.faq summary{cursor:pointer;font-weight:700}.faq p{color:#a9bdd8}.legal{max-width:860px;line-height:1.85}.empty{text-align:center;padding:45px}footer{border-top:1px solid #25364d;background:#0b111c}.foot{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:32px;padding:60px 0 35px}.foot a:not(.brand){display:block;color:#9eafc6;font-size:13px;margin:12px 0}.foot a:hover{color:#bdd7ff}.foot p{color:#8fa1bb;font-size:13px;line-height:1.8}.copyright{border-top:1px solid #233148;padding:20px 0 28px;color:#7b91b0;font-size:11px}
@media(max-width:1030px){.nav{gap:12px}.nav nav a{padding:10px 8px}.logo-wordmark{width:174px}.hero{gap:22px}.features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:790px){.wrap{width:min(100% - 32px,1220px)}.nav{min-height:72px;flex-wrap:wrap}.menu-toggle{display:flex;align-items:center;justify-content:center;margin-left:auto;width:42px;height:42px;color:#d6e7ff;background:#17243a;border:1px solid #304562;border-radius:10px}.nav nav{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;padding-bottom:14px;gap:3px}.nav nav.open{display:flex}.nav nav a{padding:13px!important}.nav-cta{margin-left:0}.hero{grid-template-columns:1fr;padding:55px 0}.hero-visual{height:340px}.grid,.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.product-layout,.two{grid-template-columns:1fr}.foot{grid-template-columns:repeat(2,1fr)}}
@media(max-width:530px){.grid,.grid.four,.features{grid-template-columns:1fr}.hero h1{font-size:43px}.hero-visual{height:295px;padding:20px}.visual-symbol{min-width:68px;height:68px;font-size:29px}.visual-core{gap:13px}.visual-copy strong{font-size:25px}.foot{grid-template-columns:1fr 1fr;gap:10px}.foot>div:first-child{grid-column:1/-1}.nav-cta{font-size:11px!important}.card-bottom{flex-wrap:wrap}}
