@font-face{font-family:"Roboto";src:url("../fonts/roboto-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto";src:url("../fonts/roboto-bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{--bg:#071a24;--panel:rgba(13,45,56,.9);--panel-hover:rgba(18,58,70,.96);--text:#fff;--muted:#c9d5d9;--accent:#18b968;--accent-dark:#109650;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100%;font-family:"Roboto",Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.55}a{color:inherit}.site-page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}.hero{flex:1;min-height:calc(100vh - 76px);min-height:calc(100svh - 76px);display:flex;align-items:center;position:relative;overflow:hidden;padding:44px 24px;background-image:linear-gradient(90deg,rgba(5,20,28,.93) 0%,rgba(5,20,28,.78) 48%,rgba(5,20,28,.34) 100%),url("../images/data-network-bg.svg");background-size:cover;background-position:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.22));pointer-events:none}.container{width:min(100%,var(--max));margin:0 auto;position:relative;z-index:1}.logo{width:190px;height:auto;display:block;margin-bottom:clamp(38px,5vw,64px)}.hero h1{max-width:930px;margin:0;font-size:clamp(2.2rem,4.8vw,4.65rem);line-height:1.08;letter-spacing:-.03em;font-weight:700;text-shadow:0 2px 22px rgba(0,0,0,.2)}.hero h1 span{color:var(--accent)}.hero-actions{margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:0;padding:14px 25px;background:var(--accent);color:#fff;font-weight:700;letter-spacing:.01em;transition:background .2s ease,transform .2s ease}.button:hover,.button:focus-visible{background:var(--accent-dark);transform:translateY(-2px)}.services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:clamp(42px,6vw,70px)}.service{min-height:160px;padding:25px 22px;background:var(--panel);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,background .2s ease,border-color .2s ease}.service:hover{transform:translateY(-4px);background:var(--panel-hover);border-color:rgba(24,185,104,.55)}.service-icon{width:44px;height:44px;fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.service h2{margin:24px 0 0;font-size:1.08rem;line-height:1.25;color:var(--text)}.site-footer{min-height:76px;display:flex;align-items:center;padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);background:#05151d}.footer-inner{width:min(100%,var(--max));margin:0 auto;display:flex;justify-content:space-between;gap:20px;align-items:center;color:var(--muted);font-size:.93rem}.footer-links{display:flex;gap:18px}.footer-links a{text-decoration:none}.footer-links a:hover,.footer-links a:focus-visible{color:#18b968}.legal-page{background:#f6f8f9;color:#17262e}.legal-header{background:var(--bg);padding:24px}.legal-header .container{display:flex;align-items:center;justify-content:space-between;gap:20px}.legal-header .logo{width:150px;margin:0}.back-link{text-decoration:none;color:var(--muted)}.legal-main{width:min(100% - 40px,860px);margin:0 auto;padding:64px 0 80px}.legal-main h1{font-size:clamp(2.25rem,5vw,3.7rem);line-height:1.05;margin:0 0 38px}.legal-main h2{margin-top:36px;font-size:1.25rem}.legal-main p,.legal-main li{color:#354750}.legal-main a{color:#087847}.legal-footer{background:#e9eef0;color:#4c5d65;border-top:1px solid #d6dfe2}.legal-footer .footer-inner{color:inherit}.legal-footer .footer-links a:hover,.legal-footer .footer-links a:focus-visible{color:#18b968}
@media(max-width:900px){.services{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{background-position:62% center}}
@media(max-width:620px){.hero{padding:32px 20px;background-image:linear-gradient(rgba(5,20,28,.82),rgba(5,20,28,.9)),url("../images/data-network-bg.svg")}.logo{width:155px;margin-bottom:36px}.services{grid-template-columns:1fr;gap:12px}.service{min-height:128px}.footer-inner{flex-direction:column;align-items:flex-start}.site-footer{min-height:96px}.hero h1{font-size:clamp(2rem,10vw,3.15rem)}}