:root{--navy:#061650;--blue:#0878ff;--teal:#009fab;--text:#365eaa;--line:#b4d7ff;--pale:#e0f3ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:white;color:var(--navy);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:4px}.container{width:min(1384px,90%);margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;padding-block:24px 8px;gap:30px}.logo{width:340px;height:auto;display:block}.contacts{display:flex;align-items:flex-start;gap:24px}.contact{display:flex;gap:14px;line-height:1.35;padding:5px 0}.contact strong{display:block;font-size:21px;white-space:nowrap}.contact small{display:block;font-size:16px;color:var(--text)}.contact-icon{font-size:34px;line-height:1.5;color:var(--teal)}.hotline{border-left:1px solid var(--line);padding-left:24px}.hero{text-align:center;padding:14px 0 18px;position:relative}.hero h1{font-size:clamp(2.1rem,3.7vw,3.5rem);letter-spacing:-.04em;line-height:1.15;margin:10px 0}.hero h1 span{color:var(--blue)}.hero p{font-size:clamp(1.1rem,1.75vw,1.6rem);color:var(--text);margin:8px 0 18px}.button{display:inline-flex;align-items:center;gap:20px;background:var(--teal);color:white;padding:10px 28px;border-radius:20px;font-size:20px;transition:background .2s}.button:hover{background:#007e89;text-decoration:none}.button span{font-size:28px;line-height:1}.section-nav{display:flex;gap:26px;justify-content:center;margin:10px 0 20px;font-size:14px;color:var(--text)}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:16px 28px 18px;text-align:center;border:1px solid var(--line);border-radius:13px}.icon{display:inline-flex;justify-content:center;align-items:center;width:88px;height:88px;background:var(--pale);border-radius:50%;flex-shrink:0}.mint{background:#d2f1f1}.icon svg{width:56px;height:56px;fill:none;stroke:var(--navy);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.icon .accent{stroke:var(--blue);stroke-width:3.5}.card h2{font-size:23px;letter-spacing:-.04em;margin:5px 0 2px}.card p{font-size:19px;color:var(--text);margin:0}.card:after{content:"";display:block;width:50px;height:4px;background:var(--teal);border-radius:3px;margin:14px auto 0}.hosting{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;border-block:1px solid var(--line);padding:20px 0 24px;margin-top:22px;gap:18px}.hosting h2{font-size:clamp(1.8rem,2.85vw,2.75rem);letter-spacing:-.04em;line-height:1.2;margin:0}.hosting p{color:var(--text);margin:5px 0;font-size:17px}.hosting .lead{font-size:23px}.benefits{display:flex;list-style:none;padding:0;gap:20px;margin:22px 0 0;align-items:center}.benefits li{display:flex;align-items:center;gap:10px;line-height:1.25;font-size:16px}.benefits li+li{border-left:1px solid var(--line);padding-left:20px}.benefits li>span{font-size:27px;color:var(--teal)}figure{margin:0;position:relative}figure img{width:100%;height:auto;display:block}figcaption{font-size:16px;text-align:center;color:var(--text)}.cyber{display:grid;grid-template-columns:auto 1.6fr .8fr;gap:30px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.cyber h2{margin:0;font-size:30px;letter-spacing:-.035em}.cyber p{margin:0;color:var(--text);font-size:18px}.cyber .programs{margin-top:9px;color:var(--navy);letter-spacing:.12em;font-size:16px}.programs span{color:var(--blue);padding:0 8px}.cyber .promise{border-left:1px solid var(--line);padding:15px 0 15px 55px;color:var(--navy);font-size:20px}.promise:before{content:"";display:block;width:42px;height:4px;background:var(--blue);border-radius:4px;margin-bottom:12px}.footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:12px 20px}.footer-brand{display:flex;align-items:center;gap:22px}.footer-brand img{width:165px;height:auto;display:block}.footer-brand>a+a{border-left:1px solid var(--line);padding-left:22px}.campus{display:flex;align-items:center;gap:15px;font-size:14px}.campus img{object-fit:contain}.campus small{display:block;font-size:14px;color:var(--text)}.skip{position:absolute;left:15px;top:-100px;background:white;padding:15px;z-index:3}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1600px){.header{padding-top:35px}.hero{padding-block:30px}.card{padding-block:25px}.hosting{padding-block:32px}.cyber{padding-block:28px}}@media(max-width:1050px){.logo{width:250px}.contacts{gap:14px}.contact strong{font-size:18px}.hotline{padding-left:14px}.contact-icon{display:none}.card{padding-inline:18px}.card h2{font-size:21px}.card p{font-size:17px}.hosting{grid-template-columns:1fr}.hosting figure{max-width:530px;margin:auto}.cyber{grid-template-columns:auto 1fr}.cyber .promise{display:none}.footer{flex-wrap:wrap}.benefits{justify-content:space-between}}@media(max-width:640px){.container{width:90%}.header{flex-direction:column;align-items:flex-start;gap:18px;padding-top:20px}.logo{width:245px}.contacts{width:100%;justify-content:space-between;gap:8px}.contact{font-size:14px}.contact strong{font-size:17px}.contact small{font-size:14px}.hotline{padding-left:16px}.hero{padding:25px 0 15px}.hero h1{font-size:2.4rem;line-height:1.12}.hero p{margin:14px 0 20px}.button{font-size:18px}.section-nav{gap:10px 18px;flex-wrap:wrap;padding-bottom:8px}.services{grid-template-columns:1fr;gap:14px}.card{padding:22px}.card h2{font-size:23px}.card p{font-size:18px}.hosting{margin-top:24px;padding-block:25px}.hosting .lead{font-size:20px}.benefits{align-items:flex-start;flex-direction:column;gap:14px}.benefits li+li{border:0;padding:0}.benefits br{display:none}.cyber{grid-template-columns:1fr;gap:15px}.cyber .icon{width:70px;height:70px}.cyber h2{font-size:27px}.cyber p{font-size:17px}.footer{gap:25px;padding-block:24px}.footer-brand{flex-direction:column;align-items:flex-start;gap:12px}.footer-brand>a+a{border:0;padding:0}.campus{font-size:14px}.campus img{width:50px;height:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
