:root{font-family:Inter,Arial,sans-serif;color:#202333;background:#f7f8fc}*{box-sizing:border-box}body{margin:0}a{text-decoration:none;color:inherit}.wrap{max-width:1120px;margin:auto;padding:0 24px}header{background:white;border-bottom:1px solid #e9eaf0}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.brand{font-size:25px;font-weight:850;letter-spacing:-1px}.brand span{color:#7058e8}nav{display:flex;flex-wrap:wrap;gap:16px}nav a{font-size:14px;color:#555b70}nav a:hover{color:#7058e8}.hero{text-align:center;padding:85px 16px 45px}.eyebrow{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:3px;color:#7359df}.hero h1{font-size:clamp(40px,6vw,70px);letter-spacing:-3px;margin:14px 0}.hero p{color:#687083;font-size:19px;line-height:1.6;max-width:650px;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding-bottom:85px}.card{background:white;border:1px solid #ededf3;border-radius:25px;overflow:hidden;box-shadow:0 12px 32px #2023330a;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-7px);box-shadow:0 20px 40px #20233318}.visual{height:240px;display:grid;place-items:center}.sock{width:140px;height:160px;filter:drop-shadow(0 13px 12px #0002)}.card-body{padding:25px 30px 32px}.card h2{font-size:25px;margin:0 0 10px}.card p{color:#62697a;line-height:1.6;margin:0 0 19px}.more{font-weight:750;color:#7058e8}.red-bg{background:#ffe4e4}.orange-bg{background:#ffecd9}.yellow-bg{background:#fff6c9}.green-bg{background:#ddf7e3}.detail{max-width:800px;margin:55px auto 90px;background:white;border-radius:30px;overflow:hidden;box-shadow:0 15px 45px #20233312}.detail .visual{height:300px}.detail .sock{width:190px;height:210px}.detail-content{padding:35px 48px 50px}.detail h1{font-size:44px;letter-spacing:-1.5px;margin:10px 0}.detail p{font-size:19px;line-height:1.8;color:#62697a}.button{display:inline-block;background:#24233c;color:white;border-radius:14px;padding:14px 22px;margin-top:15px;font-weight:700}.button:hover{background:#7058e8}footer{text-align:center;padding:30px;color:#7c8290;border-top:1px solid #e9eaf0}@media(max-width:650px){.nav{align-items:flex-start;flex-direction:column;padding-top:18px;padding-bottom:18px}.grid{grid-template-columns:1fr}.hero{padding-top:55px}.detail{margin:25px 16px 60px}.detail-content{padding:25px}.detail h1{font-size:34px}}