*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(180deg,#eef4fb 0%,#f8fafd 18%,#fff 42%);opacity:0;animation:fadeIn .3s ease .05s forwards;font-family:"Manrope",sans-serif}@keyframes fadeIn{to{opacity:1}}@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.wrap{max-width:900px;margin:0 auto;padding:8px 24px 80px}.art-hero{text-align:center;padding:36px 0 6px;animation:fadeUp .5s cubic-bezier(.22,1,.36,1) both}.art-hero .eyebrow{font-family:"Manrope",sans-serif;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#186ba3;margin-bottom:14px}.art-hero h1{font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(32px,4.5vw,52px);font-weight:800;letter-spacing:-.04em;color:#0d1b2a;line-height:1.08;margin-bottom:14px}.art-hero>p{font-family:"Manrope",sans-serif;font-size:17px;color:#4a5f78;line-height:1.7;max-width:560px;margin:0 auto}.intro-text{font-family:"Manrope",sans-serif;font-size:16px;line-height:1.85;color:#4a5f78;margin:24px 0 30px;animation:fadeUp .5s cubic-bezier(.22,1,.36,1) both .1s}.intro-text strong{color:#0d1b2a;font-weight:700}.style-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.style-card{display:flex;gap:22px;align-items:flex-start;background:#f8fafd;border:1px solid #e4eef4;border-radius:16px;padding:26px 30px;position:relative;overflow:hidden;transition:border-color .18s,box-shadow .18s;animation:fadeUp .5s cubic-bezier(.22,1,.36,1) both}.style-card:nth-of-type(2){animation-delay:.08s}.style-card:nth-of-type(3){animation-delay:.16s}.style-card::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;opacity:0;transition:opacity .18s}.style-card:hover::before{opacity:1}.style-card:hover{box-shadow:0 10px 26px rgba(15,23,42,.07)}.c-indigo::before{background:#6366f1}.c-indigo:hover{border-color:#6366f1}.c-indigo .style-icon{background:rgba(99,102,241,.09);color:#6366f1}.c-indigo .style-badge,.c-indigo .style-link{color:#6366f1}.c-teal::before{background:#0ea5a0}.c-teal:hover{border-color:#0ea5a0}.c-teal .style-icon{background:rgba(14,165,160,.09);color:#0ea5a0}.c-teal .style-badge,.c-teal .style-link{color:#0ea5a0}.c-gold::before{background:#d97706}.c-gold:hover{border-color:#d97706}.c-gold .style-icon{background:rgba(217,119,6,.09);color:#d97706}.c-gold .style-badge,.c-gold .style-link{color:#d97706}.style-icon{width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.style-body{flex:1;min-width:0}.style-badge{display:block;font-family:"Manrope",sans-serif;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}.style-card h3{font-family:"Manrope",sans-serif;font-size:20px;font-weight:800;color:#0d1b2a;margin-bottom:8px;letter-spacing:-.01em;line-height:1.25}.style-card p{font-family:"Manrope",sans-serif;font-size:15px;line-height:1.7;color:#4a5f78;margin-bottom:14px}.style-link{display:inline-flex;align-items:center;gap:6px;font-family:"Manrope",sans-serif;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:1px;transition:gap .18s}.style-link:hover{gap:10px;text-decoration:none}.next-steps{background:#f8fafd;border:1px solid #e4eef4;border-radius:14px;padding:26px 30px;display:flex;align-items:center;gap:20px;animation:fadeUp .5s cubic-bezier(.22,1,.36,1) both .24s}.next-icon{width:48px;height:48px;border-radius:12px;background:rgba(32,145,218,.08);color:#2091DA;display:flex;align-items:center;justify-content:center;flex-shrink:0}.next-steps h3{font-family:"Manrope",sans-serif;font-size:16px;font-weight:800;color:#0d1b2a;margin-bottom:5px}.next-steps p{font-family:"Manrope",sans-serif;font-size:14px;color:#4a5f78;line-height:1.6;margin-bottom:10px}.next-btn{display:inline-flex;align-items:center;gap:6px;font-family:"Manrope",sans-serif;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#2091DA;text-decoration:none;border-bottom:2px solid rgba(32,145,218,.4);padding-bottom:1px;transition:gap .18s}.next-btn:hover{gap:10px;text-decoration:none;border-color:#2091DA}@media (max-width:600px){.style-card{flex-direction:column;gap:14px;padding:24px 22px}.next-steps{flex-direction:column;align-items:flex-start;padding:24px 22px}}