:root{--navy:#29225b;--purple:#5535c0;--coral:#fe545e;--muted:#6b7280;--bg:#fafafe}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--navy);background:var(--bg);line-height:1.7}a{text-decoration:none;color:var(--purple)}.site-header{background:#fff;border-bottom:1px solid #ece9f4;position:sticky;top:0;z-index:10}.nav-wrap{height:64px;max-width:1100px;margin:auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);font-weight:800;font-size:18px}.brand img{width:40px;height:40px;border-radius:8px}.nav-links{display:flex;align-items:center;gap:12px}.nav-links>a{color:var(--navy);font-size:14px;font-weight:600;padding:9px}.nav-links .nav-btn{background:linear-gradient(120deg,var(--purple),var(--coral));border-radius:100px;color:#fff;padding:10px 17px}.burger{display:none;border:0;background:none;padding:10px;cursor:pointer}.burger .bar,.burger .bar:before,.burger .bar:after{display:block;width:21px;height:2px;background:var(--navy);position:relative;content:''}.burger .bar:before{position:absolute;top:-6px}.burger .bar:after{position:absolute;top:6px}.page{max-width:1100px;margin:auto;padding:24px 20px 50px}.breadcrumbs{font-size:13px;color:var(--muted)}.hero{padding:55px 0 35px;max-width:920px}.pill,.eyebrow{font-weight:800;font-size:11px;letter-spacing:1.2px;color:var(--purple)}.pill{display:inline-flex;background:#ede9fc;border-radius:50px;padding:7px 13px}h1{font-size:clamp(35px,5.5vw,62px);letter-spacing:-.055em;line-height:1.12;margin:18px 0}.lede{color:#565b71;font-size:18px;max-width:750px}.byline{font-size:13px;color:var(--muted)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:45px;align-items:start}.prose{min-width:0;color:#33354b;font-size:16px;line-height:1.85}.prose h2{font-size:28px;color:var(--navy);margin:34px 0 12px;letter-spacing:-.025em;line-height:1.3}.prose h3{font-size:20px;color:var(--navy);margin:24px 0 10px}.prose p{margin:0 0 19px}.prose ul{padding-left:22px}.prose blockquote{border-left:3px solid var(--purple);padding-left:16px;margin:18px 0;color:#6b6687}.sidebar{position:sticky;top:88px}.aside-card,.metric-card,.insight{background:#fff;border:1px solid #eae6f3;border-radius:16px;padding:22px;box-shadow:0 8px 25px #17113609}.aside-card h2{font-size:19px;line-height:1.35;margin:9px 0}.aside-card p{font-size:12px;color:var(--muted)}.pair{margin:18px 0}.pair-item{border-top:1px solid #eeeaf5;padding:13px 0;display:flex;align-items:center;justify-content:space-between;gap:6px}.domain{display:flex;gap:10px;align-items:center;font-weight:700;font-size:13px;min-width:0}.domain img{width:27px;height:27px}.domain small{display:block;font-weight:400;color:var(--muted);word-break:break-word}.score{font-size:24px}.score small{font-size:11px;color:var(--muted)}.compare-btn,.bottom-cta a{display:block;text-align:center;border-radius:100px;padding:12px;color:#fff;font-size:13px;font-weight:800;background:linear-gradient(130deg,var(--purple),var(--coral))}.data-section{margin-top:60px}.data-section>h2,.insights h2{font-size:32px;letter-spacing:-.035em;margin:10px 0}.data-section>p{color:var(--muted)}.metric-grid,.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:25px 0}.metric-card h3{margin:0 0 14px;font-size:17px}.metric-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:600}.track{height:8px;border-radius:15px;background:#eeebf5;margin:6px 0 16px;overflow:hidden}.track span{display:block;background:var(--purple);height:100%;border-radius:15px}.track.alt span{background:var(--coral)}.insights{margin-top:38px}.insight h3{margin:0 0 10px}.insight p{color:#4b4c63;font-size:14px}.insight small{color:var(--muted)}.bottom-cta{background:linear-gradient(115deg,#29225b,#5535c0);border-radius:18px;color:white;text-align:center;padding:34px 25px;margin-top:40px}.bottom-cta h2{margin:0}.bottom-cta p{color:#ded9f5}.bottom-cta a{display:inline-block;background:white;color:var(--purple);margin-top:8px}.disclaimer{font-size:12px;color:var(--muted);margin-top:35px}footer{text-align:center;background:white;border-top:1px solid #eee;padding:24px;font-size:13px;color:var(--muted)}@media(max-width:780px){.burger{display:block}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:white;padding:16px;box-shadow:0 10px 20px #150b3420;flex-direction:column;align-items:stretch}.nav-links.active{display:flex}.nav-links>a{text-align:center}.content-grid{grid-template-columns:1fr;gap:20px}.sidebar{position:static}.metric-grid,.insight-grid{grid-template-columns:1fr}.hero{padding:35px 0 25px}.page{padding:20px 15px}.data-section{margin-top:36px}}
