:root {
  --sheen: 0%;
  --bg:#000; --ink:#f2f3f5; --muted:#a9acb6; --line:rgba(255,255,255,.14);
  --glass:rgba(16,17,21,.14); --bar:rgba(10,11,14,.62); --rim-a:#a8aab2; --rim-b:#34353b; --spark:#fff;
  --metal:linear-gradient(105deg,#c4c6cd 0%,#eceef2 16%,#fff 30%,#ccced5 46%,#f4f5f7 62%,#fff 74%,#c6c8cf 90%,#e4e5ea 100%);
  --btn-bg:#1a1b20; --btn-ink:#f4f5f8; --btn-word-shadow:rgba(0,0,0,.55);
  --btn-shadow:inset 0 14px 12px rgba(0,0,0,.6),inset 0 -14px 12px rgba(255,255,255,.2),1px 1px 2px rgba(255,255,255,.34),-1px -1px 2px rgba(0,0,0,.9);
  --btn-glow:rgba(222,227,242,.55);
  --check-bg:#d9dbe2; --check-ink:#0b0b0e;
  --social:radial-gradient(circle at 100% 107%,#e6e7ec 0%,#8e9099 28%,#3a3b42 60%,#15161a 100%);
  --box:rgba(255,255,255,.2); --box-rim:rgba(255,255,255,.75); --box-icon:rgba(255,255,255,.88);
  --ring:url(../img/ring-dark.svg);
  --txt-halo:rgba(0,0,0,.95);
}
html[data-theme="light"] {
  --bg:#ecedf0; --ink:#15161a; --muted:#565964; --line:rgba(0,0,0,.14);
  --glass:rgba(255,255,255,.14); --bar:rgba(255,255,255,.66); --rim-a:#fff; --rim-b:#b4b6be;
  --metal:linear-gradient(105deg,#15161a 0%,#3e4048 16%,#1f2025 30%,#4c4e57 46%,#17181c 62%,#3f4149 74%,#121317 90%,#2c2d33 100%);
  --btn-bg:#dfe1eb; --btn-ink:#26272d; --btn-word-shadow:rgba(68,68,68,.25);
  --btn-shadow:inset 0 14px 12px rgba(34,34,34,.27),inset 0 -14px 12px #fff,1px 1px 2px #fff,-1px -1px 2px rgba(68,68,68,.14);
  --btn-glow:#fff;
  --check-bg:#26272d; --check-ink:#fff;
  --social:radial-gradient(circle at 100% 107%,#fff 0%,#c9cbd2 30%,#8e9099 62%,#5c5e68 100%);
  --box:rgba(255,255,255,.34); --box-rim:#fff; --box-icon:#26272d;
  --ring:url(../img/ring-light.svg);
  --txt-halo:rgba(236,237,240,1);
}
* { box-sizing:border-box; margin:0; }
html { background:var(--bg); scroll-padding-top:90px; -webkit-text-size-adjust:100%; }
body { background:var(--bg); color:var(--ink); font-family:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif; font-size:17px; line-height:1.5; overflow-x:hidden; transition:background .4s,color .4s; }
a { color:inherit; text-decoration:none; }
img { max-width:100%; height:auto; display:block; }
button, input, textarea { font:inherit; color:inherit; }
:focus-visible { outline:2px solid var(--ink); outline-offset:3px; }
.vh { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.dj-skip { position:fixed; top:-60px; left:16px; z-index:20; background:var(--ink); color:var(--bg); padding:10px 16px; border-radius:10px; }
.dj-skip:focus { top:12px; }
html[data-theme="dark"] .logo-light, html[data-theme="light"] .logo-dark { display:none; }

#gl { position:fixed; inset:0; width:100%; height:100%; display:block; z-index:0; }
.dj-poster { position:fixed; z-index:0; pointer-events:none; background:var(--ring) center/contain no-repeat; }
.is-home .dj-poster { inset:12vh 0 30vh 0; opacity:.5; }
.stage-on .dj-poster { display:none; }
.is-inner #gl { opacity:.8; }
.is-inner .dj-poster { width:min(760px,90vw); aspect-ratio:1; top:-14vh; right:-18vw; opacity:.3; }
main, .dj-foot { position:relative; z-index:2; }

h1, h2, .dj-h3 { font-weight:500; color:var(--ink); }
@supports ((-webkit-background-clip:text) or (background-clip:text)) {
  h1, h2 {
    background:var(--metal); background-size:220% 100%; background-position:var(--sheen) 50%;
    -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
  }
}
h1 { font-size:clamp(56px,11vw,170px); line-height:1; letter-spacing:-.04em; padding-bottom:.08em; }
.h1--sm { font-size:clamp(40px,7vw,96px); line-height:1.05; }
h2 { font-size:clamp(34px,5vw,76px); line-height:1.08; letter-spacing:-.03em; padding-bottom:.06em; text-wrap:balance; }
h3, .dj-h3 { font-size:23px; font-weight:500; letter-spacing:-.02em; line-height:1.2; }
.lead { color:var(--muted); font-size:clamp(17px,1.5vw,21px); max-width:48ch; margin-top:14px; }
.lead--full { max-width:70ch; }
.eyebrow { color:var(--muted); font-size:15px; letter-spacing:.14em; text-transform:uppercase; margin-bottom:14px; }
.row { display:flex; flex-wrap:wrap; gap:30px; align-items:center; margin-top:26px; }
.dj-link { color:var(--ink); border-bottom:1px solid var(--line); }

/* Ana sayfa sahneleri */
.scene { min-height:135vh; padding:90px 6vw; display:flex; flex-direction:column; justify-content:center; }
.scene .dj-btn { margin-top:30px; }
.scene .row .dj-btn { margin-top:0; }
.scene__txt { max-width:min(46vw,620px); }
.scene--left { align-items:flex-start; }
.scene--right { align-items:flex-end; }
.scene--center { align-items:center; text-align:center; }
.scene--center .scene__txt { max-width:min(52vw,720px); }
.scene--center .lead { margin-inline:auto; }
.scene--low { justify-content:flex-end; align-items:center; text-align:center; min-height:100vh; padding-bottom:9vh; }
.scene__hook { font-size:clamp(30px,4.4vw,64px); line-height:1.1; letter-spacing:-.03em; font-weight:500; text-shadow:0 2px 24px rgba(0,0,0,.75); }
[data-scene="1"] { min-height:185vh; }
html[data-theme="light"] .scene__hook { text-shadow:0 1px 18px rgba(255,255,255,.85); }
.scene__hint { color:var(--muted); font-size:14px; letter-spacing:.14em; text-transform:uppercase; margin-top:22px; }
html[data-theme="light"] [data-scene="4"] h2 { filter:drop-shadow(0 1px 10px rgba(255,255,255,.95)); }
html[data-theme="light"] [data-scene="4"] .lead, html[data-theme="light"] [data-scene="4"] .eyebrow { color:#15161a; text-shadow:0 0 8px #fff,0 0 3px #fff; }
html[data-theme="dark"] [data-scene="4"] h2 { filter:drop-shadow(0 2px 14px rgba(0,0,0,.95)); }
html[data-theme="dark"] [data-scene="4"] .lead, html[data-theme="dark"] [data-scene="4"] .eyebrow { color:#e6e7ec; text-shadow:0 1px 12px #000,0 0 3px #000; }
.scene--end { justify-content:flex-end; padding-bottom:8vh; min-height:125vh; }
.scene--end .scene__txt { max-width:min(80vw,860px); }

.dj-details { list-style:none; padding:0; margin:24px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:12px; text-align:left; }
.dj-details li { position:relative; padding:14px 16px; border-radius:14px; border:1px solid var(--line); background:var(--glass); }
.dj-details b { display:block; font-weight:600; font-size:16px; }
.dj-details span { display:block; color:var(--muted); font-size:14.5px; line-height:1.4; margin-top:3px; }
.dj-strip { width:calc(100vw - 12vw); max-width:1400px; margin-top:30px; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none; cursor:grab; -webkit-mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); }
.dj-strip__track { list-style:none; padding:4px 0; margin:0; display:flex; gap:16px; width:max-content; }
.dj-strip::-webkit-scrollbar { display:none; }
.dj-strip.is-drag { cursor:grabbing; user-select:none; }
.dj-strip img { -webkit-user-drag:none; pointer-events:none; }
.dj-strip__track li { flex:none; width:240px; border-radius:14px; overflow:hidden; border:1px solid var(--line); background:var(--glass); text-align:left; }
.dj-strip__track img { width:240px; height:150px; object-fit:cover; object-position:top; }
.dj-strip__track span { display:block; padding:9px 13px; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* Üst bar */
.dj-bar { position:fixed; top:16px; left:50%; transform:translateX(-50%); width:min(1240px,calc(100% - 32px)); display:flex; align-items:center; justify-content:space-between; gap:16px; padding:8px 10px 8px 20px; z-index:10; }
.dj-bar__logo img { height:30px; width:auto; }
.dj-nav { display:flex; align-items:center; gap:20px; font-size:15px; color:var(--muted); }
.dj-nav a { padding:8px 0; white-space:nowrap; transition:color .2s; }
.dj-nav a:hover, .dj-nav a[aria-current] { color:var(--ink); }
.dj-nav__cta { color:var(--ink); border:1px solid var(--line); border-radius:999px; padding:8px 16px !important; }
.dj-bar__end { display:flex; gap:8px; }
.dj-round { width:44px; height:44px; flex:none; border-radius:50%; border:1px solid var(--line); background:transparent; cursor:pointer; display:grid; place-items:center; }
.dj-round svg { width:20px; height:20px; }
html[data-theme="dark"] .ic-moon, html[data-theme="light"] .ic-sun { display:none; }
.dj-menu { display:none; }
@media (max-width:1080px) {
  .dj-menu { display:grid; }
  .dj-nav { display:none; position:absolute; top:calc(100% + 8px); left:0; right:0; flex-direction:column; align-items:stretch; gap:0; padding:12px 20px; border-radius:22px; background:var(--bg); border:1px solid var(--line); font-size:18px; }
  .dj-nav.is-open { display:flex; }
  .dj-nav a { padding:13px 0; }
  .dj-nav__cta { text-align:center; margin-top:8px; padding:13px !important; }
}

/* Cam */
.dj-glass { position:relative; border-radius:16px; background:var(--glass); overflow:hidden; }
.dj-glass h3, .dj-glass p, .dj-glass li, .dj-glass summary, .dj-glass .dj-steps__n, .dj-glass legend, .dj-glass .dj-field span, .dj-ref__t, .dj-details b, .dj-details span { text-shadow:0 0 9px var(--txt-halo),0 0 2px var(--txt-halo); }
.dj-glass p, .dj-details span { color:var(--ink); }
.dj-glass::before { content:""; position:absolute; inset:0; border-radius:inherit; padding:1.5px; pointer-events:none;
  background:linear-gradient(to bottom right,var(--rim-a),var(--rim-b),var(--rim-b),var(--rim-b));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0); }
.dj-glass::after { content:""; position:absolute; top:-10px; left:-10px; width:30px; height:30px; filter:blur(1px); pointer-events:none;
  background:radial-gradient(ellipse at center,var(--spark),rgba(255,255,255,.3),rgba(255,255,255,.1),transparent 60%); }
.dj-bar.dj-glass { border-radius:999px; overflow:visible; background:var(--bar); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); }
.dj-bar.dj-glass::after { display:none; }

/* Buton */
.dj-btn { position:relative; display:inline-block; width:196px; height:58px; border-radius:18px; flex:none; border:0; padding:0; background:none; cursor:pointer; transition:transform .25s; }
.dj-btn::before { content:""; position:absolute; inset:-5px; border-radius:24px; background:var(--btn-glow); filter:blur(16px); opacity:.5; transition:opacity .25s; }
.dj-btn__clip { position:relative; display:block; height:100%; border-radius:inherit; overflow:hidden; background:var(--btn-bg); box-shadow:var(--btn-shadow); }
.dj-btn__word { width:100%; height:100%; display:grid; place-items:center; color:var(--btn-ink); font-weight:600; font-size:17px; letter-spacing:-.01em; text-shadow:2px 2px 2px var(--btn-word-shadow); }
.dj-btn:hover { transform:translateY(-2px) scale(1.02); }
.dj-btn:hover::before { opacity:.95; }
.dj-btn:active { transform:scale(.98); }
.dj-btn--sm { width:156px; height:46px; border-radius:15px; }
.dj-btn--sm .dj-btn__word { font-size:15px; }

/* Teklif kutusu */
.dj-ask { width:min(560px,100%); margin-top:26px; }
.dj-ask textarea { display:block; width:100%; height:112px; padding:18px 20px; background:transparent; border:0; outline:0; resize:none; position:relative; }
.dj-ask textarea::placeholder { color:var(--muted); opacity:1; }
.dj-ask__foot { position:relative; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:6px 14px 14px 18px; flex-wrap:wrap; }
.dj-ask .dj-btn { margin-top:0; }
.dj-tags { display:flex; flex-wrap:wrap; gap:6px; }
.dj-tag { position:relative; cursor:pointer; }
.dj-tag input { position:absolute; opacity:0; inset:0; margin:0; cursor:pointer; }
.dj-tag span { display:inline-flex; align-items:center; padding:8px 13px; min-height:38px; font-size:14px; border-radius:12px; border:1.5px solid var(--line); transition:background .2s,color .2s; }
.dj-tag input:checked + span { background:var(--ink); color:var(--bg); border-color:var(--ink); }
.dj-tag input:focus-visible + span { outline:2px solid var(--ink); outline-offset:2px; }

/* Sosyal kart */
.dj-social { position:relative; width:210px; height:210px; border-radius:30px; overflow:hidden; background:var(--social); box-shadow:0 7px 29px rgba(100,100,111,.3); transition:transform .8s ease; flex:none; }
.dj-social__mark { position:absolute; right:50%; bottom:50%; transform:translate(50%,50%); transition:all .6s ease-in-out; width:48px; height:auto; }
.dj-box { position:absolute; display:block; padding:12px; text-align:right; background:var(--box); border-top:2px solid var(--box-rim); border-right:1px solid var(--box-rim);
  border-radius:10% 13% 42% 0%/10% 12% 75% 0%; box-shadow:-7px 7px 29px rgba(100,100,111,.36); transform-origin:bottom left; transition:all .9s ease-in-out; }
.dj-box svg { display:inline-block; width:24px; height:24px; fill:var(--box-icon); }
.dj-box--1 { width:70%; height:70%; bottom:-70%; left:-70%; }
.dj-box--2 { width:50%; height:50%; bottom:-50%; left:-50%; transition-delay:.15s; }
.dj-box--3 { width:30%; height:30%; bottom:-30%; left:-30%; transition-delay:.3s; }
.dj-box--4 { width:10%; height:10%; bottom:-10%; left:-10%; transition-delay:.45s; }
.dj-social:hover, .dj-social:focus { transform:scale(1.05); }
.dj-social:hover .dj-box, .dj-social:focus .dj-box, .dj-social.is-open .dj-box { bottom:-1px; left:-1px; }
.dj-social:hover .dj-social__mark, .dj-social:focus .dj-social__mark, .dj-social.is-open .dj-social__mark { transform:translate(0,0); bottom:20px; right:20px; }

/* İç sayfalar */
.hero { min-height:72vh; padding:170px 6vw 60px; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; }
.hero .dj-btn { margin-top:30px; }
.hero h1 { max-width:14ch; }
.hero--form, .hero--text { min-height:0; }
.hero--text h1 { max-width:none; }
.band { padding:70px 6vw; text-align:center; }
.band h2 { margin:0 auto 30px; max-width:22ch; }
.band .lead { margin-inline:auto; }
html[data-theme="dark"] .band h2, html[data-theme="dark"] .hero h1 { filter:drop-shadow(0 2px 14px rgba(0,0,0,.9)); }
html[data-theme="light"] .band h2, html[data-theme="light"] .hero h1 { filter:drop-shadow(0 1px 12px rgba(236,237,240,.95)); }
.band--end { display:flex; flex-direction:column; align-items:center; gap:20px; padding-bottom:110px; }
.band--end h2 { margin:0; }
.dj-steps { list-style:none; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap:18px; margin:26px auto 0; max-width:1240px; }
.dj-steps li { padding:24px; flex:0 1 255px; text-align:left; }
.dj-steps li > * { position:relative; }
.dj-steps__n { color:var(--muted); font-size:14px; letter-spacing:.1em; display:block; margin-bottom:26px; }
.dj-steps p { color:var(--muted); margin-top:8px; font-size:16px; }
.dj-packs { display:flex; flex-wrap:wrap; justify-content:center; gap:22px; max-width:1240px; margin:0 auto; }
.dj-pack { flex:0 1 345px; text-align:left; display:flex; flex-direction:column; gap:18px; padding:26px; border-radius:20px; }
.dj-pack > * { position:relative; }
.dj-pack > .dj-pack__spin { position:absolute; }
.dj-pack__spin { inset:0; border-radius:inherit; padding:1.5px; overflow:hidden; pointer-events:none; opacity:.5;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0); }
.dj-pack.is-top .dj-pack__spin, .dj-pack:hover .dj-pack__spin { opacity:1; }
.dj-pack__spin::before { content:""; position:absolute; top:50%; left:50%; width:240%; aspect-ratio:1; margin:-120% 0 0 -120%;
  background:conic-gradient(from 0deg,transparent 0 62%,var(--ink) 74%,transparent 86% 100%); animation:dj-spin 8s linear infinite; }
@keyframes dj-spin { to { transform:rotate(360deg); } }
.dj-pack p { color:var(--muted); font-size:16px; margin-top:4px; }
.dj-pack hr { border:0; height:1px; background:var(--line); }
.dj-pack ul { list-style:none; padding:0; display:flex; flex-direction:column; gap:10px; font-size:15px; flex:1; }
.dj-pack li { display:flex; gap:10px; align-items:flex-start; }
.dj-check { flex:none; width:20px; height:20px; margin-top:1px; border-radius:50%; background:var(--check-bg); display:grid; place-items:center; }
.dj-check svg { width:13px; height:13px; fill:var(--check-ink); }
.dj-pack .dj-btn { width:100%; }
.dj-faq { display:grid; gap:12px; max-width:860px; margin:0 auto; text-align:left; }
.dj-faq details { padding:0; }
.dj-faq summary { padding:18px 22px; cursor:pointer; font-weight:500; position:relative; }
.dj-faq p { padding:0 22px 20px; color:var(--muted); position:relative; }
.dj-filter { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-bottom:28px; }
.dj-chip { padding:8px 14px; min-height:38px; font-size:14px; border-radius:12px; cursor:pointer; background:transparent; border:1.5px solid var(--line); }
.dj-chip[aria-pressed="true"] { background:var(--ink); color:var(--bg); border-color:var(--ink); }
.dj-refs { list-style:none; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap:18px; max-width:1400px; margin:0 auto; text-align:left; }
.dj-ref { flex:0 1 300px; }
.dj-ref[hidden] { display:none; }
.dj-ref a { display:block; position:relative; }
.dj-ref img { width:100%; aspect-ratio:8/5; object-fit:cover; object-position:top; }
.dj-ref__t { display:block; padding:14px 16px; }
.dj-ref__t b { display:block; font-weight:500; }
.dj-ref__t small { color:var(--muted); font-size:14px; }

/* Form */
.dj-form { width:min(820px,100%); margin-top:28px; padding:24px; display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.dj-form > * { position:relative; }
.dj-form > .vh { position:absolute; }
.dj-field { display:flex; flex-direction:column; gap:7px; font-size:15px; color:var(--muted); }
.dj-field--full { grid-column:1/-1; }
.dj-field input, .dj-field textarea { background:transparent; border:1.5px solid var(--line); border-radius:12px; padding:12px 14px; color:var(--ink); font-size:17px; width:100%; resize:vertical; }
.dj-field input:focus, .dj-field textarea:focus { outline:0; border-color:var(--ink); }
fieldset { border:0; padding:0; }
legend { color:var(--muted); font-size:15px; margin-bottom:8px; padding:0; }
.dj-consent { display:flex; gap:10px; align-items:flex-start; font-size:15px; color:var(--muted); }
.dj-consent input { width:20px; height:20px; flex:none; margin-top:2px; accent-color:var(--ink); }
.dj-consent a { color:var(--ink); text-decoration:underline; }
.dj-err { color:var(--ink); font-size:14px; font-weight:600; margin-top:8px; }
.dj-ok { padding:24px; margin-top:26px; max-width:620px; }
.dj-picked { margin-top:22px; color:var(--muted); }
.dj-picked b { color:var(--ink); font-weight:500; }

/* Alt bilgi */
.dj-foot { padding:60px 6vw 34px; border-top:1px solid var(--line); background:var(--bg); }
.dj-foot__grid { display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:34px; }
.dj-foot img { height:40px; width:auto; margin-bottom:14px; }
.dj-foot p { color:var(--muted); max-width:30ch; }
.dj-foot__h { font-size:15px; font-weight:500; background:none; -webkit-text-fill-color:currentColor; color:var(--muted); letter-spacing:0; margin-bottom:10px; padding:0; }
.dj-foot ul { list-style:none; padding:0; display:grid; gap:6px; font-size:16px; }
.dj-foot a { display:inline-block; padding:3px 0; }
.dj-foot a:hover { text-decoration:underline; }
.dj-insta { display:inline-flex !important; align-items:center; gap:8px; }
.dj-insta svg { width:18px; height:18px; fill:currentColor; }
.dj-foot__end { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; margin-top:44px; color:var(--muted); font-size:15px; }
.dj-foot__end a { margin-left:14px; }

/* Yükleme */
.dj-load { position:fixed; inset:0; z-index:30; background:var(--bg); display:grid; place-items:center; transition:opacity .5s; }
.dj-load.is-out { opacity:0; pointer-events:none; }
.dj-load__ring { width:min(62vw,380px); aspect-ratio:1; border-radius:50%; border:1px solid var(--line); display:grid; place-items:center; font-size:18px; }

@media (max-width:820px) {
  .dj-foot__grid { grid-template-columns:1fr 1fr; }
  .dj-form { grid-template-columns:1fr; }
}
@media (max-aspect-ratio:1/1) {
  /* Telefonda halka üst yarıda, yazı hemen altında: sahne ortalandığında yazının tamamı ekranda kalır. */
  .scene { min-height:0; justify-content:flex-start; padding:42svh 14px 0; align-items:stretch; text-align:left; }
  [data-scene="1"] { min-height:0; padding-top:70svh; }
  .scene--end { min-height:0; padding-top:42svh; }
  .scene--low { min-height:100svh; padding:56svh 20px 0; }
  .scene:last-of-type { padding-bottom:12svh; }
  /* Telefonda kart yok, yalnızca yazı: halkanın üzerinden geçerken gölge okunurluğu korur. */
  .scene { padding-left:20px; padding-right:20px; }
  .scene__txt h2, .scene__txt h1 { filter:drop-shadow(0 2px 10px var(--txt-halo)); }
  .scene__txt .lead, .scene__txt .eyebrow, .dj-details b, .dj-details span { text-shadow:0 0 10px var(--txt-halo),0 0 3px var(--txt-halo); }
  .scene__txt .lead, .dj-details span { color:var(--ink); }
  .scene .dj-social { display:none; }
  .scene--end .scene__txt { margin-bottom:0; }
  .scene--end .dj-btn { align-self:center; }
  .dj-details { grid-template-columns:1fr; gap:8px; margin-top:16px; }
  .dj-details li { padding:11px 13px; }
  .scene .dj-ask { width:100%; }
  .scene .dj-btn { margin-top:20px; }
  .scene .row { margin-top:16px; }
  .scene .row .dj-btn { margin-top:0; width:150px; }
  .eyebrow { margin-bottom:8px; }
  .scene__txt, .scene--center .scene__txt, .scene--end .scene__txt { max-width:100%; }
  .scene--center .lead { margin-inline:0; }
  .is-home .dj-poster { inset:90px 0 auto 0; height:50vh; }
  .hero, .band { padding-left:20px; padding-right:20px; }
  .dj-foot { padding-left:20px; padding-right:20px; }
  .row { gap:20px; }
  .dj-pack, .dj-steps li, .dj-ref { flex-basis:100%; }
  .dj-social { width:132px; height:132px; border-radius:22px; }
  .dj-box { padding:7px; }
  .dj-box svg { width:18px; height:18px; }
  .dj-social__mark { width:30px; }
  .dj-strip { width:100%; }
  .dj-strip__track li { width:170px; }
  .dj-strip__track img { width:170px; height:106px; }
  .dj-social:hover .dj-social__mark, .dj-social:focus .dj-social__mark, .dj-social.is-open .dj-social__mark { bottom:10px; right:10px; }
  .row { flex-wrap:nowrap; }
}
@media (prefers-reduced-motion:reduce) {
  .dj-pack__spin::before { animation:none; }
  * { transition:none !important; }
}

/* Poster: first paint shows the Earth, stage.js swaps in the live 3D scene. */
html[data-theme="dark"] .is-home .dj-poster { background-image:url(/assets/img/earth-poster.webp); opacity:1; }