/* pt-hero.css — PrimeTriad landing hero v2 + inline triad brand art, 2026-09-26 (?v=20260926hero)
   Loaded LAST on the landing (/), after pt-cosmetic.css. Scoped to .hero--v2, so nothing else on the page changes.
   Gold #d4a017 only on the Start Mining fill (and the merge node of the triad). Fonts: Syne 700, DM Sans,
   JetBrains Mono 400/500 — all already loaded by the existing Google Fonts link. */

.hero--v2 { padding: clamp(40px, 6vw, 88px) 0 clamp(48px, 5.5vw, 80px); }
/* atmosphere: same maroon washes as before, without the gold glow (gold budget = Start Mining only) */
.hero--v2::before,
.hero--v2 .hero-atmosphere {
  background:
    radial-gradient(ellipse 70% 60% at 12% 8%, rgba(107, 28, 40, 0.30), transparent 58%),
    radial-gradient(ellipse 40% 35% at 55% 100%, rgba(107, 28, 40, 0.14), transparent 60%);
}
.hero--v2 .hero-inner { gap: 40px; }
@media (min-width: 900px) {
  .hero--v2 .hero-inner { grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); gap: 56px; }
}

/* small heading above the h1: neutral, not gold */
.hero--v2 .eyebrow {
  margin: 0 0 20px;
  font-size: 12px; font-weight: 600; line-height: 1.4; letter-spacing: 0.14em;
  color: #a89890;
}

/* h1: Syne 700, solid cream, 56px desktop -> 32px at 390 */
.hero--v2 .hero-copy h1 {
  margin: 0 0 24px;
  max-width: 18ch;
  font-family: "Syne", "DM Sans", system-ui, sans-serif;
  font-weight: 700;
  font-size: clamp(32px, calc(22.9px + 2.33vw), 56px);
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #F4EFE8;
  background: none;
  -webkit-background-clip: border-box; background-clip: border-box;
  -webkit-text-fill-color: #F4EFE8;
  text-wrap: balance;
  overflow-wrap: break-word;
}
.hero--v2 .hero-copy .lead { margin: 0 0 12px; max-width: 34rem; font-size: 18px; line-height: 1.6; color: #c4b8b0; }
.hero--v2 .hero-indep { margin: 0 0 22px; font-size: 15px; font-weight: 500; line-height: 1.5; color: #F4EFE8; }
.hero--v2 .hero-why { margin: 0 0 12px; font-size: 15px; line-height: 1.5; color: #c4b8b0; max-width: 36rem; }

/* live stats row: "● LIVE" badge first, neutral JetBrains Mono values */
.hero--v2 .hero-trust-strip { align-items: center; gap: 8px 16px; margin: 0 0 32px; }
.hero--v2 .hero-trust-strip__item { display: inline-flex; align-items: baseline; gap: 8px; font-size: 13px; line-height: 1.4; color: #a89890; }
.hero--v2 .hero-trust-strip__k { margin: 0; color: #a89890; }
.hero--v2 .hero-trust-strip__v,
.hero--v2 .hero-trust-strip__link {
  font-family: "JetBrains Mono", ui-monospace, monospace; font-weight: 500;
  font-variant-numeric: tabular-nums;
  color: #F4EFE8;
}
.hero--v2 .hero-trust-strip__link { text-decoration: underline; text-decoration-color: rgba(196, 184, 176, 0.35); text-underline-offset: 3px; }
.hero--v2 .hero-trust-strip__link:hover { color: #fff; text-decoration-color: currentColor; }
.hero--v2 .hero-trust-strip__item--live { align-self: center; }
.pt-live {
  display: inline-flex; align-items: center; gap: 7px;
  height: 24px; padding: 0 8px;
  border: 1px solid rgba(127, 183, 255, 0.55); border-radius: 4px;
  background: rgba(10, 8, 9, 0.6);
  font: 500 12px/1 "JetBrains Mono", ui-monospace, monospace;
  letter-spacing: 0.08em; text-transform: uppercase;
  color: #F4EFE8; white-space: nowrap;
}
.pt-live__dot { font-size: 9px; line-height: 1; color: #34D399; }
@keyframes pt-live-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
@media (prefers-reduced-motion: no-preference) { .pt-live__dot { animation: pt-live-blink 2s ease-in-out infinite; } }

/* CTA row: exactly two buttons */
.hero--v2 .hero-ctas { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; margin: 0 0 10px; grid-template-columns: none; }
.hero--v2 .hero-ctas .btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: auto; min-height: 52px; margin: 0; padding: 0 26px;
  border-radius: 10px; border: 2px solid transparent;
  font-size: 15px; font-weight: 600; line-height: 1.2; text-align: center;
  box-shadow: none; transform: none;
}
.hero--v2 .hero-ctas .btn-primary { background: #d4a017; border-color: #d4a017; color: #0A0809; }
.hero--v2 .hero-ctas .btn-primary:hover { background: #e8b82a; border-color: #e8b82a; }
.hero--v2 .hero-ctas .hero-cta-outline { background: transparent; border-color: rgba(244, 239, 232, 0.55); color: #F4EFE8; }
.hero--v2 .hero-ctas .hero-cta-outline:hover { border-color: #F4EFE8; background: rgba(244, 239, 232, 0.06); }
.hero--v2 .hero-ctas .btn:focus-visible { outline: 2px solid #7fb7ff; outline-offset: 3px; }
.hero--v2 .hero-cta-micro { margin: 0 0 22px; font-size: 13px; line-height: 1.5; color: #a89890; }

/* 14px text-link row: Pool dashboard · Merge · View Stats · @PrimeTriad */
.hero--v2 .hero-links {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px 0;
  margin: 0 0 14px; padding: 0; list-style: none;
  font-size: 14px; font-weight: 500; line-height: 1.5;
}
.hero--v2 .hero-links li { display: inline-flex; align-items: center; }
.hero--v2 .hero-links li + li::before { content: "·"; color: #75676A; margin: 0 10px; }
.hero--v2 .hero-links a,
.hero--v2 .hero-links .hero-social {
  display: inline; min-height: 0; margin: 0; padding: 0;
  font-size: 14px; font-weight: 500; letter-spacing: 0;
  color: #c4b8b0;
  text-decoration: underline; text-decoration-color: rgba(196, 184, 176, 0.35); text-underline-offset: 3px;
  transform: none;
}
.hero--v2 .hero-links a:hover { color: #F4EFE8; text-decoration-color: currentColor; }

/* hardware line + recipes link, below the link row */
.hero--v2 .hero-works { margin: 0; font-size: 13px; line-height: 1.5; color: #a89890; }
.hero--v2 .hero-works .hero-help-link {
  display: inline; margin: 0; font-size: 13px; color: #c4b8b0;
  text-decoration: underline; text-decoration-color: rgba(196, 184, 176, 0.35); text-underline-offset: 3px;
}
.hero--v2 .hero-works .hero-help-link:hover { color: #F4EFE8; }
.hero--v2 .nw { white-space: nowrap; }

/* triad brand art (inline SVG, replaces the 3D render): 6s pulse, one edge per 2s; static under prefers-reduced-motion */
@keyframes pt-tp1 { 0% { stroke-dashoffset: 14; } 33.333% { stroke-dashoffset: -100; } 100% { stroke-dashoffset: -100; } }
@keyframes pt-tp2 { 0%, 33.333% { stroke-dashoffset: 14; } 66.666% { stroke-dashoffset: -100; } 100% { stroke-dashoffset: -100; } }
@keyframes pt-tp3 { 0%, 66.666% { stroke-dashoffset: 14; } 100% { stroke-dashoffset: -100; } }
@keyframes pt-ts1 { 0% { opacity: 1; } 33.333% { opacity: 0; } }
@keyframes pt-ts2 { 0% { opacity: 0; } 33.333% { opacity: 1; } 66.666% { opacity: 0; } }
@keyframes pt-ts3 { 0% { opacity: 0; } 66.666% { opacity: 1; } }
@media (prefers-reduced-motion: no-preference) {
  .pt-triad-pulse path { opacity: 0; animation-duration: 6s, 6s; animation-timing-function: linear, step-end; animation-iteration-count: infinite, infinite; }
  .pt-triad-pulse .p1 { animation-name: pt-tp1, pt-ts1; }
  .pt-triad-pulse .p2 { animation-name: pt-tp2, pt-ts2; }
  .pt-triad-pulse .p3 { animation-name: pt-tp3, pt-ts3; }
}
.hero--v2 .hero-visual { min-height: 0; display: flex; justify-content: center; }
.hero--v2 .hero-triad { display: block; width: 100%; max-width: 440px; height: auto; aspect-ratio: 440 / 400; animation: none; filter: none; }

@media (max-width: 899px) {
  .hero--v2 .hero-visual { order: 2; }
  .hero--v2 .hero-triad { max-width: 320px; }
}
@media (max-width: 640px) {
  .hero--v2 .hero-copy h1 { margin-bottom: 18px; max-width: 18ch; }
  .hero--v2 .hero-copy .lead { font-size: 16px; line-height: 1.55; }
  .hero--v2 .hero-trust-strip { gap: 6px 16px; margin-bottom: 26px; }
  .hero--v2 .hero-ctas { display: grid; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); gap: 10px; }
  .hero--v2 .hero-ctas .btn { width: 100%; min-height: 52px; padding: 6px 12px; }
  .hero--v2 .hero-links { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
  .hero--v2 .hero-links li + li::before { content: none; }
  .hero--v2 .hero-links a,
  .hero--v2 .hero-links .hero-social { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; }
  .hero--v2 .hero-works .hero-help-link { display: inline-block; line-height: 20px; padding: 12px 0; margin: -12px 0; }
  .hero--v2 .hero-trust-strip__link { display: inline-flex; align-items: center; min-height: 44px; margin-block: -12px; }
  .hero--v2 .hero-triad { max-width: 240px; }
}