.detail-page{background:#fff}.detail-page .site-header{position:sticky}.detail-page main{overflow:hidden}
.detail-hero{padding:50px max(28px,calc((100vw - 1200px)/2));background:linear-gradient(125deg,#071b45 0%,#0c3475 58%,#397f9e 100%);color:#fff}
.detail-hero-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center}
.detail-hero .eyebrow{color:#f1a66f;margin-bottom:12px}.detail-hero h1{font-size:clamp(2.5rem,4.6vw,4.25rem);max-width:820px;margin-bottom:18px}.detail-lead{max-width:750px;margin:0;color:#e8f2ff;font-size:1.13rem;line-height:1.62}
.detail-summary{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:21px;padding:26px;backdrop-filter:blur(9px)}.detail-summary>span{display:block;color:#a9d8eb;font-size:.72rem;font-weight:800;letter-spacing:.14em}.detail-summary h2{font-size:1.45rem;margin:8px 0 15px}.detail-summary ul{margin:0;padding:0;list-style:none}.detail-summary li{position:relative;padding:7px 0 7px 22px;border-top:1px solid rgba(255,255,255,.15);color:#e8f2ff;font-size:.9rem}.detail-summary li:first-child{border-top:0}.detail-summary li:before{content:"✓";position:absolute;left:0;color:#f1a66f;font-weight:900}
.detail-intro{padding:66px max(28px,calc((100vw - 1200px)/2)) 58px;display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}.detail-intro h2{font-size:clamp(2rem,3.1vw,2.9rem)}.detail-intro-copy{color:#4f5f76;font-size:1.08rem;line-height:1.72}.detail-note{margin-top:20px;padding:17px 19px;border-left:4px solid #79b4ca;background:#f2f8fb;border-radius:0 12px 12px 0;color:#29435f;font-size:.92rem}
.detail-section{padding:68px max(28px,calc((100vw - 1200px)/2))}.detail-section.soft{background:#f4f7fc}.detail-section .section-head{margin-bottom:32px}.detail-section .section-head p{color:#56647a}
.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.detail-card{background:#fff;border:1px solid #d9e1ee;border-radius:16px;padding:22px 24px;box-shadow:0 8px 26px rgba(7,27,69,.045)}.detail-card h3{font-size:1.08rem;margin:0 0 7px}.detail-card p{margin:0;color:#56647a;font-size:.91rem;line-height:1.55}.detail-card .number{display:grid;place-items:center;width:42px;height:42px;margin-bottom:14px;border-radius:50%;background:#eaf1ff;color:#164fe8;font-weight:800}
.deliverables{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.deliverable-box{border-top:4px solid #79b4ca;background:#fff;border-radius:14px;padding:21px;box-shadow:0 10px 28px rgba(7,27,69,.07)}.deliverable-box strong{display:block;color:#071b45;margin-bottom:5px}.deliverable-box p{margin:0;color:#56647a;font-size:.89rem;line-height:1.5}
.detail-cta{margin:0 max(28px,calc((100vw - 1200px)/2)) 38px;padding:34px 40px;border-radius:21px;background:#eef6fa;border:1px solid rgba(121,180,202,.55);display:flex;justify-content:space-between;align-items:center;gap:30px}.detail-cta h2{font-size:clamp(1.65rem,2.5vw,2.25rem);margin-bottom:7px}.detail-cta p{margin:0;color:#56647a}.detail-cta .button{flex:0 0 auto}
.draft-badge{display:none!important}
@media(max-width:900px){.detail-hero-grid,.detail-intro{grid-template-columns:1fr}.detail-hero-grid{gap:34px}.detail-intro{gap:24px}.deliverables{grid-template-columns:1fr 1fr}.detail-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.detail-hero{padding:38px 18px 34px}.detail-hero h1{font-size:2.45rem}.detail-summary{padding:21px 17px}.detail-intro,.detail-section{padding:52px 18px}.detail-grid,.deliverables{grid-template-columns:1fr}.detail-card{padding:19px 17px}.detail-cta{margin:0 18px 28px;padding:27px 21px}.detail-cta .button{width:100%}.draft-badge{right:10px;bottom:10px}}