@import url('https://fonts.googleapis.com/css2?family=Macondo&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap');

:root {
  color-scheme: dark;
  --land-bg:#171313;
  --land-surface:#241d1d;
  --land-surface-soft:#302626;
  --land-paper:#f3eee4;
  --land-text:#f7f0e7;
  --land-muted:#c8bbb1;
  --land-gold:#f3d875;
  --land-magenta:#dc67d2;
  --land-line:#ffffff1c;
  --land-radius:22px;
}
* {box-sizing:border-box;}
html {scroll-behavior:smooth;}
body {
  margin:0;
  color:var(--land-text);
  background:
    radial-gradient(circle at 50% -10%,#5a314e55 0,transparent 34rem),
    var(--land-bg);
  font:18px/1.55 "Source Serif 4",serif;
}
img {max-width:100%;height:auto;}
a {color:var(--land-magenta);text-decoration:none;}
a:hover {color:#f19ee9;}
h1,h2,h3 {font-family:Macondo,sans-serif;font-weight:400;line-height:1.08;}
h1 {margin:.25rem 0 .65rem;font-size:clamp(2.5rem,7vw,4.9rem);}
h2 {font-size:clamp(1.65rem,4vw,2.45rem);}
h3 {font-size:1.3rem;}
p {margin:.7rem 0 1.15rem;}
.landing-header {
  position:sticky;
  z-index:20;
  top:0;
  border-bottom:1px solid var(--land-line);
  background:#171313ed;
  backdrop-filter:blur(16px);
}
.landing-header-inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:min(1120px,calc(100% - 2rem));
  min-height:68px;
  margin:auto;
}
.landing-brand img {display:block;width:132px;}
.landing-nav {display:flex;align-items:center;gap:1rem;font-size:.82rem;}
.landing-nav a {color:#ded3ca;}
.landing-nav .landing-nav-cta {
  padding:.55rem .85rem;
  border-radius:9px;
  color:#1c1616;
  background:var(--land-gold);
  font-weight:600;
}
.landing-shell {width:min(1120px,calc(100% - 2rem));margin:auto;}
.landing-eyebrow {
  color:var(--land-gold);
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.16em;
}
.landing-hero {
  display:grid;
  grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);
  align-items:center;
  gap:clamp(2rem,6vw,5rem);
  min-height:calc(100vh - 68px);
  padding:3rem 0;
}
.landing-hero-copy {max-width:650px;}
.landing-lead {color:var(--land-muted);font-size:1.08rem;}
.landing-media {
  position:relative;
  display:grid;
  place-items:center;
  min-height:420px;
}
.landing-media::before {
  content:'';
  position:absolute;
  width:90%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,#7f3f755c 0,transparent 67%);
}
.landing-card-image {
  position:relative;
  width:min(320px,78vw);
  border-radius:15px;
  box-shadow:0 30px 70px #0009,0 0 0 1px #ffffff24;
  transition:transform .3s;
}
a:hover .landing-card-image {transform:translateY(-7px) rotate(.5deg);}
.landing-oracle-image {
  position:relative;
  width:min(470px,88vw);
  aspect-ratio:1;
  object-fit:cover;
  object-position:top;
  border-radius:50%;
  box-shadow:0 30px 70px #0009,0 0 0 1px #ffffff24;
}
.landing-seed-image {
  position:relative;
  width:min(330px,72vw);
  filter:drop-shadow(0 25px 35px #0008);
}
.landing-actions {display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.4rem;}
.landing-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:.7rem 1rem;
  border:1px solid var(--land-line);
  border-radius:10px;
  color:var(--land-text);
  background:var(--land-surface-soft);
  font-weight:600;
}
.landing-button:hover {color:#fff;background:#433235;}
.landing-button-primary {border-color:var(--land-gold);color:#1c1616;background:var(--land-gold);}
.landing-button-primary:hover {color:#1c1616;background:#ffe78c;}
.landing-section {padding:clamp(3rem,8vw,6rem) 0;border-top:1px solid var(--land-line);}
.landing-section-heading {max-width:740px;margin-bottom:2rem;}
.landing-section-heading p {color:var(--land-muted);}
.landing-story {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.landing-panel {
  padding:clamp(1.2rem,4vw,2rem);
  border:1px solid var(--land-line);
  border-radius:var(--land-radius);
  background:linear-gradient(145deg,#2a2121,#211a1a);
  box-shadow:0 20px 50px #0003;
}
.landing-panel h2,.landing-panel h3 {margin-top:0;color:var(--land-gold);}
.landing-panel p {color:#ddd2c9;}
.landing-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.landing-tile {
  display:flex;
  flex-direction:column;
  min-height:100%;
  overflow:hidden;
  border:1px solid var(--land-line);
  border-radius:16px;
  color:var(--land-text);
  background:var(--land-surface);
  transition:transform .2s,border-color .2s;
}
.landing-tile:hover {color:#fff;border-color:#dc67d277;transform:translateY(-4px);}
.landing-tile img {width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top;}
.landing-tile-copy {display:flex;flex:1;flex-direction:column;padding:1rem;}
.landing-tile-copy h3 {margin:0 0 .35rem;}
.landing-tile-copy p {margin:0;color:var(--land-muted);font-size:.82rem;}
.landing-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;padding:0;list-style:none;}
.landing-list li {margin:0;}
.landing-list a {
  display:block;
  padding:.8rem 1rem;
  border:1px solid var(--land-line);
  border-radius:10px;
  color:var(--land-text);
  background:var(--land-surface);
}
.landing-list a:hover {border-color:#dc67d277;background:var(--land-surface-soft);}
.landing-reading {
  max-width:820px;
  margin:-5rem auto 4rem;
  padding:clamp(1.3rem,5vw,3.2rem);
  position:relative;
  border:1px solid var(--land-line);
  border-radius:var(--land-radius);
  color:#2a2220;
  background:var(--land-paper);
  box-shadow:0 30px 80px #0007;
}
.landing-reading h1,.landing-reading h2,.landing-reading h3,.landing-reading strong {color:#6e2c67;}
.landing-reading a {color:#7b2772;}
.landing-vision-banner {width:100%;max-height:620px;object-fit:cover;}
.landing-note {padding:.85rem 1rem;border-left:3px solid var(--land-gold);color:var(--land-muted);background:#ffffff08;font-size:.82rem;}
.landing-footer {padding:2.5rem 0;border-top:1px solid var(--land-line);color:#9f9187;font-size:.78rem;}
.landing-footer-inner {display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.landing-footer a {color:#cfc1b7;}
.landing-error {display:grid;min-height:100vh;place-items:center;padding:1rem;text-align:center;}
.landing-error > div {max-width:520px;padding:2rem;border:1px solid var(--land-line);border-radius:var(--land-radius);background:var(--land-surface);}
@media (max-width:760px) {
  body {font-size:17px;}
  .landing-nav a:not(.landing-nav-cta) {display:none;}
  .landing-hero {grid-template-columns:1fr;min-height:auto;padding:2rem 0 3.5rem;}
  .landing-media {min-height:330px;order:-1;}
  .landing-story,.landing-grid {grid-template-columns:1fr;}
  .landing-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .landing-list {grid-template-columns:1fr;}
  .landing-reading {margin:-2rem .5rem 3rem;}
}
@media (max-width:430px) {
  .landing-shell {width:min(100% - 1.2rem,1120px);}
  .landing-header-inner {width:calc(100% - 1.2rem);}
  .landing-brand img {width:108px;}
  .landing-grid {grid-template-columns:1fr;}
  .landing-actions .landing-button {width:100%;}
}