:root{--bg:#f7f7f8;--card:#fff;--ink:#1a1a1c;--ink-60:#1a1a1c9e;--ink-42:#1a1a1c6b;--ink-26:#1a1a1c42;--line:#14141914;--line-2:#14141924;--green:#1f9b5a;--green-soft:#e6f4ec;--amber:#b87a0f;--amber-soft:#fbf1dd;--red:#d9463f;--red-soft:#fbe7e6;--dark:#1a1a1c;--maxw:1140px;--r:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;margin:0;font-family:Space Grotesk,-apple-system,system-ui,sans-serif;line-height:1.5;overflow-x:hidden}p{text-wrap:pretty;margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}h1,h2,h3{letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:700;line-height:1}.mono{font-feature-settings:"tnum";font-family:JetBrains Mono,monospace}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-42);align-items:center;gap:9px;font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:500;display:inline-flex}.kicker .pip{background:var(--green);border-radius:50%;width:6px;height:6px}.btn{letter-spacing:-.01em;white-space:nowrap;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:9px;padding:14px 22px;font-family:inherit;font-size:15px;font-weight:600;transition:transform .14s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-dark{background:var(--dark);color:#fff}.btn-dark:hover{color:#fff;background:#000;box-shadow:0 12px 30px #0000002e}.btn-ghost{background:var(--card);color:var(--ink);border:1px solid var(--line-2)}.btn-ghost:hover{border-color:var(--ink-42);color:var(--ink)}.btn-sm{padding:9px 16px;font-size:13.5px}.btn svg{flex:none;width:17px;height:17px}header.nav{z-index:40;-webkit-backdrop-filter:blur(18px)saturate(150%);border-bottom:1px solid var(--line);background:#f7f7f8b8;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:70px;display:flex}.brand{letter-spacing:-.02em;color:var(--ink);align-items:baseline;gap:2px;font-family:Outfit,sans-serif;font-size:24px;font-weight:600;display:flex}.brand:hover{color:var(--ink)}.brand .dot{background:var(--green);border-radius:50%;width:8px;height:8px;margin-left:3px;display:inline-block}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--ink-42);font-size:14.5px;font-weight:500}.nav-links a:hover{color:var(--ink)}.nav-links a.btn-dark,.nav-links a.btn-dark:hover{color:#fff}.nav .lang-switch{border:1px solid var(--line-2);letter-spacing:.08em;color:var(--ink-60);border-radius:999px;padding:5px 9px;font-family:JetBrains Mono,monospace;font-size:11.5px}.intro{height:210vh;position:relative}.hero{align-items:center;height:100vh;min-height:520px;padding:0;display:flex;position:sticky;top:0;overflow:hidden}.phone-slot{aspect-ratio:390/844;z-index:1;width:clamp(210px,40vh,300px);position:relative;container-type:inline-size}.hero-stage .phone{background:linear-gradient(160deg,#3a3a3f,#141416 40%,#1e1e22);border-radius:28cqw;width:175%;margin:0;padding:5.6cqw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5714);box-shadow:0 0 0 .9cqw #0c0c0e,inset 0 0 0 1cqw #ffffff14,0 30px 70px #14141938}.hero-stage .phone img{border-radius:22.75cqw}.hero-stage .phone:before{content:"";z-index:3;background:#000;border-radius:999px;width:45.5cqw;height:13cqw;position:absolute;top:9.1cqw;left:50%;transform:translate(-50%)}.hero-stage .phone .btn-l,.hero-stage .phone .btn-r{background:#2a2a2e;border-radius:1px;width:1.75cqw;position:absolute;box-shadow:inset 0 0 0 .5cqw #ffffff14}.hero-stage .phone .btn-l{left:-1.75cqw}.hero-stage .phone .btn-r{height:13%;top:23%;right:-1.75cqw}.hero-stage .phone .b1{height:5%;top:15%}.hero-stage .phone .b2{height:9%;top:23%}.hero-stage .phone .b3{height:9%;top:34%}.hero .wrap{width:100%}.hero-copy{will-change:transform, opacity}.float{will-change:opacity}.intro-hint{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-42);align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:11px;transition:opacity .3s;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.intro-hint i{background:var(--ink-26);width:1px;height:26px;animation:1.6s ease-in-out infinite hint;display:block}@keyframes hint{0%,to{opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce),(width<=860px){.intro{height:auto}.hero{height:auto;min-height:0;padding:72px 0 40px;position:relative}.intro-hint{display:none}.hero-copy,.float{opacity:1!important;transform:none!important}.hero-stage .phone{transform:translate(-50%,-50%)scale(.5714)!important}}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.hero h1{margin-top:24px;font-size:clamp(46px,7vw,92px)}.hero h1 .g{color:var(--green)}.hero-sub{color:var(--ink-60);max-width:480px;margin-top:26px;font-size:clamp(17px,2vw,20px);line-height:1.55}.hero-cta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:36px;display:flex}.hero-note{color:var(--ink-42);letter-spacing:.02em;margin-top:22px;font-family:JetBrains Mono,monospace;font-size:12px}.hero-note b{color:var(--green);font-weight:500}.phone{aspect-ratio:390/844;background:#111;border-radius:46px;flex:none;width:300px;padding:10px;position:relative;box-shadow:0 30px 70px #1414192e,0 0 0 1px #0006}.phone img{object-fit:cover;background:var(--bg);border-radius:38px;width:100%;height:100%;display:block}.phone.sm{border-radius:38px;width:230px;padding:8px}.phone.sm img{border-radius:31px}.hero-stage{justify-content:center;display:flex;position:relative}.hero-stage .stage-in{flex:none;position:relative}.hero-stage:before{content:"";z-index:0;background:radial-gradient(closest-side,#1f9b5a1f,#0000 70%);position:absolute;inset:12% 0}.num-live{color:#1a1a1c;letter-spacing:-.045em;font-feature-settings:"tnum";background:#f6f6f8;justify-content:center;align-items:baseline;height:12%;font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;font-weight:600;line-height:1;display:flex;position:absolute;top:24.5%;left:3.3%;right:3.3%}.num-live .big{font-size:31.5cqw}.num-live .dec{margin-left:.5cqw;font-size:17cqw}.num-live .cur{margin-left:3cqw;font-size:17cqw;font-weight:500}.float{z-index:2;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 15px;font-size:13.5px;position:absolute;box-shadow:0 14px 40px #1414191f}.float .l{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-42);font-family:JetBrains Mono,monospace;font-size:10.5px}.float .v{align-items:center;gap:7px;margin-top:3px;font-weight:600;display:flex}.float .v .d{background:var(--green);border-radius:50%;width:7px;height:7px}.float.a{top:26%;left:-190px}.float.b{bottom:22%;right:-110px}.step .shot .phone,.share-stage .phone{will-change:transform;transition:transform .1s linear}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}.reveal.in{opacity:1;transform:none}section{padding:96px 0}.sec-head{max-width:680px;margin-bottom:56px}.sec-head.center{text-align:center;margin-left:auto;margin-right:auto}.sec-head.center p{margin-left:auto;margin-right:auto}#download{padding-top:0}.sec-head h2{margin-top:16px;font-size:clamp(32px,4.6vw,54px)}.sec-head p{color:var(--ink-60);max-width:540px;margin-top:18px;font-size:17px;line-height:1.6}.steps{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.step{background:var(--card);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:12px;padding:28px 26px 0;display:flex;overflow:hidden}.step .n{letter-spacing:.12em;color:var(--green);font-family:JetBrains Mono,monospace;font-size:11px}.step h3{letter-spacing:-.03em;font-size:22px;line-height:1.1}.step p{color:var(--ink-60);font-size:14.5px;line-height:1.58}.step .shot{background:linear-gradient(180deg, transparent, var(--bg));justify-content:center;align-items:flex-start;height:270px;margin:18px -26px 0;padding:0 34px;display:flex;overflow:hidden}.step .shot .phone{transform:translateY(0);box-shadow:0 20px 50px #14141929,0 0 0 1px #0006}.states{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.state-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.state{border-radius:var(--r);background:var(--bg);border:1px solid var(--line);flex-direction:column;gap:10px;padding:26px 26px 30px;display:flex}.state .badge{border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:600;display:inline-flex}.state .badge .d{background:currentColor;border-radius:50%;width:7px;height:7px}.state.ok .badge{background:var(--green-soft);color:var(--green)}.state.slow .badge{background:var(--amber-soft);color:var(--amber)}.state.over .badge{background:var(--red-soft);color:var(--red)}.state .num{letter-spacing:-.04em;margin-top:10px;font-size:56px;font-weight:700;line-height:1}.state .num small{letter-spacing:-.02em;font-size:26px;font-weight:500}.state p{color:var(--ink-60);font-size:14px;line-height:1.55}.share-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.share-grid h2{margin-top:16px;font-size:clamp(32px,4.6vw,54px)}.share-grid p.lead{color:var(--ink-60);max-width:440px;margin-top:18px;font-size:17px;line-height:1.6}.list{flex-direction:column;gap:14px;margin-top:28px;display:flex}.li{color:var(--ink-60);align-items:flex-start;gap:13px;font-size:15px;display:flex}.li .ic{background:var(--green-soft);width:26px;height:26px;color:var(--green);border-radius:8px;flex:none;place-items:center;margin-top:-1px;display:grid}.li b{color:var(--ink);font-weight:600}.share-stage{justify-content:center;align-items:flex-start;gap:18px;display:flex}.share-stage .phone:last-child{margin-top:56px}.pricing{padding-top:0}.price-grid{grid-template-columns:1fr 1fr;gap:18px;max-width:820px;margin:0 auto;display:grid}.plan{background:var(--card);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;padding:32px 30px;display:flex}.plan.plus{background:var(--dark);color:#fff;border-color:#0000}.plan .nm{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-42);font-family:JetBrains Mono,monospace;font-size:11.5px}.plan.plus .nm{color:#ffffff80}.plan .pr{letter-spacing:-.04em;margin-top:14px;font-size:44px;font-weight:700;line-height:1}.plan .pr small{letter-spacing:-.01em;color:var(--ink-42);font-size:16px;font-weight:500}.plan.plus .pr small{color:#ffffff80}.plan ul{color:var(--ink-60);flex-direction:column;gap:11px;margin:26px 0 0;padding:0;font-size:14.5px;list-style:none;display:flex}.plan.plus ul{color:#ffffffb8}.plan li{align-items:flex-start;gap:10px;display:flex}.plan li:before{content:"";background:var(--green);border-radius:50%;flex:none;width:6px;height:6px;margin-top:8px}.plan .act{margin-top:auto;padding-top:28px}.plan.plus .btn-ghost{color:#fff;background:#ffffff14;border-color:#ffffff2e}.plan.plus .btn-ghost:hover{color:#fff;background:#ffffff24}.price-note{text-align:center;color:var(--ink-42);margin-top:22px;font-family:JetBrains Mono,monospace;font-size:12px}.dl{background:var(--dark);color:#fff;text-align:center;border-radius:32px;margin:0 32px;padding:80px 32px}.dl h2{font-size:clamp(34px,5vw,64px)}.dl h2 .g{color:#4fcb86}.dl p{color:#ffffff9e;margin-top:18px;font-size:17px}.dl .cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.dl .btn-light{color:#111;background:#fff}.dl .btn-light:hover{color:#111;background:#fff;box-shadow:0 12px 30px #0006}footer.foot{padding:44px 0 52px}.foot-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.foot-brand{color:var(--ink-42);align-items:center;gap:11px;font-size:13.5px;display:flex}.foot-brand img{border-radius:6px;width:22px;height:22px;display:block}.foot-brand b{color:var(--ink);font-weight:600}.foot-links{color:var(--ink-42);flex-wrap:wrap;gap:22px;font-size:13px;display:flex}.foot-links a:hover{color:var(--ink)}@media (width<=940px){.nav-links a:not(.btn,.lang-switch){display:none}.steps,.state-grid{grid-template-columns:1fr}.share-grid{grid-template-columns:1fr;gap:44px}.share-stage{order:2}.price-grid{grid-template-columns:1fr}}@media (width<=1060px){.float.a{top:58%;left:-110px}}@media (width<=860px){.hero-grid{grid-template-columns:1fr;gap:56px}.hero-stage{order:2}}@media (width<=560px){.wrap{padding:0 20px}section{padding:68px 0}.hero-cta .btn{flex:1;justify-content:center}.float.a{top:60%;left:-24px}.float.b{right:-24px}.dl{border-radius:24px;margin:0 12px;padding:60px 22px}.share-stage .phone.sm{width:46%}.phone{width:260px}}
