:root{
 --bg: #F1ECE0;
 --fg: #000000;
}
*{ box-sizing: border-box; }
body{
 margin:0;
 background: var(--bg);
 color: var(--fg);
 min-height:100vh;
 display:flex;
 align-items:center;
 justify-content:center;
}
.wrap{
 width:min(980px, 92vw);
 padding: 56px 0;
 text-align:center;
}
.brand{
 display:flex;
 justify-content:center;
 margin-bottom: 30px;
}
.logo{
 width:min(560px, 90vw);
 height:auto;
 display:block;
}
.headline{
 font-size: clamp(28px, 4vw, 42px);
 font-weight: 500;
 letter-spacing: 0.02em;
 margin: 10px 0 10px;
}
.sub{
 margin: 0 auto 22px;
 max-width: 520px;
 font-size: 16px;
 line-height: 1.6;
 opacity: 0.9;
}
.cta{
 display:inline-block;
 padding: 12px 18px;
 border: 1px solid var(--fg);
 color: var(--fg);
 text-decoration:none;
 letter-spacing: 0.10em;
 text-transform: uppercase;
 font-size: 12px;
}
.cta:hover{
 background: var(--fg);
 color: var(--bg);
}
.social{
 margin-top: 14px;
 font-size: 13px;
 opacity: 0.85;
}
.handle{
 letter-spacing: 0.02em;
}
.footer{
 margin-top: 44px;
 font-size: 12px;
 opacity: 0.65;
}
( > \ k ‚ ” ž ¤ ¹ º Ä