
:root {
  --gs-bg: #07090d;
  --gs-panel: #0e131a;
  --gs-panel-2: #131a23;
  --gs-border: #232c37;
  --gs-text: #f4f7fb;
  --gs-muted: #8d9aab;
  --gs-accent: #84aefc;
  --gs-green: #78d7a8;
  --gs-soft: #c6d2df;
  --gs-danger: #ff9b9b;
  --gs-radius: 14px;
  --gs-radius-lg: 18px;
  --gs-max: 900px;
  --gs-max-wide: 1100px;
}
.gs-page{min-height:100vh;margin:0;background:radial-gradient(circle at 50% -15%,#17233a 0%,transparent 35%),var(--gs-bg);color:var(--gs-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;line-height:1.7}
.gs-page *{box-sizing:border-box}.gs-wrap{width:min(var(--gs-max),calc(100% - 36px));margin:auto}.gs-wrap-wide{width:min(var(--gs-max-wide),calc(100% - 36px));margin:auto}
.gs-site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--gs-border);background:rgba(7,9,13,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.gs-site-nav{height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px}.gs-brand{color:var(--gs-text);font-size:20px;font-weight:750;letter-spacing:-.03em;text-decoration:none}.gs-brand span{color:var(--gs-accent)}.gs-back{color:var(--gs-muted);text-decoration:none;font-size:13px}.gs-back:hover{color:var(--gs-text)}
.gs-main{padding:72px 0 90px}.gs-eyebrow,.gs-section-tag{color:var(--gs-accent);font-size:12px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.gs-hero{margin:10px 0 16px;max-width:850px;color:var(--gs-text);font-size:clamp(46px,8vw,76px);line-height:1;letter-spacing:-.055em}.gs-subtitle{max-width:760px;color:var(--gs-muted);font-size:21px}
.gs-section{margin-top:62px;padding-top:52px;border-top:1px solid var(--gs-border)}.gs-section h2{margin:0 0 15px;color:var(--gs-text);font-size:34px;line-height:1.1;letter-spacing:-.04em}.gs-section p,.gs-section li{color:var(--gs-soft)}.gs-copy{max-width:760px;color:var(--gs-muted)!important;font-size:17px}
.gs-panel{background:var(--gs-panel);border:1px solid var(--gs-border);border-radius:var(--gs-radius)}.gs-panel-2{background:linear-gradient(145deg,var(--gs-panel-2),var(--gs-panel));border:1px solid var(--gs-border);border-radius:var(--gs-radius-lg)}
.gs-grid{display:grid;gap:14px}.gs-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gs-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gs-metric{padding:19px;background:var(--gs-panel);border:1px solid var(--gs-border);border-radius:var(--gs-radius)}.gs-metric small,.gs-label{display:block;margin-bottom:5px;color:var(--gs-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.gs-metric strong{display:block;font-size:24px;line-height:1.2}
.gs-note{padding:20px 22px;background:var(--gs-panel);border-left:3px solid var(--gs-accent);border-radius:0 12px 12px 0;color:var(--gs-muted)}.gs-math{margin:24px 0;padding:22px;overflow-x:auto;background:var(--gs-panel);border:1px solid var(--gs-border);border-radius:var(--gs-radius)}
.gs-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:24px}.gs-flow-step{min-width:0;padding:18px;background:var(--gs-panel);border:1px solid var(--gs-border);border-radius:var(--gs-radius)}.gs-flow-step .gs-num{color:var(--gs-accent);font-size:11px;font-weight:750;letter-spacing:.08em}.gs-flow-step strong{display:block;margin-top:6px;color:var(--gs-text);font-size:15px}.gs-flow-step p{margin:7px 0 0;color:var(--gs-muted);font-size:13px;line-height:1.5}
.gs-link-card,.process-link-card{position:relative;display:block;color:inherit;text-decoration:none;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.gs-link-card:hover,.process-link-card:hover{transform:translateY(-4px);border-color:var(--gs-accent,#84aefc)!important;background:var(--gs-panel-2,#131a23)!important}.gs-link-card:focus-visible,.process-link-card:focus-visible,.gs-button:focus-visible,.gs-range-btn:focus-visible{outline:2px solid var(--gs-accent);outline-offset:3px}.gs-card-open{margin-top:16px;color:var(--gs-accent);font-size:12px;font-weight:650}
.gs-button,.gs-range-btn{cursor:pointer;min-height:40px;padding:.55rem .9rem;color:var(--gs-muted);background:var(--gs-panel);border:1px solid var(--gs-border);border-radius:10px;font:inherit;transition:color .18s ease,border-color .18s ease,background .18s ease}.gs-button:hover,.gs-range-btn:hover{color:var(--gs-text);border-color:var(--gs-text)}.gs-button.active,.gs-range-btn.active{color:var(--gs-text);border-color:var(--gs-accent);background:var(--gs-panel-2);font-weight:650}.gs-range-controls{display:flex;gap:.55rem;row-gap:.7rem;flex-wrap:wrap;margin:1rem 0 1.35rem}
.gs-chart-shell{position:relative;height:400px;margin-top:28px;padding:14px;background:var(--gs-panel);border:1px solid var(--gs-border);border-radius:var(--gs-radius)}.gs-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:24px;background:var(--gs-panel);border:1px solid var(--gs-border);border-radius:var(--gs-radius)}.gs-table{width:100%;min-width:640px;border-collapse:collapse}.gs-table th,.gs-table td{padding:.8rem .75rem;text-align:left;border-bottom:1px solid var(--gs-border);white-space:nowrap}.gs-table th{color:var(--gs-muted);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.gs-table td{color:var(--gs-soft)}.gs-positive{color:var(--gs-green)!important}.gs-negative{color:var(--gs-danger)!important}
.gs-window{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:stretch;margin-top:24px}.gs-window-point{padding:20px;background:var(--gs-panel);border:1px solid var(--gs-border);border-radius:var(--gs-radius)}.gs-window-point strong{display:block;margin-top:5px;font-size:19px}.gs-window-arrow{display:grid;place-items:center;color:var(--gs-accent);font-size:20px}
.gs-page-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:62px;padding-top:32px;border-top:1px solid var(--gs-border)}.gs-page-nav a{min-height:116px;padding:20px;background:var(--gs-panel);border:1px solid var(--gs-border);border-radius:var(--gs-radius);color:inherit;text-decoration:none}.gs-page-nav small{display:block;color:var(--gs-muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.gs-page-nav strong{display:block;margin-top:8px;font-size:18px}.gs-page-nav .gs-next{text-align:right}.gs-footer{padding:32px 0 48px;color:var(--gs-muted);border-top:1px solid var(--gs-border);font-size:12px}
a.card.process-link-card{min-width:0}a.card.process-link-card .card-num,a.card.process-link-card h3,a.card.process-link-card p{pointer-events:none}
@media(max-width:760px){.gs-flow{grid-template-columns:1fr}.gs-window{grid-template-columns:1fr}.gs-window-arrow{transform:rotate(90deg);min-height:22px}}
@media(max-width:650px){.gs-wrap,.gs-wrap-wide{width:min(100% - 24px,var(--gs-max))}.gs-main{padding:52px 0 70px}.gs-hero{font-size:clamp(44px,14vw,66px)}.gs-subtitle{font-size:18px}.gs-section{margin-top:48px;padding-top:38px}.gs-section h2{font-size:30px}.gs-grid-2,.gs-grid-3{grid-template-columns:1fr}.gs-chart-shell{height:320px}.gs-range-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.gs-range-btn{min-height:44px}.gs-page-nav{grid-template-columns:1fr}.gs-page-nav .gs-next{text-align:left}}

/* === Graham Says Liquid Glass v1 === */
.liquid-glass-card {
  --mouse-x: 50%;
  --mouse-y: 50%;

  position: relative;
  overflow: hidden;
  isolation: isolate;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.055),
      rgba(255, 255, 255, 0.018)
    ),
    rgba(18, 22, 32, 0.45);

  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);

  border: 1px solid rgba(255, 255, 255, 0.125);
  border-radius: 16px;

  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.37),
    inset 0 1px 1px rgba(255, 255, 255, 0.20);

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}

.liquid-glass-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;

  background:
    radial-gradient(
      600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
      rgba(255, 255, 255, 0.12),
      transparent 40%
    );

  pointer-events: none;
  opacity: 0.82;
  transition: opacity 0.4s ease;
}

.liquid-glass-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;

  background:
    radial-gradient(
      circle at 30% 20%,
      rgba(255, 255, 255, 0.065),
      transparent 52%
    );

  pointer-events: none;
}

.liquid-glass-card > * {
  position: relative;
  z-index: 1;
}

@media (hover: hover) and (pointer: fine) {
  .liquid-glass-card:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 255, 255, 0.25);

    box-shadow:
      0 12px 40px rgba(0, 0, 0, 0.50),
      inset 0 1px 2px rgba(255, 255, 255, 0.40);
  }
}

.gs-consent-card,
[data-consent-card] {
  padding: clamp(1.1rem, 2vw, 1.5rem);
}

.gs-market-globe-section .gs-globe-side.liquid-glass-card {
  padding: clamp(1.25rem, 3vw, 2rem);
  border-radius: 22px;
}

@media (prefers-reduced-motion: reduce) {
  .liquid-glass-card {
    transition: none;
  }

  .liquid-glass-card:hover {
    transform: none;
  }

  .liquid-glass-card::before {
    opacity: 0.45;
  }
}
/* === End Graham Says Liquid Glass v1 === */
