:root{--bg:#020814;--cyan:#58f0e6;--blue:#4f8cff;--text:#f5fbff;--muted:#91a8b8;--glass:rgba(7,31,49,.58);--line:rgba(110,238,234,.18);--ok:#73f1c6;--warn:#ffd477}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}
body:before{content:"";position:fixed;inset:0;z-index:-4;background:radial-gradient(circle at 15% 20%,rgba(34,221,211,.16),transparent 28%),radial-gradient(circle at 84% 72%,rgba(74,120,230,.18),transparent 30%),linear-gradient(145deg,#010711,#061725 55%,#02101b)}
.grid-bg{position:fixed;inset:0;z-index:-3;opacity:.22;background-image:linear-gradient(rgba(77,230,227,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(77,230,227,.045) 1px,transparent 1px);background-size:54px 54px}
.aurora:before,.aurora:after{content:"";position:fixed;z-index:-2;width:48vw;height:48vw;border-radius:50%;filter:blur(90px);opacity:.14;animation:float 16s ease-in-out infinite}.aurora:before{background:var(--cyan);left:-15vw;top:28vh}.aurora:after{background:var(--blue);right:-15vw;top:8vh;animation-delay:-7s}@keyframes float{50%{transform:translate(5vw,-4vh) scale(1.08)}}
.shell{min-height:100vh;padding:24px 34px;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:14px}.brandmark{width:48px;height:48px;border-radius:16px;border:1px solid rgba(88,240,230,.4);background:rgba(88,240,230,.07);display:grid;place-items:center;box-shadow:0 0 30px rgba(88,240,230,.11)}.brandmark:after{content:"U";font-size:24px;font-weight:700;color:var(--cyan)}.brand strong{display:block;letter-spacing:.07em}.brand small,.muted{color:var(--muted)}.langs{display:flex;gap:8px}
.lang,.ghost,.mode-btn,.tab,.remote-btn{border:1px solid var(--line);background:var(--glass);color:var(--muted);padding:9px 13px;border-radius:12px;cursor:pointer}.lang.active,.mode-btn.active,.tab.active,.remote-btn.primary{background:rgba(88,240,230,.16);border-color:rgba(88,240,230,.55);color:var(--text)}
.screen{display:none;flex:1}.screen.active{display:flex;animation:in .45s ease}@keyframes in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hero{flex:1;display:grid;place-items:center;text-align:center;padding:30px 0}.hero-inner{width:100%;max-width:1120px}.eyebrow{color:var(--cyan);letter-spacing:.18em;font-size:12px;text-transform:uppercase}h1{font-size:clamp(44px,6.7vw,96px);line-height:.96;margin:18px 0 22px;letter-spacing:-.05em}.lead{font-size:clamp(18px,2vw,25px);color:#b9cad5;max-width:840px;margin:auto}
.glass{background:linear-gradient(150deg,rgba(12,43,63,.58),rgba(4,21,35,.46));border:1px solid var(--line);backdrop-filter:blur(24px);border-radius:24px}.cta{margin-top:36px;border:1px solid rgba(88,240,230,.55);background:linear-gradient(135deg,rgba(88,240,230,.20),rgba(25,167,195,.11));color:var(--text);font-size:17px;padding:15px 26px;border-radius:16px;cursor:pointer;box-shadow:0 0 38px rgba(88,240,230,.11)}
.panel{width:min(1280px,100%);margin:auto;padding:26px}.section-title{font-size:38px;margin:0 0 8px}.section-sub{margin:0 0 24px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.biz-card{padding:22px;text-align:left;color:var(--text);min-height:142px;cursor:pointer}.biz-card:hover,.biz-card.selected{border-color:rgba(88,240,230,.65);transform:translateY(-2px)}.biz-card .icon{font-size:28px}.biz-card h3{margin:18px 0 0}
.pair-card{max-width:760px;margin:30px auto 0;padding:22px;display:grid;grid-template-columns:190px 1fr;gap:24px;align-items:center;text-align:left}.qr-wrap{padding:10px;border-radius:20px;background:#fff;width:190px;height:190px;display:grid;place-items:center}.qr-img{width:170px;height:170px}.code{font-size:28px;letter-spacing:.18em;color:var(--cyan);font-weight:700}.pair-status.live{color:var(--ok)}
.config-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.control{padding:22px}.control label{display:block;color:var(--muted);margin-bottom:12px}.big-num{font-size:44px;font-weight:700}.range{width:100%;accent-color:var(--cyan)}.switch-row{display:flex;justify-content:space-between;align-items:center}.toggle{width:64px;height:34px;border-radius:24px;border:1px solid var(--line);background:#0a2030;position:relative;cursor:pointer}.toggle:after{content:"";width:26px;height:26px;border-radius:50%;background:#7e95a3;position:absolute;top:3px;left:4px;transition:.2s}.toggle.on:after{left:32px;background:var(--cyan);box-shadow:0 0 18px rgba(88,240,230,.7)}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}
.mode-switch{display:flex;justify-content:center;gap:8px;margin-bottom:16px}
.scene-shell{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,#061b2a,#08131e);box-shadow:inset 0 0 80px rgba(0,0,0,.25)}
.scene-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82;transition:.5s}.scene-bg.missing{display:none}
.scene-fallback{position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(83,236,229,.12),transparent 28%),linear-gradient(145deg,#082132,#07121c)}.scene-fallback:after{content:"";position:absolute;left:10%;right:10%;bottom:12%;height:42%;border:1px solid rgba(88,240,230,.15);border-radius:28px 28px 12px 12px;background:linear-gradient(180deg,rgba(34,85,107,.18),rgba(3,15,24,.58));box-shadow:0 0 60px rgba(88,240,230,.06)}
.scene-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,20,.52),transparent 25%,transparent 75%,rgba(2,8,20,.48)),linear-gradient(0deg,rgba(2,8,20,.45),transparent 35%)}
.scene-title{position:absolute;left:4%;top:5%;z-index:4}.scene-title h3{font-size:30px;margin:4px 0}.scene-progress{position:absolute;right:4%;top:5%;z-index:4;text-align:right}.readiness{font-size:34px;font-weight:700;color:var(--cyan)}
.hotspot{position:absolute;z-index:5;transform:translate(-50%,-50%);opacity:.15;filter:saturate(.3);transition:.45s}.hotspot.active{opacity:1;filter:none}.hotspot-dot{width:18px;height:18px;border-radius:50%;background:var(--cyan);border:3px solid rgba(220,255,255,.8);box-shadow:0 0 0 0 rgba(88,240,230,.55);animation:pulseDot 1.8s infinite}@keyframes pulseDot{70%{box-shadow:0 0 0 16px rgba(88,240,230,0)}}.hotspot-label{position:absolute;left:26px;top:-8px;white-space:nowrap;padding:8px 10px;border-radius:11px;background:rgba(3,18,30,.76);border:1px solid rgba(88,240,230,.28);backdrop-filter:blur(14px);font-size:12px;color:#ddfbff;box-shadow:0 0 24px rgba(88,240,230,.08)}
.scene-line{position:absolute;z-index:3;height:2px;transform-origin:left center;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.25;animation:flow 2s infinite}@keyframes flow{50%{opacity:.8;filter:drop-shadow(0 0 7px var(--cyan))}}
.scene-core{position:absolute;z-index:4;left:50%;bottom:5%;transform:translateX(-50%);padding:12px 18px;border-radius:18px;border:1px solid rgba(88,240,230,.45);background:rgba(4,25,39,.78);backdrop-filter:blur(18px);box-shadow:0 0 40px rgba(88,240,230,.12);opacity:.15;transition:.5s}.scene-core.active{opacity:1}.scene-core strong{font-size:22px}.scene-stage-label{position:absolute;left:4%;bottom:5%;z-index:4;padding:10px 13px;border-radius:13px;background:rgba(3,18,30,.72);border:1px solid var(--line);color:var(--muted)}.scene-stage-label strong{color:var(--text)}
.builder{display:grid;grid-template-columns:1fr 1.05fr 1fr;gap:22px;align-items:center;min-height:380px}.stack{display:flex;flex-direction:column;gap:12px}.node{padding:16px}.node small{display:block;color:var(--muted);margin-bottom:5px}.core{height:250px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid rgba(88,240,230,.48);background:radial-gradient(circle,rgba(88,240,230,.23),rgba(8,41,60,.58) 45%,rgba(3,20,34,.75) 72%);box-shadow:0 0 80px rgba(88,240,230,.16),inset 0 0 70px rgba(88,240,230,.08)}.core strong{font-size:38px;display:block}.core span{color:var(--cyan)}
.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.service{padding:13px 15px;border-radius:15px;background:rgba(9,31,48,.60);border:1px solid var(--line)}.service small{display:block;color:var(--muted);margin-top:5px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);margin-right:8px}
.tech{display:none;gap:12px}.tech.active{display:grid}.tech-row{display:grid;grid-template-columns:180px 1fr;gap:14px;align-items:center}.tech-label{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.1em}.chain{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.chip{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(8,28,43,.68)}.arrow{color:var(--cyan)}
.footerline{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.remote{max-width:580px;margin:auto;padding:18px}.remote-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.remote-btn{min-height:66px;color:var(--text)}
.admin-wrap{max-width:1180px;margin:28px auto;padding:24px}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.admin-section{display:none}.admin-section.active{display:block}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi{padding:18px}.kpi strong{font-size:30px;display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(5,24,39,.75);color:var(--text)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(440px,100%);padding:28px}.login-card h1{font-size:34px;letter-spacing:-.03em}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-item{padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(7,30,46,.55)}
@media(max-width:850px){.cards,.config-grid,.service-list,.kpis{grid-template-columns:1fr 1fr}.builder{grid-template-columns:1fr}.core{width:240px;height:240px;margin:35px auto}.pair-card{grid-template-columns:1fr;text-align:center}.qr-wrap{margin:auto}.tech-row{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}}@media(max-width:560px){.cards,.config-grid,.service-list,.kpis,.result-grid{grid-template-columns:1fr}.shell{padding:18px}.scene-title h3{font-size:22px}.hotspot-label{display:none}}

.hotspot{border:0;background:transparent;padding:0}.story-card{position:absolute;z-index:8;right:4%;bottom:5%;width:min(360px,42%);padding:16px 18px;border-radius:17px;background:rgba(3,18,30,.86);border:1px solid rgba(88,240,230,.35);backdrop-filter:blur(18px);box-shadow:0 0 40px rgba(88,240,230,.12);opacity:0;transform:translateY(10px);pointer-events:none;transition:.3s}.story-card.active{opacity:1;transform:none}.story-card strong{display:block;font-size:18px;margin-top:6px}.story-card p{margin:7px 0 0;color:#b9cad5;line-height:1.4}.final-ready{position:absolute;z-index:7;left:50%;top:50%;transform:translate(-50%,-50%) scale(.92);padding:24px 34px;border-radius:24px;background:rgba(3,18,30,.78);border:1px solid rgba(88,240,230,.48);backdrop-filter:blur(20px);box-shadow:0 0 80px rgba(88,240,230,.20);text-align:center;opacity:0;pointer-events:none;transition:.55s}.final-ready.active{opacity:1;transform:translate(-50%,-50%) scale(1)}.final-ready strong{display:block;font-size:clamp(30px,4vw,54px);margin-top:7px}
.scene-editor{position:relative;aspect-ratio:16/9;margin-top:18px;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#07131d}.scene-editor>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scene-editor #editorHotspots{position:absolute;inset:0}.editor-hotspot{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;color:#fff;cursor:grab;padding:0;z-index:3}.editor-hotspot span{display:block;width:18px;height:18px;border-radius:50%;background:var(--cyan);border:3px solid #e4ffff;box-shadow:0 0 18px rgba(88,240,230,.8)}.editor-hotspot em{position:absolute;left:25px;top:-7px;font-style:normal;white-space:nowrap;padding:6px 8px;border-radius:9px;background:rgba(3,18,30,.82);border:1px solid rgba(88,240,230,.28);font-size:11px}

.lead-form{padding:18px}.lead-form .field input{width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(5,24,39,.75);color:var(--text)}