*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f7fb;color:#10213d;font-family:Arial,sans-serif;line-height:1.7}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:12px;background:white;padding:10px;z-index:9}header{height:72px;padding:0 max(24px,5vw);display:flex;align-items:center;justify-content:space-between;background:#071a39;color:white}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:20px;font-weight:800}.brand img{width:38px;height:38px;border-radius:10px}.brand b{color:#65e2b3}header nav{display:flex;gap:24px}header nav a{color:#c9d9f2;text-decoration:none}.hero{min-height:430px;padding:72px max(24px,8vw);display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at 80% 40%,#184ea5 0,#0b2854 25%,#071a39 60%);color:white}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.03;margin:10px 0 22px;letter-spacing:-2px}.hero p{max-width:720px;color:#cad8ec;font-size:19px}.hero>img{width:min(260px,24vw);filter:drop-shadow(0 24px 42px #001027)}.eyebrow{color:#65e2b3!important;font-weight:800;letter-spacing:2px;font-size:13px!important}.button{display:inline-block;margin-top:20px;padding:13px 20px;background:#2e72ee;color:white;text-decoration:none;border-radius:7px;font-weight:700}.layout{display:grid;grid-template-columns:260px minmax(0,900px);gap:56px;max-width:1240px;margin:0 auto;padding:54px 28px}aside{position:sticky;top:24px;align-self:start;background:white;border:1px solid #d9e2ef;border-radius:14px;padding:22px;max-height:calc(100vh - 48px);overflow:auto}aside strong{display:block;margin-bottom:12px}aside a{display:block;padding:6px 0;color:#536782;text-decoration:none;font-size:14px}aside a:hover{color:#2464db}main{min-width:0;background:white;border:1px solid #d9e2ef;border-radius:18px;padding:clamp(24px,5vw,62px)}h2{font-size:32px;line-height:1.2;margin:64px 0 18px;padding-top:10px;border-top:1px solid #e1e8f2}h3{font-size:22px;margin:40px 0 12px}p,li{color:#344a67}code{background:#edf2f8;padding:2px 6px;border-radius:5px}li{margin:9px 0;padding-left:6px}.screens h2{border:0;margin:5px 0 24px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery a{border:1px solid #dce4ef;border-radius:10px;overflow:hidden;display:block;background:#eef3f9}.gallery img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}footer{margin-top:64px;padding-top:22px;border-top:1px solid #dde5ef;color:#76869c;font-size:14px}@media(max-width:850px){header nav{display:none}.hero{min-height:auto;padding:54px 24px}.hero>img{display:none}.layout{display:block;padding:20px}aside{position:static;max-height:none;margin-bottom:20px}.gallery{grid-template-columns:repeat(2,1fr)}main{padding:24px}h2{font-size:27px}}