*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:#1a1a1a;font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7}a{color:inherit;text-underline-offset:4px}a:hover{color:#555}a:focus-visible{outline:3px solid #3159cf;outline-offset:5px}.skip{position:absolute;left:16px;top:-60px;background:#fff;padding:12px;z-index:10}.skip:focus{top:12px}.nav{max-width:1200px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e8e8e8}.logo{font-size:25px;letter-spacing:-1.2px;font-weight:750;text-decoration:none}.logo span{font-weight:400;color:#767676}.navlinks{display:flex;align-items:center;gap:24px;font-size:14px}.navlinks a{text-decoration:none}.button{display:inline-block;background:#1a1a1a;color:#fff!important;text-decoration:none;padding:11px 23px;border-radius:100px;font-size:14px;font-weight:600}.button:hover{background:#333}.wrap{max-width:1080px;margin:auto;padding:0 32px}.breadcrumb{padding:24px 0 0;font-size:13px;color:#686868}.breadcrumb span{padding:0 9px}.hero{max-width:900px;padding:48px 0 34px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#686868}h1{font-size:clamp(34px,5vw,62px);letter-spacing:-2px;line-height:1.08;margin:17px 0 22px;font-weight:650}.intro{font-size:20px;line-height:1.6;max-width:760px;color:#555}.meta{font-size:13px;color:#686868;margin-top:22px}.comparison{margin:10px 0 44px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.photo{background:#f3f3f3;border-radius:14px;overflow:hidden;position:relative}.photo img{display:block;width:100%;height:440px;object-fit:contain}.photo span{position:absolute;top:14px;left:14px;background:#fff;padding:5px 11px;border-radius:50px;font-size:12px;font-weight:600}.comparison figcaption{font-size:13px;color:#646464;max-width:820px;padding-top:12px}.article-layout{display:grid;grid-template-columns:220px minmax(0,700px);gap:50px;align-items:start}.toc{font-size:13px;padding:20px;border:1px solid #e5e5e5;border-radius:12px}.toc strong{display:block;margin-bottom:12px}.toc ol{margin:0;padding-left:18px}.toc li{margin:9px 0}.toc a{text-decoration:none;color:#585858}.prose h2{font-size:27px;line-height:1.25;letter-spacing:-.7px;margin:0 0 16px}.prose section{margin-bottom:38px}.prose p{margin:0 0 17px}.prose ul{padding-left:22px}.prose li{margin:9px 0}.prose code{font-size:13px;overflow-wrap:anywhere;background:#f2f2f2;padding:2px 5px;border-radius:3px}.note{border-left:3px solid #1a1a1a;background:#f6f6f6;padding:18px 22px;margin:28px 0;font-size:14px}.cta{padding:40px;background:#f4f4f4;border-radius:20px;margin:30px 0 50px}.cta h2{margin:0 0 12px;font-size:30px;line-height:1.2;letter-spacing:-.8px}.cta p{color:#555;max-width:650px}.cta .button{margin-right:18px}.related{border-top:1px solid #e4e4e4;padding:36px 0 64px}.related h2{font-size:24px;letter-spacing:-.5px}.related ul{padding-left:20px}.related li{margin:10px 0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:10px 0 50px}.card{border:1px solid #e3e3e3;border-radius:16px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column}.card:hover{border-color:#999}.card img{height:300px;width:100%;object-fit:cover;object-position:top;background:#eee}.card-body{padding:24px}.card h2{font-size:24px;line-height:1.25;letter-spacing:-.6px;margin:12px 0}.card p{font-size:14px;color:#606060}.card .read{font-size:14px;font-weight:650}.hub-copy{max-width:780px;padding-bottom:30px}.hub-copy h2{font-size:28px;letter-spacing:-.6px;line-height:1.3}.footer{background:#1a1a1a;color:#ddd;padding:32px;text-align:center;font-size:13px}.footer a{margin:0 10px}.footer a:hover{color:#fff}.footer p{font-size:12px;color:#bcbcbc;margin-top:18px}@media(max-width:850px){.article-layout{grid-template-columns:1fr;gap:30px}.toc{max-width:100%}.toc ol{columns:2;column-gap:35px}.cards{grid-template-columns:1fr}.card{display:grid;grid-template-columns:220px 1fr}.card img{height:100%;min-height:280px}.photo img{height:350px}}@media(max-width:560px){.nav{padding:18px 20px;gap:12px}.navlinks{gap:15px;font-size:13px}.nav .button{padding:9px 14px;font-size:12px}.wrap{padding:0 20px}.hero{padding-top:32px}h1{letter-spacing:-1.2px}.intro{font-size:18px}.photo img{height:270px}.photo span{top:8px;left:8px;font-size:10px;padding:3px 8px}.comparison-grid{gap:8px}.toc ol{columns:1}.cta{padding:26px}.cta h2{font-size:27px}.cta .button{margin-bottom:12px}.card{display:flex}.card img{height:340px}.footer a{display:inline-block;margin:5px 8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}