:root{--ink:#1d2433;--muted:#6b7385;--brand:#485578;--brand-dark:#36405c;--line:#e6e8ef}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font:16px/1.6 "Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);
     background:radial-gradient(1200px 600px at 85% -10%,#e7ebf6 0%,transparent 60%),
                radial-gradient(900px 500px at -10% 110%,#eef1f8 0%,transparent 55%),#fafbfd}
.wrap.home{min-height:100%;max-width:960px;margin:0 auto;padding:24px 28px;
           display:flex;flex-direction:column}
.nav{display:flex;align-items:center;justify-content:space-between}
.logo{height:44px;width:auto}
.enter{padding:10px 22px;border-radius:999px;background:var(--brand);color:#fff;font-weight:600;
       font-size:15px;text-decoration:none;box-shadow:0 6px 18px -8px rgba(72,85,120,.7);
       transition:background .15s,transform .15s}
.enter:hover{background:var(--brand-dark);transform:translateY(-1px)}
.hero{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:620px;padding:64px 0}
.tag{align-self:flex-start;font-size:13px;font-weight:600;color:var(--brand);background:#e9edf7;
     padding:6px 14px;border-radius:999px;margin-bottom:20px}
.hero h1{font-size:clamp(32px,5vw,52px);line-height:1.1;letter-spacing:-.02em;margin:0 0 16px}
.hero p{font-size:18px;color:var(--muted);margin:0 0 28px}
.site{align-self:flex-start;color:var(--brand);font-weight:600;text-decoration:none;
      border-bottom:2px solid transparent;transition:border-color .15s}
.site:hover{border-color:var(--brand)}
.foot{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}
@media (max-width:560px){.wrap.home{padding:20px}.logo{height:36px}.hero{padding:40px 0}}