/* Ecliptis AI — design system */
:root{--bg:#05060a;--bg2:#0a0d15;--ink:#eef1f7;--mut:#98a2b6;--cor:#ff5a2e;--cor2:#ffb46b;--kim:#4da6ff;--vio:#8b7bff;--ok:#4ade80;--warn:#fbbf24;--bad:#f87171;--line:rgba(255,255,255,.08);--glass:rgba(255,255,255,.035);--r:22px;--disp:'Space Grotesk',sans-serif;--body:'Inter',sans-serif}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--body);overflow-x:hidden}
::selection{background:var(--cor);color:#0a0503}a{color:inherit;text-decoration:none}
h1,h2,h3,h4,.disp{font-family:var(--disp);letter-spacing:-.02em}
.wrap{max-width:1240px;margin:0 auto;padding:0 6vw}
.mut{color:var(--mut)}.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace}
.grad{background:linear-gradient(92deg,var(--cor2),var(--cor) 60%,var(--vio));-webkit-background-clip:text;background-clip:text;color:transparent}
.kimi-link{color:var(--kim);font-weight:600;border-bottom:1px solid rgba(77,166,255,.35);transition:.25s}
.kimi-link:hover{color:#bfe0ff;text-shadow:0 0 22px rgba(77,166,255,.6)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--cor2)}
.eyebrow::before{content:"";width:26px;height:1px;background:linear-gradient(90deg,var(--cor),transparent)}
h2{font-size:clamp(30px,4.4vw,52px);line-height:1.06;margin:16px 0 18px}
h2 em{font-style:normal;background:linear-gradient(92deg,var(--cor2),var(--cor) 55%,var(--vio));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:var(--mut);max-width:640px}.sec{padding:110px 0;position:relative}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 26px;border-radius:14px;font-weight:600;font-size:14.5px;border:1px solid transparent;cursor:pointer;transition:.3s;background:none;color:var(--ink)}
.btn.primary{background:linear-gradient(120deg,var(--cor),#d43a12);color:#fff;box-shadow:0 10px 34px -12px rgba(255,90,46,.55)}
.btn.primary:hover{transform:translateY(-2px)}
.btn.ghost{border-color:var(--line);background:var(--glass)}
.btn.ghost:hover{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.07)}
.btn.kimi{background:linear-gradient(120deg,#1f7ae0,var(--kim));color:#fff}
.btn.danger{border-color:rgba(248,113,113,.4);color:var(--bad)}
.btn.okb{border-color:rgba(74,222,128,.4);color:var(--ok)}
.btn.sm{padding:9px 16px;font-size:12.5px;border-radius:10px}.btn.wide{width:100%}
/* forms */
.field{width:100%;background:var(--glass);border:1px solid var(--line);border-radius:13px;padding:14px 16px;color:var(--ink);font:14px var(--body);outline:none;transition:.25s}
.field:focus{border-color:rgba(255,180,107,.5);box-shadow:0 0 0 3px rgba(255,90,46,.12)}
select.field option{background:var(--bg2)}
.fl{font-size:11.5px;color:var(--mut);display:block;margin:16px 0 6px;letter-spacing:.08em;text-transform:uppercase}
/* nav marketing */
nav.mkt{position:fixed;top:0;left:0;right:0;z-index:100;transition:.35s;border-bottom:1px solid transparent}
nav.mkt.scrolled{background:rgba(5,6,10,.78);backdrop-filter:blur(18px);border-color:var(--line)}
.nav-in{max-width:1240px;margin:0 auto;padding:18px 6vw;display:flex;align-items:center;gap:34px}
.logo{font-family:var(--disp);font-weight:700;font-size:19px;display:flex;align-items:center;gap:9px}
.logo i{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 32% 32%,var(--cor2),var(--cor) 55%,#200800);box-shadow:0 0 14px rgba(255,90,46,.8)}
.nav-links{display:flex;gap:26px;margin-left:auto;font-size:13.5px;color:var(--mut)}
.nav-links a:hover{color:var(--ink)}.nav-links a.hot{color:var(--kim)}
.nav-cta{display:flex;gap:12px}.nav-cta .btn{padding:10px 18px;font-size:13px;border-radius:11px}
#burger{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:10px;width:40px;height:38px;color:var(--ink);cursor:pointer}
/* hero */
.hero{min-height:100svh;display:flex;align-items:center;position:relative;overflow:hidden;padding:140px 0 90px}
#stars{position:absolute;inset:0;width:100%;height:100%}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 45% at 78% 30%,rgba(255,90,46,.13),transparent 65%),radial-gradient(45% 40% at 15% 75%,rgba(139,123,255,.1),transparent 65%)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;position:relative}
.pill{display:inline-flex;align-items:center;gap:9px;padding:8px 16px;border:1px solid rgba(255,180,107,.3);border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--cor2);background:rgba(255,90,46,.07)}
.pill b{width:7px;height:7px;border-radius:50%;background:var(--cor);box-shadow:0 0 10px var(--cor);animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.35}}
h1{font-size:clamp(42px,6.4vw,82px);line-height:1.02;margin:22px 0}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:56px}
.stat{background:var(--bg2);padding:22px 20px}.stat b{font-family:var(--disp);font-size:clamp(20px,2.2vw,28px);display:block}
.stat span{font-size:12px;color:var(--mut);letter-spacing:.06em;text-transform:uppercase}
.eclipse-wrap{display:flex;justify-content:center}
.eclipse{position:relative;width:min(380px,58vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 36% 34%,#1b2130,#000 62%);box-shadow:0 0 60px 8px rgba(255,90,46,.4),0 0 170px 50px rgba(255,90,46,.16),0 0 340px 130px rgba(255,90,46,.07)}
.eclipse::after{content:"";position:absolute;inset:-16px;border-radius:50%;border:1px solid rgba(255,180,107,.22);animation:ring 3.4s ease-in-out infinite}
@keyframes ring{50%{transform:scale(1.05);opacity:.5}}
.corona{position:absolute;inset:-3px;border-radius:50%;filter:blur(7px);animation:spin 9s linear infinite;background:conic-gradient(from 0deg,transparent 0 35deg,rgba(255,180,107,.95) 60deg,transparent 95deg,transparent 175deg,rgba(255,90,46,.8) 215deg,transparent 255deg);-webkit-mask:radial-gradient(circle,transparent 57%,#000 62%,#000 70%,transparent 75%);mask:radial-gradient(circle,transparent 57%,#000 62%,#000 70%,transparent 75%)}
@keyframes spin{to{transform:rotate(1turn)}}
.eclipse small{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);white-space:nowrap;color:var(--mut);font-size:12px;letter-spacing:.18em;text-transform:uppercase}
/* marquee */
.marquee{border-block:1px solid var(--line);overflow:hidden;background:var(--bg2)}
.mq{display:flex;gap:56px;width:max-content;padding:15px 0;animation:mq 32s linear infinite;font-family:var(--disp);font-size:13px;letter-spacing:.24em;color:var(--mut);text-transform:uppercase}
.mq span b{color:var(--cor2)}@keyframes mq{to{transform:translateX(-50%)}}
/* cards & secciones */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:52px}
.card{background:var(--glass);border:1px solid var(--line);border-radius:var(--r);padding:28px 26px;position:relative;overflow:hidden;transition:.35s}
.card:hover{transform:translateY(-5px);border-color:rgba(255,180,107,.3)}
.card .ic{font-size:24px;display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;border:1px solid var(--line);background:var(--bg2);margin-bottom:20px}
.card h3{font-size:18px;margin-bottom:10px}.card p{font-size:14px;color:var(--mut)}
/* kimi */
#kimi{background:linear-gradient(180deg,transparent,rgba(31,122,224,.06) 30%,rgba(31,122,224,.06) 70%,transparent)}
.kimi-frame{border:1px solid rgba(77,166,255,.25);border-radius:32px;padding:clamp(34px,5vw,70px);position:relative;overflow:hidden;background:radial-gradient(70% 60% at 50% 0%,rgba(77,166,255,.1),transparent 60%),var(--bg2)}
.kimi-frame::before,.kimi-frame::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;filter:blur(90px);opacity:.35}
.kimi-frame::before{background:var(--cor);top:-90px;left:-70px}.kimi-frame::after{background:var(--kim);bottom:-90px;right:-70px}
.kimi-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1px solid rgba(77,166,255,.4);color:#bfe0ff;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;background:rgba(77,166,255,.08)}
.kimi-badge i{width:7px;height:7px;border-radius:50%;background:var(--kim);box-shadow:0 0 12px var(--kim);animation:blink 1.8s infinite}
.scene{position:relative;height:250px;margin:44px 0 10px}
.scene .track{position:absolute;left:8%;right:8%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)}
.orb{position:absolute;top:50%;left:50%;width:112px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-family:var(--disp);font-weight:700;font-size:13px}
.orb.e{background:radial-gradient(circle at 34% 32%,#ffd9c4,var(--cor) 48%,#3a0e02 82%);box-shadow:0 0 46px rgba(255,90,46,.55);animation:orbE 7s ease-in-out infinite;color:#2b0c02}
.orb.k{background:radial-gradient(circle at 34% 32%,#e2f2ff,var(--kim) 48%,#062640 82%);box-shadow:0 0 46px rgba(77,166,255,.6);animation:orbK 7s ease-in-out infinite;color:#04203a}
@keyframes orbE{0%,100%{transform:translate(-250px,-50%)}50%{transform:translate(-58px,-50%)}}
@keyframes orbK{0%,100%{transform:translate(138px,-50%)}50%{transform:translate(-54px,-50%)}}
.flare{position:absolute;left:50%;top:50%;width:200px;aspect-ratio:1;transform:translate(-50%,-50%) scale(.6);border-radius:50%;opacity:0;filter:blur(5px);background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,180,107,.5) 38%,rgba(77,166,255,.25) 60%,transparent 72%);animation:flare 7s ease-in-out infinite}
@keyframes flare{0%,32%,68%,100%{opacity:0;transform:translate(-50%,-50%) scale(.55)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.18)}}
.scene .cap{position:absolute;top:calc(50% + 74px);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.cap.ce{animation:capE 7s ease-in-out infinite}.cap.ck{animation:capK 7s ease-in-out infinite}
@keyframes capE{0%,100%{left:12%}50%{left:41%}}@keyframes capK{0%,100%{right:12%}50%{right:41%}}
.kimi-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px;position:relative}
.kcard{border:1px solid rgba(77,166,255,.2);background:rgba(77,166,255,.05);border-radius:18px;padding:26px 22px;transition:.3s}
.kcard:hover{transform:translateY(-5px);border-color:rgba(77,166,255,.45)}
.kcard h3{font-size:16.5px;margin-bottom:9px;color:#dceeff}.kcard p{font-size:13.5px;color:var(--mut)}
.kimi-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:40px;position:relative}
.kimi-note{margin-top:18px;font-size:12px;color:var(--mut);position:relative}
/* problem / tech */
.quote{font-family:var(--disp);font-size:clamp(24px,3.4vw,40px);line-height:1.25;max-width:900px}
.quote .dim{color:var(--mut)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:44px}
.duo>div{border:1px solid var(--line);border-radius:18px;padding:26px;background:var(--glass)}
.duo b{display:block;font-family:var(--disp);font-size:17px;margin-bottom:8px}
.duo .old b{color:var(--mut);text-decoration:line-through}
.duo .new{border-color:rgba(255,180,107,.35);background:rgba(255,90,46,.06)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:52px}
.step{border:1px solid var(--line);border-radius:var(--r);padding:30px 24px;background:var(--bg2);transition:.3s}
.step:hover{border-color:rgba(255,180,107,.4);transform:translateY(-5px)}
.step .num{font-family:var(--disp);font-size:44px;font-weight:700;color:transparent;-webkit-text-stroke:1px rgba(255,180,107,.55);display:block;margin-bottom:16px}
.step h3{font-size:17px;margin-bottom:10px}.step p{font-size:13.5px;color:var(--mut)}
/* tiers */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px}
.tier{border:1px solid var(--line);border-radius:24px;background:var(--bg2);padding:32px 28px;position:relative;transition:transform .15s ease-out,border-color .3s;overflow:hidden}
.tier:hover{border-color:rgba(255,180,107,.4)}
.tier .tag{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
.tier h3{font-size:21px;margin:10px 0 4px}
.tier .amt{font-family:var(--disp);font-size:34px;font-weight:700;margin:14px 0 2px}
.tier .amt small{font-size:13px;color:var(--mut);font-weight:500}
.tier ul{list-style:none;margin:20px 0 26px;display:grid;gap:9px;font-size:13.5px;color:var(--mut)}
.tier ul li::before{content:"✓";color:var(--cor2);margin-right:9px}
.bar{height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cor),var(--cor2));border-radius:99px}
.fill-lbl{font-size:11.5px;color:var(--mut);display:flex;justify-content:space-between;margin-top:6px}
.tier.pop{border-color:rgba(255,180,107,.5);background:linear-gradient(180deg,rgba(255,90,46,.09),var(--bg2) 55%)}
.tier.pop .ribbon{position:absolute;top:18px;right:-34px;transform:rotate(38deg);background:linear-gradient(90deg,var(--cor),var(--cor2));color:#220901;font-size:10.5px;font-weight:700;letter-spacing:.14em;padding:6px 40px;text-transform:uppercase}
.tier.inst{grid-column:span 2;background:linear-gradient(120deg,rgba(139,123,255,.12),var(--bg2) 60%);border-color:rgba(139,123,255,.4)}
/* proof / team / access / faq / contact / footer */
.proof{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.tst{border:1px solid var(--line);border-radius:24px;background:var(--glass);padding:38px;min-height:230px;transition:opacity .5s}
.tst .stars{color:var(--cor2);letter-spacing:3px;margin-bottom:16px}
.tst p{font-size:17px}.tst footer{margin-top:20px;font-size:13px;color:var(--mut)}
.team{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:52px}
.member{border:1px solid var(--line);border-radius:24px;padding:34px;background:var(--bg2);transition:.3s}
.member:hover{transform:translateY(-5px);border-color:rgba(255,180,107,.35)}
.avatar{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;font-family:var(--disp);font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--cor),#7a2408);margin-bottom:20px}
.member .role{font-size:12.5px;color:var(--cor2);letter-spacing:.08em;text-transform:uppercase;margin:6px 0 14px}
.member p{font-size:14px;color:var(--mut)}
.skin{display:inline-flex;margin-top:18px;font-size:12px;color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:6px 14px}
.access-frame{border:1px solid var(--line);border-radius:32px;padding:clamp(34px,5vw,64px);background:var(--bg2);overflow:hidden}
.slots{margin:36px 0}.slots .bar{height:9px}
.slots .bar i{width:95.8%;background:linear-gradient(90deg,var(--vio),var(--cor) 60%,var(--cor2));position:relative;overflow:hidden}
.slots .bar i::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);animation:shine 2.6s infinite}
@keyframes shine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
.s3{border:1px solid var(--line);border-radius:18px;padding:26px;background:var(--glass)}
.s3 b{font-family:var(--disp);color:var(--cor2);font-size:13px;letter-spacing:.2em}
.s3 h3{font-size:16.5px;margin:10px 0 8px}.s3 p{font-size:13.5px;color:var(--mut)}
.faq{max-width:820px;margin:52px auto 0}
.faq-item{border:1px solid var(--line);border-radius:16px;margin-bottom:12px;background:var(--glass);overflow:hidden}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;background:none;border:none;color:var(--ink);font-family:var(--disp);font-size:16px;text-align:left;cursor:pointer}
.faq-q span{transition:.3s;color:var(--cor2);font-size:20px}
.faq-item.open .faq-q span{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
.faq-a p{padding:0 26px 24px;font-size:14px;color:var(--mut)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:52px}
.c-card{border:1px solid var(--line);border-radius:20px;padding:28px;background:var(--bg2);margin-bottom:14px;transition:.3s}
.c-card:hover{border-color:rgba(255,180,107,.35)}
.c-card b{font-family:var(--disp);display:block;margin-bottom:6px}.c-card a{color:var(--cor2)}.c-card small{color:var(--mut);font-size:12.5px}
form.cf{display:grid;gap:14px}
.ok-msg{display:none;border:1px solid rgba(120,255,170,.35);background:rgba(60,220,130,.08);color:#a9f0c3;border-radius:13px;padding:14px 18px;font-size:14px}
footer.site{border-top:1px solid var(--line);padding:70px 0 40px;background:var(--bg2)}
.f-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:44px}
.f-grid h4{font-family:var(--disp);font-size:14px;margin-bottom:16px;color:var(--mut);letter-spacing:.12em;text-transform:uppercase}
.f-grid a{display:block;font-size:13.5px;color:var(--mut);margin-bottom:10px}
.f-grid a:hover{color:var(--ink)}
.legal{margin-top:50px;padding-top:28px;border-top:1px solid var(--line);font-size:12px;color:var(--mut);line-height:1.8}
.rv{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s ease}
.rv.in{opacity:1;transform:none}
/* ===== APP (dashboard/admin) ===== */
.app{display:flex;min-height:100vh}
.side{width:250px;position:fixed;inset:0 auto 0 0;background:var(--bg2);border-right:1px solid var(--line);padding:26px 16px;display:flex;flex-direction:column;gap:6px;z-index:50}
.side .logo{margin:0 8px 22px}
.snav{display:flex;flex-direction:column;gap:4px}
.snav button,.snav a{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;border:none;background:none;color:var(--mut);font:600 13.5px var(--body);cursor:pointer;text-align:left;transition:.2s}
.snav button.on{background:rgba(255,90,46,.1);color:var(--cor2)}
.snav a:hover,.snav button:hover{color:var(--ink)}
.main{margin-left:250px;flex:1;padding:28px clamp(20px,4vw,44px) 100px}
.topbar{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-bottom:26px;flex-wrap:wrap}
.topbar h2{margin:0;font-size:clamp(22px,3vw,32px)}
.page{display:none}.page.on{display:block;animation:fade .35s}
@keyframes fade{from{opacity:0;transform:translateY(8px)}}
.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.scard{border:1px solid var(--line);background:var(--bg2);border-radius:18px;padding:20px}
.scard b{font-family:var(--disp);font-size:22px;display:block;margin:6px 0 2px}
.scard b small{font-size:12px;color:var(--mut)}
.scard span{font-size:11.5px;color:var(--mut);text-transform:uppercase;letter-spacing:.08em}
.tblwrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--bg2)}
table.tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:680px}
.tbl th{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);text-align:left;padding:14px 16px;border-bottom:1px solid var(--line)}
.tbl td{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl tr:last-child td{border-bottom:none}
.bdg{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em}
.bdg.pending{background:rgba(251,191,36,.12);color:var(--warn)}
.bdg.active{background:rgba(74,222,128,.12);color:var(--ok)}
.bdg.rejected{background:rgba(248,113,113,.12);color:var(--bad)}
.bdg.processed{background:rgba(77,166,255,.12);color:var(--kim)}
.modal{position:fixed;inset:0;background:rgba(3,4,8,.72);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:200;padding:20px}
.modal.on{display:flex}
.mbox{background:var(--bg2);border:1px solid var(--line);border-radius:24px;padding:30px;max-width:540px;width:100%;max-height:88vh;overflow:auto}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(90px);background:var(--bg2);border:1px solid rgba(255,180,107,.4);border-radius:14px;padding:13px 22px;font-size:13.5px;z-index:300;transition:.4s;opacity:0}
.toast.on{transform:translateX(-50%);opacity:1}
.tgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.tcard{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--bg2);cursor:pointer;text-align:left;color:var(--ink);transition:.2s}
.tcard.on{border-color:var(--cor);background:rgba(255,90,46,.08)}
.tcard b{display:block;font-size:12.5px}.tcard span{font-size:11px;color:var(--mut)}
.range{width:100%;accent-color:var(--cor);margin-top:8px}
.addr{display:flex;gap:10px;align-items:center;justify-content:space-between;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px;font-size:12px}
.qr{width:150px;height:150px;border-radius:12px;border:1px solid var(--line);padding:8px;background:#fff;margin:10px auto;display:block}
.bnav{position:fixed;bottom:0;left:0;right:0;display:none;background:rgba(5,6,10,.95);backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:60}
.bnav button{flex:1;background:none;border:none;color:var(--mut);padding:10px 4px 12px;font:600 11px var(--body);cursor:pointer}
.bnav button.on{color:var(--cor2)}
.tabs{display:flex;gap:8px;flex-wrap:wrap}
.tabs button{padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--glass);color:var(--mut);font:600 12.5px var(--body);cursor:pointer}
.tabs button.on{border-color:rgba(255,180,107,.5);color:var(--cor2);background:rgba(255,90,46,.08)}
.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(50% 40% at 50% 0%,rgba(255,90,46,.1),transparent 60%)}
/* auth split */
.split{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}
.split .left{background:radial-gradient(70% 60% at 20% 20%,rgba(255,90,46,.14),transparent 60%),var(--bg2);border-right:1px solid var(--line);padding:6vh 5vw;display:flex;flex-direction:column}
.split .right{display:flex;align-items:center;justify-content:center;padding:6vh 6vw}
.authbox{width:100%;max-width:470px}
.vlist{display:grid;gap:18px;margin-top:34px}
.vlist div{display:flex;gap:14px;align-items:flex-start;font-size:14px;color:var(--mut)}
.vlist .ic{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);background:var(--glass)}
.shield{width:84px;height:84px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;font-size:34px;border:1px solid rgba(74,222,128,.4);background:rgba(74,222,128,.08);box-shadow:0 0 40px rgba(74,222,128,.25);animation:blink 2s infinite}
/* responsive */
@media(max-width:1020px){
.grid4,.steps{grid-template-columns:1fr 1fr}.tiers{grid-template-columns:1fr 1fr}.tier.inst{grid-column:span 2}
.hero-grid,.proof,.contact-grid,.duo,.team,.kimi-cols,.steps3{grid-template-columns:1fr}
.stats{grid-template-columns:1fr 1fr}
.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:rgba(5,6,10,.97);padding:26px 6vw;gap:18px;border-bottom:1px solid var(--line)}
nav.mkt.open .nav-links{display:flex}#burger{display:block}.nav-cta .ghost{display:none}
.eclipse-wrap{margin-top:30px}
@keyframes orbE{0%,100%{transform:translate(-150px,-50%)}50%{transform:translate(-56px,-50%)}}
@keyframes orbK{0%,100%{transform:translate(94px,-50%)}50%{transform:translate(-52px,-50%)}}
.side{display:none}.main{margin-left:0}.bnav{display:flex}.sgrid,.tgrid{grid-template-columns:1fr 1fr}
.split{grid-template-columns:1fr}.split .left{display:none}
}
@media(max-width:640px){.grid4,.steps,.tiers,.sgrid,.tgrid{grid-template-columns:1fr}.tier.inst{grid-column:span 1}.f-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}