/* Getting Started only. Original site layout, type and brand palette remain in styles.css. */
.setup-section { position: relative; background: transparent; color: var(--ink); scroll-margin-top: 0; isolation: isolate; }
.setup-intro { position: relative; text-align: center; padding: 132px 24px 86px; margin-inline: auto; max-width: 1150px; }
.setup-intro .eyebrow,.setup-outro .eyebrow { color: var(--aegean); font-size: 11px; letter-spacing: .16em; margin: 0 0 30px; }
.setup-intro h2 { font-family: 'Manrope',sans-serif; font-size: clamp(56px,7.5vw,106px); line-height: 1.06; font-weight: 700; letter-spacing: -.075em; margin: 0; color: var(--ink); }
.setup-intro h2 em { color: var(--aegean); font-style: normal; }
.setup-intro-copy { color: var(--ink-soft); font-size: 18px; line-height: 1.7; max-width: 590px; margin: 30px auto 0; }
.setup-scroll-cue { display: flex; flex-direction: column; align-items: center; gap: 18px; font-size: 11px; color: var(--ink-soft); margin: 44px 0 0; }
.setup-scroll-cue span { color: var(--aegean); font-size: 24px; }
.setup-runway { position: relative; }
.setup-pin { position: relative; max-width: 1500px; margin-inline: auto; padding: 44px 6vw; }
.setup-halo { display: none; }
.setup-rail { display: flex; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--line); padding-bottom: 23px; color: var(--ink-soft); }
.setup-rail-step { display: flex; gap: 12px; align-items: center; font-size: 12px; }
.setup-rail-step b { font-family: 'IBM Plex Mono',monospace; font-size: 10px; font-weight: 400; }
.setup-rail-step.is-current { color: var(--ink); }
.setup-rail-step.is-complete { color: var(--aegean); }
.setup-scene { display: grid; grid-template-columns: minmax(240px,.75fr) minmax(0,1.65fr); align-items: center; gap: 7%; padding: 65px 0; }
.setup-chapter-label { color: var(--aegean); font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .09em; line-height: 1.7; margin: 0 0 24px; }
.setup-scene h3 { color: var(--ink); font-family: 'Manrope',sans-serif; font-size: clamp(36px,3.9vw,56px); line-height: 1.1; letter-spacing: -.055em; font-weight: 700; margin: 0 0 24px; }
.setup-scene-description { color: var(--ink-soft); font-size: 16px; line-height: 1.7; max-width: 330px; margin: 0; }
.setup-screen { margin: 0; min-width: 0; max-height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 19px; }
.setup-screen picture { display: flex; min-height: 0; width: 100%; justify-content: center; align-items: center; }
.setup-screen img { display: block; width: auto; height: auto; max-width: 100%; max-height: 60svh; object-fit: contain; border: 7px solid var(--surface-solid-strong); border-radius: 18px; background: white; }
.setup-scene[data-shot='property-3'] img { border-width: 5px; border-radius: 20px; }
.setup-scene[data-shot='rates-2'] img { max-height: 56svh; }
.setup-scroll-track { display: none; }
.setup-transcript { display: none; }
.setup-outro { position: relative; text-align: center; padding: 55px 24px 125px; max-width: 1100px; margin: auto; }
.setup-done-mark { display: inline-flex; justify-content: center; align-items: center; height: 64px; width: 64px; border: 1px solid var(--line-strong); border-radius: 50%; font-size: 28px; color: var(--aegean); margin-bottom: 26px; }
.setup-outro .eyebrow { margin-bottom: 24px; }
.setup-outro h2 { font-family: 'Manrope',sans-serif; font-size: clamp(40px,5.5vw,76px); font-weight: 700; letter-spacing: -.06em; line-height: 1.1; color: var(--ink); margin: 0; }
.setup-outro > p:not(.eyebrow) { color: var(--ink-soft); font-size: 16px; line-height: 1.7; margin: 28px auto; max-width: 530px; }
.setup-outro .button { gap: 28px; }

/* Enhancement: scroll position controls the scene; wheel and touch remain native. */
.setup-section.is-scroll-ready .setup-runway { height: 500svh; }
.setup-section.is-scroll-ready .setup-pin { position: sticky; top: 0; height: 100svh; min-height: 540px; display: flex; flex-direction: column; padding: 112px 6vw 32px; }
.setup-section.is-scroll-ready .setup-halo { display: block; position: absolute; inset: 5% -5%; pointer-events: none; z-index: -1;  transform: translate3d(calc(var(--setup-progress,0) * -40px),0,0); }
.setup-section.is-scroll-ready .setup-scene-stage { position: relative; flex: 1; min-height: 0; }
.setup-section.is-scroll-ready .setup-scene { position: absolute; inset: 0; padding: 30px 0; opacity: 0; visibility: hidden; pointer-events: none; transform: translate3d(0,35px,0) scale(.98); }
.setup-section.is-scroll-ready.has-scene-transitions .setup-scene { transition: opacity 350ms ease, transform 650ms cubic-bezier(.2,.7,.2,1), visibility 350ms; }
.setup-section.is-scroll-ready .setup-scene[data-active='true'] { opacity: 1; visibility: visible; transform: translate3d(0,0,0) scale(1); pointer-events: auto; }
.setup-section.is-scroll-ready .setup-screen { transform: translate3d(0,calc(var(--scene-drift,0) * -14px),0); }
.setup-section.is-scroll-ready .setup-screen img { max-height: min(59svh,650px); }
.setup-section.is-scroll-ready .setup-scroll-track { display: block; flex: 0 0 2px; background: var(--line); overflow: hidden; }
.setup-scroll-track span { display: block; width: 100%; height: 100%; background: var(--sea-glass); transform-origin: left; transform: scaleX(var(--setup-progress,0)); }
.setup-section.is-scroll-ready .setup-transcript { display: block; position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
body.setup-is-visible .sticky-cta { display: none; }

/* Preserve the existing feature band after moving Getting Started above it. */
#workflow + #features { position: relative; }
#workflow + #features::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); background: var(--band); }
@media(max-width:1100px) {
 .setup-pin { padding-inline: 4vw; }
 .setup-section.is-scroll-ready .setup-pin { padding-inline: 4vw; padding-top: 105px; }
 .setup-scene { grid-template-columns: .85fr 1.4fr; gap: 5%; }
 .setup-scene h3 { font-size: 40px; }
 .setup-scene-description { font-size: 14px; }
}
@media(max-width:700px) {
 .setup-intro { padding: 95px 21px 50px; }
 .setup-intro h2 { font-size: clamp(44px,11vw,70px); letter-spacing: -.065em; }
 :lang(el) .setup-intro h2 { font-size: clamp(40px,10.3vw,66px); }
 .setup-intro-copy { font-size: 15px; margin-top: 25px; }
 .setup-scroll-cue { font-size: 10px; margin-top: 31px; }
 .setup-pin { padding: 24px 20px; }
 .setup-rail { gap: 8px; padding-bottom: 16px; }
 .setup-rail-step { gap: 5px; font-size: 9px; flex: 1; align-items: flex-start; }
 .setup-rail-step b { font-size: 8px; }
 .setup-scene { grid-template-columns: 1fr; gap: 25px; padding: 50px 0; }
 .setup-scene h3 { font-size: 32px; max-width: 450px; margin-bottom: 13px; }
 .setup-chapter-label { font-size: 9px; margin-bottom: 13px; }
 .setup-scene-description { font-size: 13px; line-height: 1.6; max-width: 100%; }
 .setup-screen { gap: 12px; }
 .setup-screen img { max-height: 60svh; max-width: 100%; border-width: 5px; border-radius: 13px; }
 .setup-section:not(.is-scroll-ready) .setup-screen img { width: 100%; max-height: none; }
 .setup-section.is-scroll-ready .setup-runway { height: 500svh; }
 .setup-section.is-scroll-ready .setup-pin { min-height: 0; padding: 108px 20px 23px; }
 .setup-section.is-scroll-ready .setup-scene { grid-template-rows: auto minmax(0,1fr); grid-template-columns: 1fr; align-items: stretch; gap: 18px; padding: 21px 0; }
 .setup-section.is-scroll-ready .setup-scene-copy { min-height: 151px; }
 .setup-section.is-scroll-ready .setup-scene h3 { font-size: clamp(24px,6.7vw,32px); }
 .setup-section.is-scroll-ready .setup-screen { height: 100%; }
 .setup-section.is-scroll-ready .setup-screen picture { flex: 1; height: 0; }
 .setup-section.is-scroll-ready .setup-screen img { max-height: 100%; }
 .setup-outro { padding: 60px 24px 90px; }
 .setup-outro h2 { font-size: 43px; }
 .setup-outro > p:not(.eyebrow) { font-size: 14px; }
}
@media(max-width:700px) and (max-height:700px) {
 .setup-section.is-scroll-ready .setup-pin { padding-top: 103px; padding-bottom: 15px; }
 .setup-section.is-scroll-ready .setup-scene { padding-top: 14px; padding-bottom: 13px; gap: 12px; }
 .setup-section.is-scroll-ready .setup-scene-copy { min-height: 122px; }
 .setup-section.is-scroll-ready .setup-scene h3 { font-size: 24px; margin-bottom: 9px; }
 .setup-chapter-label { margin-bottom: 8px; }
 .setup-scene-description { font-size: 12px; }
 .setup-screen { gap: 7px; }
}
@media(prefers-reduced-motion:reduce) {
 .setup-scroll-cue { display: none; }
}
@media print {
 .setup-section.is-scroll-ready .setup-runway { height: auto; }
 .setup-section.is-scroll-ready .setup-pin { position: static; height: auto; }
 .setup-section.is-scroll-ready .setup-scene { position: static; opacity: 1; visibility: visible; transform: none; break-inside: avoid; }
 .setup-transcript { display: none !important; }
}