:root{color-scheme:dark; --bg:#070c16;--bg-glow:rgba(30,64,140,.42); --glass:rgba(21,30,50,.55);--glass-line:rgba(255,255,255,.075);--glass-hi:rgba(255,255,255,.06); --ink:#e8eefc;--ink-2:#a6b3cb;--muted:#7d8ba6;--line:rgba(255,255,255,.075);--line-2:rgba(255,255,255,.14); --card:#0c121f;--card-2:#121a2b;--card-line:rgba(255,255,255,.07); --blue:#4f9dff;--blue-50:rgba(79,157,255,.14);--blue-100:rgba(79,157,255,.30); --green:#35d07f;--green-50:rgba(53,208,127,.14);--cyan:#3fd3e8;--amber:#ffb445;--red:#ff6b63;--nd:rgba(255,255,255,.3);--future:rgba(255,255,255,.05); --ok-a:#12332a;--ok-b:#131c2e;--ok-line:rgba(53,208,127,.36);--ok-t:#86e6b1;--ok-chip:rgba(53,208,127,.13); --wr-a:#3a2a12;--wr-line:rgba(255,180,69,.42);--wr-t:#ffd08a;--wr-chip:rgba(255,180,69,.14); --bd-a:#3d1820;--bd-line:rgba(255,107,99,.42);--bd-t:#ffb8b3;--bd-chip:rgba(255,107,99,.14); --eye-a:#4f9dff;--eye-b:#9d8fff;--eye-c:#78b0ff;--eye-hi:#fff;--glow:rgba(79,157,255,.45);--pupil:#02040a; --glass-a:rgba(79,157,255,.30);--glass-b:rgba(157,143,255,.10);--glass-edge:rgba(255,255,255,.22); --phone:#121a2b;--phone-edge:#273350;--screen:#0a0f1a; --g-free:linear-gradient(100deg,#d5deef,#8f9cb6);--g-std:linear-gradient(100deg,#8dbcff,#5a9bff);--g-prem:linear-gradient(100deg,#6fa8ff 8%,#8db4ff 45%,#b09fff 100%); --btn:rgba(255,255,255,.045);--btn-line:rgba(255,255,255,.12); --shadow-lg:0 24px 64px -28px rgba(0,0,0,.9),0 2px 8px rgba(0,0,0,.35); --brand-grad:linear-gradient(100deg,var(--eye-a) 8%,var(--eye-c) 55%,var(--eye-b)); --font:'Inter',-apple-system,'Segoe UI',Roboto,sans-serif;--brand:'Sora','Inter',sans-serif;--tech:'Montserrat','Inter',sans-serif} :root[data-theme="light"]{color-scheme:light; --bg:#fbfcfe;--bg-glow:rgba(188,216,255,.55); --glass:rgba(255,255,255,.72);--glass-line:#e6eaf1;--glass-hi:rgba(255,255,255,.9); --ink:#0c1424;--ink-2:#36405a;--muted:#5f6b80;--line:#eceef3;--line-2:#e3e7ee; --card:#fff;--card-2:#f1f4fa;--card-line:#e6eaf1; --blue:#1a7fff;--blue-50:#eef5ff;--blue-100:#d3e4ff; --green:#16a34a;--green-50:rgba(22,163,74,.10);--cyan:#0f9bb0;--amber:#e08e0b;--red:#e5484d;--nd:rgba(12,20,36,.28);--future:rgba(12,20,36,.05); --ok-a:#dcf5e6;--ok-b:#fff;--ok-line:rgba(22,163,74,.32);--ok-t:#15803d;--ok-chip:rgba(22,163,74,.10); --wr-a:#fcefd6;--wr-line:rgba(224,142,11,.4);--wr-t:#9a5b00;--wr-chip:rgba(224,142,11,.13); --bd-a:#fde4e4;--bd-line:rgba(229,72,77,.4);--bd-t:#b42318;--bd-chip:rgba(229,72,77,.11); --eye-a:#1a7fff;--eye-b:#7c6cff;--eye-c:#4f9bff;--glow:rgba(26,127,255,.32); --glass-a:rgba(26,127,255,.20);--glass-b:rgba(124,108,255,.08);--glass-edge:rgba(255,255,255,.9); --phone:#e9edf5;--phone-edge:#cfd6e3;--screen:#fff; --g-free:linear-gradient(100deg,#36405a,#74809a);--g-std:linear-gradient(100deg,#0a6cf0,#3f8fff);--g-prem:linear-gradient(100deg,#1a7fff 8%,#4f9bff 55%,#7c6cff 100%); --btn:#fff;--btn-line:#e3e7ee; --shadow-lg:0 30px 70px -26px rgba(16,40,90,.24),0 0 0 1px rgba(12,20,36,.04)} *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased; background:radial-gradient(1100px 620px at 50% -8%,var(--bg-glow),transparent 62%),var(--bg);background-attachment:fixed} a{color:inherit;text-decoration:none} h1,h2,h3,h4,p{margin:0} svg{flex:none} a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px} .eh-nav{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px; padding-block:16px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))} .eh-back{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--btn-line);background:var(--btn);font:600 14px/1 var(--font);color:var(--ink-2)} .eh-back:hover{color:var(--ink);border-color:var(--blue-100)} .eh-back svg{width:16px;height:16px} .btn{display:inline-flex;align-items:center;gap:9px;cursor:pointer;border-radius:999px;border:1px solid var(--btn-line);background:var(--btn);color:var(--ink)} .btn-theme{flex:none;width:42px;height:42px;padding:0;justify-content:center} .btn-theme .th-i{width:18px;height:18px;display:none} :root[data-theme="dark"] .btn-theme .th-sun{display:block} :root:not([data-theme="dark"]) .btn-theme .th-moon{display:block} .eh-page{max-width:1180px;margin:0 auto;padding-block:8px 72px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:90px} .eh-foot{max-width:1180px;margin:0 auto;padding-block:26px 40px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));border-top:1px solid var(--line);color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap} .eh-foot a:hover{color:var(--ink)} .glass{background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--shadow-lg),inset 0 1px 0 var(--glass-hi)} .hdot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--ok-chip)} .hp{display:inline-flex;align-items:center;gap:7px;height:24px;padding:0 10px 0 9px;border-radius:999px;white-space:nowrap;font:700 11.5px/1 var(--font);color:var(--ok-t);background:var(--ok-chip);border:1px solid var(--ok-line)} .hp .hdot{width:6px;height:6px;box-shadow:none} .hp.w{color:var(--wr-t);background:var(--wr-chip);border-color:var(--wr-line)} .hp.w .hdot{background:var(--amber)} .hp.b{color:var(--bd-t);background:var(--bd-chip);border-color:var(--bd-line)} .hp.b .hdot{background:var(--red)} .hp.n{color:var(--muted);background:transparent;border-color:var(--line-2);border-style:dashed} .hp.n .hdot{background:var(--muted)} .hic{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--ok-chip);color:var(--ok-t)} .hic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .pct{font:600 15px/1 var(--brand);font-variant-numeric:tabular-nums;letter-spacing:-.2px} .tname{font:700 19px/1.1 var(--brand);letter-spacing:-.3px;-webkit-background-clip:text;background-clip:text;color:transparent;background-image:var(--g-std)} .tname.free{background-image:var(--g-free)} .tname.premium{background-image:var(--g-prem)} .word{font:500 14px/1 var(--tech);text-transform:uppercase;letter-spacing:.2em;background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent} .s1{background:var(--green)} .s3{background:var(--amber)} .s2{background:repeating-linear-gradient(135deg,var(--red) 0 3px,color-mix(in srgb,var(--red) 45%,transparent) 3px 6px)} .s0{background:transparent;box-shadow:inset 0 0 0 1px var(--nd)} .sf{background:var(--future)} .legend{display:flex;flex-wrap:wrap;gap:6px 16px;font:500 12.5px/1 var(--font);color:var(--ink-2)} .legend span{display:inline-flex;align-items:center;gap:7px} .legend i{width:var(--cell,10px);height:var(--cell,10px);border-radius:2px} .eh-note{font:500 13px/1.4 var(--font);color:var(--wr-t)} .det{display:flex;flex-direction:column;gap:18px} .pg-head{display:flex;align-items:center;gap:16px;padding:12px 0 8px} .pg-head .eye-logo{width:64px} .pg-head .t{display:flex;flex-direction:column;gap:8px} .pg-head h1{font:700 clamp(26px,3.4vw,34px)/1.15 var(--brand);letter-spacing:-.5px} .eye-logo{display:block;height:auto;aspect-ratio:46/25;max-width:100%;filter:drop-shadow(0 10px 24px var(--blue-100))} .t5{border-radius:20px;padding:16px 20px 12px;min-width:0;display:flex;flex-direction:column;gap:2px} .g5{display:grid;grid-template-columns:170px repeat(3,minmax(0,1fr));gap:0 12px;align-items:center} .hd5{padding-bottom:12px;border-bottom:1px solid var(--line)} .hd5 .vp{display:flex;align-items:center;gap:10px;font:600 15px/1 var(--font)} .col{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;min-width:0} .hd5 .col{border:1px solid var(--ok-line);background:linear-gradient(165deg,var(--ok-a) 0%,var(--ok-b) 85%)} .hd5 .col.b{border-color:var(--bd-line);background:linear-gradient(165deg,var(--bd-a) 0%,var(--ok-b) 85%)} .hd5 .col.n{border-color:var(--line-2);background:var(--card)} .col .top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap} .col .pv{font:600 19px/1 var(--brand);font-variant-numeric:tabular-nums;letter-spacing:-.3px} .col .pv small{font:500 12px var(--font);color:var(--muted);margin-left:6px;letter-spacing:0} .chk{border-top:1px solid var(--line);padding:8px 0 4px} .chk-h{font:600 14px/1.25 var(--font);color:var(--ink-2);padding:6px 0 2px} .r5.tr{padding:6px 0;border-top:0} .r5.tr .n{padding-left:14px} .r5.tr .tname{font-size:15px} .t5 .axis5{padding-top:6px} .rw5{padding:7px 0} .rw5>span:first-child{font:500 14px/1.25 var(--font);color:var(--ink-2)} .rw5 .col{padding:4px 8px;gap:6px} .rw5 .foot{display:flex;align-items:center;justify-content:space-between;gap:8px} .rw5 .pc{font:600 12.5px/1 var(--brand);color:var(--ink-2);font-variant-numeric:tabular-nums} .blocks{display:grid;grid-template-columns:repeat(28,var(--cell,8px));grid-auto-rows:var(--cell,8px);gap:var(--gap,2px)} .blocks i{border-radius:2px} .days{display:none;grid-template-columns:repeat(7,var(--dcell,24px));grid-auto-rows:var(--dcell,24px);gap:var(--dgap,6px)} .days i{border-radius:5px;cursor:pointer} .days i.on{outline:2px solid var(--ink);outline-offset:2px} .dpop{grid-column:1/-1;display:flex;flex-direction:column;gap:4px;margin-top:2px;padding:10px 12px;border-radius:12px;background:var(--card-2);border:1px solid var(--line-2);font:400 13px/1.45 var(--font);color:var(--ink-2)} .dpop b{font-weight:600;color:var(--ink)} .kid .dpop{margin-left:40px} .list5{border-radius:20px;padding:4px 20px;min-width:0} .r5{display:grid;grid-template-columns:230px 130px minmax(0,1fr) 72px;gap:16px;align-items:center;padding:12px 0;border-top:1px solid var(--line)} .r5:first-child{border-top:0} .r5 .n{display:flex;align-items:center;gap:10px;font:600 15px/1 var(--font);min-width:0} .r5 .pct{text-align:right} .grp{border-top:1px solid var(--line)} .grp>summary{list-style:none;cursor:pointer;border-top:0} .grp>summary::-webkit-details-marker{display:none} .grp>summary:hover .n{color:var(--blue)} .chev{width:16px;height:16px;color:var(--muted);transition:transform .18s} .grp[open] .chev{transform:rotate(180deg)} .kids{position:relative;display:flex;flex-direction:column;margin:-4px 0 10px} .kids::before{content:"";position:absolute;left:15px;top:0;bottom:14px;width:1px;background:var(--line-2)} .r5.kid{padding:6px 0;border-top:0} .kid .n{position:relative;padding-left:40px;font:500 14px/1.25 var(--font);color:var(--ink-2);white-space:nowrap} .kid .n::before{content:"";position:absolute;left:15px;top:50%;width:14px;height:1px;background:var(--line-2)} .kid .pct{font-size:13.5px;color:var(--ink-2)} .axis5{display:grid;grid-template-columns:230px 130px minmax(0,1fr) 72px;gap:16px;padding:0 0 10px} .axis{grid-column:3;display:grid;grid-template-columns:repeat(28,var(--cell,8px));column-gap:var(--gap,2px);font:500 11.5px/1 var(--font);color:var(--muted)} .axis span{padding-left:4px;border-left:1px solid var(--line-2);white-space:nowrap} @media (max-width:1000px){ .g5{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 8px} .hd5 .vp,.rw5>span:first-child{grid-column:1/-1;padding:4px 2px 8px} .col{padding:8px} .rw5 .col{padding:2px} .col .tname{font-size:15px} .col .pv{font-size:15px} .col .pv small{display:none} .hd5 .col .hp{height:20px;padding:0 7px;font-size:10.5px} .rw5 .foot{flex-direction:column;align-items:flex-start;gap:4px} .r5,.axis5{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px} .r5 .blocks{grid-column:1/-1;grid-row:2} .r5 .pct{grid-row:1;grid-column:2} .r5>.hp{display:none} .kid .blocks{margin-left:40px} .axis{grid-column:1/-1} .t5,.list5{padding-left:12px;padding-right:12px} } .eyebrow{font:600 13px/1 var(--font);letter-spacing:2.4px;text-transform:uppercase;background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent} .mega{font:600 clamp(38px,6vw,72px)/1.02 var(--brand);letter-spacing:-.035em;text-wrap:balance} .h{font:600 clamp(30px,4.4vw,52px)/1.05 var(--brand);letter-spacing:-.03em;text-wrap:balance} .h-s{font:600 clamp(19px,2vw,22px)/1.2 var(--brand);letter-spacing:-.02em} .cap{font:400 clamp(16px,1.6vw,19px)/1.5 var(--font);color:var(--ink-2);max-width:36ch;text-wrap:pretty} .cap-s{font:400 15px/1.5 var(--font);color:var(--ink-2);text-wrap:pretty;max-width:30ch} .mark{position:relative;width:clamp(240px,34vw,380px);max-width:100%;aspect-ratio:1.45;display:grid;place-items:center} .mark::before{content:"";position:absolute;inset:6% 10%;border-radius:50%;background:radial-gradient(closest-side,var(--glow),transparent);filter:blur(18px);opacity:.9} .mark .rg{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid var(--line-2);transform:translate(-50%,-50%)} .mark .rg.r1{width:74%;aspect-ratio:1} .mark .rg.r2{width:96%;aspect-ratio:1;opacity:.55} .mark svg{position:relative;width:78%;height:auto;filter:drop-shadow(0 18px 36px var(--glow))} .stack{position:relative;width:260px;max-width:100%;height:230px;perspective:1000px} .slab{position:absolute;left:50%;width:170px;height:170px;margin-left:-85px;border-radius:22px;transform:rotateX(58deg) rotateZ(-45deg);background:linear-gradient(135deg,var(--glass-a),var(--glass-b));border:1px solid var(--glass-edge);box-shadow:0 40px 50px -30px rgba(0,0,0,.55),inset 0 0 30px rgba(255,255,255,.05)} .slab::after{content:"";position:absolute;left:18px;bottom:18px;width:60px;height:8px;background:radial-gradient(circle,var(--green) 0 3px,transparent 3.5px) 0 0/14px 8px repeat-x;filter:drop-shadow(0 0 4px var(--green))} .slab.a{top:92px} .slab.b{top:56px} .slab.c{top:20px} .beam{position:absolute;left:50%;top:-34px;width:2px;height:120px;margin-left:-1px;z-index:5;background:linear-gradient(var(--eye-a),transparent)} .beam::before{content:"";position:absolute;left:50%;top:-6px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--eye-a);box-shadow:0 0 18px var(--eye-a),0 0 0 6px var(--blue-50)} .beam::after{content:"";position:absolute;left:50%;top:0;width:6px;height:22px;margin-left:-3px;border-radius:3px;background:linear-gradient(transparent,#fff,transparent);animation:eh-down 2.6s ease-in infinite} @keyframes eh-down{from{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translateY(100px);opacity:0}} .phone{position:relative;width:190px;max-width:100%;aspect-ratio:9/18.5;border-radius:36px;padding:10px;background:var(--phone);border:1px solid var(--phone-edge);box-shadow:0 50px 80px -40px rgba(0,0,0,.6),0 0 0 6px color-mix(in srgb,var(--phone) 70%,transparent),0 30px 90px -40px var(--glow)} .phone .scr{position:relative;height:100%;border-radius:27px;background:var(--screen);overflow:hidden;padding:34px 12px 12px;display:flex;flex-direction:column;gap:8px} .phone .scr::before{content:"";position:absolute;top:9px;left:50%;width:62px;height:18px;margin-left:-31px;border-radius:10px;background:var(--pupil)} .phone .t{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:12px;background:var(--card-2);font:600 12.5px/1 var(--font)} .ok{position:relative;flex:none;margin-left:auto;width:16px;height:16px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)} .ok::after{content:"";position:absolute;left:5.4px;top:3.4px;width:4px;height:7px;border:solid #04120a;border-width:0 2px 2px 0;transform:rotate(45deg)} .phone .ln{height:9px;border-radius:5px;background:var(--card-2)} .phone .ln:nth-of-type(even){width:72%} .phone .ln.g{background:linear-gradient(90deg,var(--green) 0 10px,var(--card-2) 10px)} .chan{display:flex;gap:14px} .chan figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px} .chan svg{width:150px;height:96px;display:block;border-radius:16px;background:var(--card);border:1px solid var(--card-line)} .chan figcaption{display:inline-flex;align-items:center;gap:7px;font:600 13px/1 var(--font);color:var(--ink-2)} .chan figcaption i{width:8px;height:8px;border-radius:50%} .chan .bad i{background:var(--amber)} .chan .good i{background:var(--green)} .chan .ceil{stroke:var(--amber);stroke-width:1.4;stroke-dasharray:4 4} .chan .ln1{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round} .crowd{display:flex;flex-direction:column;align-items:center;gap:16px;width:280px;max-width:100%} .crowd .ppl{display:grid;grid-template-columns:repeat(10,18px);gap:8px} .crowd .ppl i{width:18px;height:18px;border-radius:50%;background:var(--card-2);border:1px solid var(--card-line);position:relative} .crowd .ppl i.on{background:linear-gradient(180deg,var(--eye-c),var(--eye-a));border-color:transparent;box-shadow:0 0 10px var(--blue-100)} .crowd .ppl i::after{content:"";position:absolute;left:50%;top:4px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--bg);opacity:.55} .crowd .sum{display:flex;align-items:center;gap:10px;width:100%} .crowd .sum span{font:600 13px/1 var(--font);color:var(--ink-2);white-space:nowrap} .crowd .sum b{flex:1;height:14px;border-radius:8px;background:linear-gradient(90deg,var(--eye-c),var(--eye-b));position:relative} .crowd .sum b::after{content:"";position:absolute;right:-2px;top:-6px;bottom:-6px;width:2px;border-radius:1px;background:var(--ink)} .cap3{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px} .cap3 .row{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:center;font:600 13px/1 var(--font);color:var(--ink-2)} .cap3 .bar{position:relative;height:18px;border-radius:9px;background:var(--card-2)} .cap3 .bar i{position:absolute;left:0;top:0;bottom:0;border-radius:9px} .cap3 .need i{width:58%;background:linear-gradient(90deg,var(--eye-c),var(--eye-b))} .cap3 .can i{width:100%;background:linear-gradient(90deg,var(--eye-a),var(--cyan))} .cap3 .can i::after{content:"";position:absolute;left:58%;right:0;top:0;bottom:0;border-radius:0 9px 9px 0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.28) 0 2px,transparent 2px 7px)} .cap3 .gap{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px} .cap3 .gap span:last-child{margin-left:58%;display:flex;align-items:center;gap:8px;border-top:1.5px solid var(--green);padding-top:8px;font:600 13px/1 var(--font);color:var(--green)} .verdict{display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 18px;border-radius:999px;font:600 15px/1 var(--font);color:var(--green);background:var(--green-50);border:1px solid color-mix(in srgb,var(--green) 40%,transparent)} .verdict i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)} .merge{display:grid;grid-template-columns:150px minmax(0,1fr);gap:9px 14px;align-items:center;width:100%;max-width:560px} .merge .lb{font:500 13.5px/1 var(--font);color:var(--ink-2);text-align:right;white-space:nowrap} .merge .lb.big{font:600 16px/1 var(--brand);color:var(--ink)} .merge .row{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:4px;height:14px} .merge .row i{border-radius:4px;background:var(--green)} .merge .row i.y{background:var(--amber);box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px var(--amber)} .merge .row.big{height:30px} .merge .row.big i{border-radius:7px} .merge .row.big i.y{box-shadow:0 0 16px var(--amber)} .merge .div{grid-column:2;height:26px;position:relative} .merge .div::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line-2)} .merge .div span{position:absolute;left:calc(4 * (100% + 4px) / 14);top:0;bottom:0;width:calc((100% - 52px) / 14);display:grid;place-items:center} .merge .div span::before{content:"";width:1.5px;height:100%;background:var(--amber)} .chat{display:flex;flex-direction:column;gap:10px;width:280px;max-width:100%} .chat .q{align-self:flex-end;padding:11px 16px;border-radius:18px 18px 6px 18px;font:600 14px/1 var(--font);color:#fff;background:linear-gradient(180deg,var(--eye-c),var(--eye-a));box-shadow:0 14px 30px -12px var(--glow)} .chat .a{align-self:flex-start;display:flex;gap:6px;padding:14px 16px;border-radius:18px 18px 18px 6px;background:var(--card-2);border:1px solid var(--card-line)} .chat .a i{width:8px;height:8px;border-radius:50%;background:var(--muted);animation:eh-dot 1.2s ease-in-out infinite} .chat .a i:nth-child(2){animation-delay:.15s} .chat .a i:nth-child(3){animation-delay:.3s} @keyframes eh-dot{50%{transform:translateY(-4px);opacity:.5}} .chat .rt{margin-top:12px;display:flex;flex-direction:column;gap:9px;padding-bottom:18px} .chat .rt .lb{font:600 12.5px/1 var(--font);color:var(--ink-2)} .chat .track{position:relative;height:10px;border-radius:5px;background:var(--card-2)} .chat .track b{position:absolute;left:0;top:0;bottom:0;width:34%;border-radius:5px;background:var(--green);box-shadow:0 0 10px var(--green)} .chat .track em{position:absolute;left:70%;top:-6px;bottom:-6px;width:1.5px;background:var(--ink-2)} .chat .track em::after{content:"0,5 с";position:absolute;top:26px;left:-12px;font:600 11.5px/1 var(--font);font-style:normal;color:var(--muted);white-space:nowrap} .ring{--s:230px;position:relative;width:var(--s);max-width:100%;aspect-ratio:1;display:grid;place-items:center} .ring .r{position:absolute;inset:0;border-radius:50%;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 16px),#000 calc(100% - 15px));mask:radial-gradient(farthest-side,transparent calc(100% - 16px),#000 calc(100% - 15px))} .ring .c{display:flex;flex-direction:column;align-items:center;gap:4px} .ring .c b{font:600 clamp(30px,4vw,40px)/1 var(--brand);letter-spacing:-.03em;font-variant-numeric:tabular-nums} .ring .c span{font-size:13px;color:var(--muted)} .speed3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 24px;width:100%} .speed3 .st{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px} .speed3 .st .pic{height:150px;width:100%;display:grid;place-items:center} .speed3 .st .t{display:flex;flex-direction:column;align-items:center;gap:8px} .axis-d{display:none;grid-template-columns:repeat(7,var(--dcell,24px));column-gap:var(--dgap,6px);font:500 11.5px/1 var(--font);color:var(--muted)} .axis-d span{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;line-height:1.1;white-space:nowrap} .axis-d span b{font-weight:600;color:var(--ink-2)} @media (max-width:640px){ .r5 .blocks{display:none} .r5 .days{display:grid;grid-column:1/-1;grid-row:2} .kid .days{margin-left:40px} .axis{display:none} .axis-d{display:grid;grid-column:1/-1} .legend i{width:var(--dcell,16px);height:var(--dcell,16px);border-radius:5px} } @media (max-width:1000px){.speed3{grid-template-columns:1fr}} .v3{display:flex;flex-direction:column;gap:70px} .v3 .hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px} .v3 .intro{display:flex;flex-direction:column;gap:12px;padding-left:clamp(56px,8vw,110px);margin-bottom:-20px} .steps{position:relative;display:flex;flex-direction:column;gap:90px;padding-left:clamp(56px,8vw,110px)} .steps::before{content:"";position:absolute;left:clamp(20px,3vw,38px);top:10px;bottom:10px;width:1px;background:linear-gradient(var(--eye-a),var(--eye-b) 70%,transparent)} .sc3{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center} .sc3 .no{position:absolute;left:calc(-1 * clamp(56px,8vw,110px) + clamp(20px,3vw,38px) - 21px);top:0;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:1px solid var(--blue-100);font:600 14px/1 var(--brand);color:var(--blue)} .sc3 .txt{display:flex;flex-direction:column;gap:14px} .sc3 .vis{display:grid;place-items:center;min-height:240px} .sc3.wide{grid-template-columns:1fr} @media (max-width:860px){.sc3{grid-template-columns:1fr}} @media (max-width:560px){ .steps,.v3 .intro{padding-left:44px} .sc3 .no{left:-45px;width:38px;height:38px} .sc3,.sc3.wide{grid-template-columns:minmax(0,1fr)} .cap3{width:100%} .chan{gap:10px} .chan svg{width:min(120px,34vw);height:80px} .crowd .ppl{grid-template-columns:repeat(10,14px);gap:6px} .crowd .ppl i{width:14px;height:14px} .crowd .ppl i::after{top:3px;width:5px;height:5px;margin-left:-2.5px} .cap3 .row,.cap3 .gap{grid-template-columns:70px minmax(0,1fr)} .merge{grid-template-columns:118px minmax(0,1fr);gap:8px 10px}.merge .lb{font-size:12px} } .sec{display:flex;flex-direction:column;align-items:center;gap:44px;margin-top:30px;padding-top:90px;border-top:1px solid var(--line-2)} .sec-h{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px} .shield{width:clamp(160px,18vw,210px);margin-bottom:10px} .shield svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 30px 60px var(--glow))} .shield .scan{animation:eh-scan 4.5s ease-in-out infinite} @keyframes eh-scan{0%,100%{transform:translateY(0)}50%{transform:translateY(230px)}} .secg{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .sg{border-radius:24px;background:var(--card);border:1px solid var(--card-line);padding:22px;display:flex;flex-direction:column;gap:14px;min-width:0} .sg .ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--blue-50);color:var(--blue)} .sg .ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .sgh{display:flex;flex-direction:column;gap:4px} .sgs{font:400 13.5px/1.4 var(--font);color:var(--muted)} .sg ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px} .sg li{display:flex;gap:10px;align-items:flex-start;font:400 14.5px/1.35 var(--font);color:var(--ink-2)} .sg li::before{content:"";flex:none;width:5px;height:5px;margin-top:7px;border-radius:50%;background:var(--blue)} @media (max-width:980px){.secg{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:560px){.secg{grid-template-columns:1fr}.sec{padding-top:60px}} @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}