.app-page{padding-top:70px}.app-page h1{letter-spacing:-.045em;margin-bottom:22px;font-size:clamp(2.5rem,4.6vw,4.3rem);line-height:1.04}.app-page h1 span{color:var(--blue)}.app-page h2{letter-spacing:-.03em;margin:0;font-size:clamp(1.6rem,2.4vw,2.1rem)}.paths{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-top:10px;padding:30px}.paths-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.paths-tabs{background:var(--soft);border-radius:999px;flex-wrap:wrap;gap:6px;padding:5px;display:flex}.paths-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:40px;padding:10px 16px;font-size:.88rem;font-weight:600}.paths-tabs button:hover{color:var(--ink)}.paths-tabs button[aria-selected=true]{color:var(--ink);background:#fff;box-shadow:0 1px 4px #14192220}.paths-tabs button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.paths-svg{width:100%;max-width:900px;height:auto;margin:auto;display:block}.paths-svg.vertical{display:none}.paths .card{fill:#fff;stroke:#c9d4e6;stroke-width:1.5px}.paths .card.dark{fill:var(--ink);stroke:var(--ink)}.paths .sq.green{fill:#1fbf75}.paths .sq.red{fill:#f3d3d3}.paths .wave{fill:none;stroke:#a9c0ff;stroke-width:3px;stroke-linecap:round}.paths .dot{fill:#a9c0ff}.paths .lbl{fill:var(--ink);text-anchor:middle;font:600 13px Arial,sans-serif}.paths .tiny{fill:var(--muted);text-anchor:middle;font:600 11px Arial,sans-serif}.paths .link{fill:none;stroke:var(--blue);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:10 8;transition:stroke .3s,opacity .3s}.paths .link.rf{stroke:#8e9bb5;stroke-width:2.5px;stroke-dasharray:3 6}.paths .ant{stroke:#8e9bb5;stroke-width:3px;stroke-linecap:round}.paths .led{fill:#1fbf75}.paths .plug{fill:#8e9bb5}.paths .scr{fill:#eef3ff}.paths .stand{stroke:#c9d4e6;stroke-width:3px;stroke-linecap:round}.paths .hit{fill:#1fbf75;transition:opacity .3s}.paths .x{opacity:0;transition:opacity .3s}.paths .x circle{fill:#fff;stroke:#e14b4b;stroke-width:2px}.paths .x path{stroke:#e14b4b;stroke-width:2.5px;stroke-linecap:round}.paths .path .node,.paths .path .lbl{transition:opacity .3s}.paths .link{animation:1s linear infinite flow}.paths .hit{animation:1.6s ease-in-out infinite hit}@keyframes flow{to{stroke-dashoffset:-18px}}@keyframes hit{0%,to{opacity:1}50%{opacity:.35}}.paths[data-scenario=internet] .p1 .link,.paths[data-scenario=wifi] .p1 .link,.paths[data-scenario=wifi] .p2 .link{stroke:#e14b4b;opacity:.35;animation:none}.paths[data-scenario=internet] .p1 .x,.paths[data-scenario=wifi] .p1 .x,.paths[data-scenario=wifi] .p2 .x{opacity:1}.paths[data-scenario=internet] .p1 .node,.paths[data-scenario=wifi] .p1 .node,.paths[data-scenario=wifi] .p2 .node{opacity:.4}.paths[data-scenario=internet] .d1 .hit,.paths[data-scenario=wifi] .d1 .hit,.paths[data-scenario=wifi] .d2 .hit{opacity:0;animation:none}.paths[data-scenario=wifi] .p3 .link{stroke-width:5px}.paths-caption{text-align:center;max-width:760px;color:var(--muted);min-height:3.2em;margin:16px auto 0}.app-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:56px;display:grid}.app-benefits .bi{width:52px;height:52px;color:var(--blue);background:#eef3ff;border-radius:16px;place-items:center;display:grid}.app-benefits svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.app-benefits .bk{letter-spacing:.08em;color:var(--blue);margin:18px 0 0;font-size:.75rem;font-weight:700}.app-benefits h3{letter-spacing:-.02em;margin:8px 0;font-size:1.2rem}.app-benefits p:last-child{color:var(--muted);margin:0}.compare{margin-top:72px}.compare h2{margin-bottom:22px}.compare-table{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.compare-row{grid-template-columns:1.3fr 1fr 1fr;align-items:center;display:grid}.compare-row+.compare-row{border-top:1px solid var(--line)}.compare-row>span{padding:16px 20px;font-size:.93rem}.compare-row>span:first-child{font-weight:600}.compare-row.head>span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-block:14px;font-size:.78rem;font-weight:700}.compare-row .app-col{background:#f3f7ff}.compare-row.head .app-col{color:var(--blue)}.compare-row .no{color:var(--muted);align-items:baseline;gap:10px;display:flex}.compare-row .no:before{content:"–";color:#b7c1d1;font-weight:700}.compare-row .yes{align-items:baseline;gap:10px;font-weight:600;display:flex}.compare-row .yes:before{content:"✓";color:#1fbf75;font-weight:700}.platforms{margin-top:72px}.platforms h2{margin-bottom:22px}.platforms ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.platforms li{border:1px solid var(--line);background:#fff;border-radius:18px;align-content:start;gap:4px;padding:20px;display:grid}.platforms .pi{background:var(--soft);width:44px;height:44px;color:var(--ink);border-radius:13px;place-items:center;margin-bottom:8px;display:grid}.platforms .pi svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:24px;height:24px}.platforms b{font-size:1.05rem}.platforms small{color:var(--muted);font-size:.85rem}.platforms em{background:var(--soft);color:var(--muted);border-radius:999px;justify-self:start;margin-top:8px;padding:4px 10px;font-size:.78rem;font-style:normal;font-weight:700}.platforms em.ok{color:#128a52;background:#e7f8ef}.platforms-note{color:var(--muted);max-width:760px;margin:20px 0 28px;font-size:.9rem}@media (width<=900px){.app-benefits{grid-template-columns:1fr;gap:34px}.platforms ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.app-page h1{font-size:2.45rem;line-height:1.12}.paths{padding:18px 14px}.paths-tabs{border-radius:16px}.paths-tabs button{padding:9px 12px;font-size:.82rem}.compare-row{grid-template-columns:1fr 1fr}.compare-row>span:first-child{grid-column:1/-1;padding-bottom:4px}.compare-row>span{padding:12px 14px;font-size:.88rem}.compare-row.head>span:first-child{display:none}.platforms ul{grid-template-columns:repeat(2,minmax(0,1fr))}.platforms li{padding:16px}.paths-svg.wide{display:none}.paths-svg.vertical{max-width:380px;display:block}}
