/* Home */

/* ================= HERO ================= */
.hero { position: relative; background: var(--forest); }
.hero-pin { position: relative; height: 100vh; height: 100svh; min-height: 40rem; overflow: hidden; }
.hero-canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; }
.hero-fallback { display: none; position: absolute; inset: 0; z-index: 0; }
.hero-fallback svg { width: 100%; height: 100%; }
.no-webgl .hero-fallback { display: block; }
.hero-grid { position: relative; z-index: 2; height: 100%; display: grid; align-content: center; padding-top: 4.75rem; padding-bottom: 6rem; pointer-events: none; }
.hero-copy { max-width: 36rem; pointer-events: auto; transition: opacity 0.5s var(--ease-out), translate 0.7s var(--ease-out); }
.hero-title { font-size: clamp(2.9rem, 6vw, 5.4rem); }
.hero-lede { margin-top: 1.5rem; color: #cfe6da; }
.hero-cta { margin-top: 2.2rem; }
.hero-note { margin-top: 1rem; color: var(--night-soft); }
.hero.is-climbing .hero-copy { opacity: 0; translate: 0 -30px; pointer-events: none; }
.no-webgl .hero-copy { background: rgba(10, 28, 20, 0.72); padding: 1.5rem; border-radius: var(--r-card); }

.trail-labels { list-style: none; margin: 0; padding: 0; position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.tl {
  position: absolute; left: 0; top: 0; display: grid; gap: 0.1rem; width: max-content; max-width: 13.5rem;
  padding: 0.5rem 0.75rem; border-radius: 12px; background: rgba(10, 28, 20, 0.72); color: var(--night-text);
  box-shadow: 0 0 0 1px rgba(231, 245, 238, 0.12); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  translate: -50% calc(-100% - 16px); opacity: 0; transition: opacity 0.45s var(--ease-out), background-color 0.4s, color 0.4s, box-shadow 0.4s;
  will-change: transform;
}
.tl::after { content: ""; position: absolute; left: 50%; bottom: -6px; width: 10px; height: 10px; translate: -50% 0; rotate: 45deg; background: inherit; }
.tl-n { font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--night-soft); }
.tl-t { font-size: 0.86rem; font-weight: 550; line-height: 1.3; }
.tl.is-near { opacity: 1; }
.tl.is-done { background: rgba(255, 249, 224, 0.95); color: var(--forest); box-shadow: 0 10px 24px -14px rgba(184, 150, 12, 0.9); }
.tl.is-done .tl-n { color: var(--gold-dark); }
.tl.is-goal.is-done { background: var(--gold-light); }

.hero-hud {
  position: absolute; z-index: 3; left: 50%; bottom: 1.6rem; translate: -50% 20px; opacity: 0;
  display: flex; align-items: center; gap: 0.9rem; padding: 0.6rem 0.9rem 0.6rem 1.1rem; border-radius: 999px;
  background: rgba(10, 28, 20, 0.78); color: var(--night-text); box-shadow: 0 0 0 1px rgba(231, 245, 238, 0.14); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  transition: opacity 0.4s, translate 0.6s var(--ease-out), background-color 0.6s, color 0.6s;
  font-size: 0.9rem; font-weight: 600; white-space: nowrap;
}
.hero.is-climbing .hero-hud { opacity: 1; translate: -50% 0; }
.hero.is-dawn .hero-hud { background: rgba(255, 249, 224, 0.9); color: var(--forest); }
.hud-bar { width: clamp(6rem, 18vw, 12rem); height: 6px; border-radius: 6px; background: rgba(231, 245, 238, 0.18); overflow: hidden; }
.hero.is-dawn .hud-bar { background: rgba(10, 28, 20, 0.12); }
.hud-bar i { display: block; height: 100%; width: calc(var(--hp, 0) * 100%); border-radius: inherit; background: linear-gradient(90deg, var(--emerald-light), var(--gold-light)); }

.hero-done { position: absolute; inset: 0; z-index: 2; pointer-events: none; display: grid; place-items: center; opacity: 0; transition: opacity 0.5s; }
.hero-done.is-on { opacity: 1; }
.hero-burst { position: absolute; inset: 18% 30% 8%; }
.hero-done-t { position: relative; font-family: var(--display); font-weight: 800; font-size: clamp(2.6rem, 7vw, 6rem); letter-spacing: -0.04em; color: var(--forest); translate: 0 -24vh; transform: scale(0.9); transition: transform 0.8s var(--ease-out); }
.hero-done.is-on .hero-done-t { transform: none; }

.scroll-cue { position: absolute; z-index: 2; left: 50%; bottom: 1.4rem; translate: -50% 0; display: grid; justify-items: center; gap: 0.5rem; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--night-soft); transition: opacity 0.4s; }
.scroll-cue i { width: 2px; height: 2.4rem; background: linear-gradient(var(--gold-light) 50%, rgba(245, 215, 110, 0.2) 50%) 0 0 / 2px 200%; animation: cue 1.8s var(--ease-in-out) infinite; }
@keyframes cue { from { background-position: 0 100%; } to { background-position: 0 -100%; } }
.hero.is-climbing .scroll-cue { opacity: 0; }

@media (max-width: 56rem) {
  .hero-grid { align-content: start; padding-top: 6.5rem; }
  .hero-title { font-size: clamp(2.5rem, 10.5vw, 4rem); }
  .hero-lede { font-size: 1.02rem; margin-top: 1rem; }
  .hero-cta { margin-top: 1.4rem; }
  .tl { max-width: 10.5rem; padding: 0.4rem 0.6rem; }
  .tl-t { font-size: 0.76rem; }
  .scroll-cue { display: none; }
  .hero-hud { bottom: 1rem; gap: 0.6rem; font-size: 0.8rem; }
  .hud-goal { display: none; }
}

/* ================= COMPOSER ================= */
.comp-head { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 2.5rem; align-items: end; }
.comp { margin-top: clamp(2.5rem, 5vw, 4rem); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); border-radius: 28px; background: var(--surface); box-shadow: var(--shadow-card); overflow: hidden; }
.comp-left { padding: clamp(1.5rem, 3vw, 2.5rem); display: grid; gap: 1.4rem; align-content: start; }
.comp-chips { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.comp-chips button { border: 0; border-radius: 999px; padding: 0.65rem 1rem; font-weight: 600; font-size: 0.93rem; background: var(--surface-2); color: var(--slate); transition: background-color 0.25s, color 0.25s, box-shadow 0.25s; }
.comp-chips button:hover { box-shadow: inset 0 0 0 1.5px var(--emerald-light); }
.comp-chips button[aria-checked="true"] { background: var(--forest); color: var(--gold-light); }
.comp-form { display: grid; gap: 0.2rem; }
.comp-form > div { display: grid; grid-template-columns: 11rem minmax(0, 1fr); gap: 1rem; padding: 0.8rem 0; border-bottom: 1px solid var(--line); }
.comp-form dt { font-size: 0.85rem; font-weight: 600; color: var(--slate-3); }
.comp-form dd { margin: 0; font-weight: 550; }
.comp-form dd.typing::after { content: ""; display: inline-block; width: 2px; height: 1.05em; margin-left: 2px; vertical-align: -0.15em; background: var(--emerald); animation: caret 0.8s steps(1) infinite; }
@keyframes caret { 50% { opacity: 0; } }
.comp-go { justify-self: start; }
.comp-right { position: relative; padding: clamp(1.5rem, 3vw, 2.5rem); min-height: 30rem; background: linear-gradient(160deg, var(--forest-2), var(--forest)); color: var(--night-text); display: grid; }
.comp-idle { align-self: center; justify-self: center; text-align: center; display: grid; gap: 0.4rem; }
.comp-idle .soft { color: var(--night-soft); }
.comp-think { align-self: center; justify-self: center; display: grid; justify-items: center; gap: 0.5rem; }
.comp-think[hidden], .comp-plan[hidden], .comp-idle[hidden] { display: none; }
.comp-lottie { width: 11rem; height: 11rem; }
.comp-stage { color: var(--gold-light); min-height: 1.4em; }
.comp-plan { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.55rem; align-content: start; counter-reset: s; }
.comp-plan li { display: grid; grid-template-columns: 2.2rem minmax(0, 1fr); gap: 0.8rem; align-items: center; padding: 0.7rem 0.8rem; border-radius: 14px; background: rgba(231, 245, 238, 0.06); box-shadow: inset 0 0 0 1px rgba(231, 245, 238, 0.1); animation: plan-in 0.6s var(--ease-out) both; animation-delay: calc(var(--i) * 0.11s); }
.comp-plan li .n { width: 2.2rem; height: 2.2rem; border-radius: 10px; display: grid; place-items: center; font-weight: 700; font-family: var(--display); background: rgba(52, 211, 153, 0.15); color: var(--mint); }
.comp-plan li:first-child .n { background: var(--gold-light); color: var(--forest); }
.comp-plan li:last-child .n { background: rgba(245, 215, 110, 0.18); color: var(--gold-light); }
.comp-plan li span:last-child { font-weight: 550; line-height: 1.35; }
.comp-plan .plan-head { display: block; grid-template-columns: none; background: none; box-shadow: none; padding: 0 0 0.4rem; }
.comp-plan .plan-head b { display: block; font-family: var(--display); font-size: 1.35rem; font-weight: 700; letter-spacing: -0.02em; }
.comp-plan .plan-head small { color: var(--night-soft); }
@keyframes plan-in { from { opacity: 0; transform: translateY(14px); } }
@media (max-width: 56rem) {
  .comp-head, .comp { grid-template-columns: minmax(0, 1fr); }
  .comp-form > div { grid-template-columns: minmax(0, 1fr); gap: 0.2rem; }
  .comp-right { min-height: 24rem; }
}

/* ================= UNLOCK ================= */
.unlock { position: relative; overflow: hidden; }
.unlock-pin { min-height: 100vh; min-height: 100svh; display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; padding-block: 6rem 3rem; }
.unlock-copy .t-body { margin-top: 1.4rem; }
.unlock-meter { display: flex; gap: 2.2rem; margin-top: 2.2rem; }
.unlock-meter dt { font-size: 0.8rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--slate-3); }
.unlock-meter dd { margin: 0.2rem 0 0; font-family: var(--display); font-weight: 700; font-size: clamp(1.6rem, 2.6vw, 2.2rem); letter-spacing: -0.02em; }
.unlock-stage { perspective: 1600px; perspective-origin: 40% 30%; height: min(40rem, 78vh); position: relative; }
.stairs { list-style: none; padding: 0; margin: 0; position: absolute; left: 4%; bottom: 0; width: 92%; height: 100%; transform-style: preserve-3d; transform: rotateX(18deg) rotateY(-16deg); }
.stair {
  position: absolute; left: calc(var(--i) * 7.5%); bottom: calc(var(--i) * 12.5%); width: min(23rem, 62%);
  display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: 0.9rem; align-items: center;
  padding: 0.9rem 1.1rem; border-radius: 18px; background: var(--surface); box-shadow: var(--shadow-card), inset 0 0 0 1px var(--line);
  transform: translateZ(calc(var(--i) * 26px)); transition: background-color 0.5s, box-shadow 0.5s, transform 0.6s var(--ease-out), filter 0.5s, opacity 0.5s;
  filter: saturate(0.2); opacity: 0.55;
}
.stair-state { width: 3rem; height: 3rem; border-radius: 14px; display: grid; place-items: center; background: #eef2f0; color: #94a3b8; position: relative; }
.stair-state svg { position: absolute; width: 1.35rem; height: 1.35rem; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: opacity 0.3s, transform 0.4s var(--ease-out); }
.stair-state b { font-family: var(--display); font-weight: 700; opacity: 0; transition: opacity 0.3s; }
.stair .ic-check { opacity: 0; transform: scale(0.4); }
.stair-k { display: block; font-size: 0.74rem; font-weight: 650; letter-spacing: 0.06em; text-transform: uppercase; color: var(--slate-3); }
.stair-t { display: block; font-weight: 600; line-height: 1.3; }
.stair.is-now { filter: none; opacity: 1; transform: translateZ(calc(var(--i) * 26px + 40px)); box-shadow: 0 24px 50px -24px rgba(184, 150, 12, 0.7), inset 0 0 0 2px var(--gold-light); }
.stair.is-now .stair-state { background: var(--gold-light); color: var(--forest); }
.stair.is-now .ic-lock { opacity: 0; }
.stair.is-now b { opacity: 1; }
.stair.is-done { filter: none; opacity: 1; }
.stair.is-done .stair-state { background: var(--emerald); color: #fff; }
.stair.is-done .ic-lock { opacity: 0; }
.stair.is-done .ic-check { opacity: 1; transform: none; }
.stair.is-done .stair-k { color: var(--emerald-dark); }
.stair:last-child.is-done { background: var(--gold-light); }
@media (max-width: 56rem) {
  .unlock-pin { grid-template-columns: minmax(0, 1fr); padding-top: 5.5rem; gap: 1.2rem; align-content: start; }
  .unlock-copy .t-body { font-size: 0.98rem; margin-top: 0.8rem; }
  .unlock .t-headline { font-size: clamp(1.8rem, 7.4vw, 2.6rem); }
  .unlock-meter { margin-top: 1rem; gap: 1.6rem; }
  .unlock-stage { height: 56vh; }
  .stairs { transform: rotateX(14deg) rotateY(-8deg); left: 0; width: 100%; }
  .stair { width: 78%; left: calc(var(--i) * 3.6%); padding: 0.6rem 0.8rem; grid-template-columns: 2.4rem minmax(0, 1fr); }
  .stair-state { width: 2.4rem; height: 2.4rem; }
  .stair-t { font-size: 0.88rem; }
}

/* ================= DAILY ================= */
.daily { position: relative; overflow: hidden; }
.daily-head .t-headline { max-width: 20ch; }
.daily-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.5rem, 4vw, 3.5rem); margin-top: clamp(3rem, 6vw, 5rem); perspective: 1600px; }
.daily-fig { display: grid; justify-items: center; gap: 1.6rem; text-align: center; }
.daily-phone { --pw: clamp(13rem, 19vw, 17rem); }
.daily-fig figcaption { max-width: 20rem; color: var(--night-soft); }
.daily-fig figcaption b { display: block; color: var(--night-text); font-family: var(--display); font-weight: 600; font-size: 1.15rem; margin-bottom: 0.25rem; }
.daily-note { margin-top: 2.5rem; justify-content: center; display: flex; }
@media (max-width: 56rem) {
  .daily-row { grid-template-columns: minmax(0, 1fr); gap: 3.5rem; }
  .daily-phone { --pw: min(15rem, 62vw); }
}

/* ================= HELP ================= */
.help-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 6vw, 6rem); align-items: center; }
.help-stage { display: grid; place-items: center; perspective: 1600px; }
.help-phone { --pw: clamp(14rem, 20vw, 18rem); }
.help-copy .t-body { margin-top: 1.4rem; }
.facts { list-style: none; padding: 0; margin: 1.8rem 0 0; display: grid; gap: 0; border-top: 1px solid var(--line); max-width: 34rem; }
.facts li { padding: 0.95rem 0; border-bottom: 1px solid var(--line); color: var(--slate-2); }
.facts b { color: var(--slate); font-weight: 650; }
@media (max-width: 56rem) { .help-grid { grid-template-columns: minmax(0, 1fr); } .help-stage { order: 2; } }

/* ================= TOGETHER ================= */
.together { position: relative; overflow: hidden; }
.together-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 6vw, 6rem); align-items: center; }
.together-copy .t-body { margin-top: 1.4rem; }
.tog-steps { display: grid; gap: 0.9rem; margin: 2rem 0; }
.tog-steps > div { display: grid; grid-template-columns: 2.4rem minmax(0, 1fr); gap: 0.9rem; align-items: center; }
.tog-steps span { width: 2.4rem; height: 2.4rem; border-radius: 50%; display: grid; place-items: center; font-family: var(--display); font-weight: 700; background: rgba(245, 215, 110, 0.14); color: var(--gold-light); box-shadow: inset 0 0 0 1px rgba(245, 215, 110, 0.35); }
.tog-steps p { color: #cfe6da; }
.together-stage { position: relative; display: grid; place-items: center; min-height: 34rem; perspective: 1600px; }
.together-phone { --pw: clamp(14rem, 19vw, 17rem); position: relative; z-index: 1; }
.orbit { position: absolute; inset: 50% auto auto 50%; width: min(34rem, 90vw); aspect-ratio: 1; translate: -50% -50%; }
.orbit i { position: absolute; inset: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(110, 231, 183, 0.18); animation: spin 40s linear infinite; }
.orbit i:nth-child(2) { inset: 12%; animation-duration: 30s; animation-direction: reverse; box-shadow: inset 0 0 0 1px rgba(245, 215, 110, 0.2); }
.orbit i:nth-child(3) { inset: 24%; animation-duration: 22s; }
.orbit i::before { content: ""; position: absolute; top: -6px; left: 50%; width: 12px; height: 12px; border-radius: 50%; background: var(--gold-light); }
.orbit i:nth-child(2)::before { background: var(--mint); top: auto; bottom: -6px; }
.orbit i:nth-child(3)::before { background: var(--rose); }
@keyframes spin { to { transform: rotate(360deg); } }
@media (max-width: 56rem) { .together-grid { grid-template-columns: minmax(0, 1fr); } .together-stage { min-height: 28rem; } }
@media (prefers-reduced-motion: reduce) { .orbit i { animation: none; } }

/* ================= REWARDS (coins) ================= */
.rewards { position: relative; overflow: hidden; }
.rewards-pin { min-height: 100vh; min-height: 100svh; display: grid; grid-template-rows: auto 1fr; padding-block: 6.5rem 2rem; }
.rewards-head { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 2rem; align-items: end; }
.rewards-head .t-body { color: #4a3d0a; }
.coins-wrap { position: relative; perspective: 1800px; perspective-origin: 50% 35%; min-height: 26rem; }
.coins { position: absolute; left: 50%; top: 48%; width: 0; height: 0; transform-style: preserve-3d; }
.coin { position: absolute; left: -7.5rem; top: -9rem; width: 15rem; display: grid; justify-items: center; gap: 0.5rem; text-align: center; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.coin-face {
  width: 11rem; height: 11rem; border-radius: 50%; display: grid; place-items: center; color: #6b5406;
  background: radial-gradient(circle at 35% 30%, #fff6cf, var(--gold-light) 40%, var(--gold) 78%, var(--gold-dark));
  box-shadow: inset 0 0 0 6px rgba(255, 255, 255, 0.35), inset 0 -8px 16px rgba(120, 90, 0, 0.35), 0 26px 40px -22px rgba(120, 90, 0, 0.8);
}
.coin-face svg { width: 3.6rem; height: 3.6rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.coin b { font-family: var(--display); font-weight: 700; font-size: 1.15rem; color: var(--forest); margin-top: 0.4rem; }
.coin small { font-size: 0.9rem; color: #4a3d0a; max-width: 13rem; line-height: 1.4; }
.rewards.is-static .coins { position: static; width: auto; height: auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 2rem; padding: 2rem var(--gutter) 0; }
.rewards.is-static .coin { position: static; transform: none !important; opacity: 1 !important; }
@media (max-width: 56rem) {
  .rewards-head { grid-template-columns: minmax(0, 1fr); }
  .coin { left: -6rem; width: 12rem; }
  .coin-face { width: 7.5rem; height: 7.5rem; }
}

/* ================= PLANS ================= */
.plans-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.4rem; margin-top: clamp(2.5rem, 5vw, 3.5rem); max-width: 62rem; }
.plan { padding: clamp(1.5rem, 3vw, 2.2rem); border-radius: var(--r-card); background: var(--surface); box-shadow: var(--shadow-card); }
.plan ul { list-style: none; padding: 0; margin: 1.2rem 0 0; display: grid; gap: 0.75rem; }
.plan li { position: relative; padding-left: 1.8rem; color: var(--slate-2); }
.plan li::before { content: ""; position: absolute; left: 0; top: 0.3em; width: 1.05rem; height: 1.05rem; border-radius: 50%; background: #e3f6ec url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23047857' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M6 12.5 10 16l8-8'/></svg>") center / 70% no-repeat; }
.plan li b { color: var(--slate); }
.plan.pro { background: linear-gradient(160deg, var(--forest-2), var(--forest)); color: var(--night-text); }
.plan.pro li { color: #cfe6da; }
.plan.pro li::before { background-color: var(--gold-light); background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a1c14' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M6 12.5 10 16l8-8'/></svg>"); }
.plan.pro .t-title { color: var(--gold-light); }
.plan.pro .t-small { margin-top: 1.2rem; color: var(--night-soft); }
.plans-more { margin-top: 1.8rem; }
@media (max-width: 48rem) { .plans-grid { grid-template-columns: minmax(0, 1fr); } }

/* ================= FAQ teaser ================= */
.faqt { padding-top: 0; }
.faqt-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.faqt-more { margin-top: 1.4rem; }
@media (max-width: 56rem) { .faqt-grid { grid-template-columns: minmax(0, 1fr); } }

/* ================= CLOSE ================= */
.close { position: relative; overflow: hidden; min-height: 90vh; display: grid; align-items: center; padding-block: 8rem 14rem; text-align: center; }
.close-inner { position: relative; z-index: 2; display: grid; justify-items: center; gap: 1.4rem; }
.close .t-display { max-width: 14ch; }
.close .t-lede { color: #4a3d0a; }
.close .btn-ghost { color: var(--forest); }
.btn-dark { background: var(--forest); color: var(--gold-light); box-shadow: 0 14px 28px -14px rgba(10, 28, 20, 0.8); }
.btn-dark:hover { background: var(--forest-2); }
.close-sun { position: absolute; left: 50%; bottom: 4rem; width: min(30rem, 70vw); aspect-ratio: 1; translate: -50% 0; border-radius: 50%; background: radial-gradient(circle at 40% 35%, #fffdf0, #fff1b8 30%, var(--gold-light) 62%, rgba(245, 215, 110, 0) 72%); transform: translateY(var(--rise, 35%)); }
.close-hills { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: clamp(8rem, 18vw, 16rem); z-index: 1; }
.close-hills path:nth-child(1) { fill: var(--emerald); }
.close-hills path:nth-child(2) { fill: var(--emerald-dark); }