.xb-complex-creative { padding: var(--xbc-pad-top) var(--xbc-pad-right) var(--xbc-pad-bottom) var(--xbc-pad-left); }
.xb-complex-creative__head { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr); align-items:end; gap:clamp(32px,7vw,110px); margin-bottom:clamp(42px,5vw,72px); }
.xb-complex-creative__head .xbc-title { max-width:14ch; }
.xb-complex-creative__body { display:grid; grid-template-columns:minmax(270px,.62fr) minmax(0,1.38fr); gap:clamp(20px,2.5vw,38px); }
.xb-complex-creative__reason { display:flex; min-height:590px; flex-direction:column; justify-content:space-between; padding:clamp(28px,3.3vw,48px); border-radius:32px; color:var(--xbc-ink-dark); background:radial-gradient(circle at 85% 8%,rgba(255,255,255,.5),transparent 30%),linear-gradient(145deg,var(--xbc-gold-light),#c19a4c 68%,#967133); box-shadow:0 28px 68px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.58); }
.xb-complex-creative__mark { display:grid; width:52px; height:52px; margin-bottom:50px; place-items:center; border:1px solid rgba(17,20,20,.28); border-radius:50%; }
.xb-complex-creative__reason small { display:block; margin-bottom:16px; color:rgba(17,20,20,.62); font-size:9px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.xb-complex-creative__reason h3 { max-width:14ch; margin:0; color:var(--xbc-ink-dark)!important; font-family:var(--xbc-display); font-size:clamp(27px,2.7vw,40px); font-weight:600; line-height:1.08; letter-spacing:-.045em; }
.xb-complex-creative__reason p { margin:20px 0 34px; color:rgba(17,20,20,.72); font-size:12px; line-height:1.65; }
.xb-complex-creative__chips { display:flex; flex-wrap:wrap; gap:8px; align-items:center; padding-top:22px; border-top:1px solid rgba(17,20,20,.2); }
.xb-complex-creative__chips span { padding:8px 10px; border:1px solid rgba(17,20,20,.26); border-radius:999px; font-size:9px; font-weight:750; text-transform:uppercase; }
.xb-complex-creative__chips i { opacity:.52; font-style:normal; }
.xb-complex-creative__chips strong { width:100%; font-size:10px; letter-spacing:.11em; text-transform:uppercase; }
.xb-complex-creative__system { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.xb-complex-creative__step { display:flex; min-height:250px; flex-direction:column; padding:clamp(24px,2.6vw,36px); border:1px solid var(--xbc-line); border-radius:28px; background:linear-gradient(145deg,rgba(255,255,255,.05),transparent 52%),var(--xbc-card); transition:.22s ease; }
.xb-complex-creative__step:hover { border-color:rgba(242,215,149,.48); transform:translateY(-4px); }
.xb-complex-creative__step>div { display:flex; justify-content:space-between; color:var(--xbc-gold-light); font-size:9px; }
.xb-complex-creative__step>div i { display:grid; width:32px; height:32px; place-items:center; border:1px solid var(--xbc-line); border-radius:50%; font-style:normal; }
.xb-complex-creative__step h3 { margin:34px 0 10px; color:var(--xbc-ink)!important; font-family:var(--xbc-display); font-size:clamp(23px,2.3vw,34px); font-weight:600; letter-spacing:-.04em; }
.xb-complex-creative__step p { margin:0 0 18px; color:var(--xbc-muted); font-size:11px; line-height:1.6; }
.xb-complex-creative__step>small { margin-top:auto; padding-top:16px; border-top:1px solid var(--xbc-line); color:rgba(242,215,149,.66); font-size:8px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
.xb-complex-creative__result { display:grid; grid-column:1/-1; grid-template-columns:auto minmax(180px,.7fr) minmax(220px,1fr) auto; gap:24px; align-items:center; padding:24px 28px; border:1px solid rgba(242,215,149,.32); border-radius:24px; background:radial-gradient(circle at 75% 20%,rgba(242,215,149,.16),transparent 30%),rgba(16,21,21,.94); }
.xb-complex-creative__result span { color:var(--xbc-gold-light); font-size:8px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.xb-complex-creative__result strong { color:var(--xbc-ink); font-family:var(--xbc-display); font-size:clamp(17px,1.6vw,23px); }
.xb-complex-creative__result p { margin:0; color:var(--xbc-muted); font-size:10px; line-height:1.5; }
.xb-complex-creative__result>i { display:grid; width:40px; height:40px; place-items:center; border-radius:50%; color:var(--xbc-ink-dark); background:var(--xbc-gold-light); font-style:normal; }
.xb-complex-creative__footer { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:30px; align-items:center; margin-top:clamp(28px,4vw,48px); padding-top:28px; border-top:1px solid var(--xbc-line); }
.xb-complex-creative__footer p { max-width:78ch; margin:0; color:var(--xbc-muted); font-size:11px; line-height:1.65; }
.xb-complex-creative__footer p span { margin-right:12px; color:var(--xbc-gold-light); font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
@media(max-width:1050px){.xb-complex-creative__body{grid-template-columns:1fr}.xb-complex-creative__reason{min-height:0}}
@media(max-width:700px){.xb-complex-creative__head,.xb-complex-creative__system,.xb-complex-creative__footer{grid-template-columns:1fr}.xb-complex-creative__result{grid-column:1;grid-template-columns:1fr auto}.xb-complex-creative__result strong,.xb-complex-creative__result p{grid-column:1}.xb-complex-creative__result>i{grid-column:2;grid-row:1/4}.xb-complex-creative__footer a{justify-self:start}}