.hero h1 { font-size: clamp(36px, 4vw, 60px); line-height: 1.2; }
.hero-screen { transform: none; }
.hero-screen img, .feature img { height: auto; }
.feature { grid-template-columns: minmax(240px, .65fr) minmax(0, 1.35fr); gap: 44px; }
footer a { color: #b9d5ff; text-decoration: none; }
@media (max-width: 1100px) { .hero { grid-template-columns: 1fr; gap: 36px; } .feature { grid-template-columns: 1fr; } }
.topbar { background: #08090b; border-bottom-color: #20242c; }
.topbar .brand { color: #fff; gap: 12px; }
.brand-logo { display: block; width: 38px; height: 38px; object-fit: contain; border-radius: 8px; }
.topbar .brand b { font-size: 20px; line-height: 1.1; }
.topbar .brand small { color: #a4a4a8; font-size: 12px; line-height: 1.4; }
.topbar .back-link { color: #b9d5ff; }