:root{--blue:#087cf0;--navy:#073b91;--cyan:#11b9ff;--ink:#082b68;--muted:#58719b;--line:#cfe3ff;--bg:#f7fbff;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}a{text-decoration:none;color:inherit}
.container{width:min(1400px,92%);margin:auto}.topbar{height:88px;background:#fff;border-bottom:1px solid #e5f0ff;display:flex;align-items:center;position:sticky;top:0;z-index:20;box-shadow:0 4px 20px #063b9110}.nav{display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:260px;display:block}.menu{display:flex;align-items:center;gap:22px;font-weight:800;font-size:15px}.menu a{padding:12px 4px;color:#082e72}.menu a:hover,.menu a.active{color:#fff;background:linear-gradient(135deg,var(--blue),#0062dc);padding:12px 18px;border-radius:12px}.navright{display:flex;align-items:center;gap:12px;font-weight:800;color:#0a3f9e}.tvicon{font-size:27px;color:var(--blue)}.hero{min-height:385px;background:linear-gradient(110deg,#eaf6ff 0%,#fff 48%,#d9efff 100%);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;right:-10%;top:-45%;width:55%;height:190%;background:linear-gradient(135deg,#087cf0,#12b9ff);transform:skewX(-20deg);opacity:.95}.hero .container{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:385px}.eyebrow{font-weight:900;letter-spacing:7px;color:#12a1ed}.hero h1{font-size:clamp(44px,6vw,76px);line-height:.92;margin:12px 0;color:#0a3c91}.hero h1 span{color:#087cf0}.hero p{font-size:18px;max-width:600px;color:#173c79}.btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#087cf0,#0062d8);color:white;padding:14px 25px;border-radius:15px;font-weight:900;box-shadow:0 10px 25px #087cf038}.hero-art{position:relative;z-index:3;display:flex;justify-content:center}.screen{width:min(580px,90%);aspect-ratio:16/9;border:9px solid #10366c;border-radius:10px;background:linear-gradient(135deg,#dff4ff,#fff);box-shadow:0 25px 60px #063b9140;display:flex;align-items:center;justify-content:center}.screen img{width:70%;max-width:420px}.section{padding:48px 0}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.sectionhead h2{font-size:34px;margin:0;color:#0a3c91}.sectionhead p{margin:3px 0;color:var(--muted)}.outline{border:2px solid var(--blue);color:var(--blue);padding:11px 20px;border-radius:14px;font-weight:900}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #0b4c9612}.thumb{position:relative;background:#eaf5ff}.thumb img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.badge{position:absolute;right:10px;top:10px;background:#10b95b;color:#fff;border-radius:30px;padding:5px 10px;font-size:12px;font-weight:900}.badge.off{background:#ef233c}.cardbody{padding:16px}.cardbody h3{margin:0 0 5px;font-size:19px}.cardbody p{margin:0 0 14px;color:var(--muted);font-size:14px}.watch{display:inline-flex;background:#087cf0;color:#fff;padding:9px 15px;border-radius:10px;font-weight:800;font-size:14px}.services{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 8px 24px #0b4c9610}.service{text-align:center;padding:8px 18px;border-right:1px solid var(--line)}.service:last-child{border-right:0}.service .ico{font-size:30px;color:var(--blue)}.service h4{margin:8px 0 2px}.service p{margin:0;color:var(--muted);font-size:12px}.page{padding:60px 0;min-height:65vh}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 10px 30px #0b4c9610}.channel-video{width:100%;background:#00132e;border-radius:16px;overflow:hidden}.channel-video video{display:block;width:100%;max-height:72vh}.form{display:grid;gap:14px}.form input,.form textarea{width:100%;padding:13px;border:1px solid var(--line);border-radius:10px;font:inherit}.form textarea{min-height:130px}.footer{background:linear-gradient(135deg,#06439e,#006fe3);color:#fff;padding:25px 0}.footer .container{display:flex;justify-content:space-between;gap:20px;align-items:center}.small{font-size:13px;opacity:.9}.status{font-weight:800;color:#0a8d49}.error{color:#c51f3a;font-weight:700}
@media(max-width:1100px){.menu{gap:8px}.grid{grid-template-columns:repeat(2,1fr)}.services{grid-template-columns:repeat(3,1fr)}.service:nth-child(3){border-right:0}.service:nth-child(n+4){margin-top:15px}.hero .container{grid-template-columns:1fr}.hero-art{display:none}.hero{min-height:420px}.hero .container{min-height:420px}}
@media(max-width:760px){.topbar{height:auto;padding:12px 0}.nav{flex-wrap:wrap}.brand img{width:210px}.navright{display:none}.menu{width:100%;justify-content:space-between;gap:4px;font-size:11px}.menu a{padding:8px 3px}.menu a.active{padding:8px 9px}.grid{grid-template-columns:1fr}.services{grid-template-columns:1fr 1fr}.service{border-right:0;border-bottom:1px solid var(--line)}.service:last-child{border-bottom:0}.footer .container{flex-direction:column;text-align:center}.hero h1{font-size:48px}.sectionhead{align-items:start;flex-direction:column}}

.services-page .service{min-height:150px}
.service a{display:inline-block;margin-top:10px;color:var(--blue);font-weight:900;font-size:13px}
.service a:hover{text-decoration:underline}
.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:35px;align-items:start}
.service-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;margin:25px 0 35px}
.service-feature.reverse{grid-template-columns:1fr 1.2fr}
.service-feature img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;border-radius:16px;border:1px solid var(--line);box-shadow:0 10px 30px #0b4c9610}
.service-feature h2{margin-top:0;color:#0a3c91}
.navright{white-space:nowrap}
@media(max-width:900px){.contact-grid,.service-feature,.service-feature.reverse{grid-template-columns:1fr}.services-page{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.menu{overflow-x:auto;justify-content:flex-start}.menu a{white-space:nowrap}.services-page{grid-template-columns:1fr}.service-feature{gap:18px}}