:root{--black:#090d11;--panel:#111923;--cyan:#55e6d2;--white:#edf7f6;--muted:#9cb0b7;--line:#26343e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font:16px/1.72 system-ui,-apple-system,"PingFang SC",sans-serif}.bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:26px;padding:16px max(22px,calc((100% - 1120px)/2));background:rgba(9,13,17,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.wordmark{color:white;text-decoration:none;font-size:22px;font-weight:900}.wordmark span{display:block;color:var(--cyan);font-size:8px;letter-spacing:.2em}.bar nav{display:flex;gap:22px;margin-left:auto}.bar nav a{color:#b7c7cb;text-decoration:none;font-size:13px;font-weight:800}.download{color:#001713;background:var(--cyan);padding:9px 13px;border-radius:6px;text-decoration:none;font-size:13px;font-weight:900;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:center;max-width:1120px;margin:auto;padding:80px 22px 100px}.signal,.section-head p,.compare>div>p{font-size:11px;letter-spacing:.2em;font-weight:900;color:var(--cyan)}.signal i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan);margin-right:7px}h1{font-size:clamp(42px,7vw,78px);line-height:1.02;letter-spacing:-.055em;margin:16px 0 24px}.hero-copy>p:not(.signal){font-size:18px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:16px;margin-top:25px}.hero-actions a{background:white;color:var(--black);padding:11px 16px;text-decoration:none;font-weight:900}.hero-actions span{font-size:12px;color:#7f949c}.screen-stage{position:relative;min-height:530px}.tv{position:absolute;inset:0 20px 100px 0;padding:12px;background:#202b31;border:1px solid #43535b;border-radius:12px}.tv:after{content:"";position:absolute;left:45%;bottom:-50px;width:10%;height:50px;background:#26343a}.tv img{width:100%;height:100%;object-fit:cover;border-radius:5px;filter:saturate(.8)}.phone{position:absolute;right:0;bottom:0;width:34%;padding:7px;background:#0e1419;border:2px solid #52626a;border-radius:22px}.phone img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:15px}.devices,.catalog,.faq{max-width:1120px;margin:auto;padding:80px 22px}.section-head{display:grid;grid-template-columns:175px 1fr;align-items:end;margin-bottom:35px}.section-head p{grid-row:1/3;margin:0}.section-head h2,.compare h2{font-size:clamp(31px,5vw,50px);line-height:1.1;margin:0}.section-head>span{color:#7f949c}.device-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.device-grid article{padding:22px;background:var(--panel);border:1px solid var(--line);min-height:285px}.device-grid b{font-size:42px;color:#20323a}.device-grid span{display:block;color:var(--cyan);font-size:10px;letter-spacing:.16em}.device-grid h3{font-size:25px;margin:17px 0 7px}.device-grid p{color:var(--muted);font-size:14px}.setup{padding:80px max(22px,calc((100% - 1076px)/2));background:var(--cyan);color:#06110f}.section-head.light p{color:#23544d}.setup-flow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setup-flow article{padding:24px;background:rgba(255,255,255,.45)}.setup-flow span{font-size:11px;font-weight:900}.setup-flow h3{font-size:22px;margin:8px 0}.setup-flow p{margin:0;color:#24433e}.catalog-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:12px}.catalog-grid article{background:var(--panel);border:1px solid var(--line)}.catalog-grid img{width:100%;height:270px;object-fit:cover}.catalog-grid .large img{height:360px}.catalog-grid article div{padding:20px}.catalog-grid em{color:var(--cyan);font-size:11px;font-style:normal;font-weight:900}.catalog-grid h3{font-size:22px;margin:6px 0}.catalog-grid p{color:var(--muted);margin:0}.compare{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;padding:74px max(22px,calc((100% - 1076px)/2));background:#121c24}.compare-table{display:grid;grid-template-columns:1fr 1fr}.compare-table div{padding:20px;border:1px solid var(--line)}.compare-table b,.compare-table span{display:block}.compare-table b{color:var(--cyan)}.compare-table span{color:var(--muted);font-size:14px;margin-top:5px}.faq details{padding:18px 0;border-top:1px solid var(--line)}.faq summary{font-weight:900;cursor:pointer}.faq p{color:var(--muted)}footer{padding:48px max(22px,calc((100% - 1076px)/2));background:#030506;color:white}footer p{color:#72868d}footer a{color:var(--cyan)}@media(max-width:760px){.bar{padding:12px 16px}.bar nav{display:none}.wordmark{font-size:18px}.download{margin-left:auto;font-size:11px}.hero{grid-template-columns:1fr;padding:48px 18px 72px;gap:38px}h1{font-size:41px}.hero-copy>p:not(.signal){font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.screen-stage{min-height:340px}.tv{inset:0 25px 65px 0}.phone{width:30%}.devices,.catalog,.faq{padding:58px 18px}.section-head{display:block}.section-head p{margin-bottom:8px}.section-head h2{font-size:31px}.device-grid{grid-template-columns:1fr 1fr}.device-grid article{min-height:245px;padding:17px}.device-grid p{font-size:13px}.setup{padding:58px 18px}.setup-flow{grid-template-columns:1fr}.catalog-grid{grid-template-columns:1fr 1fr}.catalog-grid article.large{grid-column:1/3}.catalog-grid img,.catalog-grid .large img{height:240px}.compare{grid-template-columns:1fr;padding:54px 18px}.compare-table{grid-template-columns:1fr}}

/* mobile-hero-proportion-v2 */
@media(max-width:760px){
  .bar{gap:8px}
  .wordmark{font-size:16px;line-height:1.2;display:flex;align-items:center;flex-wrap:wrap}
  .wordmark span{width:100%;padding-left:40px}
  .download{padding:8px 10px;min-height:44px;white-space:nowrap}
  .hero{display:block;padding:38px 18px 58px}
  h1{font-size:30px;line-height:1.14;letter-spacing:-.035em;margin:14px 0 18px}
  .hero-copy>p:not(.signal){font-size:15px;line-height:1.8}
  .hero-actions{gap:10px;margin-top:20px}
  .screen-stage{position:relative;min-height:0;margin-top:30px}
  .tv{position:relative;inset:auto;padding:7px;border-radius:14px}
  .tv:after{display:none}
  .tv img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:center 24%;border-radius:9px}
  .phone{display:none}
}
