*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--brand-blue:#5B7FA6;--brand-blue-dark:#3E5F82;--brand-blue-light:#7A9ABF;--brand-black:#111;--fg1:#1A1A1A;--fg2:#4A4A4A;--fg3:#888;--fg4:#B0B8C4;--bg1:#fff;--bg2:#F5F7FA;--bg3:#EBF0F7;--border:#DDE3EC;--font-display:'Cormorant Garamond',Georgia,serif;--font-ui:'Raleway',sans-serif}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font-ui);color:var(--fg1);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
@media(max-width:768px){input,select,textarea{font-size:16px!important}}
.site-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--border);padding:14px 32px;display:flex;align-items:center;justify-content:space-between}
.site-header .brand{display:flex;align-items:center;gap:12px}
.site-header .brand img{width:40px;height:40px}
.site-header .brand strong{font-weight:300;letter-spacing:0.1em;font-size:14px;color:var(--fg1)}
.site-header nav{display:flex;gap:28px;align-items:center}
.site-header nav a{font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--fg2)}
.site-header nav a:hover{color:var(--brand-blue)}
.site-header .cta{background:var(--brand-blue);color:#fff!important;padding:10px 22px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase}
.site-header .cta:hover{background:var(--brand-blue-dark)}
@media(max-width:767px){.site-header{padding:12px 20px}.site-header nav{display:none}}
.breadcrumbs{padding:24px 32px 0;font-size:12px;color:var(--fg3);max-width:880px;margin:0 auto}
.breadcrumbs a{color:var(--brand-blue)}
.breadcrumbs .sep{margin:0 8px;color:var(--fg4)}
article.post{max-width:760px;margin:0 auto;padding:40px 32px 80px}
@media(max-width:767px){article.post{padding:24px 20px 60px}.breadcrumbs{padding:20px 20px 0}}
article.post .post-meta{font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--brand-blue);font-weight:600;margin-bottom:20px}
article.post .post-meta .dot{margin:0 12px;color:var(--fg4)}
article.post h1{font-family:var(--font-display);font-weight:300;font-size:clamp(32px,5vw,48px);line-height:1.15;letter-spacing:-0.02em;margin-bottom:20px;color:var(--fg1)}
article.post .subtitle{font-size:18px;color:var(--fg2);line-height:1.6;margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid var(--border)}
article.post .intro{font-size:16px;color:var(--fg2);line-height:1.85;margin-bottom:40px}
article.post section{margin-bottom:32px}
article.post section h2{font-family:var(--font-display);font-size:clamp(22px,3vw,28px);font-weight:400;color:var(--fg1);margin-bottom:14px}
article.post section p{font-size:15px;color:var(--fg2);line-height:1.85}
.cta-box{background:var(--brand-black);color:#fff;border-radius:6px;padding:36px;margin-top:48px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.cta-box .cta-eyebrow{font-size:10px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--brand-blue-light);margin-bottom:10px}
.cta-box .cta-message{font-family:var(--font-display);font-size:22px;font-weight:300;line-height:1.3}
.cta-box .btn{background:var(--brand-blue);color:#fff;padding:12px 28px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;white-space:nowrap}
.cta-box .btn:hover{background:var(--brand-blue-dark)}
.related{background:var(--bg2);border-top:1px solid var(--border);padding:60px 32px;margin-top:40px}
.related-inner{max-width:1100px;margin:0 auto}
.related h3{font-family:var(--font-display);font-size:28px;font-weight:300;text-align:center;margin-bottom:40px;color:var(--fg1)}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:1023px){.related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:639px){.related-grid{grid-template-columns:1fr}.related{padding:48px 20px}}
.related-card{background:#fff;border:1px solid var(--border);border-radius:6px;padding:24px;transition:transform 280ms cubic-bezier(0.4,0,0.2,1)}
.related-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,0.06)}
.related-card .tag{font-size:10px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--brand-blue);margin-bottom:10px}
.related-card h4{font-family:var(--font-display);font-size:20px;font-weight:400;line-height:1.25;margin-bottom:10px;color:var(--fg1)}
.related-card p{font-size:13px;color:var(--fg2);line-height:1.6}
.site-footer{background:#0a0a0a;color:#888;padding:48px 32px 32px;font-size:13px;text-align:center}
.site-footer a{color:var(--brand-blue-light)}
.site-footer .row{margin-bottom:14px}