.xb-services-creative { padding:var(--xbc-pad-top) var(--xbc-pad-right) var(--xbc-pad-bottom) var(--xbc-pad-left); }
.xb-services-creative__head { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); align-items:end; gap:clamp(32px,7vw,110px); margin-bottom:clamp(42px,5vw,72px); }
.xb-services-creative__layout { display:grid; grid-template-columns:minmax(0,1.48fr) minmax(340px,.72fr); gap:clamp(20px,2.5vw,38px); align-items:stretch; }
.xb-services-creative__catalog { display:grid; min-height:610px; grid-template-columns:minmax(180px,.52fr) minmax(0,1.48fr); overflow:hidden; border:1px solid var(--xbc-line); border-radius:32px; background:var(--xbc-card); }
.xb-services-creative__tabs { display:flex; flex-direction:column; padding:14px; border-right:1px solid var(--xbc-line); }
.xb-services-creative__tab { position:relative; display:flex; width:100%; min-height:112px; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:18px; padding:20px 18px!important; border:0; border-bottom:1px solid var(--xbc-line); color:rgba(255,255,255,.56); background:transparent; font-family:var(--xbc-font); text-align:left; cursor:pointer; }
.xb-services-creative__tab:last-child { border-bottom:0; }
.xb-services-creative__tab span { font-size:clamp(13px,1.15vw,16px); font-weight:700; font-family:var(--xbc-font); }
.xb-services-creative__form>button { font-family:var(--xbc-font); }
.xb-services-creative__tab i { margin-right:8px; opacity:.42; font-size:9px; font-style:normal; }
.xb-services-creative__tab strong { font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.xb-services-creative__tab:hover,.xb-services-creative__tab.is-active { color:var(--xbc-gold-light); background:linear-gradient(90deg,rgba(201,166,90,.11),transparent); }
.xb-services-creative__panels { padding:clamp(30px,3.2vw,50px); }
.xb-services-creative__panel[hidden] { display:none; }
.xb-services-creative__panel>small { color:var(--xbc-gold-light); font-size:9px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
.xb-services-creative__panel h3 { max-width:18ch; margin:18px 0 0; color:var(--xbc-ink)!important; font-family:var(--xbc-display); font-size:clamp(25px,2.5vw,38px); font-weight:600; line-height:1.08; letter-spacing:-.045em; }
.xb-services-creative__panel>p { margin:19px 0 27px; color:var(--xbc-muted); font-size:12px; line-height:1.68; }
.xb-services-creative__panel ul { display:grid; margin:0; padding:0; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 22px; list-style:none; }
.xb-services-creative__panel li { position:relative; padding:12px 0 12px 18px; border-top:1px solid var(--xbc-line); color:rgba(255,255,255,.76); font-size:11px; line-height:1.45; }
.xb-services-creative__panel li:before { position:absolute; top:18px; left:1px; width:5px; height:5px; border-radius:50%; content:""; background:var(--xbc-gold); }
.xb-services-creative__result { display:grid; margin-top:28px; padding-top:20px; border-top:1px solid var(--xbc-line); grid-template-columns:auto 1fr; gap:20px; }
.xb-services-creative__result span { color:var(--xbc-gold-light); font-size:9px; font-weight:700; text-transform:uppercase; }
.xb-services-creative__result p { margin:0; font-size:12px; font-weight:600; line-height:1.5; }
.xb-services-creative__form { display:flex; min-width:0; flex-direction:column; padding:clamp(28px,3.2vw,48px); border:1px solid rgba(242,215,149,.24); border-radius:32px; background:radial-gradient(circle at 100% 0,rgba(242,215,149,.13),transparent 33%),rgba(13,17,18,.92); box-shadow:0 30px 70px rgba(0,0,0,.24); }
.xb-services-creative__form>header { display:flex; justify-content:space-between; margin-bottom:28px; color:var(--xbc-gold-light); font-size:9px; font-weight:700; text-transform:uppercase; }
.xb-services-creative__form>header i { display:grid; width:34px; height:34px; place-items:center; border:1px solid var(--xbc-line); border-radius:50%; font-style:normal; }
.xb-services-creative__form h3 { max-width:13ch; margin:0; color:var(--xbc-ink)!important; font-family:var(--xbc-display); font-size:clamp(26px,2.7vw,40px); line-height:1.08; }
.xb-services-creative__form>p { margin:16px 0 28px; color:var(--xbc-muted); font-size:11px; line-height:1.65; }
.xb-services-creative__form label { display:block; margin-bottom:19px; }
.xb-services-creative__form label>span { display:block; margin-bottom:8px; color:rgba(255,255,255,.48); font-size:9px; font-weight:600; text-transform:uppercase; }
.xb-services-creative__form input,.xb-services-creative__form textarea { width:100%; border:0; border-bottom:1px solid rgba(255,255,255,.18); border-radius:0; outline:0; color:var(--xbc-ink); background:transparent; font:500 12px/1.5 var(--xbc-font); }
.xb-services-creative__form input { height:42px; }.xb-services-creative__form textarea { min-height:94px; padding:10px 0; resize:vertical; }
.xb-services-creative__form input:focus,.xb-services-creative__form textarea:focus { border-color:var(--xbc-gold-light); }
.xb-services-creative__form>button { display:flex; min-height:54px; align-items:center; justify-content:space-between; margin-top:auto; padding:0 24px!important; border:0; border-radius:999px; color:var(--xbc-ink-dark); background:linear-gradient(110deg,var(--xbc-gold-deep),var(--xbc-gold-light) 52%,var(--xbc-gold)); font:800 10px/1 var(--xbc-font); text-transform:uppercase; cursor:pointer; }
.xb-services-creative__form>button:hover { color:var(--xbc-ink-dark)!important; }
.xb-services-creative__form>small,.xb-services-creative__status { margin-top:12px; color:rgba(255,255,255,.35); font-size:9px; text-align:center; }
.xb-services-creative__status { min-height:18px; color:var(--xbc-gold-light); }
@media(max-width:1120px){.xb-services-creative__layout{grid-template-columns:1fr}}
@media(max-width:760px){.xb-services-creative__head,.xb-services-creative__catalog{grid-template-columns:1fr}.xb-services-creative__tabs{border-right:0;border-bottom:1px solid var(--xbc-line)}.xb-services-creative__tab{min-height:76px;flex-direction:row;align-items:center}.xb-services-creative__panel ul{grid-template-columns:1fr}.xb-services-creative__result{grid-template-columns:1fr}}