.content-shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.content-header { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.96); backdrop-filter: blur(14px); }
.content-header__inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.content-header nav { display: flex; align-items: center; gap: 25px; }
.content-header nav a { font-size: 11px; font-weight: 600; }
.content-header nav a.is-active { color: var(--orange); }
.content-header nav .content-header__cta { min-height: 40px; display: inline-flex; align-items: center; padding: 0 17px; border-radius: 10px 10px 10px 3px; color: #fff; background: var(--orange); }
.content-hero { position: relative; overflow: hidden; color: #fff; background: radial-gradient(circle at 83% 40%, rgba(238,0,51,.72), transparent 22%), linear-gradient(125deg, #17111e, #321248 55%, #74082a); }
.content-hero.has-image::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(18,8,25,.96), rgba(38,8,46,.6)), var(--content-hero-image) center/cover; }
.content-hero .content-shell { position: relative; min-height: 510px; display: flex; align-items: center; justify-content: space-between; gap: 60px; }
.content-hero .content-shell > div { max-width: 780px; padding: 75px 0; }
.content-hero p, .content-section__copy small { color: #ff7897; font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.content-hero h1 { max-width: 900px; margin: 17px 0 22px; font-size: clamp(42px, 5.2vw, 72px); line-height: 1.08; letter-spacing: -.045em; }
.content-hero span { display: block; max-width: 730px; color: rgba(255,255,255,.78); font-size: 15px; line-height: 1.8; }
.content-hero i { width: 210px; height: 210px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; color: rgba(255,255,255,.12); font-size: 140px; font-style: normal; font-weight: 800; }
.content-section { padding: 95px 0; }
.content-section--soft { background: #f8f7f5; }
.content-section__copy { max-width: 760px; margin-bottom: 42px; }
.content-section__copy small { color: var(--orange); }
.content-section__copy h2 { margin: 12px 0 16px; font-size: clamp(31px, 4vw, 49px); line-height: 1.15; letter-spacing: -.04em; }
.content-section__copy > p { color: var(--muted); font-size: 13px; line-height: 1.9; white-space: pre-line; }
.content-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.content-cards article { min-height: 235px; padding: 30px; border: 1px solid var(--line); border-radius: 18px 18px 18px 5px; background: #fff; box-shadow: 0 15px 38px rgba(25,20,20,.05); }
.content-cards article > span, .content-timeline article > span { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 13px 13px 13px 4px; color: #fff; background: var(--orange); font-size: 11px; font-weight: 800; }
.content-cards h3, .content-timeline h3 { margin: 25px 0 10px; font-size: 18px; }
.content-cards p, .content-timeline p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.8; }
.content-section--split .content-shell { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 75px; }
.content-section--split .content-shell > div:last-child .content-section__copy { margin-bottom: 0; }
.content-section--split.is-reverse .content-shell { direction: rtl; }
.content-section--split.is-reverse .content-shell > * { direction: ltr; }
.content-split__visual { min-height: 430px; display: grid; place-items: center; overflow: hidden; border-radius: 28px 28px 28px 8px; color: #fff; background: linear-gradient(135deg, #ee0033, #431158); }
.content-split__visual img { width: 100%; height: 100%; min-height: 430px; object-fit: cover; }
.content-split__visual span { font-size: 100px; font-weight: 800; opacity: .34; }
.content-timeline { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }
.content-timeline article { position: relative; padding: 0 25px 0 0; }
.content-timeline article:not(:last-child)::after { content: ''; position: absolute; left: 55px; right: 10px; top: 22px; border-top: 1px dashed #d6a4b0; }
.content-accordions { display: grid; gap: 10px; }
.content-accordions details { padding: 0 22px; border: 1px solid var(--line); border-radius: 14px 14px 14px 4px; background: #fff; }
.content-accordions summary { min-height: 62px; display: flex; align-items: center; justify-content: space-between; list-style: none; font-size: 13px; font-weight: 700; cursor: pointer; }
.content-accordions summary::-webkit-details-marker { display: none; }
.content-accordions summary span { color: var(--orange); font-size: 24px; transition: transform .2s; }
.content-accordions details[open] summary span { transform: rotate(45deg); }
.content-accordions details p { margin: -3px 0 23px; color: var(--muted); font-size: 11px; line-height: 1.8; }
.content-cta { padding: 35px 0 80px; }
.content-cta .content-shell { min-height: 260px; display: flex; align-items: center; justify-content: space-between; gap: 35px; padding: 50px 60px; border-radius: 25px 25px 25px 7px; color: #fff; background: linear-gradient(125deg, #ed0033, #5f123f); }
.content-cta h2 { margin: 0 0 12px; font-size: 36px; }.content-cta p { max-width: 650px; margin: 0; color: rgba(255,255,255,.76); font-size: 12px; line-height: 1.7; }
.content-cta a { min-height: 50px; display: inline-flex; align-items: center; gap: 15px; flex: 0 0 auto; padding: 0 22px; border-radius: 12px 12px 12px 4px; color: var(--ink); background: #fff; font-size: 11px; font-weight: 700; }
.content-footer { border-top: 1px solid var(--line); }.content-footer .content-shell { min-height: 125px; display: flex; align-items: center; justify-content: space-between; gap: 25px; }.content-footer p, .content-footer > div > a:last-child { color: var(--muted); font-size: 10px; }
.content-state { min-height: 55vh; display: grid; place-items: center; padding: 40px; color: var(--muted); text-align: center; }
@media (max-width: 860px) { .content-header nav a:not(.content-header__cta, .is-active) { display: none; }.content-hero i { display: none; }.content-cards { grid-template-columns: 1fr 1fr; }.content-section--split .content-shell { grid-template-columns: 1fr; gap: 35px; }.content-timeline { grid-template-columns: 1fr 1fr; gap: 35px; }.content-timeline article:not(:last-child)::after { display: none; } }
@media (max-width: 600px) { .content-shell { width: min(100% - 28px, 1180px); }.content-header__inner { min-height: 64px; }.content-header nav .is-active { display: none; }.content-hero .content-shell { min-height: 450px; }.content-hero h1 { font-size: 38px; }.content-hero span { font-size: 12px; }.content-section { padding: 65px 0; }.content-cards, .content-timeline { grid-template-columns: 1fr; }.content-cards article { min-height: 190px; }.content-split__visual, .content-split__visual img { min-height: 300px; }.content-cta .content-shell { align-items: flex-start; flex-direction: column; padding: 35px 25px; }.content-cta h2 { font-size: 29px; }.content-footer .content-shell { align-items: flex-start; flex-direction: column; padding: 30px 0; }.content-footer p { margin: 0; } }