/* Section identities: preserve the content grid; depth belongs behind it. */
.setup-page main > section { position:relative; isolation:isolate; }
.setup-page main > section > .container { position:relative; z-index:1; }
.setup-page main > section::before,.setup-page main > section::after { pointer-events:none; }
.setup-hero { background:radial-gradient(ellipse at 89% 43%,rgba(var(--inner-glow-rgb),.09),transparent 51%),var(--inner-bg); }
.setup-map { box-shadow:0 28px 70px -40px #000; background:linear-gradient(135deg,rgba(72,65,56,.28),rgba(22,21,20,.86)); }

/* Preparation: warm material, layered like the inputs to a campaign. */
.setup-page #preparation { background:radial-gradient(ellipse at 92% 8%,rgba(196,154,106,.15),transparent 50%),#1a1919; border-top:1px solid rgba(226,200,166,.15); }
.setup-page #preparation::after { content:''; position:absolute; top:76px; right:max(var(--px),calc((100vw - var(--container))/2 + var(--px))); width:clamp(240px,22vw,300px); aspect-ratio:4/3; background:url('../../img/setup-layers.svg') center/contain no-repeat; z-index:0; }
.setup-page #preparation .setup-eyebrow { color:#d3b899; }
.setup-prep__card { background:linear-gradient(150deg,rgba(242,224,200,.055),rgba(17,16,20,.64)); border-color:rgba(224,207,184,.13); box-shadow:0 15px 40px -30px #000; }

/* Assembly: a drafting surface; the grid dissolves before the copy. */
.setup-page #work { background:radial-gradient(ellipse at 82% 9%,rgba(var(--inner-glow-rgb),.10),transparent 55%),#151515; border-block:1px solid rgba(229,224,213,.16); }
.setup-page #work::before { content:''; position:absolute; inset:0; z-index:0; background-image:linear-gradient(rgba(188,180,168,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(188,180,168,.055) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(110deg,transparent 25%,#000); }
.setup-page #work .setup-eyebrow { color:var(--inner-detail); }
.setup-example { background:var(--inner-deep); border-color:rgba(188,180,168,.23); box-shadow:0 30px 60px -36px #080808; }
.setup-example__caption { background:rgba(188,180,168,.04); }

/* Channels: one sculptural wave on a quiet, darker field. */
.setup-page #channels { background:radial-gradient(ellipse at 93% 5%,rgba(196,174,145,.13),transparent 44%),var(--inner-bg); }
.setup-page #channels::after { content:''; position:absolute; top:76px; right:max(var(--px),calc((100vw - var(--container))/2 + var(--px))); width:clamp(240px,22vw,300px); aspect-ratio:4/3; background:url('../../img/setup-wave.svg?v=20260921-palette') center/contain no-repeat; opacity:.85; z-index:0; }
.setup-channel { background:linear-gradient(145deg,rgba(var(--setup-rgb),.045),rgba(25,24,23,.8)); }

/* Measurement: a warm neutral pool of light, followed by the black support section. */
.setup-page #analytics { background:radial-gradient(ellipse at 10% 100%,rgba(var(--inner-glow-rgb),.12),transparent 63%),#1b1a18; border-block:1px solid rgba(229,224,213,.15); }
.setup-page #analytics .setup-eyebrow { color:var(--inner-detail); }
.setup-funnel { background:linear-gradient(145deg,#2a2722,var(--inner-surface)); border-color:rgba(188,180,168,.22); box-shadow:0 28px 55px -35px #080808; }
.setup-preflight { border-left:1px solid rgba(188,180,168,.18); padding-left:clamp(22px,3vw,46px); }
.setup-page #support { background:radial-gradient(ellipse at 6% 76%,rgba(var(--inner-glow-rgb),.035),transparent 42%),var(--inner-deep); }
.setup-page #support .setup-eyebrow { color:var(--inner-muted); }
.setup-after { background:rgba(188,180,168,.045); }

/* A deliberate contrast beat for the offer, without changing its structure. */
.setup-page #cost { --setup-muted:#615e58; --c-text:#272722; --c-border:rgba(57,51,41,.17); --c-blue:var(--inner-muted-light); color:#272722; background:radial-gradient(ellipse at 100% 0,rgba(255,255,255,.7),transparent 58%),var(--inner-light); border-block:1px solid #eee9e0; }
.setup-page #cost .setup-eyebrow { color:#62553e; }
.setup-page #cost h2 { color:#272722; }
.setup-cost__offer { --setup-muted:#b5b1a9; --c-text:#f0ede6; --c-border:rgba(240,237,230,.15); color:var(--c-text); border-color:rgba(255,255,255,.08); background:radial-gradient(ellipse at 0 0,rgba(var(--inner-glow-rgb),.10),transparent 70%),var(--inner-surface); box-shadow:0 25px 50px -30px rgba(28,26,21,.6); }
.setup-page #cost .setup-deliverables h3 { color:#272722; }

/* Quiet answers, then a visibly separate closing panel. */
.setup-page #questions { background:var(--inner-bg); }
.setup-contact { background:var(--inner-bg); }
.setup-contact__inner { position:relative; overflow:hidden; isolation:isolate; background:radial-gradient(ellipse at 0 110%,rgba(152,75,61,.12),transparent 64%),linear-gradient(130deg,#25221e,var(--inner-surface)); border-color:rgba(229,224,213,.2); box-shadow:0 25px 65px -35px #000; }
.setup-contact__inner::before { content:''; position:absolute; z-index:-1; inset:0; background:radial-gradient(circle at calc(100% + 50px) 40px,transparent 209px,rgba(188,180,168,.1) 210px,transparent 211px,rgba(188,180,168,.025) 212px,rgba(188,180,168,.025) 255px,rgba(188,180,168,.018) 256px,rgba(188,180,168,.018) 305px,transparent 306px); pointer-events:none; }

@media(min-width:1201px) {
 .setup-page :is(#preparation,#channels) .setup-heading { max-width:min(870px,calc(100% - 330px)); }
}
@media(max-width:1200px) {
 .setup-page #preparation::after,.setup-page #channels::after { display:none; }
}
@media(max-width:900px) {
 .setup-preflight { border-left:0; border-top:1px solid rgba(188,180,168,.18); padding-left:0; padding-top:30px; }
}
@media(max-width:680px) {
 .setup-page #preparation { background:radial-gradient(ellipse at 100% 0,rgba(196,154,106,.14),transparent 55%),#1a1919; }
 .setup-page #work::before { background-size:42px 42px; opacity:.7; }
 .setup-page #channels { background:radial-gradient(ellipse at 100% 0,rgba(196,174,145,.17),transparent 45%),var(--inner-bg); }
 .setup-cost__offer { box-shadow:0 16px 30px -22px rgba(28,26,21,.65); }
}