.tv-hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;min-height:610px;padding:35px 0 85px}
.tv-hero h1{margin:22px 0;font-size:clamp(55px,7vw,96px);line-height:.88;letter-spacing:-.07em}
.tv-hero h1 em{color:#2563a5;font-family:Georgia,serif;font-weight:400}
.tv-hero p{max-width:680px;color:#69767b;font-size:18px}
.tv-hero .tc-btn{margin-top:20px}
.tv-hero .tc-btn svg{width:18px;height:18px;flex:0 0 18px}
.tv-stack{position:relative;height:480px;perspective:900px}
.tv-plane{position:absolute;left:12%;right:8%;height:130px;padding:23px;border:1px solid #ffffff2a;border-radius:22px;background:linear-gradient(145deg,#34434c,#1d272e);color:#fff;box-shadow:0 34px 70px #13212932;transform:rotateX(58deg) rotateZ(-13deg);animation:tvFloat 5s ease-in-out infinite}
.tv-plane span{color:#3575b9;font-weight:900}
.tv-plane--1{top:40px;z-index:3}
.tv-plane--2{top:145px;z-index:2;animation-delay:-1s}
.tv-plane--3{top:250px;z-index:1;animation-delay:-2s}
.tv-plane b{float:right;color:#90a0a7;font-size:11px}
.tv-plane i{display:inline-block;width:8px;height:8px;margin:0 4px;border-radius:50%;background:#da4b27}
.tv-beam{position:absolute;left:50%;top:50px;width:4px;height:320px;background:linear-gradient(#3575b900,#3575b9,#3575b900);filter:blur(1px);animation:tvBeam 2s linear infinite}

body.tc-unified .tv-config{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:32px;margin:20px 0 110px;padding:32px;border:1px solid #31506b;border-radius:30px;background:linear-gradient(135deg,#14273a 0%,#1e3d58 100%);color:#fff;box-shadow:0 28px 60px rgba(18,39,58,.18)}
.tv-config__controls{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:24px 20px}
body.tc-unified .tv-config h2{margin:14px 0 16px;color:#fff;font-size:clamp(36px,4vw,48px);line-height:1.02;letter-spacing:-.05em}
body.tc-unified .tv-config__controls>p{max-width:480px;margin:0;color:#bfccda}
.tv-slider{margin-top:38px}
.tv-slider>div{display:flex;justify-content:space-between;color:#91a6b9;font-size:10px;text-transform:uppercase}
.tv-slider input{width:100%;margin:16px 0;accent-color:#4e9de2}
.tv-slider__marks{display:flex!important;justify-content:space-between;padding:0 2px}
.tv-slider__marks i{width:6px;height:6px;border-radius:50%;background:#8195a8}
.tv-periods{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.tv-periods button{min-width:0;min-height:40px;padding:0 15px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.06);color:#c8d4df;font:inherit;font-size:14px;line-height:1;cursor:pointer}
.tv-periods button.is-active{border-color:#5ca7e7;background:#4b91cf;color:#fff;box-shadow:0 8px 20px rgba(29,100,163,.28)}

body.tc-unified .tv-config__result{min-width:0;padding:28px;border:1px solid #dce7ef;border-radius:22px;background:#fff;color:#1c2d40;box-shadow:0 18px 34px rgba(8,30,48,.16)}
.tv-result__top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.tv-result__top span{font-size:11px;font-weight:800;letter-spacing:.12em}
.tv-result__top i{color:#2563a5;font-size:10px;font-style:normal;white-space:nowrap}
.tv-result__top i:before{content:'●';margin-right:6px}
.tv-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0}
.tv-specs article{min-width:0;padding:16px;border:1px solid #e1e6ea;border-radius:14px;background:#fff}
.tv-specs span,.tv-specs small{display:block;color:#839095;font-size:9px;text-transform:uppercase}
.tv-specs strong{display:block;margin:8px 0 3px;font-size:34px;line-height:1}
.tv-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;padding:18px 0;border-top:1px solid #dce4e8;color:#66747a;font-size:12px}
.tv-checks span:before{color:#2563a5}
.tv-checkout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-top:18px}
.tv-checkout small,.tv-checkout span{display:block;color:#829095;font-size:10px}
.tv-checkout strong{font-size:34px;line-height:1.1}
.tv-checkout .tc-btn{width:auto;min-width:190px;height:52px;min-height:52px;padding:0 20px;align-self:end;justify-content:space-between;gap:18px;white-space:nowrap}
.tv-checkout .tc-btn svg{width:18px!important;height:18px!important;flex:0 0 18px;fill:currentColor}

.tv-compare{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;margin:110px 0}
.tv-compare h2{font-size:52px;line-height:1;letter-spacing:-.05em}
.tv-compare__list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tv-compare article{padding:24px;border:1px solid #dce3e8;border-radius:18px;background:#fff}
.tv-compare article>span{color:#2563a5;font-size:10px;font-weight:800}
.tv-compare h3{font-size:25px}
.tv-compare p{color:#7b888d}
.tv-compare strong{font-size:23px}
.tv-compare strong small{color:#849095;font-size:10px}
.tv-use{margin:100px 0}
.tv-use>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}
.tv-use article{padding:28px;border-top:1px solid #cbd5da}
.tv-use i{color:#da4b27;font-style:normal;font-size:11px}
.tv-use p{color:#6e7b80}

@keyframes tvFloat{50%{translate:0 -12px}}
@keyframes tvBeam{to{transform:translateY(60px)}}

@media(max-width:950px){
  .tv-hero,.tv-compare{grid-template-columns:1fr}
  body.tc-unified .tv-config{grid-template-columns:1fr;gap:18px;padding:22px}
  .tv-config__controls{padding:20px 16px}
  .tv-stack{height:400px}
  .tv-use>div{grid-template-columns:1fr 1fr}
}

@media(max-width:650px){
  .tv-hero h1{font-size:58px}
  .tv-stack{display:none}
  body.tc-unified .tv-config{margin-right:-7px;margin-left:-7px;padding:14px;border-radius:24px}
  .tv-config__controls{padding:18px 10px 22px}
  body.tc-unified .tv-config h2{font-size:34px}
  .tv-slider{margin-top:28px}
  .tv-periods{margin-top:20px}
  body.tc-unified .tv-config__result{padding:18px}
  .tv-specs{grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}
  .tv-specs article{padding:14px}
  .tv-specs strong{font-size:30px}
  .tv-checks{grid-template-columns:1fr;gap:8px;padding:16px 0}
  .tv-checkout{grid-template-columns:1fr;gap:16px}
  .tv-checkout .tc-btn{width:100%;height:50px;min-height:50px}
  .tv-compare__list,.tv-use>div{grid-template-columns:1fr}
}