:root {
  color-scheme: dark;
  --navy: #061225;
  --navy-deep: #030814;
  --blue: #0b1f3f;
  --gold: #d7ad43;
  --gold-light: #f1d588;
  --cream: #f5ead2;
  --ink: #eef5ff;
  --muted: #a7b6ca;
  --line: rgba(215, 173, 67, .25);
  --max: 1160px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: radial-gradient(circle at 48% -12%, #16315d 0, var(--navy) 34rem, var(--navy-deep) 80rem);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
}
a { color: inherit; }
a:focus-visible { outline: 3px solid var(--gold-light); outline-offset: 4px; border-radius: 5px; }
.wrap { width: min(var(--max), calc(100% - 48px)); margin-inline: auto; }
.nav-shell { position: sticky; top: 0; z-index: 5; background: rgba(3, 8, 20, .88); backdrop-filter: blur(14px); border-bottom: 1px solid var(--line); }
.nav { min-height: 82px; display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; flex: 0 0 auto; }
.seal { width: 46px; height: 46px; display: grid; place-items: center; border: 2px solid var(--gold); border-radius: 50%; color: var(--gold-light); font-weight: 900; font-size: 13px; letter-spacing: -.08em; box-shadow: inset 0 0 0 4px rgba(215,173,67,.07), 0 0 28px rgba(215,173,67,.14); }
.brand-copy { display: flex; flex-direction: column; line-height: 1.2; }
.brand-copy strong { font-size: 12px; letter-spacing: .14em; }
.brand-copy small { margin-top: 4px; color: var(--gold); font-size: 9px; font-weight: 750; letter-spacing: .2em; }
nav { display: flex; align-items: center; justify-content: flex-end; gap: 24px; flex-wrap: wrap; color: #dbe7ff; font-size: 13px; }
nav a, .footer-links a { text-decoration: none; transition: color .18s ease; }
nav a:hover, .footer-links a:hover { color: var(--gold-light); }
.nav-cta { padding: 9px 14px; border: 1px solid var(--line); border-radius: 3px; }
.hero { min-height: 660px; display: grid; grid-template-columns: 1.13fr .87fr; gap: 55px; align-items: center; padding-block: 65px 78px; }
.eyebrow { margin: 0; color: var(--gold-light); font-size: 10px; font-weight: 850; letter-spacing: .2em; text-transform: uppercase; }
.hero h1 { margin: 18px 0 19px; max-width: 690px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(49px, 7.4vw, 88px); line-height: .96; letter-spacing: -.055em; font-weight: 700; }
h1 em, h2 em { color: var(--gold-light); font-style: normal; }
.lead { max-width: 665px; margin: 0; color: #d5e0f2; font-size: 17px; line-height: 1.75; }
.actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.button { min-height: 48px; display: inline-flex; justify-content: center; align-items: center; gap: 8px; padding: 0 18px; border: 1px solid rgba(215,173,67,.55); border-radius: 4px; background: rgba(255,255,255,.035); color: var(--ink); text-decoration: none; font-size: 12px; font-weight: 800; transition: transform .16s ease, background .16s ease, color .16s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { border-color: transparent; background: linear-gradient(135deg, #f0cd72, #a8791d); color: #071124; box-shadow: 0 9px 26px rgba(215,173,67,.15); }
.button-primary:hover { background: linear-gradient(135deg, #f8df9b, #c4932e); }
.button-outline:hover { background: rgba(255,255,255,.09); }
.trust-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.trust-row span { padding: 7px 10px; border: 1px solid rgba(255,255,255,.13); border-radius: 2px; color: var(--muted); font-size: 10px; letter-spacing: .035em; }
.hero-card { position: relative; padding: 27px 30px 23px; background: linear-gradient(155deg, rgba(255,255,255,.09), rgba(255,255,255,.025)); border: 1px solid var(--line); box-shadow: 0 28px 78px rgba(0,0,0,.28); }
.hero-card h2 { margin: 10px 0 8px; font-family: Georgia, "Times New Roman", serif; font-size: 31px; line-height: 1.13; }
.hero-card p:not(.eyebrow) { max-width: 345px; color: var(--muted); font-size: 13px; }
.coin { width: min(205px, 67%); aspect-ratio: 1; margin: 0 auto 24px; display: grid; place-items: center; border-radius: 50%; color: #161d28; background: radial-gradient(circle at 34% 28%, #fff0bd 0, #d8af46 40%, #8c6519 77%, #4e390f 100%); border: 1px solid rgba(255,239,185,.72); box-shadow: inset 0 0 0 7px rgba(255,236,176,.25), inset 0 0 0 13px rgba(55,40,10,.22), 0 0 52px rgba(215,173,67,.17); }
.coin span { font-family: Georgia, "Times New Roman", serif; font-size: 118px; line-height: 1; text-shadow: 1px 2px 0 rgba(255,255,255,.2); }
.card-rule { display: flex; align-items: center; gap: 10px; margin-top: 20px; color: var(--gold-light); font-size: 10px; font-weight: 850; letter-spacing: .17em; }
.card-rule i { height: 1px; flex: 1; background: var(--line); }
.section { padding-block: 82px; }
.section-heading { max-width: 720px; margin-bottom: 31px; }
.section-heading h2, .method-layout h2, .closing h2 { margin: 13px 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(32px, 4.3vw, 48px); line-height: 1.1; letter-spacing: -.035em; }
.section-heading > p:last-child { max-width: 680px; margin: 0; color: var(--muted); font-size: 14px; }
.principles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.principle { min-height: 205px; padding: 23px; background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)); border: 1px solid rgba(215,173,67,.2); }
.index { color: var(--gold); font-size: 9px; font-weight: 850; letter-spacing: .17em; }
.principle h3 { margin: 18px 0 8px; font-family: Georgia, "Times New Roman", serif; font-size: 21px; }
.principle p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.method-band { padding-block: 70px; background: linear-gradient(100deg, rgba(2,7,18,.96), rgba(8,25,50,.93)); border-block: 1px solid rgba(215,173,67,.15); }
.method-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 55px; align-items: center; }
.method-layout h2 { margin-bottom: 13px; }
.method-intro { max-width: 420px; color: var(--muted); font-size: 14px; }
.steps { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.steps li { display: flex; align-items: flex-start; gap: 16px; padding: 15px 2px; border-bottom: 1px solid rgba(215,173,67,.16); }
.steps li > span { color: var(--gold-light); font-family: Georgia, serif; font-size: 19px; }
.steps strong { display: block; font-size: 13px; }
.steps small { display: block; margin-top: 3px; color: var(--muted); font-size: 11px; }
.atlas-card { display: grid; grid-template-columns: .82fr 1.18fr; gap: 36px; padding: 27px; background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025)); border: 1px solid var(--line); }
.atlas-art { min-height: 360px; padding: 27px; display: flex; flex-direction: column; justify-content: space-between; position: relative; overflow: hidden; isolation: isolate; background: radial-gradient(circle at 75% 24%, #39517a, #162c50 43%, #09152a 100%); border: 1px solid rgba(215,173,67,.55); box-shadow: inset 0 0 0 8px rgba(215,173,67,.055); }
.atlas-art::before, .atlas-art::after { content: ""; position: absolute; z-index: -1; width: 275px; aspect-ratio: 1; right: -70px; top: 45px; border: 1px solid rgba(215,173,67,.3); border-radius: 50%; box-shadow: 0 0 0 13px rgba(215,173,67,.04), 0 0 0 27px rgba(215,173,67,.035), 0 0 0 43px rgba(215,173,67,.025); }
.atlas-art::after { width: 210px; right: -37px; top: 77px; border-style: dashed; }
.atlas-stamp { color: var(--gold-light); font-size: 9px; line-height: 1.4; font-weight: 800; letter-spacing: .2em; }
.atlas-stamp b { font-family: Georgia, serif; font-size: 16px; letter-spacing: .22em; }
.atlas-art-title { margin-top: auto; margin-bottom: 12px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(34px, 4vw, 48px); line-height: .98; letter-spacing: -.04em; }
.atlas-art-title em { color: var(--gold-light); font-style: normal; }
.atlas-years { padding-top: 11px; border-top: 1px solid rgba(215,173,67,.38); color: var(--gold-light); font-size: 12px; font-weight: 800; letter-spacing: .22em; }
.atlas-volume { margin-top: 8px; color: #b2c0d4; font-size: 8px; font-weight: 800; letter-spacing: .16em; }
.atlas-info { align-self: center; }
.edition { color: var(--gold-light); font-size: 9px; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; }
.atlas-info h3 { margin: 12px 0; max-width: 570px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(23px, 3vw, 32px); line-height: 1.15; }
.atlas-info > p { color: #c9d4e4; font-size: 13px; }
.bonus-list { display: flex; flex-direction: column; gap: 8px; margin: 20px 0 23px; color: #d7e1ef; font-size: 11px; }
.bonus-list span::before { content: "✓"; margin-right: 9px; color: var(--gold-light); }
.bonus-list b { color: var(--gold-light); }
.small-note { margin: 11px 0 0 !important; color: #93a3b8 !important; font-size: 10px !important; }
.closing { margin-block: 14px 72px; padding: 30px 34px; display: flex; justify-content: space-between; align-items: center; gap: 28px; background: rgba(215,173,67,.07); border: 1px solid rgba(215,173,67,.3); }
.closing h2 { margin: 8px 0 4px; font-size: 31px; }
.closing p:not(.eyebrow) { margin: 0; color: var(--muted); font-size: 12px; }
.footer { padding-block: 27px 31px; background: rgba(2,6,15,.88); border-top: 1px solid rgba(215,173,67,.16); }
.footer-main { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding-bottom: 20px; }
.seal-small { width: 37px; height: 37px; font-size: 10px; }
.footer-links { display: flex; flex-wrap: wrap; gap: 17px; color: var(--muted); font-size: 11px; }
.footer-note { display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,.08); }
.footer-note p { max-width: 820px; margin: 0; color: #8f9fb4; font-size: 9px; line-height: 1.65; }
.footer-note small { flex: 0 0 auto; color: #75849a; font-size: 9px; }
@media (max-width: 850px) {
  .hero { min-height: auto; grid-template-columns: 1fr; padding-block: 56px 68px; gap: 37px; }
  .hero-card { max-width: 560px; }
  .method-layout { grid-template-columns: 1fr; gap: 30px; }
  .atlas-card { grid-template-columns: 1fr; }
  .atlas-art { min-height: 270px; }
}
@media (max-width: 620px) {
  .wrap { width: min(var(--max), calc(100% - 32px)); }
  .nav { min-height: 70px; align-items: center; gap: 12px; }
  .seal { width: 39px; height: 39px; }
  .brand-copy strong { font-size: 10px; }
  .brand-copy small { font-size: 7px; letter-spacing: .13em; }
  nav { gap: 9px; font-size: 10px; }
  nav a:nth-child(1) { display: none; }
  .nav-cta { padding: 8px 9px; }
  .hero { padding-block: 48px 54px; }
  .hero h1 { font-size: clamp(46px, 13vw, 68px); }
  .lead { font-size: 14px; }
  .trust-row span { font-size: 9px; }
  .hero-card { padding: 20px; }
  .coin { width: 155px; margin-bottom: 20px; }
  .coin span { font-size: 94px; }
  .section { padding-block: 61px; }
  .principles { grid-template-columns: 1fr; }
  .principle { min-height: auto; }
  .method-band { padding-block: 55px; }
  .atlas-card { padding: 15px; gap: 23px; }
  .atlas-art { min-height: 245px; }
  .closing { padding: 23px 20px; align-items: flex-start; flex-direction: column; margin-bottom: 51px; }
  .footer-main, .footer-note { align-items: flex-start; flex-direction: column; }
  .footer-note { gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; }
}