.art-hero{padding:140px 0 56px;border-bottom:1px solid rgba(255,255,255,.06)}.art-back{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#ffffff59;text-decoration:none;margin-bottom:40px;transition:color .18s;font-weight:500}.art-back:hover{color:var(--pu3)}.art-back:hover svg{transform:translate(-3px)}.art-back svg{transition:transform .18s}.art-meta{display:flex;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap}.art-cat{display:inline-flex;align-items:center;font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:5px 12px;border-radius:100px}.art-cat-framework{color:#ff6505;background:#ff65051f;border:1px solid rgba(255,101,5,.25)}.art-cat-advertising{color:#fb7185;background:#e11d481a;border:1px solid rgba(225,29,72,.28)}.art-cat-email{color:#fbbf24;background:#f7c9481a;border:1px solid rgba(247,201,72,.28)}.art-cat-analytics{color:#0ff2c8;background:#0ff2c81a;border:1px solid rgba(15,242,200,.25)}.art-cat-strategy{color:#e879f9;background:#c026d31a;border:1px solid rgba(192,38,211,.28)}.art-cat-industry{color:#fbbf24;background:#f7c9481a;border:1px solid rgba(247,201,72,.28)}.art-read-time,.art-date{font-size:12px;color:#ffffff4d}.art-h1{font-size:clamp(30px,4.5vw,56px);font-weight:700;letter-spacing:-.035em;line-height:1.06;margin-bottom:20px;max-width:800px}.art-desc{font-size:18px;color:var(--t1);line-height:1.75;max-width:620px}.art-byline{display:flex;align-items:center;gap:12px;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);max-width:620px}.art-byline-img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#ffffff0a}.art-byline-meta{display:flex;flex-direction:column;line-height:1.3}.art-byline-name{font-size:14px;font-weight:600;color:var(--t0)}.art-byline-role{font-size:12px;color:var(--t2)}.art-wrap{max-width:720px;margin:0 auto;padding:72px 0 100px}.art-wrap h2{font-size:clamp(20px,2.6vw,30px);font-weight:700;letter-spacing:-.025em;line-height:1.15;margin:52px 0 18px;color:var(--t0)}.art-wrap h3{font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:36px 0 14px;color:var(--t0)}.art-wrap p{font-size:16px;color:#ffffffc7;line-height:1.9;margin-bottom:20px}.art-wrap ul,.art-wrap ol{padding-left:22px;margin-bottom:24px}.art-wrap li{font-size:16px;color:#ffffffc7;line-height:1.8;margin-bottom:8px}.art-wrap strong{color:#ffffffe6;font-weight:600}.art-wrap em{color:#ffffffd9}.art-wrap hr{border:none;border-top:1px solid rgba(255,255,255,.07);margin:48px 0}.art-wrap blockquote{border-left:3px solid var(--pu3);padding:16px 24px;margin:32px 0;background:#9550ff0f;border-radius:0 8px 8px 0}.art-wrap blockquote p{color:#fffc;margin-bottom:0;font-style:italic}.art-hero-img{width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:16px;display:block;margin-top:48px}@media (max-width:768px){.art-hero-img{aspect-ratio:4/3;border-radius:12px;margin-top:36px}}.art-cta{background:var(--bg1);border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:52px;text-align:center;max-width:720px;margin:0 auto 100px}.art-cta-h{font-size:24px;font-weight:700;letter-spacing:-.025em;margin-bottom:12px}.art-cta-p{font-size:16px;color:var(--t1);margin-bottom:28px;line-height:1.7}.art-related{max-width:1120px;margin:0 auto 72px;padding:0 24px}.art-related-h{font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff6;margin-bottom:24px}.art-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.art-rel-card{display:block;padding:24px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#ffffff04;text-decoration:none;transition:border-color .18s,background .18s,transform .18s}.art-rel-card:hover{border-color:#9550ff59;background:#9550ff0a;transform:translateY(-2px)}.art-rel-cat{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pu3);margin-bottom:10px;display:block}.art-rel-title{font-size:17px;font-weight:600;line-height:1.3;color:var(--t0);letter-spacing:-.015em;margin:0 0 10px}.art-rel-desc{font-size:13px;color:#ffffff8c;line-height:1.55;margin:0}@media (max-width:900px){.art-rel-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.art-rel-grid{grid-template-columns:1fr}}@media (max-width:768px){.art-hero{padding:100px 0 40px}.art-wrap{padding:48px 0 72px}.art-cta{padding:36px 28px}}