:root{--navy:#00285e;--sky:#6caddf;--sky-soft:#eaf5fc;--yellow:#ffc758;--ink:#071b33;--muted:#5c7087;--line:#dbe7f0;--white:#fff;--off:#f7fafc;font-family:'Albert Sans',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);line-height:1.7}a{color:var(--navy)}.content-hero{margin:24px auto 0;width:min(1180px,calc(100% - 32px));padding:clamp(52px,8vw,94px) clamp(24px,7vw,86px);border-radius:28px;background:var(--navy);color:#fff}.content-hero.case{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.content-hero .eyebrow,.article-wrap .eyebrow{display:inline-block;margin-bottom:14px;color:var(--sky);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.content-hero h1{max-width:850px;margin:0;font-size:clamp(2.35rem,6vw,5rem);line-height:1.02;letter-spacing:-.055em}.content-hero h1 em{color:var(--sky);font-style:normal}.content-hero p{max-width:730px;margin:22px 0 0;color:#d5e5f2;font-size:clamp(1rem,1.5vw,1.16rem)}.content-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px;color:#b8ccdd;font-size:.78rem}.case-shot{height:min(600px,70vh);overflow:hidden;border:10px solid #fff;border-radius:18px;background:#fff;box-shadow:0 24px 60px #001b4166}.case-shot img{display:block;width:100%;height:auto;animation:caseScroll 22s ease-in-out infinite alternate}@keyframes caseScroll{from{transform:translateY(0)}to{transform:translateY(calc(-100% + 580px))}}.article-wrap{width:min(820px,calc(100% - 32px));margin:0 auto;padding:72px 0}.article-wrap.wide{width:min(1120px,calc(100% - 32px))}.lead{font-size:1.2rem;line-height:1.75;color:#314b65}.answer{margin:30px 0;padding:24px;border-left:4px solid var(--yellow);border-radius:0 14px 14px 0;background:var(--sky-soft);font-size:1.05rem}.article-wrap h2{margin:58px 0 14px;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.18;letter-spacing:-.035em}.article-wrap h3{margin:34px 0 10px;font-size:1.22rem}.article-wrap p,.article-wrap li{color:#334e68}.article-wrap li+li{margin-top:9px}.article-wrap ul,.article-wrap ol{padding-left:1.25rem}.article-wrap blockquote{margin:32px 0;padding:20px 24px;border-radius:14px;background:var(--off);color:#334e68}.source{font-size:.82rem;color:var(--muted)}.source a{color:inherit}.compare{width:100%;border-collapse:collapse;margin:26px 0;font-size:.92rem}.compare th,.compare td{padding:15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.compare th{background:var(--sky-soft);color:var(--navy)}.check-grid,.guide-grid,.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-card,.check-card,.case-card{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff}.guide-card{display:flex;min-height:220px;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s}.guide-card:hover{transform:translateY(-3px);border-color:var(--sky)}.guide-card small{color:#287fc0;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.guide-card h2,.guide-card h3{margin:10px 0;font-size:1.25rem;line-height:1.25}.guide-card p{margin:0;color:var(--muted);font-size:.9rem}.guide-card span{margin-top:auto;padding-top:18px;font-weight:800}.check-card h3,.case-card h3{margin:0 0 8px}.cta-block{margin:64px 0 0;padding:36px;border-radius:20px;background:var(--navy);color:#fff}.cta-block h2{margin:0 0 10px;color:#fff}.cta-block p{color:#cfdeeb}.cta-btn{display:inline-flex;margin-top:10px;padding:13px 20px;border-radius:10px;background:var(--sky);color:var(--navy);font-weight:800;text-decoration:none}.related{margin-top:54px;padding-top:30px;border-top:1px solid var(--line)}.related-links{display:flex;gap:10px;flex-wrap:wrap}.related-links a{padding:9px 13px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:.83rem}.content-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px max(18px,calc((100% - 1120px)/2));background:var(--ink);color:#aebdcb;font-size:.78rem}.content-footer a{color:#d7e3ed}.content-footer nav{display:flex;gap:18px}.updated{margin-top:18px;color:#9db1c3;font-size:.76rem}.project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:35px 0;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}.project-facts div{padding:20px;background:#fff}.project-facts span{display:block;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.project-facts strong{display:block;margin-top:4px;color:var(--navy)}@media(max-width:800px){.content-hero.case{grid-template-columns:1fr}.case-shot{height:460px}.content-hero h1{font-size:2.7rem}.guide-grid{grid-template-columns:1fr}.check-grid,.case-grid{grid-template-columns:1fr}.project-facts{grid-template-columns:1fr}.content-footer{flex-direction:column;text-align:center}.content-footer nav{flex-wrap:wrap;justify-content:center}}@media(prefers-reduced-motion:reduce){.case-shot img{animation:none}}