/* ===== Sayfa temeli ===== */
.dawn-stories{ position:relative; padding: clamp(32px,4vw,56px) 0;
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(24,195,200,.12), transparent 60%),
    radial-gradient(900px 500px at 90% 0%, rgba(166,224,255,.08), transparent 60%);
}
.dawn-inner{ display:grid; grid-template-columns: 1.05fr 1fr; gap: clamp(20px,3vw,40px); align-items:start; }
.dawn-copy h1{ margin:0 0 10px; font-size: clamp(26px,4vw,40px); }
.dawn-copy .lede{ color: var(--ink-100); }
.dawn-strip{ display:grid; gap:14px; align-content:start; }
.dawn-shot{ margin:0; padding:10px; border:1px solid rgba(255,255,255,.06);
  border-radius: var(--radius-lg); background: rgba(7,16,24,.55); box-shadow: var(--shadow-soft);
  transition: transform .25s ease;
}
.dawn-shot:hover{ transform: translateY(-3px) rotate(-.2deg); }
.dawn-shot img{ display:block; width:100%; max-width:350px; height:auto; border-radius:12px; margin:0 auto; }
.dawn-shot figcaption{ color: var(--ink-300); text-align:center; margin-top:6px; font-size:.9rem; }

.brand-timeline{ padding: clamp(28px,4vw,54px) 0; background: linear-gradient(180deg, rgba(15,36,49,.22), transparent 40%); }
.tl-head h2{ margin:0 0 8px; font-size: clamp(22px,3.2vw,32px); }
.timeline{ position: relative; padding-left: 20px; display:grid; gap:14px; }
.tl-line{ position:absolute; left: 4px; top: 0; bottom: 0; width: 2px; background: rgba(255,255,255,.08); }
.tl-line .tl-progress{ position:absolute; left:0; top:0; width:100%; height:0; background: linear-gradient(180deg, var(--teal-400), var(--sky-200)); }
.tl-item{ padding:12px; border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg); background: rgba(7,16,24,.55); }
.tl-item time{ font-weight:700; color:#e6edf6; }
.tl-photos{ display:grid; grid-template-columns: 1fr 1fr; gap:16px; margin-top:12px; }
.tl-photos figure{ margin:0; padding:10px; border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg); background: rgba(7,16,24,.55); }
.tl-photos img{ width:100%; max-width:350px; height:auto; border-radius:12px; display:block; margin:0 auto; }
.tl-photos figcaption{ color: var(--ink-300); text-align:center; margin-top:6px; font-size:.9rem; }

.master-talk{ padding: clamp(28px,4vw,56px) 0; background: radial-gradient(900px 420px at 10% -10%, rgba(24,195,200,.08), transparent 60%); }
.talk-inner{ display:grid; gap:16px; }
.talk-grid{ display:grid; grid-template-columns: 1fr 1.2fr; gap:16px; align-items:start; }
.talk-photos figure{ margin:0 0 10px; padding:10px; border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg); background: rgba(7,16,24,.55); }
.talk-photos img{ width:100%; max-width:350px; height:auto; border-radius:12px; display:block; margin:0 auto; }
.talk-photos figcaption{ color: var(--ink-300); text-align:center; margin-top:6px; font-size:.9rem; }
.qa{ border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg); background: rgba(7,16,24,.5); margin-bottom: 10px; }
.qa-toggle{
  width:100%; text-align:left; padding:12px 14px; background: transparent; border:0; color:#e6edf6; cursor:pointer;
  border-bottom:1px solid rgba(255,255,255,.06); font-weight:600; border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  transition: color .2s ease, background-color .2s ease;
}
.qa-toggle[aria-expanded="true"]{ color: var(--teal-300); background: rgba(24,195,200,.06); }
.qa-body{ padding:10px 14px; }

/* Genel reveal utility */
.reveal{ opacity:0; transform: translateY(18px) scale(.995); transition: opacity .6s ease, transform .6s ease; }
.reveal.is-visible{ opacity:1; transform: none; }

/* Footer görünürlüğü (sayfa için) */
.footer.animate-on-scroll{ opacity:0; transform: translateY(16px); transition: opacity .6s ease, transform .6s ease; }
.footer.animate-on-scroll.is-visible{ opacity:1; transform:none; }

/* Responsive */
@media (max-width: 1200px){
  .dawn-inner{ grid-template-columns: 1fr; }
  .talk-grid{ grid-template-columns: 1fr; }
}
@media (max-width: 992px){
  .tl-photos{ grid-template-columns: 1fr; }
}
/* ===== S4 — Absheron Journal ===== */
.absheron-journal{ padding: clamp(28px,4vw,56px) 0; background: radial-gradient(900px 420px at 10% -10%, rgba(24,195,200,.08), transparent 60%); }
.aj-inner{ display:grid; gap:16px; }
.aj-layout{ display:grid; grid-template-columns: 1fr 1.2fr; gap:16px; align-items:start; }
.aj-tabs{ display:flex; gap:8px; flex-wrap:wrap; }
.aj-btn{
  padding:8px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.12); background: rgba(24,195,200,.08);
  color:#e6edf6; cursor:pointer; transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.aj-btn:hover{ transform: translateY(-1px); border-color: rgba(99,225,228,.35); }
.aj-btn.is-active{ background: linear-gradient(135deg, var(--teal-400), var(--sky-200)); color:#06202a; border-color: transparent; }
.aj-meter{ margin-top:10px; display:grid; grid-template-columns: 70px 1fr auto; gap:8px; align-items:center; }
.aj-meter .bar{ position: relative; height:10px; border-radius:999px; background: rgba(255,255,255,.08); overflow:hidden; }
.aj-meter .fill{ position:absolute; inset:0 100% 0 0; background: linear-gradient(90deg, var(--teal-400), var(--sky-200)); }
.aj-tip{ margin:8px 0 0; color: var(--ink-100); }
.aj-board{ display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
.aj-photo{ margin:0; padding:10px; border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg); background: rgba(7,16,24,.55); }
.aj-photo img{ width:100%; max-width:350px; height:auto; border-radius:12px; display:block; margin:0 auto; }
.aj-photo figcaption{ color: var(--ink-300); text-align:center; margin-top:6px; font-size:.9rem; }

/* ===== S5 — Lenkeran Reeds ===== */
.lenkeran-reeds{ padding: clamp(28px,4vw,56px) 0; background: linear-gradient(180deg, rgba(15,36,49,.22), transparent 40%); }
.lr-layout{ display:grid; grid-template-columns: 1fr 1.2fr; gap:16px; align-items:start; }
.reed-tabs{ display:flex; gap:8px; flex-wrap:wrap; }
.reed-btn{
  padding:8px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.12); background: rgba(24,195,200,.08);
  color:#e6edf6; cursor:pointer; transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.reed-btn:hover{ transform: translateY(-1px); border-color: rgba(99,225,228,.35); }
.reed-btn.is-active{ background: linear-gradient(135deg, var(--teal-400), var(--sky-200)); color:#06202a; border-color: transparent; }

.lr-bars{ display:grid; grid-template-columns: repeat(6, 1fr); gap:6px; align-items:end; height:44px; margin:10px 0; opacity:.85; }
.lr-bars .bar{ display:block; height:8px; border-radius:6px; background: linear-gradient(180deg, var(--teal-400), var(--sky-200)); transform-origin: bottom; }
.lr-bars.is-on .bar{ animation: reedPulse 1.2s ease-in-out infinite alternate; }
.lr-bars.is-sabah .bar:nth-child(even){ animation-duration: 1.6s; }
.lr-bars.is-ogle .bar:nth-child(3n){ animation-duration: 0.9s; }
.lr-bars.is-aksam .bar{ animation-duration: 0.7s; }
@keyframes reedPulse{ from{ transform: scaleY(.25); } to{ transform: scaleY(1); } }

.lr-metrics{ display:grid; gap:8px; }
.lr-row{ display:grid; grid-template-columns: 120px 1fr auto; gap:8px; align-items:center; }
.lr-row .m{ position: relative; height:10px; border-radius:999px; background: rgba(255,255,255,.08); overflow:hidden; }
.lr-row .m .f{ position:absolute; inset:0 100% 0 0; background: linear-gradient(90deg, var(--teal-400), var(--sky-200)); }
.lr-row .v{ color: var(--ink-300); }

.lr-photo{ margin:0; padding:10px; border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg); background: rgba(7,16,24,.55); }
.lr-photo img{ width:100%; max-width:350px; height:auto; border-radius:12px; display:block; margin:0 auto; }
.lr-photo figcaption{ color: var(--ink-300); text-align:center; margin-top:6px; font-size:.9rem; }

/* ===== S6 — Qusar Microflow ===== */
.qusar-microflow{ padding: clamp(28px,4vw,56px) 0; background: radial-gradient(900px 420px at 85% -10%, rgba(166,224,255,.08), transparent 60%); }
.qm-layout{ display:grid; grid-template-columns: 1.1fr 1fr; gap:16px; align-items:start; }
.qm-stage{ padding:12px; border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg); background: rgba(7,16,24,.5); text-align:center; }
.qm-svg{ width:100%; max-width:350px; height:auto; }
#flow-left, #flow-boulder{ fill:none; stroke: rgba(99,225,228,.9); stroke-width:1.4; vector-effect: non-scaling-stroke; stroke-linecap: round; filter: drop-shadow(0 1px 2px rgba(0,0,0,.35)); }
#flow-dot{ fill: var(--sky-200); }
.qm-controls{ margin-top:10px; display:grid; gap:8px; justify-items:center; }
.qm-tabs{ display:flex; gap:8px; flex-wrap:wrap; }
.qm-btn{
  padding:8px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.12); background: rgba(24,195,200,.08);
  color:#e6edf6; cursor:pointer; transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.qm-btn:hover{ transform: translateY(-1px); border-color: rgba(99,225,228,.35); }
.qm-btn.is-active{ background: linear-gradient(135deg, var(--teal-400), var(--sky-200)); color:#06202a; border-color: transparent; }
.qm-fire{
  padding:8px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.12); background: rgba(24,195,200,.1); color:#e6edf6; cursor:pointer;
  transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.qm-fire:hover{ transform: translateY(-1px); border-color: rgba(99,225,228,.35); }

.qm-photo{ margin:0; padding:10px; border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg); background: rgba(7,16,24,.55); }
.qm-photo img{ width:100%; max-width:350px; height:auto; border-radius:12px; display:block; margin:0 auto; }
.qm-photo figcaption{ color: var(--ink-300); text-align:center; margin-top:6px; font-size:.9rem; }

/* Responsive */
@media (max-width: 1200px){
  .aj-layout, .lr-layout, .qm-layout{ grid-template-columns: 1fr; }
}
/* ===== S7 — Shadow Hunt (compare) ===== */
.shadow-hunt{ padding: clamp(28px,4vw,56px) 0; background:
  radial-gradient(900px 420px at 10% -10%, rgba(24,195,200,.08), transparent 60%); }
.sh-compare{
  position: relative; max-width: 720px; margin: 0 auto; border:1px solid rgba(255,255,255,.06);
  border-radius: var(--radius-xl); background: rgba(7,16,24,.55); overflow: hidden; box-shadow: var(--shadow-soft);
}
.sh-scene{ margin:0; }
.sh-scene img{ display:block; width:100%; max-width:350px; height:auto; margin:0 auto; border-radius:12px; }
.sh-scene figcaption{ color: var(--ink-300); text-align:center; margin:6px 0; font-size:.9rem; }
.sh-day{ position:relative; z-index:1; padding:10px; }
.sh-dusk{ position:absolute; inset:0; padding:10px; }
.sh-reveal{
  position:absolute; inset:0; background: linear-gradient(90deg, rgba(7,16,24,.8), rgba(7,16,24,0) 40%);
  pointer-events:none; clip-path: inset(0 calc(100% - 50%) 0 0);
}
.sh-handle{
  position:absolute; top:50%; left:50%; width: 24px; height: 24px; border-radius:50%;
  border:1px solid rgba(255,255,255,.35); background: rgba(24,195,200,.15);
  transform: translate(-50%, -50%); cursor: ew-resize; box-shadow: var(--shadow-soft);
}
.sh-controls{ display:flex; gap:8px; justify-content:center; margin-top:10px; flex-wrap:wrap; }
.sh-btn{
  padding:8px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.12); background: rgba(24,195,200,.08);
  color:#e6edf6; cursor:pointer; transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.sh-btn:hover{ transform: translateY(-1px); border-color: rgba(99,225,228,.35); }
.sh-btn.is-active{ background: linear-gradient(135deg, var(--teal-400), var(--sky-200)); color:#06202a; border-color: transparent; }

/* ===== S8 — Night Walk ===== */
.night-walk{ padding: clamp(28px,4vw,56px) 0; background: linear-gradient(180deg, rgba(15,36,49,.22), transparent 40%); }
.nw-layout{ display:grid; grid-template-columns: 1.1fr 1fr; gap:16px; align-items:start; }
.nw-stage{
  padding:12px; border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg);
  background: rgba(7,16,24,.5); text-align:center;
}
.nw-svg{ width:100%; max-width:350px; height:auto; }
#walk-path{ fill:none; stroke: rgba(99,225,228,.9); stroke-width:1.3; stroke-linecap:round; vector-effect: non-scaling-stroke; }
#walker{ fill: var(--sky-200); }
.nw-ctrls{ display:grid; gap:8px; justify-items:center; margin-top:8px; }
.nw-fire{
  padding:8px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.12); background: rgba(24,195,200,.1); color:#e6edf6; cursor:pointer;
  transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.nw-fire:hover{ transform: translateY(-1px); border-color: rgba(99,225,228,.35); }
.nw-tip{ color: var(--ink-100); font-size:.95rem; }
.nw-photos{ display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
.nw-photo{ margin:0; padding:10px; border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg); background: rgba(7,16,24,.55); }
.nw-photo img{ width:100%; max-width:350px; height:auto; border-radius:12px; display:block; margin:0 auto; }
.nw-photo figcaption{ color: var(--ink-300); text-align:center; margin-top:6px; font-size:.9rem; }

/* ===== S9 — Rock Shift ===== */
.rock-shift{ padding: clamp(28px,4vw,56px) 0; background: radial-gradient(900px 420px at 85% -10%, rgba(166,224,255,.08), transparent 60%); }
.rs-layout{ display:grid; grid-template-columns: 1.1fr 1fr; gap:16px; align-items:start; }
.rs-board{
  padding:12px; border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg); background: rgba(7,16,24,.5);
}
.rs-chips{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:10px; }
.rs-chip{
  padding:8px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.12); background: rgba(24,195,200,.08);
  color:#e6edf6; cursor:pointer; transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.rs-chip:hover{ transform: translateY(-1px); border-color: rgba(99,225,228,.35); }
.rs-chip.is-on{ background: linear-gradient(135deg, var(--teal-400), var(--sky-200)); color:#06202a; border-color: transparent; }

.rs-matrix{ display:grid; gap:8px; }
.rs-row{ display:grid; grid-template-columns: 100px 1fr auto; gap:8px; align-items:center; }
.rs-bar{ position: relative; height:10px; border-radius:999px; background: rgba(255,255,255,.08); overflow:hidden; }
.rs-bar .fill{ position:absolute; inset:0 100% 0 0; background: linear-gradient(90deg, var(--teal-400), var(--sky-200)); }
.rs-color{ color:#e6edf6; }
.rs-val{ color: var(--ink-300); }

.rs-photos{ display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
.rs-photo{ margin:0; padding:10px; border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg); background: rgba(7,16,24,.55); }
.rs-photo img{ width:100%; max-width:350px; height:auto; border-radius:12px; display:block; margin:0 auto; }
.rs-photo figcaption{ color: var(--ink-300); text-align:center; margin-top:6px; font-size:.9rem; }

/* Responsive */
@media (max-width: 1200px){
  .nw-layout, .rs-layout{ grid-template-columns: 1fr; }
  .nw-photos, .rs-photos{ grid-template-columns: 1fr; }
}
/* ===== S10 — Shore Mosaic ===== */
.shore-mosaic{ padding: clamp(28px,4vw,56px) 0; background: radial-gradient(900px 420px at 10% -10%, rgba(24,195,200,.08), transparent 60%); }
.sm-grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:16px;
  align-items:start;
}
.sm-tile{ border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg); background: rgba(7,16,24,.55); padding:12px; }
.sm-photo img{ width:100%; max-width:350px; height:auto; display:block; border-radius:12px; margin:0 auto; }
.sm-photo figcaption{ color: var(--ink-300); text-align:center; margin-top:6px; font-size:.9rem; }
.sm-text h3{ margin:0 0 6px; }
.sm-text p{ margin:0 0 8px; }
.sm-text.alt{ background: linear-gradient(180deg, rgba(15,36,49,.55), rgba(7,16,24,.5)); }
.ms-expand{
  padding:8px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.12);
  background: rgba(24,195,200,.08); color:#e6edf6; cursor:pointer;
  transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.ms-expand:hover{ transform: translateY(-1px); border-color: rgba(99,225,228,.35); }
.ms-more{ margin-top:8px; }

/* ===== S11 — River Steps ===== */
.river-steps{ padding: clamp(28px,4vw,56px) 0; background: linear-gradient(180deg, rgba(15,36,49,.22), transparent 40%); }
.rv-layout{ display:grid; grid-template-columns: 1.1fr 1fr 1fr; gap:16px; align-items:start; }
.rv-stage{
  padding:12px; border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg);
  background: rgba(7,16,24,.5); text-align:center;
}
.rv-svg{ width:100%; max-width:350px; height:auto; }
#rv-line{ fill:none; stroke: rgba(99,225,228,.9); stroke-width:1.3; stroke-linecap:round; vector-effect: non-scaling-stroke; }
#rv-dot{ fill: var(--sky-200); }
.rv-progress{ margin:8px auto 10px; width:min(350px,100%); height:10px; border-radius:999px; background: rgba(255,255,255,.08); overflow:hidden; }
.rv-progress .fill{ position:absolute; width:0; height:10px; background: linear-gradient(90deg, var(--teal-400), var(--sky-200)); }
.rv-run{
  padding:8px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.12); background: rgba(24,195,200,.1); color:#e6edf6; cursor:pointer;
  transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.rv-run:hover{ transform: translateY(-1px); border-color: rgba(99,225,228,.35); }
.rv-steps{ margin:0; padding-left:18px; display:grid; gap:8px; }
.rv-steps li{ position:relative; padding-left:2px; }
.rv-steps li.is-on{ color: var(--teal-300); }
.rv-photos{ display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
.rv-photo{ margin:0; padding:10px; border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg); background: rgba(7,16,24,.55); }
.rv-photo img{ width:100%; max-width:350px; height:auto; border-radius:12px; display:block; margin:0 auto; }
.rv-photo figcaption{ color: var(--ink-300); text-align:center; margin-top:6px; font-size:.9rem; }
.rv-notes{ margin-top:10px; color: var(--ink-100); }

/* ===== S12 — Master's Bag ===== */
.masters-bag{ padding: clamp(28px,4vw,56px) 0; background: radial-gradient(900px 420px at 85% -10%, rgba(166,224,255,.08), transparent 60%); }
.mb-layout{ display:grid; grid-template-columns: 1.1fr 1.2fr 1fr; gap:16px; align-items:start; }
.mb-tabs{ display:flex; gap:8px; flex-wrap:wrap; }
.mb-btn{
  padding:8px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.12); background: rgba(24,195,200,.08);
  color:#e6edf6; cursor:pointer; transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.mb-btn:hover{ transform: translateY(-1px); border-color: rgba(99,225,228,.35); }
.mb-btn.is-active{ background: linear-gradient(135deg, var(--teal-400), var(--sky-200)); color:#06202a; border-color: transparent; }

.mb-benefits{ margin-top:10px; display:grid; gap:8px; }
.mb-row{ display:grid; grid-template-columns: 90px 1fr auto; gap:8px; align-items:center; }
.mb-meter{ position: relative; height:10px; border-radius:999px; background: rgba(255,255,255,.08); overflow:hidden; }
.mb-meter .fill{ position:absolute; inset:0 100% 0 0; background: linear-gradient(90deg, var(--teal-400), var(--sky-200)); }
.mb-val{ color: var(--ink-300); }

.mb-board{
  padding:12px; border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(15,36,49,.55), rgba(7,16,24,.5));
}
.mb-spot{ display:none; }
.mb-spot.is-active{ display:block; }
.mb-photos{ display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
.mb-photo{ margin:0; padding:10px; border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg); background: rgba(7,16,24,.55); }
.mb-photo img{ width:100%; max-width:350px; height:auto; border-radius:12px; display:block; margin:0 auto; }
.mb-photo figcaption{ color: var(--ink-300); text-align:center; margin-top:6px; font-size:.9rem; }
.mb-notes{ margin-top:10px; color: var(--ink-100); }

/* Responsive */
@media (max-width: 1200px){
  .sm-grid{ grid-template-columns: 1fr; }
  .rv-layout{ grid-template-columns: 1fr; }
  .rv-photos, .mb-photos{ grid-template-columns: 1fr; }
  .mb-layout{ grid-template-columns: 1fr; }
}
/* ===== S13 — Sunset Notebook ===== */
.sunset-notebook{ padding: clamp(28px,4vw,56px) 0; background:
  radial-gradient(900px 420px at 10% -10%, rgba(24,195,200,.08), transparent 60%); }
.sn-controls{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:10px; }
.sn-chip{
  padding:8px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.12); background: rgba(24,195,200,.08);
  color:#e6edf6; cursor:pointer; transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.sn-chip:hover{ transform: translateY(-1px); border-color: rgba(99,225,228,.35); }
.sn-chip.is-active{ background: linear-gradient(135deg, var(--teal-400), var(--sky-200)); color:#06202a; border-color: transparent; }
.sn-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap:16px; }
.sn-card{ margin:0; padding:10px; border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg); background: rgba(7,16,24,.55);
  transform: rotate(-.2deg); transition: transform .25s ease;
}
.sn-card:hover{ transform: translateY(-3px) rotate(.1deg); }
.sn-card img{ width:100%; max-width:350px; height:auto; display:block; border-radius:12px; margin:0 auto; }
.sn-card figcaption{ color: var(--ink-300); text-align:center; margin-top:6px; font-size:.9rem; }
.sn-card.is-hidden{ display:none; }
.sn-notes{ margin-top:10px; color: var(--ink-100); }

/* ===== S14 — Term Glossary ===== */
.term-glossary{ padding: clamp(28px,4vw,56px) 0; background: linear-gradient(180deg, rgba(15,36,49,.22), transparent 40%); }
.tg-layout{ display:grid; grid-template-columns: 1.1fr 1.2fr 1fr; gap:16px; align-items:start; }
.tg-tabs{ display:flex; gap:8px; flex-wrap:wrap; }
.tg-btn{
  padding:8px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.12); background: rgba(24,195,200,.08);
  color:#e6edf6; cursor:pointer; transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.tg-btn:hover{ transform: translateY(-1px); border-color: rgba(99,225,228,.35); }
.tg-btn.is-active{ background: linear-gradient(135deg, var(--teal-400), var(--sky-200)); color:#06202a; border-color: transparent; }

.tg-metrics{ margin-top:10px; display:grid; gap:8px; }
.tg-row{ display:grid; grid-template-columns: 120px 1fr auto; gap:8px; align-items:center; }
.tg-meter{ position: relative; height:10px; border-radius:999px; background: rgba(255,255,255,.08); overflow:hidden; }
.tg-meter .fill{ position:absolute; inset:0 100% 0 0; background: linear-gradient(90deg, var(--teal-400), var(--sky-200)); }
.tg-val{ color: var(--ink-300); }

.tg-board{ padding:12px; border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(15,36,49,.55), rgba(7,16,24,.5)); }
.tg-explain{ display:none; }
.tg-explain.is-active{ display:block; }
.tg-photos{ display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
.tg-photo{ margin:0; padding:10px; border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg); background: rgba(7,16,24,.55); }
.tg-photo img{ width:100%; max-width:350px; height:auto; display:block; border-radius:12px; margin:0 auto; }
.tg-photo figcaption{ color: var(--ink-300); text-align:center; margin-top:6px; font-size:.9rem; }

/* ===== S15 — Story Carousel ===== */
.story-carousel{ padding: clamp(28px,4vw,56px) 0; background:
  radial-gradient(900px 420px at 85% -10%, rgba(166,224,255,.08), transparent 60%); }
.sc-stage{
  position:relative; padding:12px; border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg);
  background: rgba(7,16,24,.5); overflow:hidden;
}
.sc-slide{ display:none; gap:14px; align-items:start; }
.sc-slide.is-active{ display:grid; grid-template-columns: auto 1fr; }
.sc-photo{ margin:0; }
.sc-photo img{ width:100%; max-width:350px; height:auto; display:block; border-radius:12px; margin:0 auto; }
.sc-photo figcaption{ color: var(--ink-300); text-align:center; margin-top:6px; font-size:.9rem; }
.sc-text h3{ margin:0 0 6px; }
.sc-nav{
  position:absolute; top:50%; transform: translateY(-50%);
  width:34px; height:34px; border-radius:50%; border:1px solid rgba(255,255,255,.25);
  background: rgba(24,195,200,.12); color:#e6edf6; cursor:pointer;
  transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.sc-nav:hover{ transform: translateY(-50%) scale(1.05); border-color: rgba(99,225,228,.35); }
.sc-nav.prev{ left:8px; }
.sc-nav.next{ right:8px; }
.sc-dots{ display:flex; gap:6px; justify-content:center; margin-top:10px; }
.sc-dot{
  width:8px; height:8px; border-radius:50%; border:1px solid rgba(255,255,255,.35); background: transparent; cursor:pointer;
}
.sc-dot.is-on{ background: linear-gradient(135deg, var(--teal-400), var(--sky-200)); border-color: transparent; }

/* Responsive */
@media (max-width: 1200px){
  .sn-grid{ grid-template-columns: 1fr; }
  .tg-layout{ grid-template-columns: 1fr; }
  .tg-photos{ grid-template-columns: 1fr; }
  .sc-slide.is-active{ grid-template-columns: 1fr; }
}
/* ===== S16 — Atlas Wall ===== */
.atlas-wall{ padding: clamp(28px,4vw,56px) 0; background: linear-gradient(180deg, rgba(15,36,49,.22), transparent 40%); }
.aw-layout{ display:grid; grid-template-columns: 1fr 1.1fr 1fr; gap:16px; align-items:start; }
.aw-tabs{ display:flex; gap:8px; flex-wrap:wrap; }
.aw-btn{
  padding:8px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.12); background: rgba(24,195,200,.08);
  color:#e6edf6; cursor:pointer; transition: transform .2s ease, border-color .2s ease, background-color .2s ease;
}
.aw-btn:hover{ transform: translateY(-1px); border-color: rgba(99,225,228,.35); }
.aw-btn.is-active{ background: linear-gradient(135deg, var(--teal-400), var(--sky-200)); color:#06202a; border-color: transparent; }

.aw-metrics{ margin-top:10px; display:grid; gap:8px; }
.aw-row{ display:grid; grid-template-columns: 120px 1fr auto; gap:8px; align-items:center; }
.aw-meter{ position: relative; height:10px; border-radius:999px; background: rgba(255,255,255,.08); overflow:hidden; }
.aw-meter .fill{ position:absolute; inset:0 100% 0 0; background: linear-gradient(90deg, var(--teal-400), var(--sky-200)); }
.aw-val{ color: var(--ink-300); }

.aw-board{
  padding:12px; border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(15,36,49,.55), rgba(7,16,24,.5));
}
.aw-note{ display:none; }
.aw-note.is-active{ display:block; }

.aw-photo{ margin:0; padding:10px; border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg); background: rgba(7,16,24,.55); }
.aw-photo img{ width:100%; max-width:350px; height:auto; border-radius:12px; display:block; margin:0 auto; }
.aw-photo figcaption{ color: var(--ink-300); text-align:center; margin-top:6px; font-size:.9rem; }

/* ===== S17 — Final CTA ===== */
.final-cta{ padding: clamp(28px,4vw,56px) 0; background:
  radial-gradient(900px 420px at 10% -10%, rgba(24,195,200,.08), transparent 60%); }
.fc-grid{ display:grid; grid-template-columns: 1fr 1.1fr 1fr; gap:16px; align-items:start; }
.fc-photo{ margin:0; padding:10px; border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg); background: rgba(7,16,24,.55); }
.fc-photo img{ width:100%; max-width:350px; height:auto; border-radius:12px; display:block; margin:0 auto; }
.fc-photo figcaption{ color: var(--ink-300); text-align:center; margin-top:6px; font-size:.9rem; }

.fc-stats{
  padding:12px; border:1px solid rgba(255,255,255,.06); border-radius: var(--radius-lg);
  background: rgba(7,16,24,.5);
}
.fc-row{ display:grid; grid-template-columns: 1fr auto; gap:8px; align-items:center; margin-bottom:8px; }
.fc-row .k{ color:#e6edf6; }
.fc-row .v{ font-size: clamp(20px, 3.5vw, 32px); background: linear-gradient(90deg, var(--teal-400), var(--sky-200)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.fc-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; }
.fc-note{ margin-top:10px; color: var(--ink-100); }

/* Responsive */
@media (max-width: 1200px){
  .aw-layout, .fc-grid{ grid-template-columns: 1fr; }
}