:root{--ink:#0B1220;--ink-2:#111A2E;--line:#1C2740;--paper:#F5F7FB;--mute:#8A97B1;--soft:#C5CDDC;--blue:#4F8DF7;--blue-deep:#1B4FB3;--moon:#F5B84A}*{box-sizing:border-box;font-feature-settings:"locl" 0}html{scroll-behavior:smooth}html,body{margin:0}body{background:var(--ink);color:var(--paper);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.nav{position:relative;z-index:20;display:flex;align-items:center;gap:26px;padding:26px 56px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;letter-spacing:-.2px}.brand span{font-weight:300;color:var(--blue)}.nav .sp{flex:1}.nav a.lnk{font-size:14px;opacity:.75}.nav a.lnk:hover{opacity:1}.btn{display:inline-block;padding:12px 20px;border-radius:10px;font-weight:700;font-size:14.5px;border:1.5px solid var(--blue);color:var(--blue);transition:background .18s,color .18s,transform .18s;text-align:center}.btn:hover,.btn.pr{background:var(--blue);color:var(--ink)}.btn.pr:hover{background:#6ea2ff;transform:translateY(-1px)}.btn.ghost{border-color:var(--line);color:var(--soft)}.btn.ghost:hover{background:var(--ink-2);color:var(--paper)}.lang{position:relative}.lang>button{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--soft);border:1px solid var(--line);border-radius:99px;padding:7px 12px 7px 10px}.lang>button:hover,.lang.open>button{border-color:var(--blue);color:var(--paper)}.lang>button svg{transition:transform .18s}.lang.open>button svg{transform:rotate(180deg)}.lang ul{position:absolute;right:0;top:calc(100% + 8px);min-width:190px;margin:0;padding:6px;list-style:none;background:var(--ink-2);border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 50px #00000080;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .16s,transform .16s}.lang.open ul{opacity:1;transform:none;pointer-events:auto}.lang li button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13.5px;text-align:left}.lang li button:hover{background:#4f8df71f}.lang li button[aria-checked=true]{color:var(--blue)}.lang li button[aria-checked=true]:after{content:"";margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--blue)}.lang li small{color:var(--mute);font-weight:500}.hero{position:relative;min-height:min(calc(100vh - 92px),820px);display:grid;grid-template-columns:minmax(420px,600px) 1fr;align-items:center;padding:0 56px 40px;overflow:hidden}.copy{position:relative;z-index:4}h1{margin:0;font-size:clamp(46px,5.4vw,78px);font-weight:800;letter-spacing:-.035em;line-height:1}.sub{margin:26px 0 0;max-width:500px;font-size:18px;line-height:1.55;color:var(--soft);font-weight:500}.cta{display:flex;gap:12px;margin-top:36px}.hint{margin-top:44px;font-size:13px;color:var(--mute);display:flex;align-items:center;gap:10px}.hint i{width:8px;height:8px;border-radius:50%;background:var(--moon);box-shadow:0 0 #f5b84a99;animation:pulse 2.4s ease-out infinite}@keyframes pulse{to{box-shadow:0 0 0 14px #f5b84a00}}.copy>*{opacity:0;transform:translateY(14px);animation:in .7s cubic-bezier(.2,.7,.2,1) forwards}.copy>*:nth-child(1){animation-delay:.15s}.copy>*:nth-child(2){animation-delay:.3s}.copy>*:nth-child(3){animation-delay:.45s}.copy>*:nth-child(4){animation-delay:.9s}@keyframes in{to{opacity:1;transform:none}}.system{position:relative;height:720px;overflow:hidden;max-width:100vw}.glow{position:absolute;left:47%;top:50%;width:900px;height:900px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(27,79,179,.28),transparent 58%)}.stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(1px 1px at 12% 18%,rgba(255,255,255,.55),transparent 60%),radial-gradient(1px 1px at 78% 12%,rgba(255,255,255,.4),transparent 60%),radial-gradient(1.5px 1.5px at 62% 82%,rgba(255,255,255,.5),transparent 60%),radial-gradient(1px 1px at 88% 58%,rgba(255,255,255,.35),transparent 60%),radial-gradient(1px 1px at 34% 90%,rgba(255,255,255,.3),transparent 60%),radial-gradient(1.5px 1.5px at 92% 88%,rgba(255,255,255,.45),transparent 60%),radial-gradient(1px 1px at 46% 8%,rgba(255,255,255,.35),transparent 60%);opacity:0;animation:fade 2s 1.4s forwards}@keyframes fade{to{opacity:1}}.orbit{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;animation:fade 1s .9s forwards}.orbit svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}.orbit svg.back{z-index:1}.orbit svg.front{z-index:3}.orbit path{fill:none;stroke:#4f8df74d;stroke-width:1.5}.orbit path.r0{stroke:#4f8df799}.orbit svg.back path{stroke-opacity:.55}.planet{position:absolute;z-index:2;border-radius:50%;background:radial-gradient(circle at 36% 32%,#fff 0,#f5f7fb 38%,#c9d3e6);box-shadow:0 0 0 1px #ffffff0f,0 40px 90px #0000008c,inset -30px -30px 60px #1b4fb32e;opacity:0;animation:planet 1.1s .5s cubic-bezier(.2,.7,.2,1) forwards}@keyframes planet{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.planet:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 70% 75%,rgba(11,18,32,.35),transparent 55%)}.sat{position:absolute;left:0;top:0;display:flex;align-items:center;gap:9px;white-space:nowrap;will-change:transform;transform-origin:8px 8px;opacity:0;animation:fade .6s 1.6s forwards}.sat b{width:16px;height:16px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px #4f8df72e,0 0 24px #4f8df7b3;flex:none}.sat span{font-size:14px;font-weight:700;letter-spacing:-.1px;color:var(--paper);background:#0b1220d1;border:1px solid var(--line);padding:6px 11px;border-radius:99px}.sat.moon b{background:var(--moon);box-shadow:0 0 0 5px #f5b84a2e,0 0 24px #f5b84ab3}.sat.back{filter:brightness(.75)}.modules{position:relative;z-index:5;padding:70px 56px 30px}.mh{max-width:720px;margin-bottom:34px}.mh h2{margin:0;font-size:38px;font-weight:800;letter-spacing:-.03em;line-height:1.05}.mh p{margin:12px 0 0;color:var(--soft);font-size:16px;line-height:1.5}.mgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mod{position:relative;background:var(--ink-2);border:1px solid var(--line);border-radius:14px;padding:20px 18px 18px;min-height:168px;display:flex;flex-direction:column;gap:10px;overflow:hidden;transition:border-color .2s,transform .2s}.mod:hover{border-color:var(--blue);transform:translateY(-2px)}.mod i{width:34px;height:34px;border-radius:10px;background:#4f8df724;border:1px solid rgba(79,141,247,.3);display:flex;align-items:center;justify-content:center;flex:none}.mod i svg{width:18px;height:18px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mod.moon i{background:#f5b84a1f;border-color:#f5b84a4d}.mod.moon i svg{stroke:var(--moon)}.mod h3{margin:0;font-size:15.5px;font-weight:800;letter-spacing:-.1px}.mod p{margin:0;font-size:13px;line-height:1.5;color:var(--soft)}.mod .pr{margin-top:auto;font-size:12px;color:var(--mute)}.mod .pr b{color:var(--paper);font-weight:700}.mod:after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;border:1px solid rgba(79,141,247,.18);pointer-events:none}.mnote{margin-top:16px;font-size:12.5px;color:var(--mute)}@media (max-width:1100px){.mgrid{grid-template-columns:1fr 1fr}}.ask{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:stretch;margin-top:22px}.ask-card{background:#ffffff0a;border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}.ask-card b{font-size:20px;letter-spacing:-.02em}.ask-card span{color:var(--mute);font-size:13px;line-height:1.5}.ask-card .btn{font-size:16px;padding:14px 22px}.ask-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;gap:12px}.ask-list li{display:flex;gap:12px;align-items:flex-start;color:var(--paper);font-size:15px;line-height:1.5;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#ffffff05}.ask-list li:before{content:"";flex:none;width:16px;height:16px;border-radius:50%;background:#4f8df72e;margin-top:3px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%234F8DF7' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}@media (max-width:640px){.modules{padding:50px 22px 20px}.mgrid{grid-template-columns:1fr}}.pricing{position:relative;z-index:5;padding:40px 56px 70px}.ph{display:flex;align-items:flex-end;gap:24px;margin-bottom:28px}.ph h2{margin:0;font-size:38px;font-weight:800;letter-spacing:-.03em;line-height:1.05}.ph p{margin:8px 0 0;color:var(--soft);font-size:16px;max-width:560px}.ph .sp{flex:1}.toggle{display:inline-flex;background:var(--ink-2);border:1px solid var(--line);border-radius:99px;padding:4px;gap:2px}.toggle button{padding:8px 14px;border-radius:99px;font-size:13.5px;font-weight:700;color:var(--mute)}.toggle button[aria-pressed=true]{background:var(--blue);color:var(--ink)}.toggle small{font-weight:600;opacity:.8}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.plan{position:relative;background:var(--ink-2);border:1px solid var(--line);border-radius:16px;padding:24px 22px 22px;display:flex;flex-direction:column;gap:18px}.plan.hot{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue),0 30px 80px #1b4fb340}.plan .tag{position:absolute;top:-11px;left:22px;background:var(--blue);color:var(--ink);font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:99px;letter-spacing:.2px}.plan h3{margin:0;font-size:18px;font-weight:800}.plan .who{color:var(--mute);font-size:13px;margin-top:4px}.price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.price b{font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1}.price span{color:var(--mute);font-size:13px}.price .was{color:var(--mute);font-size:13px;text-decoration:line-through}.inc{display:grid;grid-template-columns:1fr 1fr;gap:8px}.inc div{background:#4f8df714;border:1px solid rgba(79,141,247,.18);border-radius:10px;padding:10px 12px}.inc div b{display:block;font-size:20px;font-weight:800;letter-spacing:-.02em}.inc div span{font-size:12px;color:var(--mute)}.plan ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:var(--soft)}.plan li{display:flex;gap:9px;align-items:flex-start}.plan li:before{content:"";flex:none;width:16px;height:16px;border-radius:50%;background:#4f8df72e;margin-top:1px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%234F8DF7' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.plan li.dim{color:var(--mute)}.plan li.dim:before{background:#f5b84a24;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 4.5v7M4.5 8h7' fill='none' stroke='%23F5B84A' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}.plan .extra{font-size:12.5px;color:var(--mute);border-top:1px solid var(--line);padding-top:12px;line-height:1.5}.plan .btn{margin-top:auto}.plan.ent{background:transparent}.plan.ent .price b{font-size:26px;line-height:1.2}.fine{margin-top:18px;font-size:12.5px;color:var(--mute);display:flex;gap:22px;flex-wrap:wrap}.foot{position:relative;z-index:5;display:flex;gap:24px;padding:18px 56px 28px;font-size:12.5px;color:var(--mute);border-top:1px solid var(--line)}.foot .sp{flex:1}.foot a{color:inherit;text-decoration:none}.foot a:hover{color:var(--soft)}.static .copy>*,.static .planet,.static .orbit,.static .sat,.static .stars{animation:none!important;opacity:1!important}@media (prefers-reduced-motion:reduce){.copy>*,.planet,.orbit,.sat,.stars{animation:none!important;opacity:1!important}.hint i{animation:none!important}}@media (max-width:1100px){.hero{grid-template-columns:1fr;padding-top:20px}.system{height:600px}.plans{grid-template-columns:1fr 1fr}}@media (max-width:640px){.nav{padding:18px 22px;gap:14px;flex-wrap:wrap}.nav a.lnk,.nav .nav-signin{display:none}.hero{padding:0 22px 40px}.system{height:460px}.pricing{padding:30px 22px 50px}.plans,.ask{grid-template-columns:1fr}.ph{flex-direction:column;align-items:flex-start}.foot{padding:18px 22px}}
