:root{--navy:#071a35;--navy-soft:#0b2144;--navy-deep:#05142b;--blue:#1f67d3;--blue-bright:#2f79ea;--white:#ffffff;--text:#10213f;--muted:#5f6d86;--line:rgba(16,33,63,.08);--card-line:rgba(69,134,255,.3);--shadow:0 20px 45px rgba(3,14,36,.14);--content-width:1280px}
*{box-sizing:border-box}body{margin:0;font-family:"Poppins",sans-serif;color:var(--text);background:radial-gradient(circle at top center,rgba(40,107,227,.08),transparent 28%),linear-gradient(180deg,#f8fbff 0%,#eff5fc 100%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.page{width:100%;background:#fff}.shell{width:min(100%,var(--content-width));margin:0 auto;padding:0 24px}
.topbar-wrap{background:#fff}.topbar{display:grid;grid-template-columns:250px 1fr 170px;align-items:center;gap:24px;min-height:84px;padding:0 44px;background:#fff}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:flex;align-items:center;flex:0 0 auto}.brand-mark img{height:36px;width:auto}.brand-copy{line-height:.92}.brand-title{margin:0;font-size:24px;font-weight:800;letter-spacing:.02em;color:#0b2144}.brand-subtitle{margin:3px 0 0;font-size:8.7px;font-weight:700;letter-spacing:.06em;color:var(--blue);text-transform:uppercase}
.nav{display:flex;justify-content:center;align-items:center;gap:24px;font-size:13px;font-weight:700;color:#10213f;text-transform:uppercase}.nav a{position:relative;padding:8px 2px}.nav a.active{color:var(--blue)}.nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-4px;margin:auto;width:30px;height:2px;background:var(--blue);border-radius:999px}
.phone-button{justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:0 18px;border-radius:4px;background:linear-gradient(180deg,#0d274e 0%,#081b38 100%);color:#fff;font-size:13px;font-weight:700;box-shadow:0 12px 26px rgba(4,20,43,.18)}
.hero{display:grid;grid-template-columns:56.5% 43.5%;min-height:560px}.hero-wrap{background:var(--navy-deep)}.hero-copy{position:relative;overflow:hidden;padding:80px 76px 60px;color:#fff;background:linear-gradient(90deg,rgba(4,17,38,.92) 0%,rgba(7,23,49,.82) 62%,rgba(7,23,49,.7) 100%),url("/media/uploads/hero-room.jpg") center center / cover no-repeat}.hero-copy::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,44,86,.16),rgba(2,11,27,.16));pointer-events:none}.hero-copy>*{position:relative;z-index:1}
.hero h1{margin:0;font-size:44px;line-height:1.15;font-weight:800;letter-spacing:.01em;text-transform:uppercase}.hero h1 .accent{color:var(--blue-bright)}.hero-rule{width:39px;height:3px;margin:28px 0 22px;border-radius:999px;background:var(--blue-bright)}.hero p{max-width:430px;margin:0;font-size:14px;line-height:1.9;color:rgba(255,255,255,.9)}.hero-actions{display:flex;gap:16px;margin-top:28px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;min-width:146px;min-height:38px;padding:0 22px;border-radius:4px;border:1px solid rgba(47,121,234,.9);font-size:12px;font-weight:700;letter-spacing:.01em;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(13,39,78,.18)}.button.primary{background:linear-gradient(180deg,#246bd8 0%,#1457bd 100%);color:#fff}.button.secondary{color:#fff;background:rgba(5,20,43,.18)}
.hero-image{min-height:420px;background:linear-gradient(180deg,rgba(3,10,27,.08) 0%,rgba(3,10,27,.18) 100%),url("/media/uploads/hero-cables.jpg") center center / 100% 100% no-repeat}
.benefits-wrap{background:#fff}.benefits{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;padding:0 24px;border-bottom:1px solid rgba(7,26,53,.03)}.benefit{padding:48px 32px 36px;text-align:center;border-right:1px solid var(--line)}.benefit:last-child{border-right:0}.benefit svg{width:52px;height:52px;color:var(--blue)}.benefit h3{margin:18px 0 10px;font-size:15px;line-height:1.3;font-weight:800;text-transform:uppercase}.benefit p{margin:0;font-size:13px;line-height:1.75;color:#243654}
.services{padding:60px 0 50px;background:linear-gradient(180deg,rgba(2,14,34,.96),rgba(4,21,45,.98)),radial-gradient(circle at top,rgba(36,110,229,.16),transparent 36%);color:#fff}.services-inner{padding:0 44px}.section-heading{text-align:center;margin-bottom:32px}.section-heading h2{margin:0;font-size:28px;line-height:1.1;font-weight:800;text-transform:uppercase}.section-heading .rule{width:38px;height:3px;margin:14px auto 0;border-radius:999px;background:var(--blue-bright)}
.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.service-card{min-height:200px;padding:32px 24px 24px;text-align:center;background:linear-gradient(180deg,rgba(11,34,68,.72),rgba(8,25,50,.58));border:1px solid var(--card-line);border-radius:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.service-card svg{width:52px;height:52px;color:var(--blue-bright);margin-bottom:16px}.service-card h3{margin:0 0 8px;font-size:15px;line-height:1.45;font-weight:800;text-transform:uppercase}.service-card p{margin:0;font-size:12px;line-height:1.7;color:rgba(255,255,255,.82)}
.about{display:grid;grid-template-columns:44.7% 55.3%;min-height:380px;background:#fff}.about-wrap{background:#fff}.about-image{background:linear-gradient(180deg,rgba(7,19,43,.12),rgba(3,13,32,.12)),url("/media/uploads/about-hotel.jpg") center center / cover no-repeat}.about-copy{display:flex;align-items:center;padding:56px 80px}
.eyebrow{margin:0 0 12px;font-size:13px;line-height:1.2;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--blue)}.about h2{margin:0;font-size:28px;line-height:1.25;font-weight:800;text-transform:uppercase}.about p{margin:16px 0 24px;font-size:15px;line-height:1.8;color:#243654;max-width:515px}
.cta-wrap{background:linear-gradient(90deg,#164e9d 0%,#1b5fc4 100%)}.cta-band{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:32px 44px;color:#fff}.cta-copy{display:flex;align-items:center;gap:18px}.cta-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--blue);flex:0 0 auto}.cta-icon svg{width:22px;height:22px}.cta-copy h3{margin:0 0 3px;font-size:16px;font-weight:700;text-transform:uppercase}.cta-copy p{margin:0;font-size:12px;color:rgba(255,255,255,.92)}
.footer{background:linear-gradient(180deg,#071a35 0%,#041224 100%);color:rgba(255,255,255,.95)}.footer-inner{padding:24px 24px 10px}.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:18px;align-items:center;padding-bottom:12px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;padding-bottom:24px}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.prod-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;padding:16px;background:rgba(0,0,0,.02);border-radius:4px}
@media(max-width:900px){.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr}.post-grid{grid-template-columns:1fr}.prod-grid{grid-template-columns:1fr}}
@media(max-width:500px){.footer-grid{grid-template-columns:1fr}}.footer-brand{display:flex;align-items:center;gap:12px;min-height:48px;padding-right:26px;border-right:1px solid rgba(255,255,255,.14)}.footer-brand .brand-title,.footer-brand .brand-subtitle{color:#fff}.footer-item{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;color:rgba(255,255,255,.9);text-align:center}.footer-item svg{width:18px;height:18px;color:var(--blue-bright);flex:0 0 auto}.copyright{text-align:center;font-size:12px;color:rgba(255,255,255,.72);padding-top:2px}
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:40px 0 0}.page-btn{width:38px;height:38px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--navy);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:Poppins,sans-serif}.page-btn:hover:not(.disabled),.page-btn.active{background:var(--blue-bright);color:#fff;border-color:var(--blue-bright)}.page-btn.disabled{opacity:.3;pointer-events:none;cursor:default}.page-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
@media(max-width:1040px){.services-inner,.footer-inner{padding-left:24px;padding-right:24px}.topbar{grid-template-columns:1fr;justify-items:center;padding:22px 24px}.phone-button{justify-self:center}.hero,.about{grid-template-columns:1fr}.hero-image,.about-image{min-height:300px}.benefits{grid-template-columns:repeat(2,1fr);padding:0}.benefit:nth-child(2){border-right:0}.benefit:nth-child(-n+2){border-bottom:1px solid var(--line)}.service-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:repeat(2,1fr)}.footer-brand{border-right:0;padding-right:0}}
@media(max-width:720px){.page,.shell{width:100%;padding:0 16px}.topbar,.hero-copy,.about-copy,.cta-band,.footer-inner{padding-left:24px;padding-right:24px}.nav{flex-wrap:wrap;gap:12px 20px}.hero h1{font-size:31px}.benefits,.service-grid,.footer-top{grid-template-columns:1fr}.benefit{border-right:0;border-bottom:1px solid var(--line)}.benefit:last-child{border-bottom:0}.service-grid{padding:0}.cta-band{grid-template-columns:1fr;justify-items:start}.cta-copy{align-items:flex-start}.footer-top{text-align:left}.footer-item{justify-content:flex-start}}