:root {
  --night: #090e0c;
  --panel: #131b17;
  --panel-2: #19231e;
  --paper: #f0ede5;
  --paper-2: #fbf9f3;
  --gold: #f0c453;
  --gold-deep: #9b6e13;
  --emerald: #7bd1a0;
  --emerald-deep: #215e40;
}

.dark-full-preview { background: var(--paper); }
.dark-full-preview .notice { color: #d9dfda; background: #1a241f; border-bottom: 1px solid rgba(255,255,255,.05); }
.dark-full-preview .site-header { background: rgba(9,14,12,.96); backdrop-filter: blur(14px); }
.dark-full-preview .brand-mark { box-shadow: 0 8px 28px rgba(240,196,83,.13); }
.dark-full-preview .nav-cta { color: #c1f1d4!important; background: rgba(123,209,160,.06); }

.dark-full-preview .hero-dark { background:
  radial-gradient(circle at 87% 5%,rgba(240,196,83,.12),transparent 31%),
  radial-gradient(circle at 72% 60%,rgba(80,174,117,.08),transparent 35%),
  var(--night);
}
.dark-full-preview .hero-dark::before { content: ""; position: absolute; inset: 0; opacity: .1; background-image: linear-gradient(rgba(255,255,255,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.17) 1px,transparent 1px); background-size: 55px 55px; mask-image: linear-gradient(90deg,transparent 0,transparent 43%,#000 100%); pointer-events: none; }
.dark-full-preview .hero-dark::after { width: 760px; height: 760px; top: -390px; right: -250px; background: radial-gradient(circle,rgba(240,196,83,.11),rgba(240,196,83,0) 68%); }
.dark-full-preview .hero { padding: 72px 0 74px; }
.dark-full-preview .hero-grid { grid-template-columns: 1.08fr .72fr; gap: 80px; align-items: center; }
.dark-full-preview .hero h1 { font-size: clamp(57px,7vw,93px); }
.dark-full-preview .hero h1 em { text-shadow: 0 12px 42px rgba(240,196,83,.1); }
.hero-side { display: grid; gap: 23px; }
.hero-hallmark-card { position: relative; min-height: 270px; padding: 22px; overflow: hidden; border: 1px solid rgba(240,196,83,.22); border-radius: 24px; background: linear-gradient(145deg,#1a251f,#0d1411 72%); box-shadow: 0 30px 70px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.035); }
.hero-hallmark-card::before { content: ""; position: absolute; width: 260px; height: 260px; right: -102px; top: -100px; border: 1px solid rgba(240,196,83,.21); border-radius: 50%; box-shadow: 0 0 0 38px rgba(240,196,83,.025),0 0 0 74px rgba(240,196,83,.017); }
.hero-hallmark-card::after { content: ""; position: absolute; left: -30%; right: -30%; bottom: -68%; height: 100%; background: radial-gradient(circle,rgba(75,172,112,.22),transparent 65%); }
.hallmark-meta { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; color: #87958c; font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.hallmark-meta i { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 4px rgba(240,196,83,.1),0 0 22px rgba(240,196,83,.3); }
.hallmark-seal { position: relative; z-index: 1; width: 138px; height: 138px; margin: 23px auto 21px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 6px double rgba(76,44,5,.38); border-radius: 50%; color: #39290a; background: radial-gradient(circle at 32% 24%,#fff3af,#edc553 36%,#b87d17 70%,#714509); box-shadow: inset 0 2px 2px rgba(255,255,255,.66),0 20px 42px rgba(0,0,0,.44),0 0 60px rgba(240,196,83,.09); }
.hallmark-seal::after { content: ""; position: absolute; inset: 9px; border: 1px solid rgba(80,48,5,.28); border-radius: 50%; }
.hallmark-seal small { font-size: 8px; letter-spacing: .27em; }
.hallmark-seal strong { margin: 2px 0; font-family: Georgia,serif; font-size: 45px; line-height: .9; letter-spacing: -.06em; }
.hallmark-seal span { font-size: 6px; font-weight: 950; letter-spacing: .1em; }
.hallmark-note { position: relative; z-index: 1; display: flex; justify-content: space-between; padding-top: 15px; border-top: 1px solid rgba(255,255,255,.1); color: #8d9991; font-size: 9px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.dark-full-preview .hero-copy { padding-top: 0; color: #a8b2ab; font-size: 15px; }
.dark-full-preview .proofs { margin-top: 17px; }
.dark-full-preview .proof { background: rgba(255,255,255,.018); }

.dark-full-preview .calc-wrap { position: relative; padding-bottom: 96px; background: var(--night); }
.dark-full-preview .calc-wrap::before { content: ""; position: absolute; left: 50%; top: 0; width: min(1180px,calc(100% - 40px)); height: 1px; transform: translateX(-50%); background: linear-gradient(90deg,transparent,rgba(240,196,83,.35),transparent); }
.dark-full-preview .calculator { border-color: rgba(240,196,83,.17); box-shadow: 0 38px 105px rgba(0,0,0,.4); }
.dark-full-preview .calc-top { min-height: 62px; background: rgba(255,255,255,.012); }
.dark-full-preview .calc-top strong { letter-spacing: .01em; }
.dark-full-preview .calc-result { background: radial-gradient(circle at 86% 12%,rgba(240,196,83,.10),transparent 34%),linear-gradient(150deg,rgba(240,196,83,.035),transparent 48%); }
.dark-full-preview .calc-btn { background: linear-gradient(135deg,#8bddad,#68c893); box-shadow: 0 14px 28px rgba(52,139,87,.2); }
.dark-full-preview .verdict { box-shadow: 0 8px 22px rgba(240,196,83,.11); }
.dark-full-preview .meter { background: linear-gradient(90deg,#98564f 0 58%,#b88a36 58% 78%,#4f8a68 78%); box-shadow: inset 0 1px 2px rgba(0,0,0,.28); }
.dark-full-preview .meter-dot { border-color: #111a15; box-shadow: 0 0 0 1px rgba(255,255,255,.18),0 5px 14px rgba(0,0,0,.35); }
.dark-full-preview .result-disclaimer { background: rgba(240,196,83,.055); }

.result-share { margin-top: 22px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.11); }
.share-card { overflow: hidden; border: 1px solid rgba(240,196,83,.20); border-radius: 17px; color: #f7f2e5; background: radial-gradient(circle at 100% 0,rgba(240,196,83,.13),transparent 38%),linear-gradient(145deg,#111a15,#0c120f); box-shadow: 0 18px 45px rgba(0,0,0,.23); }
.share-card-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 17px; border-bottom: 1px solid rgba(255,255,255,.08); }
.share-brand { display: flex; align-items: center; gap: 10px; }
.share-brand > span:last-child { display: grid; gap: 2px; }
.share-brand strong { color: #f7f2e5; font-size: 12px; line-height: 1; }
.share-brand small { color: #7f8d84; font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.share-brand-mark { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px 8px 11px 11px; color: #1b1606; background: linear-gradient(145deg,#ffe49a,#d69b22); font-size: 11px; font-weight: 950; transform: rotate(45deg); }
.share-brand-mark > span { transform: rotate(-45deg); }
.share-karat { color: #d8be75; font-size: 9px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.share-score-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding: 20px 17px 18px; }
.share-kicker { display: block; max-width: 245px; margin-bottom: 9px; color: #849087; font-size: 8px; font-weight: 800; letter-spacing: .08em; line-height: 1.45; text-transform: uppercase; }
.share-score { display: block; color: white; font-size: 43px; line-height: .9; letter-spacing: -.055em; }
.share-verdict { flex: 0 0 auto; padding: 7px 9px; border: 1px solid rgba(167,109,66,.6); border-radius: 99px; color: #c9895c; background: rgba(167,109,66,.12); font-size: 9px; font-weight: 900; }
.share-values { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); }
.share-values > div { min-width: 0; padding: 13px 15px; border-right: 1px solid rgba(255,255,255,.08); }
.share-values > div:last-child { border-right: 0; }
.share-values span { display: block; color: #77857c; font-size: 7px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.share-values strong { display: block; margin-top: 6px; overflow: hidden; color: #f3eddf; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.share-card-foot { display: flex; justify-content: space-between; gap: 12px; padding: 12px 17px; color: #78867d; font-size: 7px; line-height: 1.4; }
.share-card-foot span:first-child { color: #c8aa5f; font-weight: 800; }
.share-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-top: 12px; }
.share-button { min-height: 38px; padding: 0 13px; border-radius: 10px; font-size: 10px; font-weight: 900; cursor: pointer; transition: transform .18s,filter .18s,border-color .18s; }
.share-button:hover { transform: translateY(-1px); filter: brightness(1.07); }
.share-button.primary { border: 1px solid #c89d36; color: #211b0c; background: linear-gradient(135deg,#f5d16f,#c7952d); }
.share-button.secondary { border: 1px solid rgba(255,255,255,.15); color: #e0e6e1; background: rgba(255,255,255,.035); }
.share-status { min-height: 1.4em; color: #9aa69e; font-size: 9px; }

.dark-full-preview .section { padding-top: 92px; padding-bottom: 92px; }
.dark-full-preview .section.white { background: var(--paper-2); }
.dark-full-preview .cards-3 .card,.dark-full-preview .quote-card { position: relative; overflow: hidden; box-shadow: 0 14px 34px rgba(38,34,25,.035); }
.dark-full-preview .cards-3 .card::after { content: ""; position: absolute; width: 105px; height: 105px; right: -57px; bottom: -57px; border-radius: 50%; background: rgba(240,196,83,.12); }
.dark-full-preview .card-num { background: #eed588; color: #63470d; }
.dark-full-preview .quote-card.featured { border-color: rgba(240,196,83,.22); background: linear-gradient(145deg,#1b2721,#111814); box-shadow: 0 20px 46px rgba(11,17,14,.15); }
.dark-full-preview .section.dark { background: radial-gradient(circle at 80% 5%,rgba(240,196,83,.07),transparent 27%),var(--night); }
.dark-full-preview .dark .karat-grid { border-color: rgba(240,196,83,.17); }
.dark-full-preview .dark .karat-card:hover { background: #202b24; }
.dark-full-preview .faq details { border-color: #d5d0c5; }
.dark-full-preview .cta-band { background: linear-gradient(95deg,#dca52a,#f2cb61 54%,#dda72c); }
.dark-full-preview .footer { background: #080d0b; }

@media (max-width: 920px) {
  .dark-full-preview .hero-grid { grid-template-columns: 1fr; gap: 45px; }
  .hero-side { width: min(100%,620px); }
  .hero-hallmark-card { width: min(100%,420px); }
}

@media (max-width: 700px) {
  .dark-full-preview .hero { padding-top: 50px; }
  .hero-side { gap: 20px; }
  .hero-hallmark-card { min-height: 245px; }
  .hallmark-seal { width: 126px; height: 126px; }
  .hallmark-seal strong { font-size: 41px; }
}

@media (max-width: 560px) {
  .share-card-head,.share-score-row,.share-card-foot { align-items: flex-start; flex-direction: column; }
  .share-values { grid-template-columns: 1fr; }
  .share-values > div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); }
  .share-values > div:last-child { border-bottom: 0; }
}