.detail-page{background:#fff}
.detail-hero{display:grid;grid-template-columns:.92fr 1.08fr;min-height:560px;background:var(--ink);color:#fff;overflow:hidden}
.detail-hero-copy{padding:clamp(56px,6vw,88px) clamp(30px,4.5vw,68px);display:flex;flex-direction:column;justify-content:center}
.breadcrumb{margin:0 0 28px;color:#7ccdf4;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.detail-hero h1{max-width:660px;margin:0;font-size:clamp(44px,4.4vw,70px);line-height:1.02;letter-spacing:-.05em}
.detail-hero-copy>p:not(.breadcrumb){max-width:590px;margin:28px 0 0;color:#b7bec2;font-size:17px;line-height:1.65}
.detail-hero .button{align-self:flex-start;margin-top:36px}
.detail-hero-media{min-height:100%;margin:0;position:relative;overflow:hidden}
.detail-hero-media:before{content:"";position:absolute;inset:0 auto 0 0;width:22%;z-index:2;background:linear-gradient(90deg,var(--ink),rgba(12,17,21,.48),transparent)}
.detail-hero-media img{width:100%;height:100%;object-fit:cover}
.detail-intro-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(50px,9vw,140px);align-items:start}
.detail-intro-grid h2{max-width:560px}
.detail-lead{margin:5px 0 0;color:var(--muted);font-size:18px;line-height:1.75}
.detail-points{display:grid;grid-template-columns:repeat(3,1fr);margin-top:64px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.detail-points article{padding:28px 26px 30px 0}
.detail-points article+article{padding-left:26px;border-left:1px solid var(--line)}
.detail-points strong{display:block;margin-bottom:13px;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.detail-points p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.detail-gray{background:#e6e8e9}
.detail-section-heading{max-width:850px}
.detail-section-heading>p:last-child{max-width:700px;margin:24px 0 0;color:var(--muted);line-height:1.7}
.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:52px;background:#cfd3d5;border:1px solid #cfd3d5}
.system-grid article{min-height:210px;padding:30px;background:#f7f8f8}
.system-grid span{color:var(--blue);font-size:11px;font-weight:800}
.system-grid h3{margin:28px 0 12px;font-size:17px;letter-spacing:.035em;text-transform:uppercase}
.system-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.detail-showcase{display:grid;grid-template-columns:1.12fr .88fr;min-height:520px;background:#f4f5f5}
.detail-showcase figure{min-height:420px;margin:0;overflow:hidden}
.detail-showcase img{width:100%;height:100%;object-fit:cover}
.detail-showcase-copy{padding:clamp(48px,6vw,88px);display:flex;flex-direction:column;justify-content:center}
.detail-showcase-copy h2{font-size:clamp(34px,3vw,48px)}
.check-list{list-style:none;margin:32px 0 0;padding:0;border-top:1px solid var(--line)}
.check-list li{padding:16px 0;border-bottom:1px solid var(--line);color:#4f575c;font-size:15px}
.check-list li:before{content:"—";margin-right:14px;color:var(--blue);font-weight:800}
.detail-process{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(50px,9vw,130px)}
.process-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.process-grid article{min-height:190px;padding:25px 28px 28px 0;border-bottom:1px solid var(--line)}
.process-grid article:nth-child(even){padding-left:28px;border-left:1px solid var(--line)}
.process-grid span{color:#8a9094;font-size:11px;font-weight:800}
.process-grid h3{margin:24px 0 10px;font-size:16px;text-transform:uppercase}
.process-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.detail-cta{padding:clamp(56px,6vw,86px) clamp(28px,4.5vw,68px);display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--blue);color:#fff}
.detail-cta h2{max-width:780px;margin:0;font-size:clamp(34px,3.4vw,52px);line-height:1.08;letter-spacing:-.04em}
.detail-cta .button{flex:none}
.detail-switch{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px clamp(28px,4.5vw,68px);border-bottom:1px solid var(--line)}
.detail-switch p{margin:0;color:#747b80;font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.detail-switch a{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.detail-switch a span{margin-left:10px;color:var(--blue)}
@media(max-width:900px){.detail-hero{grid-template-columns:1fr;min-height:0}.detail-hero-media{min-height:420px}.detail-hero-media:before{width:100%;height:18%;inset:0 0 auto;background:linear-gradient(180deg,var(--ink),transparent)}.detail-intro-grid,.detail-process{grid-template-columns:1fr}.system-grid{grid-template-columns:1fr 1fr}.detail-showcase{grid-template-columns:1fr}.detail-showcase figure{min-height:380px}}
@media(max-width:760px){.detail-hero-copy{padding:58px 24px 50px}.detail-hero h1{font-size:clamp(40px,11vw,54px)}.detail-hero-copy>p:not(.breadcrumb){font-size:16px}.detail-hero-media{min-height:310px}.detail-points{grid-template-columns:1fr}.detail-points article,.detail-points article+article{padding:23px 0;border-left:0;border-top:1px solid var(--line)}.detail-points article:first-child{border-top:0}.system-grid{grid-template-columns:1fr}.system-grid article{min-height:0}.detail-showcase figure{min-height:300px}.detail-showcase-copy{padding:54px 24px}.process-grid{grid-template-columns:1fr}.process-grid article,.process-grid article:nth-child(even){min-height:0;padding:24px 0;border-left:0}.detail-cta{align-items:flex-start;flex-direction:column}.detail-switch{align-items:flex-start;flex-direction:column}}