*{box-sizing:border-box}html{scroll-behavior:smooth}body.lix-home-body{margin:0;background:#020617;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}:root{--bg:#020617;--panel:#0b1222;--card:#101827;--line:rgba(148,163,184,.22);--muted:#9aa8bd;--purple:#7c3aed;--violet:#8b5cf6;--cyan:#22d3ee;--green:#22c55e;--red:#ef4444;--blue:#3b82f6}.lix90-header{position:sticky;top:0;z-index:100;height:74px;width:100%;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;background:rgba(2,6,23,.78);backdrop-filter:blur(22px);border-bottom:1px solid rgba(148,163,184,.12)}.lix90-logo{color:#fff;text-decoration:none;font-size:34px;font-weight:950;letter-spacing:-.08em}.lix90-logo:first-letter{color:#fff}.lix90-nav{display:flex;gap:32px}.lix90-nav a{color:#e5e7eb;text-decoration:none;font-weight:850;font-size:14px}.lix90-nav a:first-child{color:#a78bfa;border-bottom:2px solid #7c3aed;padding-bottom:7px}.lix90-head-actions{display:flex;align-items:center;gap:12px}.lix90-login-link,.lix90-head-cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;font-weight:900;font-size:14px;padding:13px 20px}.lix90-login-link{color:#fff;border:1px solid var(--line);background:rgba(255,255,255,.035)}.lix90-head-cta{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 12px 40px rgba(124,58,237,.28)}.lix90-page{position:relative;overflow:hidden}.lix90-page:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 60% 6%,rgba(124,58,237,.20),transparent 28%),radial-gradient(circle at 12% 32%,rgba(34,211,238,.10),transparent 24%),#020617}.lix90-grid,.engine-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;opacity:.28;mask-image:radial-gradient(circle at center,black,transparent 78%)}.lix90-hero{position:relative;min-height:610px;padding:78px 7vw 50px;display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center}.lix90-hero-copy{position:relative;z-index:2}.lix90-hero h1{font-size:clamp(44px,5vw,76px);line-height:1.02;letter-spacing:-.07em;margin:0 0 18px}.lix90-hero h1 span,.lix90-benefits h2 span,.lix90-testimonials h2 span,.lix90-final-cta h2 span{background:linear-gradient(135deg,#60a5fa,#22d3ee,#8b5cf6);-webkit-background-clip:text;color:transparent}.lix90-hero p{max-width:640px;color:#dbe4f0;font-size:18px;line-height:1.65;margin:0}.lix90-actions{display:flex;gap:16px;margin:28px 0 34px;flex-wrap:wrap}.lix90-btn{display:inline-flex;align-items:center;gap:12px;text-decoration:none;padding:17px 24px;border-radius:12px;font-weight:950}.lix90-btn.primary{color:#fff;background:linear-gradient(135deg,#5b5cf6,#8b5cf6);box-shadow:0 18px 50px rgba(124,58,237,.25)}.lix90-btn.ghost{color:#fff;border:1px solid rgba(124,58,237,.55);background:rgba(255,255,255,.035)}.lix90-integrations small{display:block;color:#9fb0c8;margin-bottom:12px}.lix90-integrations div{display:flex;gap:28px;flex-wrap:wrap;font-weight:900}.wa{color:#25d366}.g{color:#93c5fd}.fb{color:#38bdf8}.ig{color:#c084fc}.zp{color:#fff}.lix90-hero-visual{position:relative;min-height:470px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(124,58,237,.35);border-radius:50%;animation:spin90 14s linear infinite}.o1{width:430px;height:120px}.o2{width:520px;height:160px;animation-direction:reverse}.lix90-floating-label{position:absolute;bottom:72px;left:50%;transform:translateX(-50%);background:rgba(6,10,24,.86);border:1px solid rgba(124,58,237,.5);border-radius:14px;text-align:center;padding:18px 58px;font-weight:950;font-size:22px;box-shadow:0 20px 60px rgba(0,0,0,.34)}.lix90-floating-label small{font-size:14px}.lix90-robot{position:relative;z-index:3;filter:drop-shadow(0 35px 70px rgba(124,58,237,.45));animation:float90 5.5s ease-in-out infinite}.lix90-robot .antenna{position:absolute;left:50%;top:-62px;transform:translateX(-50%);width:16px;height:58px;background:linear-gradient(#fff,#c7d2fe);border-radius:999px}.lix90-robot .antenna:before{content:"";position:absolute;top:-30px;left:-15px;width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 0 42px rgba(139,92,246,.85)}.lix90-robot .head{width:210px;height:145px;border-radius:56px;background:radial-gradient(circle at 30% 18%,#fff,transparent 28%),linear-gradient(145deg,#fff,#c7d2fe);display:flex;align-items:center;justify-content:center;gap:30px}.lix90-robot .head:before{content:"";position:absolute;width:148px;height:72px;border-radius:32px;background:#0a1020}.lix90-robot .head span{position:relative;z-index:2;width:28px;height:28px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 28px rgba(139,92,246,1);transition:.25s}.lix90-robot:hover .head span{background:#22d3ee;box-shadow:0 0 44px rgba(34,211,238,1);transform:scale(1.12)}.lix90-robot .head i{position:absolute;z-index:2;bottom:36px;width:44px;height:18px;border-bottom:4px solid #8b5cf6;border-radius:0 0 999px 999px}.lix90-robot .body{margin:20px auto 0;width:158px;height:145px;border-radius:44px;background:linear-gradient(145deg,#a78bfa,#6d28d9);display:grid;place-items:center;font-size:36px;font-weight:950;letter-spacing:-.08em}.standing{transform:scale(1.12)}.seated{transform:scale(.82)}@keyframes float90{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes spin90{to{transform:rotate(360deg)}}.lix90-engine{position:relative;width:min(1380px,calc(100% - 8vw));min-height:700px;margin:0 auto 34px;border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 38% 48%,rgba(124,58,237,.22),transparent 32%),rgba(255,255,255,.035);box-shadow:0 36px 120px rgba(0,0,0,.35);overflow:hidden}.engine-step,.engine-result{position:absolute;z-index:5;background:rgba(15,23,42,.78);border:1px solid rgba(148,163,184,.24);border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.24);transition:.25s}.engine-step:hover,.engine-result:hover,.benefit-grid article:hover{transform:translateY(-7px);border-color:rgba(124,58,237,.62)}.engine-step{width:185px;min-height:165px;padding:22px}.engine-step b,.engine-result b{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#5b5cf6,#7c3aed);box-shadow:0 0 28px rgba(124,58,237,.7);font-size:18px}.engine-step .ico{position:absolute;top:28px;left:74px;width:34px;height:34px;color:#60a5fa}.ico:before,.ico:after{content:"";position:absolute}.ico.user:before{left:11px;top:2px;width:14px;height:14px;border-radius:50%;background:currentColor}.ico.user:after{left:5px;top:22px;width:25px;height:11px;background:currentColor;border-radius:999px 999px 0 0}.ico.mail:before{inset:6px 2px;border:4px solid currentColor;border-radius:4px}.ico.mail:after{left:6px;right:6px;top:12px;height:15px;border-left:4px solid currentColor;border-bottom:4px solid currentColor;transform:rotate(-45deg)}.ico.chat:before{inset:5px 3px 9px;border:4px solid currentColor;border-radius:9px}.ico.chat:after{left:14px;bottom:4px;width:12px;height:12px;border-left:4px solid currentColor;border-bottom:4px solid currentColor;transform:rotate(-45deg)}.engine-step h3{font-size:20px;margin:42px 0 8px}.engine-step p,.engine-result p{margin:0;color:#9fb0c8;line-height:1.45}.step1{left:26px;top:80px}.step2{left:250px;top:80px}.step3{left:475px;top:80px}.engine-robot{position:absolute;z-index:4;left:250px;top:280px;width:310px;height:260px;display:grid;place-items:center}.robot-glow{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.35),transparent 65%)}.engine-result{right:62px;width:330px;padding:22px}.result-head{display:flex;gap:18px;align-items:center}.google-icon,.operator-icon,.dashboard-icon{display:inline-grid;place-items:center;width:50px;height:50px;border-radius:16px;font-style:normal;font-size:26px;font-weight:950}.google-icon{background:linear-gradient(135deg,#2563eb,#ef4444 48%,#f59e0b)}.operator-icon{background:rgba(239,68,68,.24);color:#fca5a5}.dashboard-icon{background:rgba(124,58,237,.28);color:#c4b5fd}.engine-result h3{font-size:25px;margin:18px 0 8px}.engine-result strong{display:inline-block;margin-top:16px}.result-google{top:62px;border-color:rgba(34,197,94,.55)}.result-google strong{color:#22c55e;background:rgba(34,197,94,.12);padding:7px 14px;border-radius:999px;letter-spacing:4px}.result-operator{top:265px;border-color:rgba(239,68,68,.55)}.result-operator strong{color:#fff;background:rgba(239,68,68,.75);padding:9px 16px;border-radius:999px}.result-dashboard{top:468px;border-color:rgba(124,58,237,.55)}.engine-proof{position:absolute;left:26px;right:62px;bottom:28px;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:rgba(15,23,42,.78);border:1px solid var(--line);border-radius:18px;padding:14px}.engine-proof div{display:grid;grid-template-columns:46px 1fr;gap:10px;border-right:1px solid rgba(148,163,184,.18);padding:0 18px}.engine-proof div:last-child{border-right:0}.engine-proof i{grid-row:1/3;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(124,58,237,.18);font-style:normal}.engine-proof b,.engine-proof span{display:block}.engine-proof span{color:#9fb0c8;font-size:13px}.engine-lines{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.line{fill:none;stroke-width:3;stroke-linecap:round;stroke-dasharray:10 12;animation:dash90 1.6s linear infinite}.cyan{stroke:#22d3ee;filter:url(#glowC)}.purple,.violet{stroke:#8b5cf6;filter:url(#glowP)}.green{stroke:#22c55e;filter:url(#glowG)}.red{stroke:#ef4444;filter:url(#glowR)}.dot{fill:currentColor}.cyan-dot{color:#22d3ee}.green-dot{color:#22c55e}.red-dot{color:#ef4444}.purple-dot{color:#8b5cf6}@keyframes dash90{to{stroke-dashoffset:-42}}.lix90-benefits{width:min(1380px,calc(100% - 8vw));margin:0 auto 34px;text-align:center}.lix90-benefits h2,.lix90-testimonials h2{font-size:40px;letter-spacing:-.05em;margin:0 0 26px}.benefit-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;text-align:left}.benefit-grid article,.lix90-testimonials article,.lix90-metrics,.lix90-recovery,.lix90-dashboard-section,.lix90-login-section,.lix90-final-cta{background:rgba(15,23,42,.72);border:1px solid var(--line);border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.22)}.benefit-grid article{min-height:205px;padding:22px;transition:.25s}.benefit-grid i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(124,58,237,.22);font-style:normal;margin-bottom:18px}.benefit-grid h3{font-size:18px;margin:0 0 12px}.benefit-grid p{font-size:14px;color:#9fb0c8;line-height:1.55;margin:0}.lix90-metrics{width:min(1380px,calc(100% - 8vw));margin:0 auto 34px;display:grid;grid-template-columns:repeat(4,1fr);text-align:center;overflow:hidden}.lix90-metrics div{padding:30px;border-right:1px solid rgba(148,163,184,.15)}.lix90-metrics div:last-child{border-right:0}.lix90-metrics i{display:block;font-size:28px}.lix90-metrics b{display:block;font-size:38px;color:#8b5cf6;margin:8px 0}.lix90-metrics span{color:#d7e0ee}.lix90-recovery{width:min(1380px,calc(100% - 8vw));margin:0 auto 34px;padding:42px;display:grid;grid-template-columns:.85fr 1.15fr;gap:46px;border-color:rgba(239,68,68,.35)}.recovery-copy span,.dashboard-copy span{color:#a78bfa;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:950}.recovery-copy h2,.dashboard-copy h2{font-size:40px;letter-spacing:-.06em;line-height:1.05;margin:12px 0}.recovery-copy p,.dashboard-copy p{color:#dbe4f0;line-height:1.65}.recovery-copy ul,.dashboard-copy ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px}.recovery-copy li,.dashboard-copy li{color:#e5eefb}.recovery-copy li:before,.dashboard-copy li:before{content:"✓";color:#22c55e;margin-right:10px}.recovery-flow{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;align-items:center;gap:10px;position:relative}.recovery-flow article{background:rgba(15,23,42,.78);border:1px solid var(--line);border-radius:14px;padding:20px;text-align:center}.recovery-flow article span{display:inline-block;background:rgba(239,68,68,.72);border-radius:999px;color:#fff;padding:7px 12px;font-size:12px;font-weight:900}.recovery-flow .ok{margin:12px auto;width:60px;height:60px;border-radius:50%;background:#22c55e;display:grid;place-items:center;font-size:34px}.recovery-flow i{color:#f97316;font-size:28px}.avoided{position:absolute;left:50%;bottom:-80px;transform:translateX(-50%);background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.4);border-radius:14px;padding:18px 52px;text-align:center}.avoided strong{color:#ef4444}.lix90-dashboard-section{width:min(1380px,calc(100% - 8vw));margin:0 auto 34px;padding:34px;display:grid;grid-template-columns:.33fr .67fr;gap:32px}.dashboard-ui{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025);padding:22px;display:grid;grid-template-columns:170px 1fr;gap:22px}.dashboard-ui aside{background:#07111f;border-radius:16px;padding:24px;display:grid;gap:18px;align-content:start}.dashboard-ui aside strong{font-size:28px;letter-spacing:-.08em}.dashboard-ui aside span{color:#aebbd0;font-weight:850}.dashboard-ui aside .active{background:rgba(124,58,237,.5);padding:12px;border-radius:12px;color:#fff}.dash-head{display:flex;justify-content:space-between}.dash-head h3{margin:0}.dash-head small{color:#86efac}.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.dash-cards div,.tasks,.bars{border:1px solid var(--line);border-radius:16px;background:rgba(15,23,42,.62);padding:18px}.dash-cards span,.dash-cards small{display:block;color:#9fb0c8}.dash-cards b{font-size:36px}.dash-cards .urgent{border-color:rgba(239,68,68,.45)}.dash-main{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tasks h4,.bars h4{margin:0 0 14px}.tasks p{background:rgba(255,255,255,.06);border-left:4px solid #ef4444;border-radius:12px;padding:13px}.tasks b,.tasks span,.tasks a{display:block}.tasks a{color:#a78bfa;font-weight:950}.bars div{height:250px;display:flex;align-items:end;gap:14px}.bars i{flex:1;border-radius:999px;background:linear-gradient(#7c3aed,#22d3ee);animation:bars90 4s ease-in-out infinite}.bars i:nth-child(1){height:38%}.bars i:nth-child(2){height:62%}.bars i:nth-child(3){height:52%}.bars i:nth-child(4){height:76%}.bars i:nth-child(5){height:68%}.bars i:nth-child(6){height:92%}@keyframes bars90{50%{transform:scaleY(1.07)}}.lix90-testimonials{width:min(1380px,calc(100% - 8vw));margin:0 auto 34px;text-align:center}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left}.lix90-testimonials article{padding:26px}.lix90-testimonials em{font-size:40px;color:#8b5cf6}.lix90-testimonials p{color:#dbe4f0;line-height:1.6}.lix90-testimonials div{display:flex;align-items:center;gap:12px}.lix90-testimonials small{display:block;color:#9fb0c8}.lix90-testimonials strong:last-child{display:block;color:#facc15;margin-top:12px}.lix90-login-section{position:relative;width:min(1380px,calc(100% - 8vw));margin:0 auto 34px;padding:44px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;overflow:hidden}.login-visual{position:relative;min-height:500px;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(34,211,238,.14),transparent 46%);border-radius:22px}.login-orbit{position:absolute;width:520px;height:310px;border:2px dashed rgba(79,70,229,.45);border-radius:50%;animation:spin90 20s linear infinite}.lix90-robot.simple .head{width:240px;height:165px}.lix90-robot.simple .body{width:170px;height:150px}.satellite{position:absolute;background:rgba(15,23,42,.86);border:1px solid var(--line);border-radius:18px;padding:18px 24px;font-size:22px;font-weight:950;box-shadow:0 18px 60px rgba(0,0,0,.32);animation:sat90 6s ease-in-out infinite}.satellite small{color:#dbe4f0}.s-note10{left:38px;top:42px}.s-wa{right:42px;top:92px;animation-delay:-1s}.s-note4{left:52px;bottom:92px;animation-delay:-2s}.s-google{right:72px;bottom:62px;animation-delay:-3s}@keyframes sat90{50%{transform:translateY(-12px)}}.login-card{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:30px;padding:48px;align-self:center}.login-card h2{font-size:48px;letter-spacing:-.07em;margin:0 0 14px}.login-card p{color:#cbd5e1;font-size:24px;margin:0 0 32px}.login-card form{display:grid;gap:22px}.login-card label{display:grid;gap:9px;font-size:22px;font-weight:950}.login-card input[type=text],.login-card input[type=password]{width:100%;border:0;border-radius:18px;background:#e9f1ff;color:#111827;padding:19px 24px;font-size:20px;outline:none}.login-row{display:flex;justify-content:space-between;gap:14px;align-items:center}.login-row label{display:flex;align-items:center;gap:10px;font-size:18px;color:#e5e7eb}.login-row a,.register-line a{color:#a78bfa;text-decoration:none;font-weight:950}.login-card button{border:0;border-radius:18px;background:linear-gradient(135deg,#5b5cf6,#8b5cf6);color:#fff;padding:20px;font-size:20px;font-weight:950;cursor:pointer}.register-line{text-align:center;color:#cbd5e1;border-top:1px solid var(--line);margin-top:30px;padding-top:26px;font-size:18px}.lix90-final-cta{width:min(1380px,calc(100% - 8vw));margin:0 auto 34px;padding:34px 70px;display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center;background:linear-gradient(135deg,rgba(124,58,237,.28),rgba(15,23,42,.72));overflow:hidden}.lix90-final-cta h2{font-size:34px;line-height:1.05;letter-spacing:-.05em;margin:0 0 10px}.lix90-final-cta p{margin:0;color:#cbd5e1}.lix90-final-cta a{background:linear-gradient(135deg,#5b5cf6,#8b5cf6);color:#fff;text-decoration:none;border-radius:12px;padding:17px 60px;font-weight:950}.lix90-final-cta small{color:#cbd5e1}.lix90-footer{padding:46px 7vw 30px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:44px}.footer-grid strong{font-size:34px;letter-spacing:-.08em}.footer-grid p,.footer-grid a,.footer-bottom{color:#9fb0c8}.footer-grid a{display:block;margin:10px 0;text-decoration:none}.socials{display:flex;gap:10px}.socials i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.08);font-style:normal}.footer-bottom{text-align:center;border-top:1px solid rgba(148,163,184,.14);margin-top:34px;padding-top:20px}[data-lix-reveal]{opacity:0;transform:translateY(24px);transition:.7s ease}[data-lix-reveal].is-visible{opacity:1;transform:translateY(0)}@media(max-width:1180px){.lix90-hero,.lix90-recovery,.lix90-dashboard-section,.lix90-login-section{grid-template-columns:1fr}.lix90-engine{min-height:auto;padding:22px;display:grid;gap:16px}.engine-step,.engine-result,.engine-robot,.engine-proof{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%;display:block}.engine-lines{display:none}.engine-robot{height:300px}.engine-proof{grid-template-columns:1fr 1fr}.benefit-grid{grid-template-columns:repeat(3,1fr)}.dashboard-ui{grid-template-columns:1fr}.dashboard-ui aside{display:none}.footer-grid{grid-template-columns:1fr 1fr}.lix90-nav{display:none}}@media(max-width:760px){.lix90-header{padding:0 18px}.lix90-head-cta{display:none}.lix90-hero{padding:46px 22px;grid-template-columns:1fr}.lix90-hero h1{font-size:40px}.lix90-hero-visual{min-height:360px}.standing{transform:scale(.78)}.lix90-floating-label{bottom:35px;padding:12px 34px}.lix90-engine,.lix90-benefits,.lix90-metrics,.lix90-recovery,.lix90-dashboard-section,.lix90-testimonials,.lix90-login-section,.lix90-final-cta{width:calc(100% - 24px)}.engine-step,.engine-result{display:grid!important;grid-template-columns:44px 50px 1fr;gap:10px;align-items:center}.engine-step b,.engine-result b{grid-column:1;grid-row:1/3}.engine-step .ico,.result-head i{grid-column:2;grid-row:1/3}.engine-step h3,.engine-result h3{grid-column:3;grid-row:1;margin:0}.engine-step p,.engine-result p{grid-column:3;grid-row:2}.result-head{display:contents}.engine-result strong{grid-column:3;grid-row:3}.engine-proof,.benefit-grid,.lix90-metrics,.dash-cards,.dash-main,.testimonial-grid{grid-template-columns:1fr}.engine-proof div,.lix90-metrics div{border-right:0;border-bottom:1px solid rgba(148,163,184,.14)}.recovery-flow{grid-template-columns:1fr}.recovery-flow i{transform:rotate(90deg);justify-self:center}.avoided{position:relative;left:auto;bottom:auto;transform:none;margin-top:20px}.login-visual{min-height:380px}.login-orbit{width:310px;height:200px}.lix90-robot.simple{transform:scale(.65)}.satellite{font-size:14px;padding:12px}.login-card{padding:26px}.login-card h2{font-size:36px}.login-card p{font-size:18px}.login-card label{font-size:16px}.login-row{align-items:flex-start;flex-direction:column}.lix90-final-cta{grid-template-columns:1fr;padding:28px}.footer-grid{grid-template-columns:1fr}.benefit-grid article{min-height:auto}}
/* v0.9.1 recovery section: operator avatar + fixed avoided card */
.recovery-flow .operator-card {
position: relative;
overflow: hidden;
}
.recovery-flow .operator-card:before {
content: "";
position: absolute;
left: 50%;
top: 42%;
width: 118px;
height: 118px;
transform: translate(-50%, -50%);
border-radius: 50%;
background: radial-gradient(circle, rgba(124,58,237,.45), transparent 68%);
box-shadow: 0 0 60px rgba(124,58,237,.45);
}
.operator-avatar {
position: relative;
z-index: 2;
width: 76px;
height: 76px;
margin: 16px auto 12px;
border-radius: 50%;
display: grid;
place-items: center;
background:
radial-gradient(circle at 50% 20%, rgba(255,255,255,.95), transparent 20%),
linear-gradient(145deg, #312e81, #7c3aed);
border: 3px solid rgba(167,139,250,.55);
box-shadow: 0 0 36px rgba(124,58,237,.65);
}
.avatar-face {
position: relative;
width: 52px;
height: 58px;
border-radius: 22px 22px 18px 18px;
background: linear-gradient(145deg, #f8c7a3, #b45309);
overflow: hidden;
}
.avatar-face:before {
content: "";
position: absolute;
left: 7px;
right: 7px;
top: 0;
height: 16px;
border-radius: 0 0 15px 15px;
background: #21110b;
}
.avatar-face span {
position: absolute;
top: 25px;
width: 5px;
height: 5px;
border-radius: 50%;
background: #111827;
}
.avatar-face span:nth-child(1) { left: 16px; }
.avatar-face span:nth-child(2) { right: 16px; }
.avatar-face i {
position: absolute;
left: 50%;
bottom: 13px;
width: 18px;
height: 8px;
transform: translateX(-50%);
border-bottom: 3px solid #111827;
border-radius: 0 0 999px 999px;
}
.recovery-flow .operator-card p,
.recovery-flow .operator-card span,
.recovery-flow .operator-card b {
position: relative;
z-index: 2;
}
.avoided {
bottom: -38px !important;
z-index: 4;
box-shadow: 0 20px 70px rgba(239,68,68,.18);
}
.lix90-recovery {
padding-bottom: 88px !important;
overflow: hidden;
}
@media(max-width:760px) {
.avoided {
bottom: auto !important;
}
.lix90-recovery {
padding-bottom: 34px !important;
}
}
/* v0.9.2 Premium hero animation */
.lix90-hero {
min-height: calc(100vh - 74px) !important;
padding-top: 42px !important;
padding-bottom: 48px !important;
}
.lix92-hero-visual {
min-height: 560px !important;
overflow: visible;
}
.lix92-hero-robot {
transform: scale(1.28);
animation: lix92HeroRobotFloat 5.8s ease-in-out infinite !important;
}
@keyframes lix92HeroRobotFloat {
0%,100% { transform: translate3d(0,0,0) scale(1.28) rotate(0deg); }
50% { transform: translate3d(0,-24px,0) scale(1.28) rotate(1.5deg); }
}
.lix90-floating-label {
display: none !important;
}
.lix92-orbit-field {
position: absolute;
inset: 0;
pointer-events: none;
}
.orb-ring {
position: absolute;
left: 50%;
top: 50%;
border: 1px solid rgba(124,58,237,.34);
border-radius: 50%;
transform: translate(-50%, -50%);
filter: drop-shadow(0 0 18px rgba(124,58,237,.32));
}
.orb-ring.r1 {
width: 520px;
height: 180px;
animation: lix92OrbitSpin 17s linear infinite;
}
.orb-ring.r2 {
width: 620px;
height: 255px;
border-color: rgba(34,211,238,.18);
animation: lix92OrbitSpin 23s linear infinite reverse;
}
.orb-ring.r3 {
width: 420px;
height: 420px;
border-color: rgba(124,58,237,.16);
animation: lix92OrbitPulse 5s ease-in-out infinite;
}
@keyframes lix92OrbitSpin {
from { transform: translate(-50%, -50%) rotate(0deg); }
to { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes lix92OrbitPulse {
0%,100% { opacity: .35; transform: translate(-50%, -50%) scale(.95); }
50% { opacity: .85; transform: translate(-50%, -50%) scale(1.08); }
}
.orb-dot {
position: absolute;
width: 11px;
height: 11px;
border-radius: 50%;
background: #22d3ee;
box-shadow: 0 0 28px rgba(34,211,238,.9);
}
.orb-dot.d1 { left: 19%; top: 44%; animation: lix92DotA 6s ease-in-out infinite; }
.orb-dot.d2 { right: 14%; top: 28%; background:#8b5cf6; box-shadow:0 0 28px rgba(139,92,246,.9); animation: lix92DotB 7s ease-in-out infinite; }
.orb-dot.d3 { right: 23%; bottom: 23%; background:#22c55e; box-shadow:0 0 28px rgba(34,197,94,.9); animation: lix92DotC 8s ease-in-out infinite; }
@keyframes lix92DotA { 50% { transform: translate(42px,-24px); } }
@keyframes lix92DotB { 50% { transform: translate(-38px,28px); } }
@keyframes lix92DotC { 50% { transform: translate(-46px,-34px); } }
.orb-line {
position: absolute;
height: 2px;
width: 250px;
background: linear-gradient(90deg, transparent, rgba(34,211,238,.6), transparent);
transform-origin: left center;
opacity: .55;
filter: blur(.2px);
}
.orb-line.l1 {
left: 22%;
top: 38%;
transform: rotate(-18deg);
animation: lix92LinePulse 3.8s ease-in-out infinite;
}
.orb-line.l2 {
right: 10%;
bottom: 34%;
transform: rotate(24deg);
background: linear-gradient(90deg, transparent, rgba(124,58,237,.7), transparent);
animation: lix92LinePulse 4.5s ease-in-out infinite reverse;
}
@keyframes lix92LinePulse {
0%,100% { opacity:.18; width:180px; }
50% { opacity:.8; width:290px; }
}
.lix92-float-card {
position: absolute;
z-index: 6;
min-width: 150px;
padding: 15px 18px;
border: 1px solid rgba(148,163,184,.24);
background: rgba(15,23,42,.78);
backdrop-filter: blur(18px);
border-radius: 16px;
box-shadow: 0 22px 70px rgba(0,0,0,.30);
animation: lix92CardFloat 5.6s ease-in-out infinite;
}
.lix92-float-card b,
.lix92-float-card span {
display: block;
}
.lix92-float-card b {
font-size: 17px;
letter-spacing: -.03em;
}
.lix92-float-card span {
margin-top: 6px;
color: #cbd5e1;
font-size: 14px;
font-weight: 800;
}
.card-note {
left: 4%;
top: 18%;
}
.card-wa {
right: 2%;
top: 28%;
animation-delay: -.8s;
}
.card-google {
right: 5%;
bottom: 18%;
animation-delay: -1.6s;
border-color: rgba(34,197,94,.38);
}
.card-task {
left: 6%;
bottom: 24%;
animation-delay: -2.4s;
border-color: rgba(239,68,68,.35);
}
.card-live {
left: 50%;
bottom: 6%;
transform: translateX(-50%);
animation-delay: -3.2s;
border-color: rgba(124,58,237,.45);
}
@keyframes lix92CardFloat {
0%,100% { translate: 0 0; }
50% { translate: 0 -12px; }
}
.lix92-float-card:hover {
border-color: rgba(167,139,250,.72);
box-shadow: 0 28px 90px rgba(124,58,237,.24);
}
@media(max-width:1180px) {
.lix92-hero-visual {
min-height: 500px !important;
}
.lix92-hero-robot {
transform: scale(1.05);
}
@keyframes lix92HeroRobotFloat {
0%,100% { transform: translate3d(0,0,0) scale(1.05) rotate(0deg); }
50% { transform: translate3d(0,-20px,0) scale(1.05) rotate(1.5deg); }
}
}
@media(max-width:760px) {
.lix90-hero {
padding-top: 34px !important;
}
.lix92-hero-visual {
min-height: 430px !important;
}
.lix92-hero-robot {
transform: scale(.82);
}
@keyframes lix92HeroRobotFloat {
0%,100% { transform: translate3d(0,0,0) scale(.82) rotate(0deg); }
50% { transform: translate3d(0,-16px,0) scale(.82) rotate(1deg); }
}
.orb-ring.r1 { width: 330px; height: 120px; }
.orb-ring.r2 { width: 380px; height: 170px; }
.orb-ring.r3 { width: 280px; height: 280px; }
.lix92-float-card {
min-width: 120px;
padding: 11px 13px;
border-radius: 14px;
}
.lix92-float-card b {
font-size: 14px;
}
.lix92-float-card span {
font-size: 12px;
}
.card-note { left: 0; top: 10%; }
.card-wa { right: 0; top: 18%; }
.card-task { left: 0; bottom: 24%; }
.card-google { right: 0; bottom: 18%; }
.card-live { display: none; }
}
/* LiX v1.0.0 Launch Edition polish */
:root {
--lix-electric: #22d3ee;
--lix-violet: #8b5cf6;
--lix-core: rgba(124,58,237,.36);
}
.lix100-system-boot {
position: fixed;
right: 28px;
bottom: 28px;
z-index: 999;
display: grid;
gap: 8px;
pointer-events: none;
animation: lixBootHide 7s ease forwards;
}
.lix100-system-boot span {
display: block;
width: max-content;
margin-left: auto;
border: 1px solid rgba(34,211,238,.25);
border-radius: 999px;
background: rgba(2,6,23,.72);
backdrop-filter: blur(18px);
color: #c7f9ff;
padding: 8px 13px;
font-size: 12px;
font-weight: 900;
opacity: 0;
transform: translateY(8px);
box-shadow: 0 18px 60px rgba(0,0,0,.22);
}
.lix100-system-boot span:nth-child(1) { animation: lixBootLine 1.6s ease .2s forwards; }
.lix100-system-boot span:nth-child(2) { animation: lixBootLine 1.6s ease 1.7s forwards; }
.lix100-system-boot span:nth-child(3) { animation: lixBootLine 1.6s ease 3.2s forwards; }
@keyframes lixBootLine {
0% { opacity: 0; transform: translateY(8px); }
18%, 85% { opacity: 1; transform: translateY(0); }
100% { opacity: .65; transform: translateY(0); }
}
@keyframes lixBootHide {
0%, 78% { opacity: 1; }
100% { opacity: 0; visibility: hidden; }
}
.lix100-energy-thread {
position: fixed;
left: 50%;
top: 0;
bottom: 0;
z-index: -1;
width: 2px;
background: linear-gradient(180deg, transparent, rgba(34,211,238,.22), rgba(139,92,246,.32), rgba(34,211,238,.14), transparent);
filter: blur(.2px);
opacity: .8;
pointer-events: none;
mask-image: linear-gradient(transparent, black 10%, black 92%, transparent);
}
.lix100-brand-line {
display: inline-grid;
grid-template-columns: auto auto auto;
gap: 8px;
margin-bottom: 16px;
}
.lix100-brand-line b {
border: 1px solid rgba(148,163,184,.18);
border-radius: 999px;
background: rgba(15,23,42,.62);
padding: 8px 12px;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .10em;
}
.lix100-brand-line b:nth-child(1) { color: #aebbd0; }
.lix100-brand-line b:nth-child(2) { color: #a78bfa; box-shadow: 0 0 28px rgba(139,92,246,.12); }
.lix100-brand-line b:nth-child(3) { color: #67e8f9; box-shadow: 0 0 28px rgba(34,211,238,.12); }
.lix90-header {
box-shadow: 0 18px 80px rgba(0,0,0,.18), inset 0 -1px 0 rgba(255,255,255,.03);
}
.lix90-head-cta,
.lix90-btn.primary,
.lix90-final-cta a,
.login-card button {
position: relative;
overflow: hidden;
}
.lix90-head-cta:before,
.lix90-btn.primary:before,
.lix90-final-cta a:before,
.login-card button:before {
content: "";
position: absolute;
inset: -2px;
transform: translateX(-120%);
background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
animation: lixShine 5.4s ease-in-out infinite;
}
@keyframes lixShine {
0%, 72% { transform: translateX(-120%); }
100% { transform: translateX(120%); }
}
/* Hero "alive" upgrade */
.lix92-hero-visual:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 390px;
height: 390px;
transform: translate(-50%, -50%);
border-radius: 50%;
background:
conic-gradient(from 0deg, transparent, rgba(34,211,238,.22), transparent, rgba(139,92,246,.30), transparent);
filter: blur(2px);
opacity: .8;
animation: lixCoreSpin 10s linear infinite;
}
.lix92-hero-visual:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 245px;
height: 245px;
transform: translate(-50%, -50%);
border-radius: 50%;
background: radial-gradient(circle, rgba(34,211,238,.22), rgba(139,92,246,.18), transparent 70%);
animation: lixCoreBreath 4.2s ease-in-out infinite;
}
@keyframes lixCoreSpin {
to { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes lixCoreBreath {
0%,100% { opacity: .45; scale: .92; }
50% { opacity: .92; scale: 1.08; }
}
.lix90-robot .antenna:before {
animation: lixAntennaPulse 3s ease-in-out infinite;
}
@keyframes lixAntennaPulse {
0%,100% { box-shadow: 0 0 30px rgba(139,92,246,.72); }
50% { box-shadow: 0 0 54px rgba(34,211,238,.95); }
}
.lix90-robot .head span {
animation: lixEyesBlink 5.8s infinite;
}
.lix90-robot .head span:nth-child(2) {
animation-delay: .08s;
}
@keyframes lixEyesBlink {
0%, 91%, 100% { transform: scaleY(1); }
94% { transform: scaleY(.18); }
}
.lix92-float-card,
.engine-step,
.engine-result,
.benefit-grid article,
.dashboard-ui,
.login-card {
will-change: transform;
}
.lix92-float-card {
box-shadow: 0 22px 70px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06);
}
/* Section energy links */
.lix90-engine,
.lix90-recovery,
.lix90-dashboard-section,
.lix90-login-section,
.lix90-final-cta {
position: relative;
}
.lix90-engine:after,
.lix90-recovery:after,
.lix90-dashboard-section:after,
.lix90-login-section:after {
content: "";
position: absolute;
left: 50%;
bottom: -35px;
width: 2px;
height: 70px;
background: linear-gradient(transparent, rgba(34,211,238,.32), transparent);
z-index: 0;
pointer-events: none;
}
/* Dashboard live polish */
.dash-cards b {
background: linear-gradient(135deg,#fff,#a78bfa,#67e8f9);
-webkit-background-clip: text;
color: transparent;
}
.tasks p {
animation: lixTaskPulse 4.8s ease-in-out infinite;
}
.tasks p:nth-child(3) { animation-delay: .8s; }
.tasks p:nth-child(4) { animation-delay: 1.6s; }
@keyframes lixTaskPulse {
0%,100% { border-left-color: #ef4444; background: rgba(255,255,255,.055); }
50% { border-left-color: #22d3ee; background: rgba(34,211,238,.06); }
}
/* Login focus feels like entering system */
.login-card input:focus {
box-shadow: 0 0 0 4px rgba(34,211,238,.18), 0 0 42px rgba(34,211,238,.10);
}
.login-card {
box-shadow: 0 36px 110px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08);
}
/* Footer Launch Edition */
.lix100-footer {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 18% 0%, rgba(124,58,237,.18), transparent 28%),
radial-gradient(circle at 88% 40%, rgba(34,211,238,.08), transparent 30%),
#020617;
border-top: 1px solid rgba(148,163,184,.14);
padding-top: 86px;
}
.lix100-footer-robot {
position: absolute;
right: 8vw;
top: 18px;
width: 135px;
height: 80px;
opacity: .92;
}
.tiny-robot {
position: absolute;
left: 20px;
top: 6px;
transform: rotate(-8deg);
animation: lixTinyFloat 5s ease-in-out infinite;
}
.tiny-head {
width: 70px;
height: 46px;
border-radius: 20px;
background: linear-gradient(145deg,#fff,#c7d2fe);
display: flex;
gap: 10px;
align-items: center;
justify-content: center;
}
.tiny-head:before {
content: "";
position: absolute;
width: 48px;
height: 23px;
border-radius: 12px;
background: #0a1020;
}
.tiny-head span {
position: relative;
z-index: 1;
width: 9px;
height: 9px;
border-radius: 50%;
background: #22d3ee;
box-shadow: 0 0 16px rgba(34,211,238,.9);
animation: lixEyesBlink 6s infinite;
}
.tiny-body {
width: 54px;
height: 38px;
margin: 7px auto 0;
border-radius: 16px;
background: linear-gradient(145deg,#a78bfa,#6d28d9);
display: grid;
place-items: center;
font-size: 13px;
font-weight: 950;
}
.tiny-shadow {
position: absolute;
left: 5px;
bottom: 4px;
width: 112px;
height: 15px;
border-radius: 50%;
background: rgba(124,58,237,.22);
filter: blur(5px);
}
@keyframes lixTinyFloat {
50% { transform: translateY(-6px) rotate(-5deg); }
}
.footer-brand p b {
color: #fff;
}
.footer-motto {
color: #67e8f9 !important;
font-weight: 900;
}
.footer-bottom {
letter-spacing: .01em;
}
/* CTA copy adjustment */
.lix90-final-cta small {
display: block;
justify-self: start;
font-weight: 850;
color: #aeefff;
}
/* Responsive polish */
@media(max-width:1180px) {
.lix100-energy-thread {
opacity: .35;
}
.lix90-engine:after,
.lix90-recovery:after,
.lix90-dashboard-section:after,
.lix90-login-section:after {
display: none;
}
}
@media(max-width:760px) {
.lix100-system-boot {
right: 12px;
bottom: 14px;
}
.lix100-system-boot span {
font-size: 11px;
padding: 7px 10px;
}
.lix100-brand-line {
grid-template-columns: 1fr;
gap: 6px;
}
.lix92-hero-visual:before {
width: 270px;
height: 270px;
}
.lix92-hero-visual:after {
width: 170px;
height: 170px;
}
.lix100-footer-robot {
display: none;
}
.lix100-footer {
padding-top: 46px;
}
}
@media (prefers-reduced-motion: reduce) {
*, *:before, *:after {
animation-duration: .001ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
}
}
/* LiX v1.1.0 — Onboarding page */
.lixob-header {
position: sticky;
top: 0;
z-index: 100;
min-height: 82px;
padding: 0 5vw;
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
background: rgba(2, 6, 23, .78);
border-bottom: 1px solid rgba(148,163,184,.12);
backdrop-filter: blur(22px);
}
.lixob-logo {
color: #fff;
text-decoration: none;
font-size: 45px;
font-weight: 950;
letter-spacing: -.09em;
}
.lixob-logo small {
display: inline-block;
margin-left: 10px;
color: #fff;
font-size: 15px;
letter-spacing: -.03em;
vertical-align: middle;
}
.lixob-header nav {
display: flex;
align-items: center;
gap: 34px;
}
.lixob-header nav a {
color: #fff;
text-decoration: none;
font-size: 16px;
font-weight: 800;
}
.lixob-header-action {
display: grid;
justify-items: end;
gap: 8px;
}
.lixob-header-action a {
color: #fff;
text-decoration: none;
background: linear-gradient(135deg, #8b5cf6, #0284c7, #0ea5e9);
padding: 17px 30px;
border-radius: 12px;
font-weight: 950;
box-shadow: 0 0 36px rgba(14,165,233,.22);
}
.lixob-header-action span {
color: #cbd5e1;
font-size: 13px;
}
.lixob-page {
position: relative;
min-height: 100vh;
background:
radial-gradient(circle at 78% 8%, rgba(124,58,237,.24), transparent 30%),
radial-gradient(circle at 20% 45%, rgba(34,211,238,.08), transparent 28%),
#020617;
overflow: hidden;
padding-bottom: 40px;
}
.lixob-bg-grid {
position: fixed;
inset: 0;
background:
linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
background-size: 54px 54px;
opacity: .22;
pointer-events: none;
mask-image: radial-gradient(circle at center, black, transparent 82%);
}
.lixob-energy-thread {
position: fixed;
left: 50%;
top: 0;
bottom: 0;
width: 2px;
background: linear-gradient(transparent, rgba(139,92,246,.35), rgba(34,211,238,.22), transparent);
pointer-events: none;
opacity: .55;
}
.lixob-hero {
position: relative;
z-index: 2;
width: min(1440px, calc(100% - 8vw));
margin: 0 auto;
padding: 72px 0 32px;
display: grid;
grid-template-columns: .84fr 1.16fr;
gap: 52px;
align-items: center;
}
.lixob-hero-copy > span,
.connect-copy > span,
.guarantee-copy > span {
display: inline-block;
color: #22d3ee;
text-transform: uppercase;
letter-spacing: .12em;
font-size: 14px;
font-weight: 900;
margin-bottom: 16px;
}
.lixob-hero h1 {
margin: 0;
color: #fff;
font-size: clamp(44px, 4.8vw, 72px);
line-height: 1.08;
letter-spacing: -.07em;
}
.lixob-hero h1 b {
color: #c084fc;
}
.lixob-hero h1 em {
font-style: normal;
background: linear-gradient(135deg, #c084fc, #22d3ee, #3b82f6);
-webkit-background-clip: text;
color: transparent;
}
.lixob-hero p {
margin: 24px 0 0;
color: #cbd5e1;
font-size: 21px;
line-height: 1.55;
}
.lixob-trust-row {
margin-top: 34px;
display: grid;
grid-template-columns: repeat(4, 1fr);
border: 1px solid rgba(148,163,184,.20);
border-radius: 18px;
background: rgba(15,23,42,.64);
overflow: hidden;
backdrop-filter: blur(18px);
}
.lixob-trust-row div {
text-align: center;
padding: 24px 16px;
border-right: 1px solid rgba(148,163,184,.14);
}
.lixob-trust-row div:last-child {
border-right: 0;
}
.lixob-trust-row i {
display: block;
font-size: 34px;
font-style: normal;
color: #8b5cf6;
filter: drop-shadow(0 0 18px rgba(139,92,246,.65));
}
.lixob-trust-row b,
.lixob-trust-row span {
display: block;
}
.lixob-trust-row b {
margin-top: 12px;
font-size: 16px;
}
.lixob-trust-row span {
margin-top: 5px;
color: #cbd5e1;
font-size: 13px;
}
.lixob-hero-visual {
position: relative;
min-height: 560px;
display: grid;
place-items: center;
}
.lixob-orbits {
position: absolute;
inset: 0;
display: grid;
place-items: center;
}
.lixob-orbits span {
position: absolute;
border: 1px solid rgba(124,58,237,.40);
border-radius: 50%;
filter: drop-shadow(0 0 24px rgba(124,58,237,.28));
animation: lixobSpin 18s linear infinite;
}
.lixob-orbits span:nth-child(1) { width: 720px; height: 220px; }
.lixob-orbits span:nth-child(2) { width: 620px; height: 360px; border-color: rgba(34,211,238,.28); animation-duration: 24s; animation-direction: reverse; }
.lixob-orbits span:nth-child(3) { width: 500px; height: 500px; border-color: rgba(124,58,237,.18); animation-duration: 32s; }
@keyframes lixobSpin {
to { transform: rotate(360deg); }
}
.lixob-orbits i {
position: absolute;
display: grid;
place-items: center;
width: 74px;
height: 74px;
border-radius: 50%;
background: rgba(15,23,42,.74);
border: 1px solid rgba(34,211,238,.38);
color: #22d3ee;
font-size: 34px;
font-style: normal;
box-shadow: 0 0 40px rgba(34,211,238,.22);
animation: lixobFloat 6s ease-in-out infinite;
}
.lixob-orbits .meta { left: 12%; top: 22%; }
.lixob-orbits .wa { right: 12%; top: 38%; animation-delay: -1s; }
.lixob-orbits .shield { right: 6%; bottom: 16%; animation-delay: -2s; }
.lixob-orbits .team { left: 10%; bottom: 38%; animation-delay: -3s; }
@keyframes lixobFloat {
50% { transform: translateY(-14px); }
}
.lixob-robot {
position: relative;
z-index: 4;
filter: drop-shadow(0 42px 110px rgba(124,58,237,.55));
animation: lixobRobot 5.6s ease-in-out infinite;
}
@keyframes lixobRobot {
0%,100% { transform: translateY(0) rotate(0deg); }
50% { transform: translateY(-20px) rotate(1deg); }
}
.lixob-robot .antenna {
position: absolute;
left: 50%;
top: -54px;
transform: translateX(-50%);
width: 14px;
height: 60px;
border-radius: 999px;
background: linear-gradient(#fff, #c7d2fe);
}
.lixob-robot .antenna:before {
content: "";
position: absolute;
left: -16px;
top: -32px;
width: 46px;
height: 46px;
border-radius: 50%;
background: #fff;
box-shadow: 0 0 50px rgba(139,92,246,.9);
}
.lixob-robot .head {
position: relative;
width: 250px;
height: 170px;
border-radius: 70px;
background: radial-gradient(circle at 32% 18%, #fff, transparent 28%), linear-gradient(145deg,#fff,#c7d2fe);
display: flex;
align-items: center;
justify-content: center;
gap: 34px;
}
.lixob-robot .head:before {
content: "";
position: absolute;
width: 170px;
height: 82px;
border-radius: 38px;
background: #080d1d;
}
.lixob-robot .head span {
position: relative;
z-index: 2;
width: 29px;
height: 29px;
border-radius: 50%;
background: #8b5cf6;
box-shadow: 0 0 38px rgba(139,92,246,1);
animation: lixobBlink 6s infinite;
}
.lixob-robot .head small {
position: absolute;
z-index: 2;
bottom: 43px;
width: 50px;
height: 18px;
border-bottom: 4px solid #8b5cf6;
border-radius: 0 0 999px 999px;
}
@keyframes lixobBlink {
0%, 92%, 100% { transform: scaleY(1); }
95% { transform: scaleY(.18); }
}
.lixob-robot .body {
margin: 24px auto 0;
width: 180px;
height: 160px;
border-radius: 55px;
display: grid;
place-items: center;
background: linear-gradient(145deg, #a78bfa, #6d28d9);
font-size: 42px;
font-weight: 950;
letter-spacing: -.08em;
box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
}
.lixob-robot .arm {
position: absolute;
width: 74px;
height: 28px;
border-radius: 999px;
background: linear-gradient(145deg,#dbeafe,#7c3aed);
top: 245px;
}
.lixob-robot .arm.left {
left: 18px;
transform: rotate(25deg);
}
.lixob-robot .arm.right {
right: 18px;
transform: rotate(-22deg);
}
.lixob-speech {
position: absolute;
right: 2%;
top: 14%;
z-index: 5;
padding: 20px 34px;
border-radius: 18px;
border: 1px solid rgba(34,211,238,.45);
background: rgba(15,23,42,.72);
backdrop-filter: blur(20px);
color: #93c5fd;
font-size: 24px;
text-align: center;
box-shadow: 0 24px 80px rgba(0,0,0,.28);
}
.lixob-speech strong {
color: #fff;
}
.lixob-main-flow {
position: relative;
z-index: 2;
width: min(1440px, calc(100% - 8vw));
margin: 0 auto 28px;
display: grid;
grid-template-columns: 410px 1fr;
gap: 28px;
}
.lixob-steps,
.lixob-workspace > section,
.lixob-guarantee,
.lixob-security {
border: 1px solid rgba(148,163,184,.20);
background: rgba(15,23,42,.66);
backdrop-filter: blur(20px);
border-radius: 22px;
box-shadow: 0 34px 110px rgba(0,0,0,.25);
}
.lixob-steps {
padding: 24px;
}
.lixob-steps h2 {
margin: 0 0 18px;
font-size: 20px;
text-transform: uppercase;
letter-spacing: .12em;
color: #c4b5fd;
}
.lixob-steps article {
position: relative;
display: grid;
grid-template-columns: 58px 54px 1fr;
gap: 14px;
padding: 16px;
border-radius: 18px;
background: rgba(2,6,23,.35);
margin-bottom: 10px;
border: 1px solid transparent;
}
.lixob-steps article:before {
content: "";
position: absolute;
left: 44px;
top: 72px;
bottom: -22px;
width: 2px;
background: linear-gradient(#8b5cf6, #22d3ee);
opacity: .65;
}
.lixob-steps article:last-of-type:before {
display: none;
}
.lixob-steps article.active {
background: radial-gradient(circle at 0% 50%, rgba(139,92,246,.28), transparent 45%), rgba(124,58,237,.12);
border-color: rgba(124,58,237,.55);
box-shadow: 0 0 42px rgba(124,58,237,.18);
}
.lixob-steps b {
display: grid;
place-items: center;
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid rgba(96,165,250,.6);
color: #fff;
background: rgba(15,23,42,.8);
font-size: 24px;
box-shadow: 0 0 26px rgba(124,58,237,.35);
}
.lixob-steps .active b {
background: #6d28d9;
box-shadow: 0 0 35px rgba(139,92,246,.9);
}
.lixob-steps .done b {
border-color: rgba(34,197,94,.6);
}
.lixob-steps i {
display: grid;
place-items: center;
width: 46px;
height: 46px;
border-radius: 50%;
background: rgba(30,41,59,.65);
color: #22d3ee;
font-style: normal;
font-size: 25px;
}
.lixob-steps strong,
.lixob-steps p,
.lixob-steps span {
display: block;
}
.lixob-steps strong {
font-size: 16px;
}
.lixob-steps p {
margin: 6px 0 9px;
color: #cbd5e1;
line-height: 1.45;
font-size: 13px;
}
.lixob-steps article span {
width: max-content;
padding: 5px 9px;
border-radius: 999px;
background: rgba(148,163,184,.12);
color: #cbd5e1;
font-size: 11px;
font-weight: 800;
}
.lixob-steps .done span {
color: #86efac;
background: rgba(34,197,94,.16);
}
.lixob-steps .active span {
color: #e9d5ff;
background: rgba(124,58,237,.35);
}
.lixob-help {
margin-top: 16px;
border: 1px solid rgba(148,163,184,.16);
border-radius: 18px;
padding: 18px;
background: rgba(15,23,42,.7);
}
.lixob-help i {
width: 46px;
height: 46px;
border-radius: 50%;
display: grid;
place-items: center;
background: rgba(124,58,237,.22);
color: #c4b5fd;
font-style: normal;
font-size: 24px;
}
.lixob-help b {
display: block;
margin-top: 12px;
}
.lixob-help p {
color: #cbd5e1;
margin: 6px 0 14px;
}
.lixob-help a {
display: inline-flex;
color: #dbeafe;
text-decoration: none;
border: 1px solid rgba(124,58,237,.55);
border-radius: 8px;
padding: 10px 22px;
}
.lixob-workspace {
display: grid;
gap: 20px;
}
.lixob-connect-panel {
display: grid;
grid-template-columns: 1fr .9fr;
gap: 28px;
padding: 38px;
overflow: hidden;
}
.connect-copy h2 {
margin: 0 0 16px;
font-size: 38px;
line-height: 1.05;
letter-spacing: -.055em;
}
.connect-copy p {
color: #cbd5e1;
line-height: 1.65;
margin: 0 0 24px;
}
.connect-copy ul {
list-style: none;
padding: 0;
display: grid;
gap: 15px;
margin: 0 0 26px;
}
.connect-copy li {
color: #e5eefb;
}
.connect-copy li:before {
content: "✓";
display: inline-grid;
place-items: center;
width: 28px;
height: 28px;
margin-right: 12px;
border-radius: 50%;
background: rgba(124,58,237,.22);
color: #c4b5fd;
border: 1px solid rgba(124,58,237,.45);
}
.lixob-meta-button {
position: relative;
overflow: hidden;
display: inline-flex;
align-items: center;
gap: 14px;
color: #fff;
text-decoration: none;
border-radius: 12px;
background: linear-gradient(135deg, #a855f7, #0284c7, #0ea5e9);
padding: 18px 32px;
font-weight: 950;
font-size: 18px;
box-shadow: 0 0 44px rgba(14,165,233,.24);
}
.lixob-meta-button:before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, transparent, rgba(255,255,255,.30), transparent);
transform: translateX(-120%);
animation: lixobShine 5s ease-in-out infinite;
}
@keyframes lixobShine {
0%, 72% { transform: translateX(-120%); }
100% { transform: translateX(120%); }
}
.lixob-meta-button i {
font-size: 28px;
font-style: normal;
}
.connect-copy small {
display: block;
margin-top: 13px;
color: #cbd5e1;
}
.connect-visual {
position: relative;
min-height: 370px;
display: grid;
place-items: center;
}
.meta-core {
position: relative;
z-index: 4;
width: 148px;
height: 148px;
border-radius: 50%;
display: grid;
place-items: center;
font-size: 88px;
color: #dbeafe;
text-shadow: 0 0 38px rgba(34,211,238,.75);
background: radial-gradient(circle, rgba(34,211,238,.28), rgba(124,58,237,.20), transparent 70%);
}
.connect-visual .ring {
position: absolute;
border: 1px solid rgba(34,211,238,.36);
border-radius: 50%;
animation: lixobSpin 15s linear infinite;
}
.connect-visual .r1 { width: 280px; height: 280px; }
.connect-visual .r2 { width: 350px; height: 190px; animation-duration: 21s; animation-direction: reverse; }
.connect-visual .r3 { width: 240px; height: 110px; border-color: rgba(124,58,237,.5); animation-duration: 11s; }
.connect-visual .node {
position: absolute;
display: grid;
place-items: center;
width: 58px;
height: 58px;
border-radius: 50%;
border: 1px solid rgba(34,211,238,.55);
color: #22d3ee;
background: rgba(15,23,42,.78);
font-style: normal;
font-size: 24px;
}
.connect-visual .n1 { right: 4%; top: 22%; }
.connect-visual .n2 { right: 10%; bottom: 20%; }
.connect-visual .n3 { left: 6%; bottom: 28%; }
.lixob-after-connect,
.lixob-manual,
.lixob-costs {
padding: 28px;
}
.lixob-after-connect h3,
.lixob-manual h3,
.lixob-costs h3 {
margin: 0 0 18px;
font-size: 22px;
}
.lixob-after-connect > div {
display: grid;
grid-template-columns: 1fr 32px 1fr 32px 1fr 32px 1fr;
gap: 10px;
align-items: center;
text-align: center;
}
.lixob-after-connect article {
display: grid;
gap: 10px;
}
.lixob-after-connect article i {
margin: 0 auto;
width: 62px;
height: 62px;
display: grid;
place-items: center;
border-radius: 18px;
color: #c4b5fd;
background: rgba(124,58,237,.20);
border: 1px solid rgba(124,58,237,.45);
font-style: normal;
font-size: 30px;
}
.lixob-after-connect article b {
color: #dbeafe;
font-size: 14px;
}
.lixob-after-connect > div > span {
color: #c4b5fd;
font-size: 26px;
}
.lixob-manual {
display: grid;
grid-template-columns: .7fr 1.2fr .45fr;
gap: 24px;
align-items: end;
}
.lixob-manual p {
margin: 0;
color: #cbd5e1;
line-height: 1.55;
}
.lixob-manual h3 small {
color: #cbd5e1;
font-size: 15px;
font-weight: 500;
}
.lixob-manual-form {
display: grid;
grid-template-columns: 1fr 1fr auto;
gap: 14px;
}
.lixob-manual-form label {
color: #fff;
font-weight: 800;
}
.lixob-manual-form input {
display: block;
width: 100%;
margin-top: 8px;
padding: 14px;
border-radius: 8px;
border: 1px solid rgba(148,163,184,.22);
background: rgba(2,6,23,.55);
color: #fff;
outline: none;
}
.lixob-manual-form input:focus {
border-color: rgba(34,211,238,.75);
box-shadow: 0 0 0 4px rgba(34,211,238,.10);
}
.lixob-manual-form label a {
display: inline-block;
margin-top: 6px;
color: #93c5fd;
font-size: 12px;
}
.lixob-verify-button {
align-self: end;
border: 1px solid rgba(96,165,250,.55);
background: rgba(15,23,42,.78);
color: #dbeafe;
border-radius: 12px;
padding: 15px 24px;
font-weight: 900;
cursor: pointer;
}
.lixob-verify-status {
border: 1px solid rgba(148,163,184,.18);
border-radius: 14px;
padding: 18px;
background: rgba(15,23,42,.72);
}
.lixob-verify-status strong,
.lixob-verify-status span {
display: block;
}
.lixob-verify-status span {
color: #cbd5e1;
margin-top: 6px;
line-height: 1.45;
}
.lixob-verify-status.is-checking {
border-color: rgba(34,211,238,.55);
box-shadow: 0 0 40px rgba(34,211,238,.15);
}
.lixob-verify-status.is-ok {
border-color: rgba(34,197,94,.55);
box-shadow: 0 0 40px rgba(34,197,94,.15);
}
.lixob-costs {
display: grid;
grid-template-columns: .9fr 1.1fr;
gap: 28px;
align-items: center;
}
.lixob-costs p {
color: #cbd5e1;
line-height: 1.65;
}
.lixob-costs a {
color: #22d3ee;
text-decoration: none;
font-weight: 900;
}
.cost-equation {
display: grid;
grid-template-columns: 1fr 28px 1fr 28px 1fr;
gap: 12px;
align-items: center;
text-align: center;
}
.cost-equation article {
min-height: 132px;
border: 1px solid rgba(148,163,184,.20);
border-radius: 16px;
background: rgba(2,6,23,.36);
padding: 24px 16px;
}
.cost-equation article b {
display: block;
margin-bottom: 14px;
font-size: 28px;
color: #22d3ee;
}
.cost-equation article:first-child b {
color: #c084fc;
}
.cost-equation article:last-child b {
font-size: 42px;
color: #22d3ee;
}
.cost-equation article span {
color: #cbd5e1;
line-height: 1.45;
}
.cost-equation > strong {
color: #22d3ee;
font-size: 28px;
}
.lixob-guarantee {
position: relative;
z-index: 2;
width: min(1440px, calc(100% - 8vw));
margin: 0 auto 28px;
display: grid;
grid-template-columns: 380px 1fr;
overflow: hidden;
}
.guarantee-robot {
position: relative;
min-height: 300px;
background: radial-gradient(circle at center, rgba(34,211,238,.18), transparent 60%);
display: grid;
place-items: center;
}
.mini-bot {
filter: drop-shadow(0 34px 80px rgba(124,58,237,.45));
animation: lixobRobot 5.6s ease-in-out infinite;
}
.mini-bot .head {
width: 170px;
height: 115px;
border-radius: 46px;
display: flex;
justify-content: center;
align-items: center;
gap: 22px;
background: linear-gradient(145deg,#fff,#c7d2fe);
position: relative;
}
.mini-bot .head:before {
content: "";
position: absolute;
width: 118px;
height: 56px;
border-radius: 26px;
background: #080d1d;
}
.mini-bot .head span {
position: relative;
z-index: 2;
width: 21px;
height: 21px;
border-radius: 50%;
background: #8b5cf6;
box-shadow: 0 0 28px rgba(139,92,246,.9);
}
.mini-bot .body {
margin: 18px auto 0;
width: 130px;
height: 105px;
border-radius: 36px;
display: grid;
place-items: center;
background: linear-gradient(145deg,#a78bfa,#6d28d9);
font-size: 34px;
font-weight: 950;
}
.guarantee-copy {
padding: 42px;
}
.guarantee-copy h2 {
max-width: 800px;
margin: 0 0 30px;
font-size: 38px;
line-height: 1.15;
letter-spacing: -.05em;
}
.guarantee-copy h2 b {
background: linear-gradient(135deg,#c084fc,#22d3ee);
-webkit-background-clip: text;
color: transparent;
}
.guarantee-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0;
}
.guarantee-grid article {
padding: 0 24px;
border-right: 1px solid rgba(148,163,184,.16);
}
.guarantee-grid article:last-child {
border-right: 0;
}
.guarantee-grid i {
display: block;
color: #8b5cf6;
font-size: 34px;
font-style: normal;
margin-bottom: 16px;
}
.guarantee-grid b,
.guarantee-grid p {
display: block;
}
.guarantee-grid p {
color: #cbd5e1;
line-height: 1.55;
}
.lixob-security {
position: relative;
z-index: 2;
width: min(1440px, calc(100% - 8vw));
margin: 0 auto;
padding: 24px 32px;
display: grid;
grid-template-columns: 1fr auto auto auto;
gap: 20px;
align-items: center;
}
.lixob-security > div {
display: grid;
grid-template-columns: 56px 1fr;
column-gap: 16px;
}
.lixob-security i {
grid-row: 1/3;
display: grid;
place-items: center;
width: 52px;
height: 52px;
border-radius: 16px;
background: rgba(124,58,237,.18);
color: #8b5cf6;
font-style: normal;
font-size: 28px;
}
.lixob-security b,
.lixob-security p {
display: block;
}
.lixob-security p {
margin: 6px 0 0;
color: #cbd5e1;
}
.lixob-security > span {
border: 1px solid rgba(148,163,184,.18);
border-radius: 12px;
padding: 13px 18px;
color: #dbeafe;
background: rgba(2,6,23,.35);
}
@media (max-width: 1180px) {
.lixob-header nav {
display: none;
}
.lixob-hero,
.lixob-main-flow,
.lixob-guarantee {
grid-template-columns: 1fr;
}
.lixob-hero-visual {
min-height: 470px;
}
.lixob-main-flow {
width: min(860px, calc(100% - 32px));
}
.lixob-hero,
.lixob-guarantee,
.lixob-security {
width: min(860px, calc(100% - 32px));
}
.lixob-connect-panel,
.lixob-costs,
.lixob-manual {
grid-template-columns: 1fr;
}
.lixob-manual-form {
grid-template-columns: 1fr 1fr;
}
.lixob-verify-button {
grid-column: 1 / -1;
}
.guarantee-grid {
grid-template-columns: 1fr 1fr;
gap: 24px;
}
.guarantee-grid article {
border-right: 0;
}
.lixob-security {
grid-template-columns: 1fr 1fr;
}
.lixob-security > div {
grid-column: 1 / -1;
}
}
@media (max-width: 760px) {
.lixob-header {
padding: 14px 18px;
align-items: flex-start;
}
.lixob-logo {
font-size: 34px;
}
.lixob-logo small {
display: block;
margin-left: 0;
margin-top: 3px;
font-size: 12px;
}
.lixob-header-action a {
padding: 12px 14px;
font-size: 13px;
}
.lixob-header-action span {
display: none;
}
.lixob-hero {
padding-top: 42px;
}
.lixob-hero h1 {
font-size: 39px;
}
.lixob-hero p {
font-size: 17px;
}
.lixob-trust-row {
grid-template-columns: 1fr 1fr;
}
.lixob-hero-visual {
min-height: 390px;
}
.lixob-orbits span:nth-child(1) { width: 330px; height: 130px; }
.lixob-orbits span:nth-child(2) { width: 360px; height: 210px; }
.lixob-orbits span:nth-child(3) { width: 290px; height: 290px; }
.lixob-orbits i {
width: 52px;
height: 52px;
font-size: 24px;
}
.lixob-robot {
transform: scale(.72);
}
.lixob-speech {
right: 0;
top: 8%;
padding: 12px 16px;
font-size: 15px;
}
.lixob-steps article {
grid-template-columns: 50px 42px 1fr;
padding: 14px;
}
.lixob-steps b {
width: 44px;
height: 44px;
}
.lixob-steps i {
width: 40px;
height: 40px;
font-size: 21px;
}
.lixob-connect-panel,
.lixob-after-connect,
.lixob-manual,
.lixob-costs,
.lixob-steps,
.guarantee-copy {
padding: 22px;
}
.connect-copy h2,
.guarantee-copy h2 {
font-size: 30px;
}
.connect-visual {
min-height: 270px;
}
.connect-visual .r1 { width: 220px; height: 220px; }
.connect-visual .r2 { width: 270px; height: 150px; }
.connect-visual .r3 { width: 190px; height: 90px; }
.meta-core {
width: 110px;
height: 110px;
font-size: 62px;
}
.lixob-after-connect > div,
.cost-equation,
.lixob-manual-form,
.guarantee-grid,
.lixob-security {
grid-template-columns: 1fr;
}
.lixob-after-connect > div > span,
.cost-equation > strong {
transform: rotate(90deg);
margin: 4px auto;
}
.guarantee-robot {
min-height: 220px;
}
.lixob-security > div {
grid-template-columns: 1fr;
}
.lixob-security i {
grid-row: auto;
margin-bottom: 12px;
}
}
/* LiX v1.1.2 onboarding fixes */
.lixob-help {
display: grid !important;
grid-template-columns: 58px 1fr !important;
align-items: center !important;
gap: 14px !important;
overflow: hidden !important;
}
.lixob-help i {
margin: 0 !important;
width: 54px !important;
height: 54px !important;
font-size: 28px !important;
align-self: start !important;
}
.lixob-help b {
margin: 0 0 6px !important;
font-size: 18px !important;
line-height: 1.15 !important;
}
.lixob-help p {
margin: 0 0 12px !important;
font-size: 14px !important;
line-height: 1.45 !important;
}
.lixob-help a {
width: max-content !important;
max-width: 100% !important;
padding: 10px 18px !important;
font-size: 14px !important;
line-height: 1 !important;
}
.lixob-meta-status {
min-height: 24px;
transition: .25s ease;
}
.lixob-meta-status.is-opened {
display: inline-block;
margin-top: 14px;
border: 1px solid rgba(34,211,238,.28);
border-radius: 999px;
background: rgba(34,211,238,.08);
color: #a5f3fc !important;
padding: 9px 13px;
box-shadow: 0 0 32px rgba(34,211,238,.12);
}
.lixob-meta-status.is-warning {
border-color: rgba(251,191,36,.35);
background: rgba(251,191,36,.08);
color: #fde68a !important;
}
.lixob-meta-button.is-clicked {
box-shadow: 0 0 0 4px rgba(34,211,238,.10), 0 0 60px rgba(34,211,238,.24);
}
.lixob-manual h3 small {
display: block;
margin-top: 5px;
color: #93c5fd !important;
}
@media(max-width:760px) {
.lixob-help {
grid-template-columns: 48px 1fr !important;
}
.lixob-help i {
width: 46px !important;
height: 46px !important;
}
}
/* LiX v1.1.3 onboarding final UI fixes */
.lixob-steps .lixob-help {
display: grid !important;
grid-template-columns: 58px minmax(0, 1fr) !important;
gap: 16px !important;
align-items: start !important;
padding: 20px !important;
min-height: 0 !important;
overflow: hidden !important;
}
.lixob-help-icon {
width: 56px !important;
height: 56px !important;
display: grid !important;
place-items: center !important;
border-radius: 50% !important;
background: rgba(124,58,237,.34) !important;
color: #d8b4fe !important;
border: 1px solid rgba(124,58,237,.50) !important;
box-shadow: 0 0 32px rgba(124,58,237,.22) !important;
font-size: 30px !important;
font-weight: 900 !important;
line-height: 1 !important;
flex: none !important;
}
.lixob-help-content {
min-width: 0 !important;
display: block !important;
position: relative !important;
z-index: 2 !important;
}
.lixob-help-content b {
display: block !important;
margin: 0 0 6px !important;
padding: 0 !important;
color: #fff !important;
font-size: 19px !important;
line-height: 1.15 !important;
letter-spacing: -.03em !important;
white-space: normal !important;
word-break: normal !important;
}
.lixob-help-content p {
display: block !important;
margin: 0 0 14px !important;
padding: 0 !important;
color: #cbd5e1 !important;
font-size: 14px !important;
line-height: 1.45 !important;
white-space: normal !important;
}
.lixob-help-content a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
max-width: 100% !important;
min-height: 40px !important;
padding: 10px 18px !important;
border-radius: 10px !important;
font-size: 14px !important;
line-height: 1 !important;
white-space: nowrap !important;
}
.lixob-help > i {
display: none !important;
}
/* User-facing Meta connect status */
.lixob-meta-status.is-opened {
display: block !important;
width: fit-content !important;
max-width: 100% !important;
border: 1px solid rgba(34,211,238,.28) !important;
border-radius: 14px !important;
background: rgba(34,211,238,.08) !important;
color: #a5f3fc !important;
padding: 12px 15px !important;
line-height: 1.45 !important;
}
.lixob-meta-status.is-warning {
border-color: rgba(34,197,94,.35) !important;
background: rgba(34,197,94,.08) !important;
color: #bbf7d0 !important;
}
/* Keep technical implementation details out of the visible UX */
.lixob-meta-status.is-warning::before {
content: "✓ ";
font-weight: 950;
}
@media(max-width:760px) {
.lixob-steps .lixob-help {
grid-template-columns: 48px minmax(0, 1fr) !important;
padding: 16px !important;
}
.lixob-help-icon {
width: 46px !important;
height: 46px !important;
font-size: 24px !important;
}
.lixob-help-content b {
font-size: 17px !important;
}
}
/* LiX v1.2.0 — Onboarding final sprint / unique clean CSS */
.lixob2-header{position:sticky;top:0;z-index:100;min-height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(2,6,23,.80);border-bottom:1px solid rgba(148,163,184,.12);backdrop-filter:blur(24px)}
.lixob2-logo{color:#fff;text-decoration:none;font-size:42px;font-weight:950;letter-spacing:-.09em;white-space:nowrap}.lixob2-logo small{display:inline-block;margin-left:10px;font-size:13px;color:#cbd5e1;letter-spacing:0}
.lixob2-header nav{display:flex;gap:30px}.lixob2-header nav a{color:#e5e7eb;text-decoration:none;font-weight:850;font-size:15px}.lixob2-cta{color:#fff;text-decoration:none;font-weight:950;border-radius:13px;padding:15px 22px;background:linear-gradient(135deg,#7c3aed,#0ea5e9);box-shadow:0 14px 45px rgba(14,165,233,.18)}
.lixob2-page{position:relative;min-height:100vh;padding-bottom:44px;background:radial-gradient(circle at 76% 5%,rgba(124,58,237,.25),transparent 29%),radial-gradient(circle at 20% 42%,rgba(34,211,238,.10),transparent 30%),#020617;color:#fff;overflow:hidden}.lixob2-noise{position:fixed;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;opacity:.24;pointer-events:none;mask-image:radial-gradient(circle at center,black,transparent 82%)}.lixob2-pulse-line{position:fixed;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(transparent,rgba(139,92,246,.42),rgba(34,211,238,.24),transparent);opacity:.55;pointer-events:none}.lixob2-particles i{position:fixed;width:6px;height:6px;border-radius:50%;background:#22d3ee;box-shadow:0 0 22px rgba(34,211,238,.9);opacity:.45;animation:lixob2Particle 9s ease-in-out infinite}.lixob2-particles i:nth-child(1){left:12%;top:18%}.lixob2-particles i:nth-child(2){left:86%;top:22%;animation-delay:-1.2s}.lixob2-particles i:nth-child(3){left:22%;top:72%;animation-delay:-2.4s}.lixob2-particles i:nth-child(4){left:70%;top:64%;animation-delay:-3.6s}.lixob2-particles i:nth-child(5){left:42%;top:30%;animation-delay:-4.8s}.lixob2-particles i:nth-child(6){left:58%;top:84%;animation-delay:-6s}@keyframes lixob2Particle{50%{transform:translateY(-28px) translateX(16px);opacity:.9}}
.lixob2-hero{position:relative;z-index:2;width:min(1440px,calc(100% - 8vw));margin:0 auto;padding:68px 0 34px;display:grid;grid-template-columns:.88fr 1.12fr;gap:54px;align-items:center}.lixob2-kicker,.connect-left>span,.manual-copy span,.lixob2-costs span,.lixob2-final span{display:inline-block;color:#67e8f9;text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:950;margin-bottom:16px}.lixob2-copy h1{font-size:clamp(42px,4.9vw,74px);line-height:1.05;letter-spacing:-.075em;margin:0}.lixob2-copy p{max-width:690px;margin:24px 0 0;color:#dbe4f0;font-size:20px;line-height:1.62}.lixob2-hero-actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.lixob2-hero-actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:13px;padding:16px 24px;font-weight:950}.lixob2-hero-actions .primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#0ea5e9);box-shadow:0 18px 55px rgba(14,165,233,.18)}.lixob2-hero-actions .secondary{color:#fff;border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.62)}
.lixob2-quick-facts{margin-top:32px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(148,163,184,.18);border-radius:22px;background:rgba(15,23,42,.66);backdrop-filter:blur(20px);overflow:hidden}.lixob2-quick-facts article{text-align:center;padding:22px 14px;border-right:1px solid rgba(148,163,184,.13)}.lixob2-quick-facts article:last-child{border-right:0}.lixob2-quick-facts i{display:block;font-style:normal;font-size:30px}.lixob2-quick-facts b,.lixob2-quick-facts span{display:block}.lixob2-quick-facts b{margin:10px 0 4px}.lixob2-quick-facts span{font-size:12px;color:#cbd5e1}
.lixob2-visual{position:relative;min-height:560px;display:grid;place-items:center}.lixob2-core{position:relative;width:min(680px,100%);height:520px;display:grid;place-items:center}.lixob2-core>span{position:absolute;border:1px solid rgba(124,58,237,.36);border-radius:50%;filter:drop-shadow(0 0 25px rgba(124,58,237,.28));animation:lixob2Spin 18s linear infinite}.lixob2-core>span:nth-child(1){width:640px;height:210px}.lixob2-core>span:nth-child(2){width:540px;height:340px;border-color:rgba(34,211,238,.24);animation-duration:24s;animation-direction:reverse}.lixob2-core>span:nth-child(3){width:430px;height:430px;border-color:rgba(124,58,237,.18);animation-duration:32s}@keyframes lixob2Spin{to{transform:rotate(360deg)}}.lixob2-robot{position:relative;z-index:5;filter:drop-shadow(0 44px 100px rgba(124,58,237,.52));animation:lixob2Bot 5.6s ease-in-out infinite}@keyframes lixob2Bot{50%{transform:translateY(-20px) rotate(1.4deg)}}.lixob2-robot .antenna{position:absolute;left:50%;top:-58px;width:14px;height:60px;transform:translateX(-50%);border-radius:999px;background:linear-gradient(#fff,#c7d2fe)}.lixob2-robot .antenna:before{content:"";position:absolute;left:-16px;top:-32px;width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 0 54px rgba(139,92,246,.95);animation:lixob2Glow 3s ease-in-out infinite}@keyframes lixob2Glow{50%{box-shadow:0 0 62px rgba(34,211,238,1)}}.lixob2-robot .head{position:relative;width:250px;height:170px;border-radius:70px;background:radial-gradient(circle at 32% 18%,#fff,transparent 28%),linear-gradient(145deg,#fff,#c7d2fe);display:flex;align-items:center;justify-content:center;gap:34px}.lixob2-robot .head:before{content:"";position:absolute;width:170px;height:82px;border-radius:38px;background:#080d1d}.lixob2-robot .head i{position:relative;z-index:2;width:29px;height:29px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 38px rgba(139,92,246,1);animation:lixob2Blink 6s infinite}.lixob2-robot .head em{position:absolute;z-index:2;bottom:43px;width:50px;height:18px;border-bottom:4px solid #8b5cf6;border-radius:0 0 999px 999px}@keyframes lixob2Blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.18)}}.lixob2-robot .body{margin:24px auto 0;width:180px;height:160px;border-radius:55px;display:grid;place-items:center;background:linear-gradient(145deg,#a78bfa,#6d28d9);font-size:42px;font-weight:950;letter-spacing:-.08em;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.bubble{position:absolute;z-index:6;padding:13px 17px;border:1px solid rgba(148,163,184,.24);border-radius:999px;background:rgba(15,23,42,.76);backdrop-filter:blur(18px);color:#dbeafe;font-weight:900;box-shadow:0 18px 55px rgba(0,0,0,.22);animation:lixob2Float 6s ease-in-out infinite}.b1{left:3%;top:16%}.b2{right:4%;top:30%;animation-delay:-1s}.b3{left:2%;bottom:24%;animation-delay:-2s}.b4{right:8%;bottom:14%;animation-delay:-3s}@keyframes lixob2Float{50%{transform:translateY(-14px)}}
.lixob2-shell{position:relative;z-index:2;width:min(1440px,calc(100% - 8vw));margin:0 auto 30px;display:grid;grid-template-columns:410px 1fr;gap:28px}.lixob2-timeline,.lixob2-workspace section,.lixob2-final{border:1px solid rgba(148,163,184,.18);border-radius:24px;background:rgba(15,23,42,.66);backdrop-filter:blur(20px);box-shadow:0 34px 110px rgba(0,0,0,.24)}.lixob2-timeline{padding:24px}.timeline-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.timeline-title b{color:#e9d5ff;text-transform:uppercase;letter-spacing:.12em;font-size:13px}.timeline-title span{color:#67e8f9;font-size:13px}.lixob2-timeline>article{position:relative;display:grid;grid-template-columns:50px 46px 1fr;gap:14px;padding:14px;border:1px solid transparent;border-radius:18px;background:rgba(2,6,23,.32);margin-bottom:10px}.lixob2-timeline>article:after{content:"";position:absolute;left:38px;top:68px;bottom:-20px;width:2px;background:linear-gradient(#8b5cf6,#22d3ee);opacity:.52}.lixob2-timeline>article:nth-of-type(6):after{display:none}.lixob2-timeline strong{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(15,23,42,.85);border:1px solid rgba(148,163,184,.28);box-shadow:0 0 24px rgba(124,58,237,.20)}.lixob2-timeline article>i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(124,58,237,.18);color:#67e8f9;font-style:normal;font-size:22px}.lixob2-timeline article b,.lixob2-timeline article p{display:block}.lixob2-timeline article p{margin:5px 0 0;color:#cbd5e1;font-size:13px;line-height:1.4}.lixob2-timeline .is-active{border-color:rgba(124,58,237,.55);background:radial-gradient(circle at 0% 50%,rgba(124,58,237,.25),transparent 44%),rgba(124,58,237,.08);box-shadow:0 0 42px rgba(124,58,237,.14)}.lixob2-timeline .is-active strong{background:#7c3aed;box-shadow:0 0 34px rgba(124,58,237,.8)}.lixob2-timeline .is-done strong{border-color:rgba(34,197,94,.52)}
.lixob2-support-card{position:relative;margin-top:16px;padding:22px;border:1px solid rgba(34,211,238,.22);border-radius:22px;background:radial-gradient(circle at 20% 0%,rgba(34,211,238,.12),transparent 42%),rgba(2,6,23,.42);overflow:hidden}.support-live{display:inline-flex;align-items:center;gap:8px;color:#bbf7d0;font-size:12px;font-weight:950;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.22);border-radius:999px;padding:7px 10px}.support-live span{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 16px rgba(34,197,94,1)}.support-icon{margin-top:18px;width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:rgba(124,58,237,.22);font-size:28px;box-shadow:0 0 34px rgba(124,58,237,.18)}.lixob2-support-card h3{margin:16px 0 8px;font-size:24px;letter-spacing:-.04em}.lixob2-support-card p{margin:0;color:#cbd5e1;line-height:1.5}.lixob2-support-card a{display:inline-flex;margin-top:16px;text-decoration:none;color:#fff;font-weight:950;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#0ea5e9);padding:12px 18px}.lixob2-support-card small{display:block;margin-top:14px;color:#93c5fd}
.lixob2-workspace{display:grid;gap:20px}.lixob2-connect-card{display:grid;grid-template-columns:1fr .9fr;gap:30px;padding:38px;overflow:hidden}.connect-left h2{font-size:42px;line-height:1.05;letter-spacing:-.06em;margin:0 0 16px}.connect-left p{color:#cbd5e1;line-height:1.62;margin:0 0 22px}.connect-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.connect-checks div{padding:12px;border:1px solid rgba(148,163,184,.16);border-radius:12px;background:rgba(2,6,23,.32);font-weight:850}.connect-checks i{font-style:normal;color:#22c55e;margin-right:8px}.lixob2-meta-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:13px;text-decoration:none;color:#fff;font-size:18px;font-weight:950;border-radius:14px;padding:18px 28px;background:linear-gradient(135deg,#a855f7,#0ea5e9);box-shadow:0 0 48px rgba(14,165,233,.22)}.lixob2-meta-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:translateX(-120%);animation:lixob2Shine 5s ease-in-out infinite}@keyframes lixob2Shine{0%,72%{transform:translateX(-120%)}100%{transform:translateX(120%)}}.lixob2-meta-btn i{font-style:normal;font-size:28px}.lixob2-meta-note{margin-top:14px;width:fit-content;max-width:100%;border:1px solid rgba(34,211,238,.22);border-radius:14px;background:rgba(34,211,238,.08);color:#a5f3fc;padding:12px 14px;line-height:1.45}.lixob2-meta-note.is-working{border-color:rgba(251,191,36,.32);background:rgba(251,191,36,.08);color:#fde68a}.lixob2-meta-note.is-ready{border-color:rgba(34,197,94,.32);background:rgba(34,197,94,.08);color:#bbf7d0}
.connect-right{display:grid;place-items:center}.lixob2-scan-card{width:min(380px,100%);border:1px solid rgba(148,163,184,.18);border-radius:24px;background:radial-gradient(circle at 50% 25%,rgba(124,58,237,.22),transparent 48%),rgba(2,6,23,.50);padding:24px;box-shadow:0 26px 90px rgba(0,0,0,.26)}.scan-head{display:flex;justify-content:space-between;align-items:center}.scan-head span{border-radius:999px;color:#bbf7d0;background:rgba(34,197,94,.10);padding:7px 10px;font-size:12px;font-weight:950}.scan-core{position:relative;width:170px;height:170px;margin:24px auto;display:grid;place-items:center}.scan-core i{position:absolute;border:1px solid rgba(34,211,238,.32);border-radius:50%;animation:lixob2Spin 13s linear infinite}.scan-core i:nth-child(1){width:170px;height:170px}.scan-core i:nth-child(2){width:126px;height:126px;animation-direction:reverse}.scan-core i:nth-child(3){width:84px;height:84px;border-color:rgba(124,58,237,.45)}.scan-core strong{position:relative;z-index:2;color:#67e8f9;letter-spacing:.16em}.scan-progress{height:8px;border-radius:999px;background:rgba(148,163,184,.14);overflow:hidden}.scan-progress span{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#7c3aed,#22d3ee);transition:width 1.2s ease}.lixob2-scan-card.is-scanning .scan-progress span{width:74%}.lixob2-scan-card.is-done .scan-progress span{width:100%;background:linear-gradient(90deg,#22c55e,#22d3ee)}.lixob2-scan-card ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}.lixob2-scan-card li{color:#94a3b8}.lixob2-scan-card li.is-ok{color:#bbf7d0}.lixob2-scan-card li.is-ok:before{content:"✓ ";font-weight:950}
.lixob2-process,.lixob2-manual,.lixob2-costs{padding:28px}.lixob2-process h3,.manual-copy h3,.lixob2-costs h3{margin:0 0 18px;font-size:26px;letter-spacing:-.04em}.lixob2-process>div{display:grid;grid-template-columns:1fr 38px 1fr 38px 1fr 38px 1fr;gap:12px;align-items:center;text-align:center}.lixob2-process article{display:grid;gap:9px}.lixob2-process article i{margin:0 auto;width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:rgba(124,58,237,.20);border:1px solid rgba(124,58,237,.38);color:#c4b5fd;font-style:normal;font-size:24px;font-weight:950}.lixob2-process article p{margin:0;color:#cbd5e1;font-size:13px;line-height:1.45}.lixob2-process>div>span{height:2px;background:linear-gradient(90deg,#7c3aed,#22d3ee);box-shadow:0 0 20px rgba(34,211,238,.24)}
.lixob2-manual{display:grid;grid-template-columns:.72fr 1.15fr .55fr;gap:22px;align-items:end}.manual-copy p,.lixob2-costs p{margin:0;color:#cbd5e1;line-height:1.6}.manual-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px}.manual-form label{font-weight:850}.manual-form input{display:block;width:100%;margin-top:8px;border:1px solid rgba(148,163,184,.22);border-radius:12px;background:rgba(2,6,23,.44);color:#fff;padding:14px;outline:none}.manual-form input:focus{border-color:rgba(34,211,238,.65);box-shadow:0 0 0 4px rgba(34,211,238,.10)}.manual-form button{align-self:end;border:1px solid rgba(34,211,238,.32);border-radius:12px;background:rgba(15,23,42,.68);color:#dbeafe;padding:15px 18px;font-weight:950;cursor:pointer}.manual-status{border:1px solid rgba(148,163,184,.16);border-radius:16px;background:rgba(2,6,23,.36);padding:16px}.manual-status b,.manual-status span{display:block}.manual-status span{margin-top:6px;color:#cbd5e1;line-height:1.45}.manual-status.is-ok{border-color:rgba(34,197,94,.38);box-shadow:0 0 40px rgba(34,197,94,.11)}
.lixob2-costs{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px;align-items:center}.cost-grid{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;gap:12px;align-items:center;text-align:center}.cost-grid article{min-height:138px;border:1px solid rgba(148,163,184,.16);border-radius:18px;background:rgba(2,6,23,.34);padding:20px}.cost-grid i{display:block;font-style:normal;font-size:28px;font-weight:950;color:#67e8f9}.cost-grid b{display:block;margin:10px 0;color:#fff}.cost-grid p{font-size:13px}.cost-grid>strong{color:#67e8f9;font-size:26px}
.lixob2-final{position:relative;z-index:2;width:min(1440px,calc(100% - 8vw));margin:0 auto;padding:34px 42px;display:grid;grid-template-columns:180px 1fr auto;gap:30px;align-items:center;overflow:hidden}.final-bot{height:150px;display:grid;place-items:center;filter:drop-shadow(0 20px 60px rgba(124,58,237,.40));animation:lixob2Bot 5.6s ease-in-out infinite}.final-bot .head{width:116px;height:76px;border-radius:32px;background:linear-gradient(145deg,#fff,#c7d2fe);display:flex;gap:17px;align-items:center;justify-content:center;position:relative}.final-bot .head:before{content:"";position:absolute;width:82px;height:38px;border-radius:20px;background:#080d1d}.final-bot .head i{position:relative;z-index:2;width:15px;height:15px;border-radius:50%;background:#22d3ee;box-shadow:0 0 22px rgba(34,211,238,.95)}.final-bot .body{margin:10px auto 0;width:88px;height:70px;border-radius:25px;background:linear-gradient(145deg,#a78bfa,#6d28d9);display:grid;place-items:center;font-size:24px;font-weight:950}.lixob2-final h2{margin:0 0 10px;font-size:32px;letter-spacing:-.04em}.lixob2-final p{margin:0;color:#cbd5e1}.lixob2-final a{color:#fff;text-decoration:none;font-weight:950;border-radius:13px;background:linear-gradient(135deg,#7c3aed,#0ea5e9);padding:16px 22px}
@media(max-width:1180px){.lixob2-header nav{display:none}.lixob2-hero,.lixob2-shell{grid-template-columns:1fr}.lixob2-hero,.lixob2-shell,.lixob2-final{width:min(900px,calc(100% - 32px))}.lixob2-connect-card,.lixob2-manual,.lixob2-costs,.lixob2-final{grid-template-columns:1fr}.manual-form{grid-template-columns:1fr 1fr}.manual-form button{grid-column:1/-1}.lixob2-process>div,.cost-grid{grid-template-columns:1fr}.lixob2-process>div>span,.cost-grid>strong{height:28px;width:2px;margin:0 auto;background:linear-gradient(#7c3aed,#22d3ee);font-size:0}.lixob2-final{justify-items:start}}
@media(max-width:760px){.lixob2-header{padding:14px 18px;align-items:flex-start}.lixob2-logo{font-size:34px}.lixob2-logo small{display:block;margin-left:0;font-size:11px}.lixob2-cta{padding:12px 14px;font-size:13px}.lixob2-hero{padding-top:42px}.lixob2-copy h1{font-size:38px}.lixob2-copy p{font-size:17px}.lixob2-quick-facts{grid-template-columns:1fr 1fr}.lixob2-visual{min-height:390px}.lixob2-core{height:370px}.lixob2-core>span:nth-child(1){width:330px;height:120px}.lixob2-core>span:nth-child(2){width:360px;height:210px}.lixob2-core>span:nth-child(3){width:290px;height:290px}.lixob2-robot{transform:scale(.72)}.bubble{font-size:11px;padding:9px 11px}.lixob2-timeline,.lixob2-connect-card,.lixob2-process,.lixob2-manual,.lixob2-costs,.lixob2-final{padding:20px}.lixob2-timeline>article{grid-template-columns:42px 38px 1fr}.lixob2-timeline strong{width:38px;height:38px}.lixob2-timeline article>i{width:36px;height:36px;font-size:18px}.connect-left h2{font-size:32px}.connect-checks,.manual-form{grid-template-columns:1fr}.lixob2-meta-btn{width:100%;justify-content:center}.lixob2-process h3,.manual-copy h3,.lixob2-costs h3{font-size:23px}.cost-grid article{min-height:auto}.lixob2-final h2{font-size:26px}.final-bot{height:120px}.lixob2-pulse-line{opacity:.25}}