*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#06152c;color:#fff;font-family:Inter,Segoe UI,Arial,sans-serif}
.topbar{position:fixed;top:0;left:0;right:0;z-index:10;padding:18px 34px;background:linear-gradient(rgba(3,12,28,.78),rgba(3,12,28,.18));backdrop-filter:blur(8px)}
.brand{display:inline-flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:1.25rem;font-weight:700;letter-spacing:.02em}
.brand-icon{width:42px;height:42px;border-radius:10px}
.hero{position:relative;min-height:100vh;display:grid;place-items:center;text-align:center;overflow:hidden;background:url('assets/hero.jpg') center center/cover no-repeat}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,10,24,.52),rgba(4,13,29,.48) 45%,rgba(4,13,29,.9));}
.hero-content{position:relative;z-index:1;max-width:980px;padding:120px 28px 70px;text-shadow:0 3px 18px rgba(0,0,0,.65)}
h1{font-size:clamp(2.8rem,6vw,5.8rem);line-height:1.05;margin:0 auto 28px;font-weight:800;letter-spacing:-.04em}
.unique{font-size:clamp(1.15rem,2.2vw,1.8rem);font-weight:650;margin:0 0 24px}
.triad{font-size:clamp(1.1rem,2vw,1.55rem);font-weight:650;line-height:1.45;margin:0 0 24px}
.plain{font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.55;margin:0 0 32px}
.button{display:inline-block;background:#5c74c9;color:white;text-decoration:none;padding:16px 34px;border-radius:14px;font-weight:800;box-shadow:0 14px 38px rgba(0,0,0,.35)}
.content{max-width:1120px;margin:0 auto;padding:76px 30px;line-height:1.7;font-size:1.1rem}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start}
h2{font-size:clamp(2rem,3vw,3rem);line-height:1.12;margin:0 0 22px}
.panel{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.15);border-radius:28px;padding:30px;box-shadow:0 20px 70px rgba(0,0,0,.18)}
.panel ul{list-style:none;padding:0;margin:0}.panel li{margin:15px 0;display:flex;gap:12px;align-items:flex-start}.panel span{font-size:1.3rem}
footer{padding:42px 24px;text-align:center;background:#030b19;color:#dbe3ff;display:flex;gap:22px;justify-content:center;align-items:center;flex-wrap:wrap}
footer a{color:#dbe3ff}footer p{flex-basis:100%;margin:10px 0 0;color:#aebbe8}
@media(max-width:800px){.topbar{position:absolute;padding:14px 18px}.brand span{font-size:1rem}.brand-icon{width:34px;height:34px}.intro{grid-template-columns:1fr}.content{padding:54px 22px}h1{font-size:2.6rem}}