:root{--bg:#070b14;--panel:#0e1628;--text:#f7f9ff;--muted:#aab6ca;--cyan:#55e6ff;--violet:#9a72ff;--green:#5af0a5;--line:#20304c;--shadow:0 30px 80px #0008}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;background:radial-gradient(circle at 15% 0,#122746 0,transparent 35%),radial-gradient(circle at 85% 12%,#29194b 0,transparent 32%),var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:14px;align-items:center;font-weight:900;font-size:34px}.mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--cyan),var(--violet));display:grid;place-items:center;color:#07101c;font-weight:1000;box-shadow:0 0 30px #55e6ff55}.links{display:flex;gap:26px;align-items:center;color:#d6deed;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:12px;border:1px solid #ffffff24;font-weight:800;background:#ffffff0a}.btn.primary{border:0;background:linear-gradient(100deg,var(--cyan),#76a8ff,var(--violet));color:#07101c;box-shadow:0 12px 36px #55e6ff2b}.hero{padding:72px 0 86px;display:grid;grid-template-columns:1.03fr .97fr;gap:64px;align-items:center}.pill{display:inline-flex;gap:9px;align-items:center;border:1px solid #55e6ff55;background:#55e6ff0d;color:#bff7ff;padding:8px 12px;border-radius:999px;font-size:13px}.dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green)}h1{font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:-3.6px;margin:21px 0 22px}.grad{background:linear-gradient(90deg,var(--cyan),#a9b9ff,var(--violet));-webkit-background-clip:text;color:transparent}.lead{font-size:19px;line-height:1.7;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.micro{font-size:12px;color:#8796af;margin-top:13px}.screen{position:relative;border:1px solid #ffffff22;background:#0a1020;border-radius:24px;padding:12px;box-shadow:var(--shadow);transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)}.tv{aspect-ratio:16/10;border-radius:15px;overflow:hidden;position:relative;background:linear-gradient(160deg,#10223c,#392c54 55%,#101624);display:flex;align-items:center;justify-content:center}.scene{position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,#ffc47c55,transparent 12%),linear-gradient(0deg,#05070aaa,transparent 60%)}.mountains{position:absolute;bottom:0;width:100%;height:55%;clip-path:polygon(0 80%,18% 40%,32% 65%,48% 18%,64% 67%,82% 30%,100% 65%,100% 100%,0 100%);background:linear-gradient(#5f7090,#152033)}.subtitle{position:absolute;bottom:55px;left:8%;right:8%;text-align:center;font-weight:850;font-size:clamp(16px,2.2vw,26px);text-shadow:0 2px 8px #000;background:#000b;padding:9px 14px;border-radius:9px}.langchips{position:absolute;top:18px;left:18px;display:flex;gap:7px;flex-wrap:wrap}.chip{padding:7px 9px;background:#07101ddd;border:1px solid #ffffff22;border-radius:9px;font-size:12px}.float{position:absolute;background:#101a2bea;border:1px solid #ffffff22;border-radius:13px;padding:11px 14px;box-shadow:0 15px 40px #0008;font-size:12px}.f1{right:-25px;top:28px}.f2{left:-28px;bottom:34px}.section{padding:84px 0}.center{text-align:center;max-width:790px;margin:auto}.eyebrow{color:var(--cyan);font-weight:850;font-size:13px;letter-spacing:1.4px;text-transform:uppercase}.section h2{font-size:clamp(34px,4vw,52px);letter-spacing:-2px;margin:10px 0 14px}.sub{color:var(--muted);line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.card{border:1px solid var(--line);background:linear-gradient(150deg,#10192b,#0a101d);padding:26px;border-radius:18px}.icon{width:44px;height:44px;border-radius:12px;background:#55e6ff12;border:1px solid #55e6ff3a;display:grid;place-items:center;font-size:21px}.card h3{margin:18px 0 9px;font-size:19px}.card p{color:var(--muted);line-height:1.6;font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}.step{padding:24px;border-top:1px solid #334666}.num{font-size:42px;font-weight:950;color:#ffffff1d}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:800px;margin:42px auto 0}.price{padding:32px;border-radius:20px;border:1px solid var(--line);background:#0d1525;position:relative}.price.hot{border-color:#55e6ff99;box-shadow:0 0 55px #55e6ff16}.badge{position:absolute;right:18px;top:18px;background:var(--green);color:#07110b;font-size:11px;font-weight:900;padding:6px 9px;border-radius:999px}.amount{font-size:48px;font-weight:950;margin:17px 0 3px}.amount small{font-size:14px;color:var(--muted)}ul{padding-left:19px;color:#c5d0e3;line-height:2}.cta{margin:80px auto;padding:52px;border-radius:26px;text-align:center;border:1px solid #55e6ff44;background:radial-gradient(circle at 50% 0,#3b4f8b55,transparent 55%),#0d1425}.cta h2{margin-top:0}.note{font-size:12px;color:#7f8da4;line-height:1.6;max-width:900px;margin:30px auto 0}.footer{border-top:1px solid #18243a;padding:30px 0 45px;color:#8190a7;font-size:13px}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.logo-row{display:flex;justify-content:center;gap:12px;align-items:center;margin:25px 0;color:#aebbd0}.mini-logo{font-weight:900;border:1px solid #31435e;border-radius:8px;padding:7px 10px}@media(max-width:850px){.links a:not(.btn){display:none}.hero{grid-template-columns:1fr;padding-top:40px}.screen{transform:none}.grid,.steps{grid-template-columns:1fr}.pricing{grid-template-columns:1fr}.f1,.f2{display:none}h1{letter-spacing:-2.5px}.cta{padding:35px 20px}}

.nav{height:210px}img.mark{width:144px;height:144px;border-radius:32px;background:#000514;object-fit:cover;display:block}
.langsel{appearance:none;-webkit-appearance:none;background:#ffffff0a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23aab6ca' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;color:var(--text);border:1px solid #ffffff24;border-radius:12px;padding:11px 32px 11px 14px;font:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:border-color .22s ease}.langsel:hover,.langsel:focus-visible{border-color:#55e6ff77;outline:none}.langsel option{background:#0e1628;color:#f7f9ff}.footer a{text-decoration:underline;text-decoration-color:#8190a766;text-underline-offset:3px}.footer a:hover{color:#dce7f8}@media(max-width:850px){.links{gap:12px}.nav{height:150px}img.mark{width:112px;height:112px;border-radius:26px}}
img.mark.logo-full{width:auto;height:190px;border-radius:26px}
.freebar{display:flex;gap:14px;align-items:flex-start;max-width:600px;margin:0 0 26px;padding:14px 18px;border-radius:16px;border:1px solid #5af0a566;background:linear-gradient(135deg,#5af0a51f,#55e6ff0d);box-shadow:0 0 34px #5af0a51a;color:#d9ffec;font-size:16px;line-height:1.55}.freebar b{color:var(--green);font-weight:900}.freebar em{font-style:normal;font-weight:800;color:var(--cyan)}.freeicon{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#052415;font-weight:900;font-size:15px;margin-top:2px}
/* Motion & interaction */
body{overflow-x:hidden}.nav{position:relative;z-index:20}.nav:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#55e6ff55,#9a72ff55,transparent);transform:scaleX(.25);opacity:.35;transition:.5s}.nav:hover:after{transform:scaleX(1);opacity:1}
.mark{animation:logoPulse 4s ease-in-out infinite}.dot{animation:dotPulse 1.7s ease-in-out infinite}.grad{background-size:200% 100%;animation:gradientFlow 5s linear infinite}.btn{position:relative;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.btn:hover{transform:translateY(-3px);border-color:#55e6ff77;box-shadow:0 12px 28px #0005}.btn.primary:hover{box-shadow:0 16px 42px #55e6ff44}.btn:after{content:"";position:absolute;top:-80%;left:-50%;width:35%;height:260%;background:linear-gradient(90deg,transparent,#fff7,transparent);transform:rotate(20deg) translateX(-250%)}.btn:hover:after{animation:shine .75s ease}
.screen{animation:screenFloat 6s ease-in-out infinite;transition:transform .25s ease}.float{animation:floatCard 4s ease-in-out infinite}.f2{animation-delay:-2s}.chip{animation:chipGlow 5s ease-in-out infinite}.chip:nth-child(2){animation-delay:-1.2s}.chip:nth-child(3){animation-delay:-2.4s}.chip:nth-child(4){animation-delay:-3.6s}.subtitle:after{content:"|";color:var(--cyan);margin-left:5px;animation:blink .8s steps(1) infinite}
.card,.step,.price{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease}.card:hover{transform:translateY(-8px);border-color:#55e6ff66;box-shadow:0 20px 50px #0005;background:linear-gradient(150deg,#132139,#0b1220)}.card:hover .icon{transform:rotate(-5deg) scale(1.1);box-shadow:0 0 25px #55e6ff2f}.icon{transition:.28s}.step:hover{transform:translateY(-5px);border-color:var(--cyan)}.price:hover{transform:translateY(-7px);box-shadow:0 22px 60px #0006}.price.hot:hover{box-shadow:0 22px 65px #55e6ff20}.badge{animation:badgePulse 2.4s ease-in-out infinite}.mini-logo{transition:.25s}.mini-logo:hover{transform:translateY(-3px);border-color:var(--cyan);color:#fff}.cta{position:relative;overflow:hidden}.cta:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#55e6ff16;filter:blur(10px);top:-180px;left:-80px;animation:orb 8s ease-in-out infinite}.cta>*{position:relative;z-index:1}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}.progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--cyan),var(--violet));z-index:100;box-shadow:0 0 15px #55e6ff88}.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,#55e6ff0d,transparent 65%);transform:translate(-50%,-50%);transition:opacity .3s}
@keyframes logoPulse{0%,100%{box-shadow:0 0 25px #55e6ff44}50%{box-shadow:0 0 45px #9a72ff66;transform:translateY(-2px)}}@keyframes dotPulse{50%{transform:scale(1.5);box-shadow:0 0 22px var(--green)}}@keyframes gradientFlow{to{background-position:200% 0}}@keyframes shine{to{transform:rotate(20deg) translateX(650%)}}@keyframes screenFloat{0%,100%{transform:perspective(1000px) rotateY(-4deg) rotateX(2deg) translateY(0)}50%{transform:perspective(1000px) rotateY(-2deg) rotateX(1deg) translateY(-10px)}}@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes chipGlow{50%{border-color:#55e6ff66;box-shadow:0 0 18px #55e6ff18}}@keyframes blink{50%{opacity:0}}@keyframes badgePulse{50%{transform:scale(1.04);box-shadow:0 0 22px #5af0a544}}@keyframes orb{50%{transform:translate(850px,90px) scale(1.4)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.cursor-glow{display:none}}
@media(max-width:850px){.screen{animation:none}.cursor-glow{display:none}}
@media(max-width:850px){img.mark.logo-full{width:auto;height:112px;border-radius:20px}}

dialog.pop{border:1px solid #55e6ff55;border-radius:24px;background:linear-gradient(160deg,#132139,#0b1220);color:var(--text);padding:36px 34px 28px;width:min(440px,calc(100% - 32px));text-align:center;box-shadow:0 30px 90px #000a,0 0 60px #55e6ff1f;overflow:visible}
dialog.pop::backdrop{background:#030610b8;backdrop-filter:blur(5px)}
dialog.pop[open]{animation:popIn .25s ease}
@keyframes popIn{from{opacity:0;transform:translateY(14px) scale(.97)}}
.pop-icon{font-size:42px;line-height:1;margin-bottom:10px}
dialog.pop h3{font-size:30px;letter-spacing:-.8px;margin:0 0 12px;background:linear-gradient(90deg,var(--cyan),#a9b9ff,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
dialog.pop p{color:#c9d4e8;line-height:1.65;margin:0 0 20px}
dialog.pop .btn{width:100%}
dialog.pop .btn:not(.primary){margin-top:10px}
.pop-sup{margin:18px 0 0!important;font-size:14px;color:var(--muted)}
.pop-sup a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.pop-x{position:absolute;right:14px;top:10px;width:36px;height:36px;border-radius:50%;border:0;background:#ffffff0f;color:#cdd8ec;font-size:24px;line-height:1;cursor:pointer}
.pop-x:hover{background:#ffffff1f;color:#fff}
dialog.pop button.btn{color:var(--text);font:inherit;font-weight:800;cursor:pointer}
.dlinfo{max-width:760px;margin:6px auto 0}
.dlinfo .micro{margin-top:9px;line-height:1.6}
.dlinfo b{color:#c3cfe4}
.dlinfo code{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:12px;background:#0a1222;border:1px solid var(--line);border-radius:8px;padding:2px 8px;color:#bff7ff;word-break:break-all;overflow-wrap:anywhere}
@media(max-width:520px){.nav{height:112px}img.mark.logo-full{height:68px;border-radius:14px}.links{gap:8px}.langsel{padding:9px 28px 9px 11px;font-size:13px;background-position:right 9px center}.links .btn{padding:10px 13px;font-size:13px}}
@media(max-width:520px){.logo-row{flex-wrap:wrap;gap:8px 10px}}
.note.vat{font-size:15px;color:#c3cfe4;text-align:center;margin:26px auto 0}.note.vat b{color:#fff}.note.vat+.note{margin-top:14px}
.screen .heroimg{display:block;width:100%;height:auto;border-radius:14px;aspect-ratio:1400/781;object-fit:cover}
.f2{left:auto;right:-22px;bottom:26px}
@media(min-width:851px){.hero>div:first-child{position:relative;z-index:2}.screen{z-index:1;margin-left:-140px}.screen::after{content:"";position:absolute;inset:12px;border-radius:14px;pointer-events:none;background:linear-gradient(90deg,#070b14d9 0,#070b1488 16%,#070b1400 42%)}}