:root{color-scheme:light;--ink:#183444;--sea:#42849a;--mist:#edf3f2;--coral:#eeaa8c}*{box-sizing:border-box}body{margin:0;background:var(--mist);color:var(--ink);font:16px/1.6 system-ui,sans-serif}main{max-width:1080px;margin:auto;padding:70px 28px}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--sea)}h1{font-size:clamp(44px,7vw,80px);line-height:1.05;letter-spacing:-.055em;margin:28px 0}header p{max-width:560px;color:#526b75}section{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:50px 0}.card{display:block;background:#fff;border-radius:16px;padding:20px;text-decoration:none;color:inherit}.card img{width:100%;border-radius:9px}h2{font-size:21px;margin:16px 0 0}.card p{font-size:14px;color:#526b75}.palette>div{height:220px;display:flex;overflow:hidden;border-radius:9px}.palette i{width:25%;background:var(--ink)}.palette i:nth-child(2){background:var(--sea)}.palette i:nth-child(3){background:var(--mist)}.palette i:nth-child(4){background:var(--coral)}a{color:var(--sea)}footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;border-top:1px solid #ccd9da;padding-top:24px}@media(max-width:640px){main{padding:40px 20px}section{grid-template-columns:1fr}footer{flex-direction:column}}