:root {
  --bg: #05070b;
  --bg-2: #07111f;
  --surface: #0a111a;
  --surface-2: rgba(14, 24, 36, 0.72);
  --surface-3: rgba(9, 18, 28, 0.9);
  --text: #f5f7fa;
  --text-2: #a2afbd;
  --muted: #758393;
  --cyan: #31e6ff;
  --blue: #6685ff;
  --emerald: #3cf2a5;
  --gold: #d7b56d;
  --amber: #f4c96b;
  --danger: #ff7474;
  --line: rgba(159, 198, 224, 0.14);
  --line-strong: rgba(49, 230, 255, 0.26);
  --shadow-lg: 0 28px 80px rgba(0,0,0,.38);
  --glow-cyan: 0 0 36px rgba(49,230,255,.14);
  --glow-blue: 0 0 50px rgba(102,133,255,.12);
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-xl: 38px;
  --container: 1220px;
  --nav-h: 78px;
  --ease: cubic-bezier(.2,.8,.2,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--text);
  background:
    radial-gradient(circle at 14% 10%, rgba(49,230,255,.055), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(102,133,255,.06), transparent 30%),
    radial-gradient(circle at 50% 110%, rgba(60,242,165,.035), transparent 36%),
    var(--bg);
  font-family: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body[dir="ltr"] { font-family: Inter, "Segoe UI", Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
img, svg { max-width: 100%; }
::selection { background: rgba(49,230,255,.22); color: #fff; }

.page-shell { position: relative; isolation: isolate; overflow: clip; }
.page-shell::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .34;
  background-image:
    linear-gradient(rgba(120,162,188,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(120,162,188,.035) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(circle at 50% 20%, #000 12%, transparent 74%);
  z-index: -3;
}
.page-shell::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .14;
  background-image: radial-gradient(circle, rgba(255,255,255,.5) .55px, transparent .7px);
  background-size: 19px 19px;
  mask-image: linear-gradient(to bottom, #000, transparent 70%);
  z-index: -2;
}

.pointer-glow {
  position: fixed;
  width: 460px;
  height: 460px;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(49,230,255,.075), rgba(49,230,255,.015) 38%, transparent 70%);
  transform: translate(-50%,-50%);
  z-index: -1;
  filter: blur(5px);
  opacity: 0;
  transition: opacity .35s ease;
}
.pointer-glow.is-visible { opacity: 1; }

.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.section { padding: 110px 0; position: relative; }
.section.tight { padding: 74px 0; }
.section-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 22px; }

.skip-link { position: fixed; top: 10px; inset-inline-start: 10px; z-index: 1000; transform: translateY(-160%); background:#fff; color:#000; padding:10px 14px; border-radius:9px; }
.skip-link:focus { transform: none; }

.nav-wrap {
  position: sticky;
  top: 0;
  z-index: 100;
  height: var(--nav-h);
  display: flex;
  align-items: center;
  background: rgba(5,7,11,.18);
  backdrop-filter: blur(8px);
  transition: background .3s var(--ease), border-color .3s var(--ease), backdrop-filter .3s var(--ease);
  border-bottom: 1px solid transparent;
}
.nav-wrap.scrolled { background: rgba(5,7,11,.82); backdrop-filter: blur(22px); border-color: var(--line); }
.nav { width:min(calc(100% - 40px), var(--container)); margin-inline:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:12px; min-width:max-content; }
.brand-mark { width:34px; height:34px; border-radius:50%; position:relative; display:grid; place-items:center; border:1px solid rgba(215,181,109,.38); box-shadow:inset 0 0 18px rgba(215,181,109,.08), 0 0 24px rgba(215,181,109,.06); }
.brand-mark::before, .brand-mark::after { content:""; position:absolute; border-radius:50%; border:1px solid rgba(49,230,255,.16); }
.brand-mark::before { inset:5px; }
.brand-mark::after { inset:10px; border-color:rgba(215,181,109,.22); }
.brand-mark span { width:4px; height:4px; background:var(--gold); border-radius:50%; box-shadow:0 0 12px rgba(215,181,109,.8); }
.brand-copy strong { display:block; font-size:15px; letter-spacing:.02em; }
.brand-copy small { display:block; color:var(--muted); font-size:10px; margin-top:2px; letter-spacing:.12em; text-transform:uppercase; }
.nav-links { display:flex; align-items:center; gap:6px; }
.nav-links a { color:var(--text-2); padding:10px 12px; border-radius:10px; font-size:14px; transition: color .2s ease, background .2s ease; }
.nav-links a:hover, .nav-links a:focus-visible { color:#fff; background:rgba(255,255,255,.035); }
.nav-actions { display:flex; align-items:center; gap:9px; }
.lang-switch { border:1px solid var(--line); color:var(--text-2); padding:9px 11px; border-radius:11px; background:rgba(255,255,255,.018); font-size:13px; }
.mobile-menu-btn { display:none; width:42px; height:42px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.02); color:#fff; cursor:pointer; }
.mobile-menu { display:none; position:fixed; inset:78px 16px auto 16px; z-index:99; padding:16px; border:1px solid var(--line); border-radius:18px; background:rgba(5,9,15,.96); backdrop-filter:blur(24px); box-shadow:var(--shadow-lg); }
.mobile-menu.open { display:grid; gap:5px; }
.mobile-menu a { padding:13px 14px; color:var(--text-2); border-radius:11px; }
.mobile-menu a:hover { background:rgba(255,255,255,.04); color:#fff; }

.btn { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:46px; padding:0 18px; border-radius:13px; border:1px solid transparent; font-weight:700; font-size:14px; cursor:pointer; transition:transform .2s var(--ease), border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.btn:hover { transform:translateY(-2px); }
.btn-primary { background:linear-gradient(135deg, rgba(49,230,255,.95), rgba(102,133,255,.94)); color:#021018; box-shadow:0 10px 30px rgba(49,230,255,.14), inset 0 1px rgba(255,255,255,.45); }
.btn-primary:hover { box-shadow:0 14px 36px rgba(49,230,255,.22); }
.btn-secondary { border-color:var(--line); background:rgba(255,255,255,.025); color:#fff; }
.btn-secondary:hover { border-color:var(--line-strong); background:rgba(49,230,255,.035); }
.btn-ghost { color:var(--text-2); padding-inline:10px; }
.btn[aria-disabled="true"] { opacity:.5; pointer-events:none; }

.hero { min-height: calc(100vh - var(--nav-h)); display:flex; align-items:center; padding:60px 0 80px; position:relative; }
.hero::before { content:""; position:absolute; inset:6% auto auto 50%; width:680px; height:680px; transform:translateX(-50%); border-radius:50%; background:radial-gradient(circle, rgba(49,230,255,.04), transparent 62%); filter:blur(12px); pointer-events:none; }
.hero-grid { display:grid; grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr); align-items:center; gap:56px; }
.hero-copy { position:relative; z-index:3; }
.eyebrow { display:inline-flex; align-items:center; gap:9px; color:var(--cyan); font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; margin-bottom:22px; }
.eyebrow::before { content:""; width:28px; height:1px; background:linear-gradient(90deg, transparent, var(--cyan)); box-shadow:0 0 10px rgba(49,230,255,.35); }
[dir="rtl"] .eyebrow::before { background:linear-gradient(90deg, var(--cyan), transparent); }
.hero h1 { font-size:clamp(48px,6vw,86px); line-height:1.02; margin:0; letter-spacing:-.04em; max-width:760px; }
[dir="rtl"] .hero h1 { letter-spacing:-.025em; line-height:1.13; }
.hero h1 .accent { color:transparent; background:linear-gradient(90deg, #fff, #7befff 46%, #7b98ff); background-clip:text; -webkit-background-clip:text; text-shadow:0 0 42px rgba(49,230,255,.08); }
.hero-lead { color:var(--text-2); font-size:clamp(17px,1.6vw,21px); line-height:1.85; max-width:660px; margin:24px 0 0; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:30px; }
.hero-meta { display:flex; flex-wrap:wrap; gap:9px; margin-top:27px; }
.meta-pill { display:inline-flex; align-items:center; gap:7px; border:1px solid var(--line); border-radius:999px; padding:8px 11px; color:var(--text-2); font-size:12px; background:rgba(255,255,255,.018); }
.meta-dot { width:6px; height:6px; border-radius:50%; background:var(--emerald); box-shadow:0 0 9px rgba(60,242,165,.6); }

.hero-system { min-height:620px; position:relative; display:grid; place-items:center; perspective:1200px; }
.orbit { position:absolute; border:1px solid rgba(49,230,255,.12); border-radius:50%; pointer-events:none; }
.orbit.o1 { width:560px; height:560px; animation:spin 26s linear infinite; }
.orbit.o2 { width:430px; height:430px; border-style:dashed; border-color:rgba(102,133,255,.12); animation:spinReverse 20s linear infinite; }
.orbit.o3 { width:300px; height:300px; border-color:rgba(215,181,109,.1); animation:spin 16s linear infinite; }
.orbit::before { content:""; position:absolute; width:7px; height:7px; border-radius:50%; background:var(--cyan); top:8%; left:15%; box-shadow:0 0 14px rgba(49,230,255,.9); }
.orbit.o2::before { background:var(--blue); left:auto; right:8%; top:34%; box-shadow:0 0 14px rgba(102,133,255,.8); }
.orbit.o3::before { background:var(--gold); top:auto; bottom:8%; left:48%; box-shadow:0 0 14px rgba(215,181,109,.8); }
@keyframes spin { to { transform:rotate(360deg); } }
@keyframes spinReverse { to { transform:rotate(-360deg); } }
.system-core { position:relative; width:min(100%, 575px); height:520px; transform-style:preserve-3d; }
.glass-card { border:1px solid var(--line); background:linear-gradient(180deg, rgba(14,24,36,.79), rgba(8,14,22,.69)); backdrop-filter:blur(20px); border-radius:var(--radius-md); box-shadow:var(--shadow-lg), inset 0 1px rgba(255,255,255,.04); position:relative; overflow:hidden; }
.glass-card::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(120deg, rgba(49,230,255,.05), transparent 26%, transparent 72%, rgba(102,133,255,.05)); }
.glass-card::after { content:""; position:absolute; height:1px; left:12%; right:12%; top:0; background:linear-gradient(90deg, transparent, rgba(49,230,255,.34), transparent); }
.hero-main-card { position:absolute; inset:64px 82px 46px 82px; padding:24px; z-index:4; box-shadow:var(--shadow-lg), 0 0 60px rgba(49,230,255,.07); animation:floatCard 7s var(--ease) infinite alternate; }
@keyframes floatCard { from { transform:translate3d(0,0,18px) rotateX(1deg); } to { transform:translate3d(0,-8px,30px) rotateX(-1deg); } }
.card-top { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-bottom:17px; border-bottom:1px solid var(--line); }
.market-id { display:flex; align-items:center; gap:12px; }
.asset-orb { width:38px; height:38px; border-radius:13px; display:grid; place-items:center; border:1px solid rgba(49,230,255,.25); background:rgba(49,230,255,.055); color:var(--cyan); font-weight:800; font-size:12px; box-shadow:inset 0 0 20px rgba(49,230,255,.05); }
.market-id strong { display:block; font-size:16px; }
.market-id small { color:var(--muted); font-size:11px; }
.preview-badge { color:var(--muted); border:1px solid var(--line); padding:6px 8px; border-radius:8px; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.score-row { display:grid; grid-template-columns:155px 1fr; gap:20px; align-items:center; padding:24px 0 18px; }
.score-gauge { width:148px; height:148px; position:relative; display:grid; place-items:center; }
.score-gauge svg { position:absolute; inset:0; transform:rotate(-90deg); }
.score-gauge .track { fill:none; stroke:rgba(255,255,255,.06); stroke-width:8; }
.score-gauge .progress { fill:none; stroke:url(#scoreGradient); stroke-width:8; stroke-linecap:round; stroke-dasharray:339; stroke-dashoffset:75; filter:drop-shadow(0 0 5px rgba(49,230,255,.45)); }
.score-value { position:relative; text-align:center; }
.score-value strong { display:block; font-size:41px; line-height:1; letter-spacing:-.05em; }
.score-value small { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.metric-stack { display:grid; gap:10px; }
.metric { display:grid; grid-template-columns:1fr auto; gap:10px; align-items:center; }
.metric span { color:var(--text-2); font-size:12px; }
.metric strong { font-size:12px; }
.metric-bar { grid-column:1 / -1; height:3px; border-radius:99px; background:rgba(255,255,255,.06); overflow:hidden; }
.metric-bar i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--cyan),var(--blue)); box-shadow:0 0 8px rgba(49,230,255,.4); }
.metric:nth-child(2) .metric-bar i { background:linear-gradient(90deg,var(--gold),var(--amber)); }
.metric:nth-child(3) .metric-bar i { background:linear-gradient(90deg,var(--emerald),var(--cyan)); }
.change-panel { border-top:1px solid var(--line); padding-top:16px; }
.change-head { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:9px; }
.change-head span { color:var(--text-2); font-size:12px; }
.change-head strong { color:var(--cyan); font-size:11px; }
.change-list { display:grid; gap:8px; }
.change-item { display:flex; gap:8px; align-items:flex-start; color:var(--text-2); font-size:11px; line-height:1.5; }
.change-item::before { content:""; width:5px; height:5px; flex:0 0 auto; border-radius:50%; background:var(--cyan); margin-top:6px; box-shadow:0 0 8px rgba(49,230,255,.6); }
.floating-node { position:absolute; width:160px; padding:15px; z-index:5; animation:nodeFloat 6s var(--ease) infinite alternate; }
.floating-node strong { display:block; font-size:12px; margin-bottom:7px; }
.floating-node small { display:flex; justify-content:space-between; gap:10px; color:var(--muted); font-size:10px; }
.floating-node .line { height:2px; background:rgba(255,255,255,.06); border-radius:99px; margin-top:11px; overflow:hidden; }
.floating-node .line span { display:block; height:100%; width:68%; background:linear-gradient(90deg,var(--blue),var(--cyan)); }
.node-btc { top:18px; inset-inline-start:0; animation-delay:-1.2s; }
.node-eur { bottom:0; inset-inline-end:0; animation-delay:-2.3s; }
@keyframes nodeFloat { from { transform:translateY(0); } to { transform:translateY(-9px); } }
.telegram-pulse { position:absolute; right:4px; bottom:84px; z-index:7; width:178px; border-radius:18px; padding:14px 14px 13px; border:1px solid rgba(49,230,255,.24); background:linear-gradient(160deg, rgba(15,28,41,.92), rgba(8,18,28,.92)); box-shadow:0 18px 60px rgba(0,0,0,.45), 0 0 32px rgba(49,230,255,.08); }
[dir="rtl"] .telegram-pulse { right:auto; left:4px; }
.telegram-pulse .tg-head { display:flex; align-items:center; gap:8px; color:var(--cyan); font-size:10px; margin-bottom:8px; }
.telegram-pulse .tg-dot { width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 10px rgba(49,230,255,.8); }
.telegram-pulse p { margin:0; color:var(--text-2); font-size:10.5px; line-height:1.6; }
.flow-line { position:absolute; width:170px; height:1px; background:linear-gradient(90deg, transparent, var(--cyan), transparent); opacity:.25; right:112px; bottom:174px; transform:rotate(18deg); transform-origin:right center; z-index:3; animation:flowPulse 2.8s ease-in-out infinite; }
[dir="rtl"] .flow-line { right:auto; left:112px; transform:rotate(-18deg); transform-origin:left center; }
@keyframes flowPulse { 50% { opacity:.75; filter:drop-shadow(0 0 6px var(--cyan)); } }

.section-head { max-width:760px; margin-bottom:42px; }
.section-head.center { margin-inline:auto; text-align:center; }
.kicker { display:flex; align-items:center; gap:9px; color:var(--cyan); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; margin-bottom:14px; }
.kicker::before { content:""; width:22px; height:1px; background:var(--cyan); opacity:.6; }
.section-head h2 { font-size:clamp(34px,4.8vw,62px); line-height:1.08; letter-spacing:-.035em; margin:0; }
[dir="rtl"] .section-head h2 { line-height:1.2; letter-spacing:-.02em; }
.section-head p { margin:17px 0 0; color:var(--text-2); line-height:1.85; font-size:17px; }

.intelligence-stage { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr); gap:22px; align-items:stretch; }
.intel-canvas { min-height:570px; padding:28px; position:relative; overflow:hidden; }
.intel-canvas::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(49,230,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(49,230,255,.045) 1px, transparent 1px); background-size:38px 38px; mask-image:linear-gradient(to bottom, #000, transparent); }
.intel-topline { position:relative; display:flex; justify-content:space-between; align-items:center; gap:15px; z-index:2; }
.system-label { color:var(--text-2); font-size:12px; }
.live-chip { display:flex; align-items:center; gap:7px; color:var(--emerald); font-size:11px; }
.live-chip i { width:6px; height:6px; border-radius:50%; background:var(--emerald); box-shadow:0 0 11px rgba(60,242,165,.7); }
.intel-score { position:relative; z-index:2; display:flex; align-items:baseline; gap:10px; margin-top:56px; }
.intel-score strong { font-size:100px; letter-spacing:-.07em; line-height:.8; }
.intel-score span { color:var(--muted); font-size:16px; }
.intel-summary { position:relative; z-index:2; margin-top:34px; width:min(100%,620px); }
.intel-summary h3 { font-size:21px; margin:0 0 9px; }
.intel-summary p { color:var(--text-2); line-height:1.8; margin:0; }
.factor-grid { position:relative; z-index:2; display:grid; grid-template-columns:1fr 1fr; gap:11px; margin-top:28px; }
.factor { border:1px solid var(--line); border-radius:13px; padding:14px; background:rgba(5,9,15,.5); }
.factor small { color:var(--muted); display:block; margin-bottom:7px; }
.factor span { font-size:13px; line-height:1.5; }
.intel-side { display:grid; gap:22px; }
.data-card { padding:23px; }
.data-card h3 { margin:0 0 17px; font-size:15px; }
.status-table { display:grid; gap:12px; }
.status-row { display:flex; justify-content:space-between; gap:14px; padding-bottom:11px; border-bottom:1px solid rgba(255,255,255,.05); }
.status-row:last-child { border-bottom:0; padding-bottom:0; }
.status-row span { color:var(--muted); font-size:12px; }
.status-row strong { font-size:12px; }
.status-good { color:var(--emerald); }
.status-watch { color:var(--amber); }
.status-tech { color:var(--cyan); }

.change-flow { display:grid; grid-template-columns:1fr 72px 1fr; align-items:center; gap:10px; }
.change-state { padding:22px; min-height:190px; }
.change-state small { color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.change-state strong { display:block; font-size:31px; margin:18px 0 7px; }
.change-state p { margin:0; color:var(--text-2); font-size:13px; line-height:1.6; }
.change-arrow { display:grid; place-items:center; position:relative; color:var(--cyan); }
.change-arrow::before { content:""; position:absolute; width:66px; height:1px; background:linear-gradient(90deg, transparent, var(--cyan), transparent); opacity:.45; }
.change-arrow span { width:28px; height:28px; display:grid; place-items:center; border-radius:50%; border:1px solid var(--line-strong); background:var(--bg); z-index:2; box-shadow:var(--glow-cyan); }

.market-tabs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.market-tab { border:1px solid var(--line); background:rgba(255,255,255,.018); color:var(--text-2); border-radius:11px; padding:9px 13px; cursor:pointer; transition:.2s ease; }
.market-tab[aria-selected="true"] { color:#fff; border-color:var(--line-strong); background:rgba(49,230,255,.055); box-shadow:var(--glow-cyan); }
.market-board { padding:28px; }
.market-board-head { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; }
.market-board h3 { font-size:30px; margin:0; }
.market-board .market-sub { color:var(--muted); margin-top:5px; font-size:12px; }
.state-badge { border:1px solid rgba(60,242,165,.2); background:rgba(60,242,165,.05); color:var(--emerald); border-radius:10px; padding:8px 10px; font-size:11px; }
.market-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:28px; }
.mini-metric { border:1px solid rgba(255,255,255,.055); background:rgba(0,0,0,.16); border-radius:12px; padding:15px; }
.mini-metric small { color:var(--muted); display:block; font-size:10px; margin-bottom:7px; }
.mini-metric strong { font-size:14px; }
.waveform { height:150px; margin-top:27px; position:relative; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:linear-gradient(180deg, rgba(49,230,255,.015), transparent); overflow:hidden; }
.waveform svg { width:100%; height:100%; }
.wave-line { fill:none; stroke:url(#waveGradient); stroke-width:2; vector-effect:non-scaling-stroke; filter:drop-shadow(0 0 4px rgba(49,230,255,.25)); }
.wave-grid { stroke:rgba(255,255,255,.045); stroke-width:1; }

.timeline { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; position:relative; }
.timeline::before { content:""; position:absolute; top:31px; left:9%; right:9%; height:1px; background:linear-gradient(90deg, rgba(49,230,255,.1), rgba(49,230,255,.35), rgba(102,133,255,.16)); }
.timeline-step { position:relative; z-index:2; padding:0 9px; text-align:center; }
.timeline-dot { margin:20px auto 22px; width:22px; height:22px; border-radius:50%; border:1px solid var(--line-strong); background:var(--bg); box-shadow:0 0 16px rgba(49,230,255,.12); display:grid; place-items:center; }
.timeline-dot::after { content:""; width:5px; height:5px; border-radius:50%; background:var(--cyan); box-shadow:0 0 8px rgba(49,230,255,.8); }
.timeline-step h3 { margin:0 0 8px; font-size:14px; }
.timeline-step p { margin:0; color:var(--muted); line-height:1.55; font-size:11px; }

.tool-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:16px; }
.tool-card { grid-column:span 3; padding:20px; min-height:170px; display:flex; flex-direction:column; justify-content:space-between; }
.tool-card.featured { grid-column:span 6; min-height:260px; }
.tool-card .tool-index { color:var(--cyan); font-size:10px; letter-spacing:.1em; }
.tool-card h3 { margin:18px 0 8px; font-size:18px; }
.tool-card p { margin:0; color:var(--muted); line-height:1.65; font-size:12px; }
.tool-card.featured h3 { font-size:27px; }
.tool-visual { height:70px; margin-top:20px; display:flex; align-items:flex-end; gap:5px; }
.tool-visual i { flex:1; border-radius:4px 4px 1px 1px; background:linear-gradient(to top, rgba(49,230,255,.06), rgba(49,230,255,.46)); min-height:8px; box-shadow:0 0 10px rgba(49,230,255,.06); }

.telegram-layout { display:grid; grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr); gap:26px; align-items:center; }
.telegram-copy .section-head { margin-bottom:22px; }
.chat-shell { padding:16px; border-radius:30px; max-width:610px; margin-inline:auto; position:relative; background:linear-gradient(160deg,rgba(11,20,31,.96),rgba(5,10,16,.94)); }
.chat-top { height:54px; display:flex; align-items:center; gap:11px; border-bottom:1px solid var(--line); padding:0 8px 12px; }
.chat-avatar { width:34px; height:34px; border-radius:50%; border:1px solid rgba(215,181,109,.25); display:grid; place-items:center; font-size:10px; color:var(--gold); }
.chat-top strong { display:block; font-size:13px; }
.chat-top small { color:var(--emerald); font-size:10px; }
.chat-feed { display:grid; gap:10px; padding:18px 6px 8px; min-height:430px; }
.msg { max-width:87%; padding:13px 15px; border-radius:16px; background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.055); color:var(--text-2); font-size:12px; line-height:1.7; opacity:.42; transform:translateY(5px); transition:opacity .45s ease, transform .45s ease, border-color .45s ease; }
.msg.active { opacity:1; transform:none; border-color:rgba(49,230,255,.16); }
.msg.user { justify-self:end; background:rgba(49,230,255,.06); color:#d9f8ff; }
[dir="rtl"] .msg.user { justify-self:start; }
.msg strong { color:#fff; display:block; margin-bottom:5px; }
.msg .inline-score { color:var(--cyan); font-size:20px; font-weight:800; }
.chat-compose { height:44px; border:1px solid var(--line); border-radius:14px; display:flex; align-items:center; padding:0 13px; color:var(--muted); font-size:11px; background:rgba(0,0,0,.18); }

.steps { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; counter-reset:step; }
.step-card { padding:22px; min-height:210px; }
.step-num { color:var(--cyan); font-size:11px; letter-spacing:.08em; }
.step-card h3 { margin:46px 0 10px; font-size:20px; }
.step-card p { margin:0; color:var(--muted); line-height:1.7; font-size:13px; }

.principles { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
.principle { padding:20px; min-height:180px; }
.principle .symbol { width:34px; height:34px; display:grid; place-items:center; border-radius:11px; border:1px solid var(--line); color:var(--cyan); margin-bottom:34px; }
.principle h3 { margin:0 0 8px; font-size:16px; }
.principle p { margin:0; color:var(--muted); line-height:1.65; font-size:12px; }

.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; align-items:stretch; }
.price-card { padding:26px; display:flex; flex-direction:column; min-height:410px; }
.price-card.highlight { border-color:rgba(49,230,255,.27); box-shadow:var(--shadow-lg), 0 0 52px rgba(49,230,255,.07); transform:translateY(-6px); }
.price-card .plan-tag { color:var(--cyan); font-size:11px; text-transform:uppercase; letter-spacing:.1em; }
.price-card h3 { font-size:27px; margin:18px 0 5px; }
.price-card .duration { color:var(--muted); font-size:12px; }
.price-block { margin:28px 0 22px; min-height:56px; }
.price-value { font-size:38px; font-weight:800; letter-spacing:-.04em; }
.price-note { color:var(--muted); font-size:11px; line-height:1.6; }
.price-features { list-style:none; padding:0; margin:0 0 26px; display:grid; gap:11px; color:var(--text-2); font-size:12px; }
.price-features li { display:flex; gap:8px; align-items:flex-start; }
.price-features li::before { content:""; width:5px; height:5px; border-radius:50%; background:var(--emerald); margin-top:7px; flex:0 0 auto; box-shadow:0 0 8px rgba(60,242,165,.5); }
.price-card .btn { margin-top:auto; width:100%; }
.pricing-note { margin-top:18px; color:var(--muted); font-size:11px; text-align:center; line-height:1.7; }

.faq-list { max-width:900px; margin-inline:auto; display:grid; gap:9px; }
.faq-item { border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.018); overflow:hidden; }
.faq-question { width:100%; display:flex; justify-content:space-between; align-items:center; gap:18px; padding:18px 20px; background:none; border:0; color:#fff; text-align:inherit; cursor:pointer; font-weight:700; }
.faq-question span:last-child { color:var(--cyan); font-size:21px; transition:transform .25s var(--ease); }
.faq-item.open .faq-question span:last-child { transform:rotate(45deg); }
.faq-answer { display:grid; grid-template-rows:0fr; transition:grid-template-rows .3s var(--ease); }
.faq-item.open .faq-answer { grid-template-rows:1fr; }
.faq-answer > div { overflow:hidden; }
.faq-answer p { color:var(--text-2); line-height:1.8; padding:0 20px 18px; margin:0; font-size:14px; }

.final-cta { padding:70px; text-align:center; position:relative; overflow:hidden; }
.final-cta::before { content:""; position:absolute; inset:-140px 0 auto; margin:auto; width:600px; height:330px; background:radial-gradient(circle, rgba(49,230,255,.12), transparent 68%); filter:blur(20px); }
.final-cta .inner { position:relative; z-index:2; max-width:760px; margin:auto; }
.final-cta h2 { font-size:clamp(36px,5vw,68px); margin:0; line-height:1.1; }
[dir="rtl"] .final-cta h2 { line-height:1.2; }
.final-cta p { color:var(--text-2); line-height:1.8; margin:16px auto 0; max-width:620px; }
.final-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:11px; margin-top:27px; }

.footer { border-top:1px solid var(--line); padding:60px 0 26px; background:rgba(3,5,8,.48); }
.footer-grid { display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:28px; }
.footer-brand p { color:var(--muted); max-width:360px; line-height:1.75; font-size:12px; }
.footer-col h3 { font-size:12px; margin:0 0 14px; color:#fff; }
.footer-col a { display:block; color:var(--muted); font-size:12px; padding:5px 0; }
.footer-col a:hover { color:var(--cyan); }
.footer-bottom { margin-top:42px; padding-top:22px; border-top:1px solid rgba(255,255,255,.045); display:flex; justify-content:space-between; gap:20px; color:var(--muted); font-size:10px; line-height:1.6; }

.subhero { padding:86px 0 52px; }
.subhero .section-head { margin-bottom:0; max-width:880px; }
.breadcrumb { color:var(--muted); font-size:11px; margin-bottom:20px; }
.breadcrumb a:hover { color:var(--cyan); }
.content-grid { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:26px; }
.prose-card { padding:30px; }
.prose-card h2 { margin:0 0 15px; font-size:28px; }
.prose-card h3 { margin:28px 0 10px; font-size:18px; }
.prose-card p, .prose-card li { color:var(--text-2); line-height:1.9; font-size:14px; }
.prose-card ul { padding-inline-start:20px; }
.side-nav { padding:18px; height:max-content; position:sticky; top:98px; }
.side-nav a { display:block; padding:10px 11px; color:var(--muted); border-radius:10px; font-size:12px; }
.side-nav a:hover { background:rgba(255,255,255,.03); color:#fff; }

.contact-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.contact-card { padding:26px; }
.contact-card h3 { margin:0 0 10px; font-size:20px; }
.contact-card p { color:var(--muted); line-height:1.7; font-size:13px; }
.contact-card .link-line { margin-top:20px; color:var(--cyan); font-weight:700; font-size:13px; }

.payment-state { min-height:70vh; display:grid; place-items:center; padding:70px 0; }
.state-card { width:min(100%,680px); padding:38px; text-align:center; }
.state-icon { width:58px; height:58px; margin:0 auto 20px; display:grid; place-items:center; border-radius:18px; border:1px solid var(--line-strong); color:var(--cyan); font-size:24px; box-shadow:var(--glow-cyan); }
.state-card h1 { font-size:38px; margin:0; }
.state-card p { color:var(--text-2); line-height:1.8; }

.notice { border:1px solid rgba(244,201,107,.15); background:rgba(244,201,107,.035); color:#e5d4a9; border-radius:13px; padding:14px 16px; font-size:12px; line-height:1.7; }
.demo-label { color:var(--muted); font-size:10px; line-height:1.6; margin-top:14px; }

.reveal { opacity:0; transform:translateY(18px); transition:opacity .75s var(--ease), transform .75s var(--ease); }
.reveal.visible { opacity:1; transform:none; }

@media (max-width: 1080px) {
  .nav-links { display:none; }
  .mobile-menu-btn { display:grid; place-items:center; }
  .hero-grid { grid-template-columns:1fr; gap:24px; }
  .hero-copy { max-width:820px; }
  .hero-system { min-height:570px; }
  .intelligence-stage, .telegram-layout { grid-template-columns:1fr; }
  .intel-side { grid-template-columns:1fr 1fr; }
  .principles { grid-template-columns:repeat(3,1fr); }
  .principle:nth-child(4), .principle:nth-child(5) { grid-column:span 1; }
  .tool-card { grid-column:span 4; }
  .tool-card.featured { grid-column:span 6; }
  .content-grid { grid-template-columns:1fr; }
  .side-nav { position:static; }
}

@media (max-width: 760px) {
  :root { --nav-h:68px; }
  .container, .nav { width:min(calc(100% - 28px), var(--container)); }
  .section { padding:78px 0; }
  .section.tight { padding:58px 0; }
  .nav-actions .btn { display:none; }
  .brand-copy small { display:none; }
  .hero { min-height:auto; padding:54px 0 60px; }
  .hero h1 { font-size:clamp(42px,13vw,63px); }
  .hero-lead { font-size:16px; }
  .hero-actions { display:grid; grid-template-columns:1fr; }
  .hero-actions .btn { width:100%; }
  .hero-system { min-height:500px; margin-top:15px; }
  .system-core { height:460px; }
  .orbit.o1 { width:430px; height:430px; }
  .orbit.o2 { width:340px; height:340px; }
  .orbit.o3 { width:245px; height:245px; }
  .hero-main-card { inset:58px 20px 46px; padding:18px; }
  .score-row { grid-template-columns:120px 1fr; gap:14px; }
  .score-gauge { width:116px; height:116px; }
  .score-gauge svg { width:116px; height:116px; }
  .score-value strong { font-size:32px; }
  .floating-node { width:130px; padding:11px; }
  .node-btc { top:0; inset-inline-start:4px; }
  .node-eur { bottom:4px; inset-inline-end:4px; }
  .telegram-pulse { width:150px; bottom:60px; right:0; }
  [dir="rtl"] .telegram-pulse { right:auto; left:0; }
  .flow-line { display:none; }
  .section-head h2 { font-size:39px; }
  .section-head p { font-size:15px; }
  .intel-canvas { min-height:520px; padding:20px; }
  .intel-score strong { font-size:80px; }
  .factor-grid { grid-template-columns:1fr; }
  .intel-side { grid-template-columns:1fr; }
  .change-flow { grid-template-columns:1fr; }
  .change-arrow { height:50px; transform:rotate(90deg); }
  .market-metrics { grid-template-columns:1fr 1fr; }
  .timeline { grid-template-columns:1fr; gap:0; }
  .timeline::before { left:auto; right:20px; top:20px; bottom:20px; width:1px; height:auto; background:linear-gradient(to bottom, rgba(49,230,255,.1),rgba(49,230,255,.35),rgba(102,133,255,.15)); }
  [dir="ltr"] .timeline::before { left:20px; right:auto; }
  .timeline-step { text-align:inherit; display:grid; grid-template-columns:45px 1fr; align-items:start; padding:7px 0; }
  .timeline-dot { grid-row:1 / span 2; margin:0 auto; }
  .timeline-step h3 { margin:0 0 6px; }
  .tool-grid { grid-template-columns:1fr; }
  .tool-card, .tool-card.featured { grid-column:1; min-height:170px; }
  .steps { grid-template-columns:1fr 1fr; }
  .principles { grid-template-columns:1fr 1fr; }
  .pricing-grid { grid-template-columns:1fr; }
  .price-card.highlight { transform:none; }
  .final-cta { padding:42px 20px; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-brand { grid-column:1 / -1; }
  .footer-bottom { flex-direction:column; }
  .contact-grid { grid-template-columns:1fr; }
  .prose-card { padding:22px; }
}

@media (max-width: 470px) {
  .steps, .principles { grid-template-columns:1fr; }
  .hero-system { min-height:475px; }
  .hero-main-card { inset:54px 8px 50px; }
  .floating-node { width:118px; }
  .telegram-pulse { width:142px; }
  .card-top { gap:8px; }
  .preview-badge { display:none; }
  .market-board { padding:20px; }
  .market-metrics { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.001ms !important; }
  .pointer-glow { display:none; }
  .reveal { opacity:1; transform:none; }
}

/* =========================================================
   SGR Website v2 — brand, trust, trial and mobile refinement
   ========================================================= */
.brand-logo {
  width: 40px;
  height: 40px;
  object-fit: contain;
  flex: 0 0 auto;
  filter: drop-shadow(0 0 12px rgba(215,181,109,.22));
}
.hero-brand-sigil {
  position: absolute;
  top: 8px;
  left: 50%;
  width: 86px;
  height: 86px;
  transform: translateX(-50%);
  opacity: .44;
  pointer-events: none;
  filter: drop-shadow(0 0 20px rgba(215,181,109,.22));
  z-index: 2;
}
[dir="rtl"] .hero-brand-sigil { left: 50%; }
.mobile-menu-trial {
  border: 1px solid rgba(215,181,109,.26);
  color: #f5ddb0 !important;
  background: linear-gradient(135deg, rgba(215,181,109,.10), rgba(49,230,255,.035));
}

.trial-section { padding-top: 86px; padding-bottom: 86px; }
.trial-card {
  padding: 34px;
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(420px,.95fr);
  gap: 34px;
  align-items: center;
  border-color: rgba(215,181,109,.22);
  background:
    radial-gradient(circle at 15% 0%, rgba(215,181,109,.10), transparent 30%),
    linear-gradient(145deg, rgba(16,24,32,.90), rgba(7,13,20,.86));
  overflow: hidden;
}
.trial-copy h2 { font-size: clamp(34px,4vw,56px); line-height:1.12; margin: 0 0 16px; }
.trial-copy p { color: var(--text-2); line-height: 1.9; font-size: 17px; max-width: 700px; }
.trial-badges { display:flex; flex-wrap:wrap; gap:8px; margin:22px 0; }
.trial-badges span {
  border:1px solid rgba(215,181,109,.2);
  background:rgba(215,181,109,.055);
  color:#ead5a6;
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
}
.trial-btn { margin-top: 4px; }
.trial-note { display:block; color:var(--muted); line-height:1.7; margin-top:14px; }
.trial-steps { display:grid; gap:12px; }
.trial-steps > div {
  position:relative;
  display:grid;
  grid-template-columns:58px 1fr;
  gap:4px 14px;
  align-items:center;
  padding:17px 18px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.018);
}
.trial-steps b { grid-row:1 / span 2; font-size:19px; color:var(--gold); font-variant-numeric: tabular-nums; }
.trial-steps strong { font-size:15px; }
.trial-steps span { color:var(--muted); font-size:12px; line-height:1.55; }

.trust-payment-grid { display:grid; grid-template-columns:1.12fr .88fr; gap:18px; }
.payment-trust-card, .credential-card { padding:28px; min-height:100%; }
.trust-card-head { display:flex; gap:14px; align-items:center; margin-bottom:18px; }
.trust-icon {
  width:46px; height:46px; border-radius:14px; display:grid; place-items:center;
  color:var(--cyan); border:1px solid rgba(49,230,255,.2); background:rgba(49,230,255,.035);
  font-size:22px; box-shadow:var(--glow-cyan);
}
.trust-card-head small, .credential-card small, .pricing-payment-strip small { color:var(--cyan); letter-spacing:.09em; font-size:10px; }
.trust-card-head h3, .credential-card h3 { margin:4px 0 0; font-size:24px; }
.payment-trust-card > p, .credential-card p { color:var(--text-2); line-height:1.8; }
.payment-logos { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:22px 0 14px; }
.payment-logos > span {
  min-width:112px; height:58px; display:grid; place-items:center;
  border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.94);
  padding:8px 12px;
}
.payment-logos img { max-width:88px; max-height:36px; width:auto; height:auto; display:block; }
.trust-footnote { color:var(--muted); line-height:1.65; }
.credential-card { display:grid; grid-template-columns:88px 1fr; gap:22px; align-items:center; border-color:rgba(215,181,109,.22); }
.credential-seal {
  width:82px; height:82px; border-radius:24px; display:grid; place-items:center;
  border:1px solid rgba(215,181,109,.3);
  background:linear-gradient(145deg, rgba(215,181,109,.12), rgba(215,181,109,.03));
  box-shadow:inset 0 0 26px rgba(215,181,109,.08), 0 0 30px rgba(215,181,109,.06);
}
.credential-seal span { color:#f1d899; font-size:34px; }
.credential-card a { display:inline-flex; margin-top:8px; color:#e7cf9a; font-size:13px; }

.footer-trust {
  display:grid; grid-template-columns:repeat(3,1fr); gap:10px;
  padding:0 0 24px; margin-bottom:28px; border-bottom:1px solid var(--line);
}
.footer-trust-item {
  display:flex; gap:10px; align-items:center; padding:12px 13px;
  border:1px solid rgba(159,198,224,.10); border-radius:14px; background:rgba(255,255,255,.015);
}
.footer-trust-item > span:last-child { display:grid; gap:2px; }
.footer-trust-item strong { font-size:12px; font-weight:700; }
.footer-trust-item small { color:var(--muted); font-size:10px; line-height:1.45; }
.trust-symbol {
  width:32px; height:32px; border-radius:10px; display:grid; place-items:center; flex:0 0 auto;
  color:var(--gold); border:1px solid rgba(215,181,109,.18); background:rgba(215,181,109,.04); font-size:12px;
}

.pricing-trial-banner {
  padding:24px 26px; display:flex; align-items:center; justify-content:space-between; gap:22px;
  border-color:rgba(215,181,109,.22);
  background:linear-gradient(135deg, rgba(215,181,109,.07), rgba(49,230,255,.025));
}
.pricing-trial-banner h2 { margin:6px 0 7px; font-size:28px; }
.pricing-trial-banner p { margin:0; color:var(--text-2); }
.trial-mini { color:var(--gold); font-size:10px; letter-spacing:.12em; font-weight:700; }
.pricing-payment-strip {
  padding:24px; display:grid; grid-template-columns:minmax(210px,.75fr) minmax(360px,1.2fr) minmax(230px,.75fr); gap:20px; align-items:center;
}
.pricing-payment-strip > div:first-child { display:grid; gap:5px; }
.pricing-payment-strip > div:first-child strong { font-size:17px; }
.pricing-payment-strip > div:first-child span { color:var(--muted); font-size:11px; line-height:1.55; }
.payment-logos.compact { margin:0; flex-wrap:nowrap; justify-content:center; }
.payment-logos.compact > span { min-width:76px; height:48px; padding:7px 9px; }
.payment-logos.compact img { max-width:72px; max-height:30px; }
.credential-inline { display:flex; align-items:center; gap:10px; border-inline-start:1px solid var(--line); padding-inline-start:18px; }
.credential-inline i { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; color:var(--gold); border:1px solid rgba(215,181,109,.2); font-style:normal; }
.credential-inline span { display:grid; gap:2px; }
.credential-inline strong { font-size:12px; }
.credential-inline small { color:var(--muted); letter-spacing:0; font-size:10px; }

.mobile-cta-bar { display:none; }

/* stronger focus visibility */
a:focus-visible, button:focus-visible {
  outline:2px solid rgba(49,230,255,.92);
  outline-offset:3px;
}

@media (max-width: 1080px) {
  .trial-card { grid-template-columns:1fr; }
  .trial-steps { grid-template-columns:repeat(3,1fr); }
  .trial-steps > div { grid-template-columns:1fr; text-align:center; }
  .trial-steps b { grid-row:auto; }
  .trust-payment-grid { grid-template-columns:1fr; }
  .pricing-payment-strip { grid-template-columns:1fr; text-align:center; }
  .payment-logos.compact { justify-content:center; }
  .credential-inline { border-inline-start:0; border-top:1px solid var(--line); padding-inline-start:0; padding-top:18px; justify-content:center; }
}

@media (max-width: 760px) {
  body { padding-bottom: 78px; }
  .nav-wrap { height:64px; }
  :root { --nav-h:64px; }
  .container, .nav { width:min(calc(100% - 24px), var(--container)); }
  .nav { gap:10px; }
  .brand { gap:8px; }
  .brand-logo { width:34px; height:34px; }
  .brand-copy strong { font-size:13px; }
  .nav-actions { gap:6px; }
  .lang-switch { padding:8px 9px; font-size:11px; }
  .mobile-menu-btn { width:38px; height:38px; }
  .mobile-menu { inset:70px 12px auto 12px; max-height:calc(100dvh - 92px); overflow:auto; }

  .section { padding:64px 0; }
  .section.tight { padding:48px 0; }
  .hero { padding:34px 0 48px; }
  .hero-grid { gap:18px; }
  .hero-copy { text-align:start; }
  .eyebrow { margin-bottom:16px; font-size:10px; }
  .hero h1 { font-size:clamp(38px,11.6vw,51px); line-height:1.12; letter-spacing:-.02em; }
  [dir="rtl"] .hero h1 { line-height:1.22; }
  .hero-lead { margin-top:16px; font-size:15px; line-height:1.75; }
  .hero-actions { margin-top:22px; gap:9px; }
  .hero-actions .btn { min-height:50px; }
  .hero-meta {
    margin-top:18px; flex-wrap:nowrap; overflow-x:auto; padding-bottom:5px;
    scrollbar-width:none; -webkit-overflow-scrolling:touch;
    mask-image:linear-gradient(to left, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
  }
  .hero-meta::-webkit-scrollbar { display:none; }
  .meta-pill { flex:0 0 auto; white-space:nowrap; }

  /* Mobile hero is intentionally a composed card, not a compressed desktop orbit. */
  .hero-system { min-height:auto; margin-top:4px; display:block; perspective:none; }
  .orbit, .floating-node, .flow-line { display:none !important; }
  .system-core { width:100%; height:auto; transform:none; display:grid; gap:0; }
  .hero-brand-sigil { width:66px; height:66px; top:-20px; opacity:.26; z-index:1; }
  .hero-main-card {
    position:relative; inset:auto; width:100%; padding:18px; margin:22px 0 0;
    animation:none; transform:none; z-index:3; border-radius:22px;
  }
  .score-row { grid-template-columns:96px 1fr; gap:12px; align-items:center; }
  .score-gauge, .score-gauge svg { width:94px; height:94px; }
  .score-value strong { font-size:28px; }
  .metric { padding:7px 0; }
  .metric span, .metric strong { font-size:10px; }
  .change-panel { margin-top:13px; padding:12px; }
  .change-head { align-items:flex-start; gap:6px; }
  .change-head strong { font-size:8px; }
  .change-item { font-size:10px; line-height:1.55; }
  .telegram-pulse {
    position:relative; inset:auto !important; width:calc(100% - 26px); margin:-10px auto 0;
    border-radius:0 0 18px 18px; z-index:2; padding:13px 14px;
  }
  .telegram-pulse p { font-size:10px; }

  .section-head { margin-bottom:28px; }
  .section-head h2 { font-size:clamp(30px,9vw,38px); line-height:1.22; }
  .section-head p { font-size:14px; line-height:1.8; }
  .intelligence-stage { gap:12px; }
  .intel-canvas { min-height:auto; padding:18px; }
  .intel-score strong { font-size:66px; }
  .factor { padding:14px; }
  .data-card { padding:18px; }
  .market-tabs { overflow-x:auto; flex-wrap:nowrap; padding-bottom:5px; scrollbar-width:none; }
  .market-tabs::-webkit-scrollbar { display:none; }
  .market-tab { min-width:96px; flex:0 0 auto; min-height:44px; }
  .market-board { padding:18px; }
  .market-board-head { gap:10px; }
  .market-board h3 { font-size:24px; }
  .market-metrics { gap:8px; }
  .market-metric { padding:14px 10px; }

  .chat-shell { border-radius:22px; padding:12px; }
  .chat-feed { min-height:360px; }
  .msg { max-width:92%; font-size:12px; line-height:1.55; }
  .telegram-copy .btn { width:100%; min-height:50px; }

  .trial-section { padding:54px 0; }
  .trial-card { padding:22px; gap:22px; border-radius:22px; }
  .trial-copy h2 { font-size:32px; }
  .trial-copy p { font-size:14px; line-height:1.75; }
  .trial-badges { gap:6px; margin:16px 0; }
  .trial-badges span { font-size:10px; padding:7px 9px; }
  .trial-btn { width:100%; min-height:50px; }
  .trial-steps { grid-template-columns:1fr; gap:8px; }
  .trial-steps > div { grid-template-columns:46px 1fr; text-align:start; padding:14px; }
  .trial-steps b { grid-row:1 / span 2; }

  .trust-payment-grid { gap:12px; }
  .payment-trust-card, .credential-card { padding:20px; }
  .trust-card-head h3, .credential-card h3 { font-size:20px; }
  .payment-logos { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .payment-logos > span { min-width:0; width:100%; height:54px; }
  .credential-card { grid-template-columns:62px 1fr; gap:14px; }
  .credential-seal { width:58px; height:58px; border-radius:18px; }
  .credential-seal span { font-size:25px; }

  .pricing-trial-banner { padding:20px; display:grid; gap:16px; }
  .pricing-trial-banner h2 { font-size:24px; }
  .pricing-trial-banner .btn { width:100%; }
  .pricing-payment-strip { padding:20px; gap:16px; text-align:start; }
  .payment-logos.compact { display:grid; grid-template-columns:1fr 1fr; width:100%; }
  .payment-logos.compact > span { width:100%; }
  .credential-inline { justify-content:flex-start; }

  .footer { padding-bottom:28px; }
  .footer-trust { grid-template-columns:1fr; gap:7px; }
  .footer-trust-item { padding:10px 11px; }
  .footer-grid { gap:22px; }

  .mobile-cta-bar {
    position:fixed; z-index:130; left:10px; right:10px; bottom:max(8px, env(safe-area-inset-bottom));
    display:grid; grid-template-columns:1fr auto; gap:7px; padding:7px;
    border:1px solid rgba(159,198,224,.16); border-radius:18px;
    background:rgba(5,9,15,.90); backdrop-filter:blur(22px);
    box-shadow:0 16px 50px rgba(0,0,0,.45), 0 0 28px rgba(49,230,255,.055);
  }
  .mobile-cta-bar a { min-height:50px; border-radius:13px; display:flex; align-items:center; justify-content:center; }
  .mobile-cta-main {
    gap:7px; padding:0 14px; color:#031018;
    background:linear-gradient(135deg, #58ecff, #778fff); font-size:11px;
  }
  .mobile-cta-main strong { font-size:12px; }
  .mobile-cta-side { padding:0 14px; border:1px solid var(--line); color:#fff; font-size:11px; background:rgba(255,255,255,.025); }
}

@media (max-width: 470px) {
  .container, .nav { width:min(calc(100% - 20px), var(--container)); }
  .hero h1 { font-size:clamp(36px,11.4vw,46px); }
  .score-row { grid-template-columns:82px 1fr; }
  .score-gauge, .score-gauge svg { width:80px; height:80px; }
  .score-value strong { font-size:24px; }
  .metric-stack { gap:3px; }
  .card-top { align-items:flex-start; }
  .asset-orb { width:34px; height:34px; }
  .change-head { display:grid; }
  .payment-logos { grid-template-columns:1fr 1fr; }
  .credential-card { grid-template-columns:1fr; text-align:center; }
  .credential-seal { margin-inline:auto; }
  .footer-grid { grid-template-columns:1fr; }
  .mobile-cta-bar { left:7px; right:7px; }
  .mobile-cta-side { padding:0 11px; }
}

/* Prevent intrinsic grid content from widening the mobile composition. */
@media (max-width: 1080px) {
  .hero-grid { grid-template-columns:minmax(0,1fr); }
  .hero-grid > *, .hero-copy, .hero-system, .system-core { min-width:0; max-width:100%; width:100%; }
}
.payment-provider-line { margin:6px 0 10px; color:#d8c18d; font-size:11px; letter-spacing:.02em; }
@media (max-width: 760px) {
  body { padding-bottom:0; }
  body:has(.mobile-cta-bar) { padding-bottom:78px; }
}

/* v2.1 homepage refinement */
.landing-hero { min-height:auto; }
.landing-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.92fr); gap:34px; align-items:center; }
.landing-visual { position:relative; }
.shark-emblem-card {
  min-height:520px; display:grid; place-items:center; position:relative; overflow:hidden;
  border-color:rgba(215,181,109,.18);
  background:
    radial-gradient(circle at 50% 46%, rgba(215,181,109,.11), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
}
.shark-emblem-card::before, .shark-emblem-card::after {
  content:""; position:absolute; inset:18px; border-radius:28px; border:1px solid rgba(49,230,255,.08); pointer-events:none;
}
.shark-emblem-card::after { inset:38px; border-color:rgba(215,181,109,.12); }
.landing-logo { width:138px; height:138px; position:relative; z-index:3; filter:drop-shadow(0 0 24px rgba(215,181,109,.28)); }
.emblem-glow { position:absolute; width:240px; height:240px; border-radius:50%; background:radial-gradient(circle, rgba(215,181,109,.18), rgba(215,181,109,.04) 44%, transparent 70%); filter:blur(16px); }
.emblem-copy { display:grid; gap:4px; text-align:center; margin-top:18px; position:relative; z-index:3; }
.emblem-copy strong { font-size:28px; }
.emblem-copy small { color:var(--muted); letter-spacing:.32em; font-size:11px; }
.orbit-word {
  position:absolute; font-size:11px; letter-spacing:.28em; color:#d4c090; opacity:.84;
  padding:8px 11px; border:1px solid rgba(215,181,109,.18); border-radius:999px;
  background:rgba(5,7,11,.5); backdrop-filter:blur(8px); z-index:3;
}
.word-top { top:54px; left:50%; transform:translateX(-50%); }
.word-left { left:46px; top:50%; transform:translateY(-50%) rotate(-90deg); }
.word-right { right:42px; top:50%; transform:translateY(-50%) rotate(90deg); }
.word-bottom { bottom:58px; left:50%; transform:translateX(-50%); }
.shark-mini-row { position:absolute; bottom:98px; left:50%; transform:translateX(-50%); display:flex; gap:9px; flex-wrap:wrap; justify-content:center; width:84%; z-index:3; }
.shark-mini-row span {
  font-size:11px; color:#e7d4a9; padding:8px 12px; border-radius:999px;
  border:1px solid rgba(215,181,109,.16); background:rgba(255,255,255,.03);
}
.home-summary { padding-top:14px; }
.home-trust-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.home-trust-card { display:flex; gap:12px; align-items:center; padding:14px 16px; border-radius:18px; border:1px solid var(--line); background:rgba(255,255,255,.02); }
.home-trust-card small { color:var(--muted); display:block; margin-top:2px; }
.home-nav-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.home-nav-card { padding:22px; display:grid; gap:10px; text-decoration:none; min-height:176px; }
.home-nav-card small, .capability-card h3 + p { color:var(--muted); }
.home-nav-card small { letter-spacing:.16em; color:var(--cyan); font-size:10px; }
.home-nav-card h3 { margin:0; font-size:24px; }
.home-nav-card p { margin:0; color:var(--text-2); line-height:1.8; }
.capability-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.capability-card { padding:24px; }
.capability-card h3 { margin:0 0 12px; font-size:21px; }
.capability-card p { margin:0; color:var(--text-2); line-height:1.8; }
.trial-actions-inline { display:flex; gap:12px; flex-wrap:wrap; justify-content:flex-end; }
.price-block.actual-price { min-height:auto; display:flex; align-items:baseline; gap:10px; margin:22px 0 18px; }
.price-block.actual-price strong { font-size:46px; line-height:1; letter-spacing:-.04em; color:#fff; font-variant-numeric:tabular-nums; }
.price-block.actual-price span { font-size:18px; color:#dbc48f; font-weight:700; }
.payment-logos.payment-logos-dark > span,
.payment-logos > span,
.payment-logos.compact > span {
  background:rgba(255,255,255,.02); border-color:rgba(159,198,224,.14);
}
.payment-logos.payment-logos-dark img,
.payment-logos.compact img,
.payment-logos img { filter:none; }

@media (max-width: 1100px) {
  .landing-hero-grid, .home-nav-grid { grid-template-columns:1fr 1fr; }
  .capability-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width: 760px) {
  .landing-hero-grid, .home-trust-strip, .home-nav-grid, .capability-grid { grid-template-columns:1fr; }
  .shark-emblem-card { min-height:430px; }
  .word-left, .word-right { display:none; }
  .word-top { top:20px; }
  .word-bottom { bottom:26px; }
  .shark-mini-row { bottom:74px; width:90%; }
  .shark-mini-row span { flex:1 1 auto; text-align:center; }
  .emblem-copy strong { font-size:24px; }
  .trial-actions-inline { justify-content:stretch; }
  .trial-actions-inline .btn { width:100%; }
}

/* =========================================================
   SGR Website v2.2 — NEON SOVEREIGN DESIGN SYSTEM
   Full desktop + mobile refinement
   ========================================================= */
:root {
  --bg: #02050a;
  --bg-2: #050b14;
  --surface: #07101a;
  --surface-2: rgba(7, 17, 28, .76);
  --surface-3: rgba(4, 11, 19, .92);
  --text: #f7fbff;
  --text-2: #a8b7c9;
  --muted: #697b90;
  --cyan: #22efff;
  --cyan-2: #7bf8ff;
  --blue: #6675ff;
  --violet: #9368ff;
  --emerald: #3df2b0;
  --gold: #ddb75f;
  --gold-2: #ffe49d;
  --line: rgba(92, 211, 255, .13);
  --line-strong: rgba(34, 239, 255, .34);
  --line-gold: rgba(221, 183, 95, .24);
  --shadow-lg: 0 32px 90px rgba(0, 0, 0, .55);
  --glow-cyan: 0 0 22px rgba(34,239,255,.15), 0 0 58px rgba(34,239,255,.06);
  --glow-blue: 0 0 32px rgba(102,117,255,.13), 0 0 70px rgba(147,104,255,.05);
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 30px;
  --radius-xl: 40px;
  --container: 1280px;
  --nav-h: 82px;
}

html { background:#02050a; }
body {
  background:
    radial-gradient(900px 600px at 10% -5%, rgba(34,239,255,.10), transparent 56%),
    radial-gradient(820px 620px at 92% 8%, rgba(147,104,255,.08), transparent 58%),
    radial-gradient(720px 520px at 52% 80%, rgba(221,183,95,.035), transparent 64%),
    linear-gradient(180deg,#02050a 0%,#030812 48%,#010307 100%);
}

.page-shell { overflow:clip; }
.page-shell::before {
  opacity:.55;
  background-image:
    linear-gradient(rgba(34,239,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(34,239,255,.045) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.5) 55%,transparent 94%);
}
.page-shell::after {
  opacity:.33;
  background-image:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.55) .55px, transparent .9px),
    radial-gradient(circle at 70% 40%, rgba(34,239,255,.45) .65px, transparent 1px);
  background-size:25px 25px, 41px 41px;
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.55) 70%,transparent 100%);
}

.pointer-glow {
  width:560px;height:560px;
  background:radial-gradient(circle,rgba(34,239,255,.095),rgba(102,117,255,.035) 34%,transparent 70%);
  filter:blur(14px);
  mix-blend-mode:screen;
}

.container { width:min(calc(100% - 48px),var(--container)); }
.section { padding:96px 0; }
.section.tight { padding:66px 0; }
.section + .section::before {
  content:"";
  position:absolute;
  top:0; left:50%; transform:translateX(-50%);
  width:min(86%,1040px); height:1px;
  background:linear-gradient(90deg,transparent,rgba(34,239,255,.11),rgba(147,104,255,.09),transparent);
}

/* Navigation */
.nav-wrap {
  background:rgba(2,5,10,.58);
  backdrop-filter:blur(22px) saturate(145%);
  border-bottom:1px solid rgba(34,239,255,.07);
}
.nav-wrap::after {
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px;
  background:linear-gradient(90deg,transparent 6%,rgba(34,239,255,.42) 38%,rgba(147,104,255,.36) 62%,transparent 94%);
  opacity:.55;
}
.nav-wrap.scrolled { background:rgba(2,5,10,.9); border-color:rgba(34,239,255,.14); }
.brand-logo { width:44px; height:44px; filter:drop-shadow(0 0 12px rgba(221,183,95,.32)) drop-shadow(0 0 20px rgba(34,239,255,.08)); }
.brand-copy strong { font-size:15px; letter-spacing:.05em; }
.brand-copy small { color:#7d8ea4; letter-spacing:.18em; }
.nav-links { gap:10px; }
.nav-links a {
  position:relative; padding:11px 9px; border-radius:0; background:transparent !important;
  color:#9eabb9; transition:color .25s ease,text-shadow .25s ease;
}
.nav-links a::after {
  content:""; position:absolute; left:50%; right:50%; bottom:4px; height:1px;
  background:linear-gradient(90deg,var(--cyan),var(--violet));
  box-shadow:0 0 12px rgba(34,239,255,.6); transition:left .25s var(--ease),right .25s var(--ease);
}
.nav-links a:hover,.nav-links a:focus-visible { color:#fff; text-shadow:0 0 16px rgba(34,239,255,.25); }
.nav-links a:hover::after,.nav-links a:focus-visible::after { left:7px; right:7px; }
.lang-switch { border-color:rgba(34,239,255,.14); background:rgba(34,239,255,.025); }
.lang-switch:hover { color:#fff; border-color:rgba(34,239,255,.32); box-shadow:var(--glow-cyan); }
.mobile-menu-btn { border-color:rgba(34,239,255,.16); background:rgba(34,239,255,.03); }
.mobile-menu { border-color:rgba(34,239,255,.22); background:rgba(2,7,13,.97); box-shadow:0 22px 80px rgba(0,0,0,.7),0 0 50px rgba(34,239,255,.07); }
.mobile-menu a { border:1px solid transparent; }
.mobile-menu a:hover { border-color:rgba(34,239,255,.13); background:rgba(34,239,255,.045); }

/* Buttons */
.btn { position:relative; overflow:hidden; min-height:49px; border-radius:14px; }
.btn::before {
  content:""; position:absolute; inset:0; transform:translateX(-120%);
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.35) 49%,transparent 67%);
  transition:transform .7s var(--ease); pointer-events:none;
}
.btn:hover::before { transform:translateX(120%); }
.btn-primary {
  background:linear-gradient(115deg,#29e9ff 0%,#6d91ff 52%,#9168ff 100%);
  color:#02070d; border-color:rgba(255,255,255,.18);
  box-shadow:0 0 0 1px rgba(34,239,255,.06),0 14px 38px rgba(34,239,255,.16),0 0 38px rgba(102,117,255,.08),inset 0 1px rgba(255,255,255,.55);
}
.btn-primary:hover { transform:translateY(-3px); box-shadow:0 18px 46px rgba(34,239,255,.24),0 0 56px rgba(147,104,255,.13),inset 0 1px rgba(255,255,255,.65); }
.btn-secondary {
  border-color:rgba(34,239,255,.17); background:linear-gradient(180deg,rgba(10,22,34,.82),rgba(5,12,20,.78));
  box-shadow:inset 0 1px rgba(255,255,255,.03);
}
.btn-secondary:hover { border-color:rgba(34,239,255,.4); background:rgba(34,239,255,.055); box-shadow:0 0 28px rgba(34,239,255,.09); }

/* Global neon glass */
.glass-card {
  --mx:50%; --my:50%;
  border-color:rgba(84,194,231,.16);
  background:
    radial-gradient(340px circle at var(--mx) var(--my),rgba(34,239,255,.065),transparent 44%),
    linear-gradient(160deg,rgba(9,21,34,.92),rgba(4,11,18,.82));
  box-shadow:0 22px 70px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.035);
  transition:transform .35s var(--ease),border-color .35s ease,box-shadow .35s ease,background .35s ease;
}
.glass-card::before {
  background:
    radial-gradient(260px circle at var(--mx) var(--my),rgba(255,255,255,.05),transparent 60%),
    linear-gradient(120deg,rgba(34,239,255,.035),transparent 30%,transparent 68%,rgba(147,104,255,.045));
}
.glass-card::after {
  left:8%; right:8%;
  background:linear-gradient(90deg,transparent,rgba(34,239,255,.7),rgba(147,104,255,.35),transparent);
  opacity:.5;
}
@media (hover:hover) and (pointer:fine) {
  .glass-card:hover {
    border-color:rgba(34,239,255,.34);
    box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 42px rgba(34,239,255,.075),0 0 64px rgba(147,104,255,.035),inset 0 1px rgba(255,255,255,.055);
  }
}

/* Typography */
.eyebrow,.kicker { color:#63f4ff; text-shadow:0 0 15px rgba(34,239,255,.28); }
.eyebrow::before,.kicker::before { box-shadow:0 0 14px rgba(34,239,255,.45); }
.section-head { max-width:820px; margin-bottom:38px; }
.section-head h2 { font-size:clamp(34px,4vw,54px); line-height:1.16; }
[dir="rtl"] .section-head h2 { line-height:1.28; }
.section-head p { color:#93a4b7; font-size:16px; }

/* Homepage hero */
.landing-hero {
  min-height:calc(100svh - var(--nav-h));
  padding:72px 0 74px;
  isolation:isolate;
}
.landing-hero::after {
  content:""; position:absolute; inset:12% 2% auto 2%; height:70%; pointer-events:none; z-index:-1;
  background:
    radial-gradient(ellipse at 73% 38%,rgba(34,239,255,.075),transparent 36%),
    radial-gradient(ellipse at 22% 52%,rgba(147,104,255,.055),transparent 36%);
  filter:blur(14px);
}
.landing-hero-grid { grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr); gap:58px; }
.landing-hero .hero-copy { padding-block:16px; }
.landing-hero h1 { max-width:700px; font-size:clamp(46px,5vw,68px); line-height:1.12; }
[dir="rtl"] .landing-hero h1 { line-height:1.22; }
.landing-hero h1 .accent {
  background:linear-gradient(90deg,#7ffbff 0%,#59d9ff 35%,#7790ff 70%,#b48cff 100%);
  background-clip:text;-webkit-background-clip:text;
  filter:drop-shadow(0 0 16px rgba(34,239,255,.11));
}
.landing-hero .hero-lead { max-width:690px; font-size:18px; line-height:1.95; }
.hero-meta { gap:8px; }
.meta-pill { border-color:rgba(34,239,255,.13); background:rgba(3,10,17,.62); backdrop-filter:blur(10px); }

.shark-emblem-card {
  min-height:560px; border-radius:32px; isolation:isolate;
  background:
    radial-gradient(circle at 50% 45%,rgba(221,183,95,.10),transparent 20%),
    radial-gradient(circle at 50% 50%,rgba(34,239,255,.045),transparent 46%),
    linear-gradient(150deg,rgba(8,24,37,.94),rgba(3,10,17,.92));
  border-color:rgba(34,239,255,.18);
  box-shadow:0 38px 110px rgba(0,0,0,.58),0 0 65px rgba(34,239,255,.055),inset 0 0 80px rgba(34,239,255,.018);
}
.shark-emblem-card::before {
  inset:18px; border:1px solid rgba(34,239,255,.12); border-radius:25px;
  background:
    linear-gradient(rgba(34,239,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(34,239,255,.04) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:radial-gradient(circle at center,#000 25%,transparent 83%);
}
.shark-emblem-card::after { inset:37px; border-color:rgba(221,183,95,.13); border-radius:20px; }
.radar-ring { position:absolute; border-radius:50%; border:1px solid rgba(34,239,255,.09); z-index:1; pointer-events:none; }
.ring-a { width:390px;height:390px; animation:ringSpin 22s linear infinite; }
.ring-b { width:290px;height:290px; border-style:dashed; border-color:rgba(147,104,255,.11); animation:ringSpinReverse 17s linear infinite; }
.ring-c { width:190px;height:190px; border-color:rgba(221,183,95,.12); animation:ringPulse 4.2s ease-in-out infinite; }
.ring-a::before,.ring-b::before { content:""; position:absolute; width:8px;height:8px;border-radius:50%; background:var(--cyan); top:12%; left:18%; box-shadow:0 0 15px rgba(34,239,255,.9); }
.ring-b::before { background:var(--violet); top:auto; left:auto; right:6%; bottom:29%; box-shadow:0 0 15px rgba(147,104,255,.9); }
@keyframes ringSpin { to { transform:rotate(360deg); } }
@keyframes ringSpinReverse { to { transform:rotate(-360deg); } }
@keyframes ringPulse { 50% { transform:scale(1.045); opacity:.5; } }
.emblem-glow { width:280px;height:280px;background:radial-gradient(circle,rgba(221,183,95,.17),rgba(34,239,255,.035) 48%,transparent 70%);filter:blur(18px); }
.landing-logo { width:156px;height:156px; z-index:5; filter:drop-shadow(0 0 15px rgba(221,183,95,.55)) drop-shadow(0 0 30px rgba(34,239,255,.10)); }
.emblem-copy { z-index:5; margin-top:14px; }
.emblem-copy strong { font-size:30px; text-shadow:0 0 22px rgba(255,255,255,.10); }
.emblem-copy small { color:#75899c; letter-spacing:.36em; }
.neon-scanner { position:absolute; z-index:2; left:11%; right:11%; top:18%; height:1px; background:linear-gradient(90deg,transparent,var(--cyan),transparent); box-shadow:0 0 16px rgba(34,239,255,.6); opacity:.35; animation:scanner 5s ease-in-out infinite; }
@keyframes scanner { 0%,100% { transform:translateY(0); opacity:.18; } 50% { transform:translateY(350px); opacity:.55; } }
.orbit-shark { position:absolute; width:118px; z-index:4; opacity:.82; filter:drop-shadow(0 0 11px rgba(34,239,255,.24)); }
.shark-one { animation:sharkOrbitA 12s ease-in-out infinite; }
.shark-two { width:86px; opacity:.42; animation:sharkOrbitB 15s ease-in-out infinite; }
@keyframes sharkOrbitA {
  0%,100% { transform:translate(-180px,-125px) rotate(4deg) scale(.9); }
  25% { transform:translate(165px,-78px) rotate(10deg) scale(1); }
  50% { transform:translate(145px,125px) rotate(-7deg) scale(.92); }
  75% { transform:translate(-160px,112px) rotate(-11deg) scale(.82); }
}
@keyframes sharkOrbitB {
  0%,100% { transform:translate(120px,155px) rotate(180deg) scale(.8); }
  33% { transform:translate(-145px,80px) rotate(170deg) scale(.95); }
  66% { transform:translate(-55px,-160px) rotate(188deg) scale(.75); }
}
.orbit-word { border-color:rgba(221,183,95,.22); background:rgba(2,7,13,.78); color:#d6bb7b; box-shadow:0 0 20px rgba(221,183,95,.045); }
.word-top { top:38px; }
.word-bottom { bottom:40px; }
.hero-signal-panel { position:absolute; bottom:86px; left:50%; transform:translateX(-50%); display:flex; gap:8px; z-index:5; }
.hero-signal-panel span { min-width:78px; display:flex; justify-content:center; align-items:center; gap:7px; padding:7px 9px; border-radius:999px; border:1px solid rgba(34,239,255,.12); background:rgba(2,8,14,.72); color:#92a7b9; font-size:10px; }
.hero-signal-panel i { width:5px;height:5px;border-radius:50%;background:var(--emerald);box-shadow:0 0 8px rgba(61,242,176,.7); }

/* Homepage trust */
.home-summary { padding-top:4px; padding-bottom:44px; }
.home-trust-strip { gap:14px; }
.home-trust-card { position:relative; overflow:hidden; min-height:86px; border-color:rgba(34,239,255,.12); background:linear-gradient(145deg,rgba(8,20,31,.75),rgba(4,10,17,.72)); transition:transform .3s var(--ease),border-color .3s ease,box-shadow .3s ease; }
.home-trust-card::after { content:""; position:absolute; inset-inline-start:0; bottom:0; width:0;height:1px;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 14px rgba(34,239,255,.45);transition:width .35s var(--ease); }
@media (hover:hover) and (pointer:fine) {
  .home-trust-card:hover { transform:translateY(-4px); border-color:rgba(34,239,255,.28); box-shadow:0 18px 45px rgba(0,0,0,.3),0 0 24px rgba(34,239,255,.055); }
  .home-trust-card:hover::after { width:100%; }
}

/* Homepage navigation cards */
.home-nav-grid { gap:18px; }
.home-nav-card { min-height:190px; padding:25px; overflow:hidden; }
.home-nav-card::after { content:"↗"; position:absolute; top:21px; inset-inline-end:22px; color:var(--cyan); font-size:18px; opacity:.35; transition:transform .3s var(--ease),opacity .3s ease,text-shadow .3s ease; }
.home-nav-card h3 { font-size:25px; transition:color .3s ease,text-shadow .3s ease; }
.home-nav-card p { font-size:13px; line-height:1.8; }
@media (hover:hover) and (pointer:fine) {
  .home-nav-card:hover { transform:translateY(-8px) scale(1.008); }
  .home-nav-card:hover::after { transform:translate(3px,-3px); opacity:1; text-shadow:0 0 16px rgba(34,239,255,.8); }
  .home-nav-card:hover h3 { color:#fff; text-shadow:0 0 22px rgba(34,239,255,.12); }
}

.capability-grid { gap:16px; }
.capability-card { min-height:210px; padding:26px; }
.capability-card::after { content:""; position:absolute; inset-inline-start:22px; bottom:20px; width:38px; height:2px; background:linear-gradient(90deg,var(--cyan),var(--violet)); box-shadow:0 0 12px rgba(34,239,255,.35); }
.capability-card h3 { font-size:20px; }
@media (hover:hover) and (pointer:fine) { .capability-card:hover { transform:translateY(-6px); } }

/* Trust / payment */
.trust-section { background:linear-gradient(180deg,transparent,rgba(34,239,255,.012),transparent); }
.payment-trust-card,.credential-card { min-height:370px; padding:30px; }
.trust-icon { color:var(--cyan); border-color:rgba(34,239,255,.28); background:rgba(34,239,255,.045); box-shadow:0 0 28px rgba(34,239,255,.09); }
.credential-card { border-color:rgba(221,183,95,.20); }
.credential-seal { border-color:rgba(221,183,95,.32); background:radial-gradient(circle,rgba(221,183,95,.12),rgba(221,183,95,.025)); box-shadow:0 0 30px rgba(221,183,95,.07),inset 0 0 24px rgba(221,183,95,.06); }
.payment-logos { gap:11px; }
.payment-logos > span,.payment-logos.compact > span {
  min-width:105px; height:58px; border-color:rgba(34,239,255,.12); background:rgba(2,8,14,.58);
  box-shadow:inset 0 0 18px rgba(34,239,255,.012); transition:transform .25s var(--ease),border-color .25s ease,box-shadow .25s ease;
}
.payment-logos img { max-width:82px; max-height:31px; }
@media (hover:hover) and (pointer:fine) {
  .payment-logos > span:hover,.payment-logos.compact > span:hover { transform:translateY(-3px); border-color:rgba(34,239,255,.28); box-shadow:0 0 22px rgba(34,239,255,.05); }
}

/* Trial */
.trial-banner,.pricing-trial-banner {
  border-color:rgba(221,183,95,.22);
  background:
    radial-gradient(500px circle at 10% 20%,rgba(221,183,95,.055),transparent 50%),
    linear-gradient(145deg,rgba(11,22,32,.9),rgba(4,10,17,.84));
  box-shadow:0 28px 75px rgba(0,0,0,.4),0 0 42px rgba(221,183,95,.035);
}
.trial-mini { color:#f0ca75; text-shadow:0 0 15px rgba(221,183,95,.22); }

/* Pricing */
.pricing-grid { gap:18px; }
.price-card { min-height:430px; padding:28px; border-color:rgba(34,239,255,.13); }
.price-card .plan-tag { color:#61f5ff; text-shadow:0 0 12px rgba(34,239,255,.28); }
.price-card.highlight {
  transform:translateY(-8px);
  border-color:rgba(34,239,255,.36);
  background:
    radial-gradient(420px circle at 50% 0%,rgba(34,239,255,.075),transparent 45%),
    linear-gradient(160deg,rgba(10,26,39,.96),rgba(5,13,22,.92));
  box-shadow:0 34px 95px rgba(0,0,0,.52),0 0 52px rgba(34,239,255,.09),0 0 82px rgba(147,104,255,.035);
}
.actual-price { direction:ltr; justify-content:flex-start; }
[dir="rtl"] .actual-price { justify-content:flex-end; }
.price-block.actual-price strong { font-size:54px; color:#fff; text-shadow:0 0 18px rgba(255,255,255,.08); }
.riyal-mark { width:30px; height:34px; object-fit:contain; filter:invert(81%) sepia(46%) saturate(573%) hue-rotate(350deg) brightness(100%) contrast(95%) drop-shadow(0 0 9px rgba(221,183,95,.28)); }
.price-features li::marker { color:var(--emerald); }
.price-card .btn { margin-top:auto; }
@media (hover:hover) and (pointer:fine) {
  .price-card:hover { transform:translateY(-8px); border-color:rgba(34,239,255,.31); }
  .price-card.highlight:hover { transform:translateY(-12px); }
}

/* FAQ */
.faq-list { gap:11px; }
.faq-item { border-color:rgba(34,239,255,.11); background:linear-gradient(145deg,rgba(8,19,30,.76),rgba(4,10,17,.72)); transition:border-color .25s ease,box-shadow .25s ease,transform .25s var(--ease); }
.faq-question { min-height:64px; }
.faq-item.open { border-color:rgba(34,239,255,.28); box-shadow:0 0 28px rgba(34,239,255,.055); }
@media (hover:hover) and (pointer:fine) { .faq-item:hover { transform:translateY(-2px); border-color:rgba(34,239,255,.22); } }

/* Sub pages */
.subhero {
  position:relative; padding:92px 0 54px; overflow:hidden;
  background:
    radial-gradient(640px 260px at 50% 0%,rgba(34,239,255,.055),transparent 70%),
    linear-gradient(180deg,rgba(5,14,23,.45),transparent);
}
.subhero::before { content:""; position:absolute; inset:0; background:linear-gradient(rgba(34,239,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(34,239,255,.03) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,#000,transparent);pointer-events:none; }
.subhero .section-head { position:relative; z-index:1; }
.breadcrumb { color:#61778d; }
.breadcrumb a { color:#8da1b5; }
.breadcrumb a:hover { color:var(--cyan); }
.content-grid { gap:22px; }
.prose-card { padding:34px; }
.prose-card h2 { position:relative; padding-inline-start:18px; font-size:25px; }
.prose-card h2::before { content:""; position:absolute; inset-inline-start:0; top:.28em; bottom:.18em; width:2px; border-radius:5px; background:linear-gradient(var(--cyan),var(--violet)); box-shadow:0 0 12px rgba(34,239,255,.35); }
.prose-card p,.prose-card li { color:#9daec0; }
.side-nav { border-color:rgba(34,239,255,.13); box-shadow:0 18px 50px rgba(0,0,0,.32); }
.side-nav a { position:relative; border:1px solid transparent; transition:all .25s ease; }
.side-nav a::after { content:"↗"; position:absolute; inset-inline-end:10px; opacity:0; color:var(--cyan); transition:opacity .2s ease,transform .2s ease; }
.side-nav a:hover { color:#fff; background:rgba(34,239,255,.045); border-color:rgba(34,239,255,.12); padding-inline-end:30px; }
.side-nav a:hover::after { opacity:1; transform:translate(2px,-2px); }
.contact-card { min-height:210px; padding:28px; }
.contact-card h3 { font-size:23px; }
.contact-card .link-line { color:var(--cyan); }
@media (hover:hover) and (pointer:fine) { .contact-card:hover { transform:translateY(-6px); } }

/* Existing product widgets receive the same neon language */
.intel-canvas,.market-board,.change-state,.tool-card,.principle,.step-card,.chat-shell,.data-card { border-color:rgba(34,239,255,.14); }
.market-tab { transition:transform .22s var(--ease),border-color .22s ease,box-shadow .22s ease,color .22s ease; }
.market-tab:hover { transform:translateY(-2px); border-color:rgba(34,239,255,.3); color:#fff; }
.market-tab[aria-selected="true"] { box-shadow:0 0 28px rgba(34,239,255,.08); }
.tool-card,.principle,.step-card,.data-card,.change-state { transition:transform .3s var(--ease),border-color .3s ease,box-shadow .3s ease; }
@media (hover:hover) and (pointer:fine) {
  .tool-card:hover,.principle:hover,.step-card:hover,.data-card:hover,.change-state:hover { transform:translateY(-6px); border-color:rgba(34,239,255,.28); box-shadow:0 24px 70px rgba(0,0,0,.4),0 0 30px rgba(34,239,255,.055); }
}

/* Footer */
.footer { position:relative; background:linear-gradient(180deg,rgba(2,7,12,.76),rgba(1,3,6,.96)); border-top-color:rgba(34,239,255,.10); }
.footer::before { content:""; position:absolute; top:-1px; left:10%; right:10%; height:1px; background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent); opacity:.38; box-shadow:0 0 18px rgba(34,239,255,.25); }
.footer-trust-item { border-color:rgba(34,239,255,.095); background:rgba(5,12,19,.64); transition:transform .25s var(--ease),border-color .25s ease; }
@media (hover:hover) and (pointer:fine) { .footer-trust-item:hover { transform:translateY(-3px); border-color:rgba(34,239,255,.22); } }
.footer-col a { transition:color .2s ease,transform .2s ease; }
.footer-col a:hover { color:var(--cyan); transform:translateX(-2px); }
[dir="ltr"] .footer-col a:hover { transform:translateX(2px); }

/* Reveal motion refinement */
.reveal { opacity:0; transform:translateY(24px) scale(.992); filter:blur(4px); transition:opacity .75s var(--ease),transform .75s var(--ease),filter .75s var(--ease); }
.reveal.visible { opacity:1; transform:none; filter:none; }

/* Desktop sizing guardrails */
@media (min-width: 1101px) {
  .home-nav-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .capability-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .trust-payment-grid { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); }
}

/* Tablet */
@media (max-width: 1100px) {
  :root { --nav-h:74px; }
  .landing-hero { min-height:auto; padding-top:54px; }
  .landing-hero-grid { grid-template-columns:1fr; gap:34px; }
  .landing-hero .hero-copy { max-width:850px; }
  .landing-visual { max-width:720px; width:100%; margin-inline:auto; }
  .shark-emblem-card { min-height:500px; }
  .home-nav-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .capability-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .price-card.highlight { transform:none; }
}

/* Mobile — purpose-built layout, not compressed desktop */
@media (max-width: 760px) {
  :root { --nav-h:64px; --radius-md:17px; --radius-lg:24px; }
  body { font-size:15px; }
  .container,.nav { width:min(calc(100% - 24px),var(--container)); }
  .section { padding:58px 0; }
  .section.tight { padding:44px 0; }
  .section + .section::before { width:calc(100% - 40px); }

  .nav-wrap { height:64px; }
  .brand { gap:8px; }
  .brand-logo { width:35px;height:35px; }
  .brand-copy strong { font-size:12px; }
  .nav-actions { gap:6px; }
  .lang-switch { padding:8px 9px; font-size:11px; }
  .mobile-menu-btn { width:38px;height:38px; border-radius:10px; }
  .mobile-menu { inset:70px 10px auto 10px; max-height:calc(100svh - 84px); overflow:auto; border-radius:17px; padding:11px; }
  .mobile-menu a { padding:11px 12px; }

  .landing-hero { padding:34px 0 42px; min-height:auto; }
  .landing-hero-grid { gap:24px; }
  .landing-hero .hero-copy { text-align:start; padding:0; }
  .eyebrow { font-size:9.5px; letter-spacing:.08em; margin-bottom:14px; }
  .landing-hero h1 { font-size:clamp(34px,10.2vw,44px); line-height:1.18; max-width:100%; }
  [dir="rtl"] .landing-hero h1 { line-height:1.27; }
  .landing-hero .hero-lead { margin-top:15px; font-size:14px; line-height:1.8; }
  .hero-actions { margin-top:20px; gap:8px; }
  .hero-actions .btn { min-height:50px; }
  .hero-meta { margin-top:17px; overflow-x:auto; flex-wrap:nowrap; padding-bottom:4px; scrollbar-width:none; }
  .hero-meta::-webkit-scrollbar { display:none; }
  .meta-pill { flex:0 0 auto; font-size:10px; padding:7px 9px; }

  .landing-visual { margin-top:2px; }
  .shark-emblem-card { min-height:390px; border-radius:24px; }
  .shark-emblem-card::before { inset:12px; border-radius:19px; background-size:26px 26px; }
  .shark-emblem-card::after { inset:26px; border-radius:15px; }
  .ring-a { width:280px;height:280px; }
  .ring-b { width:210px;height:210px; }
  .ring-c { width:138px;height:138px; }
  .landing-logo { width:112px;height:112px; }
  .emblem-glow { width:210px;height:210px; }
  .emblem-copy { margin-top:8px; }
  .emblem-copy strong { font-size:22px; }
  .emblem-copy small { font-size:8px; letter-spacing:.25em; }
  .orbit-shark { width:82px; }
  .shark-two { width:62px; }
  @keyframes sharkOrbitA {
    0%,100% { transform:translate(-105px,-92px) rotate(4deg) scale(.86); }
    25% { transform:translate(106px,-58px) rotate(10deg) scale(.96); }
    50% { transform:translate(98px,92px) rotate(-7deg) scale(.86); }
    75% { transform:translate(-102px,80px) rotate(-11deg) scale(.78); }
  }
  @keyframes sharkOrbitB {
    0%,100% { transform:translate(80px,112px) rotate(180deg) scale(.76); }
    33% { transform:translate(-94px,55px) rotate(170deg) scale(.88); }
    66% { transform:translate(-32px,-112px) rotate(188deg) scale(.7); }
  }
  .word-left,.word-right { display:none; }
  .word-top { top:18px; font-size:8px; padding:6px 9px; }
  .word-bottom { bottom:18px; font-size:7.5px; padding:6px 9px; }
  .hero-signal-panel { bottom:54px; width:calc(100% - 34px); gap:5px; }
  .hero-signal-panel span { flex:1; min-width:0; font-size:8.5px; padding:6px 5px; }
  .neon-scanner { left:10%;right:10%;top:15%; animation:none; opacity:.2; }

  .home-summary { padding:4px 0 34px; }
  .home-trust-strip { grid-template-columns:1fr; gap:8px; }
  .home-trust-card { min-height:68px; padding:12px 13px; }
  .home-trust-card strong { font-size:12px; }
  .home-trust-card small { font-size:10px; }

  .section-head { margin-bottom:26px; }
  .section-head h2 { font-size:clamp(28px,8.2vw,36px); line-height:1.2; }
  [dir="rtl"] .section-head h2 { line-height:1.32; }
  .section-head p { margin-top:12px; font-size:13px; line-height:1.75; }
  .kicker { font-size:9px; margin-bottom:10px; }

  .home-nav-grid,.capability-grid { grid-template-columns:1fr; gap:10px; }
  .home-nav-card { min-height:auto; padding:20px; gap:7px; }
  .home-nav-card h3 { font-size:21px; }
  .home-nav-card p { font-size:12px; line-height:1.7; padding-inline-end:16px; }
  .home-nav-card::after { top:18px; inset-inline-end:17px; }
  .capability-card { min-height:auto; padding:20px 20px 42px; }
  .capability-card h3 { font-size:18px; }
  .capability-card p { font-size:12px; line-height:1.7; }

  .payment-trust-card,.credential-card { min-height:auto; padding:20px; }
  .trust-card-head { align-items:flex-start; }
  .trust-card-head h3,.credential-card h3 { font-size:20px; }
  .payment-trust-card > p,.credential-card p { font-size:12px; line-height:1.75; }
  .payment-logos { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  .payment-logos > span { min-width:0; height:52px; }
  .payment-logos img { max-width:68px;max-height:26px; }
  .credential-card { grid-template-columns:55px 1fr; gap:12px; text-align:start; }
  .credential-seal { width:52px;height:52px; border-radius:15px; }

  .trial-banner,.pricing-trial-banner { padding:20px; border-radius:20px; }
  .trial-banner h2,.pricing-trial-banner h2 { font-size:23px; }
  .trial-banner p,.pricing-trial-banner p { font-size:12px; line-height:1.7; }
  .trial-actions-inline { display:grid; grid-template-columns:1fr; width:100%; gap:7px; }
  .trial-actions-inline .btn { width:100%; }

  .pricing-grid { grid-template-columns:1fr; gap:11px; }
  .price-card { min-height:auto; padding:22px; }
  .price-card.highlight { transform:none; order:-1; }
  .price-card h3 { font-size:22px; }
  .price-block.actual-price { margin:18px 0 16px; }
  .price-block.actual-price strong { font-size:46px; }
  .riyal-mark { width:26px;height:29px; }
  .price-features { margin-bottom:20px; }
  .price-card .btn { min-height:49px; }

  .final-cta { padding:30px 18px; border-radius:22px; }
  .final-cta h2 { font-size:clamp(28px,8.8vw,38px); line-height:1.3; }
  .final-cta p { font-size:13px; line-height:1.75; }
  .final-actions { display:grid; grid-template-columns:1fr; }
  .final-actions .btn { width:100%; }

  .subhero { padding:52px 0 34px; }
  .subhero .section-head h2 { font-size:clamp(30px,9vw,38px); }
  .breadcrumb { font-size:10px; }
  .content-grid { gap:12px; }
  .prose-card { padding:20px; }
  .prose-card h2 { font-size:21px; padding-inline-start:14px; }
  .prose-card p,.prose-card li { font-size:13px; line-height:1.8; }
  .side-nav { padding:12px; }
  .side-nav a { min-height:44px; display:flex; align-items:center; }
  .contact-grid { gap:10px; }
  .contact-card { min-height:auto; padding:20px; }
  .contact-card h3 { font-size:20px; }

  .footer { padding:44px 0 22px; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:22px 18px; }
  .footer-brand { grid-column:1 / -1; }
  .footer-trust { grid-template-columns:1fr; gap:7px; }
  .footer-bottom { margin-top:28px; gap:8px; }

  .mobile-cta-bar { bottom:max(7px,env(safe-area-inset-bottom)); left:7px; right:7px; border-color:rgba(34,239,255,.22); background:rgba(2,7,13,.94); box-shadow:0 18px 50px rgba(0,0,0,.62),0 0 30px rgba(34,239,255,.07); }
}

@media (max-width: 470px) {
  .container,.nav { width:min(calc(100% - 18px),var(--container)); }
  .landing-hero h1 { font-size:clamp(31px,10vw,39px); }
  .landing-hero .hero-lead { font-size:13.5px; }
  .shark-emblem-card { min-height:350px; }
  .ring-a { width:245px;height:245px; }
  .ring-b { width:182px;height:182px; }
  .ring-c { width:122px;height:122px; }
  .landing-logo { width:96px;height:96px; }
  .orbit-shark { width:70px; }
  .hero-signal-panel { bottom:48px; }
  .hero-signal-panel span { font-size:7.8px; }
  .payment-logos { grid-template-columns:1fr 1fr; }
  .credential-card { grid-template-columns:1fr; text-align:center; }
  .credential-seal { margin-inline:auto; }
  .footer-grid { grid-template-columns:1fr; }
  .footer-brand { grid-column:1; }
}

@media (hover:none) {
  .glass-card { transform:none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .orbit-shark,.radar-ring,.neon-scanner { animation:none !important; }
}
.shark-emblem-card::after { height:auto; background:none; opacity:1; }


/* =========================================================
   SGR Website v2.3 — refinement pass
   Hero monogram / trial banner / brighter neon background / mobile fidelity
   ========================================================= */
body {
  position: relative;
  background:
    radial-gradient(1400px 980px at 8% -6%, rgba(34,239,255,.17), transparent 46%),
    radial-gradient(1200px 900px at 96% 6%, rgba(147,104,255,.15), transparent 48%),
    radial-gradient(900px 700px at 50% 78%, rgba(221,183,95,.08), transparent 42%),
    radial-gradient(760px 520px at 52% 38%, rgba(34,239,255,.07), transparent 62%),
    linear-gradient(180deg,#021019 0%, #03121d 24%, #03111c 54%, #020a12 76%, #01060c 100%) !important;
}
body::before {
  content:"";
  position: fixed;
  inset: 0;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(34,239,255,.025), transparent 38%, rgba(147,104,255,.03) 64%, transparent 100%),
    radial-gradient(900px 600px at 50% 10%, rgba(255,255,255,.03), transparent 58%);
  mix-blend-mode: screen;
  opacity: .9;
}
.page-shell::before {
  opacity: .72;
  background-image:
    linear-gradient(rgba(34,239,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(34,239,255,.055) 1px, transparent 1px);
  background-size: 46px 46px;
}
.page-shell::after { opacity: .44; }
.hero::before { filter: blur(22px); }
.section + .section::before { opacity: .85; }

/* stronger hover language */
.nav-links a,
.home-nav-card,
.home-trust-card,
.capability-card,
.price-card,
.footer-trust-item,
.side-nav a,
.contact-card,
.faq-item,
.payment-logos > span,
.payment-logos.compact > span {
  transition: transform .28s var(--ease), border-color .28s ease, box-shadow .28s ease, background .28s ease, color .28s ease, opacity .28s ease;
}

.shark-emblem-card {
  min-height: 600px;
  padding: 34px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 42%, rgba(221,183,95,.17), transparent 19%),
    radial-gradient(circle at 50% 54%, rgba(34,239,255,.08), transparent 38%),
    linear-gradient(155deg, rgba(8,26,42,.95), rgba(4,14,24,.95) 55%, rgba(4,12,19,.92) 100%);
  border-color: rgba(34,239,255,.22);
  box-shadow:
    0 42px 120px rgba(0,0,0,.58),
    0 0 84px rgba(34,239,255,.08),
    inset 0 0 110px rgba(34,239,255,.028),
    inset 0 0 90px rgba(147,104,255,.018);
}
.shark-emblem-card::before {
  inset: 18px;
  border-radius: 28px;
  border: 1px solid rgba(34,239,255,.13);
  background:
    linear-gradient(rgba(34,239,255,.052) 1px, transparent 1px),
    linear-gradient(90deg, rgba(34,239,255,.052) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: none;
  opacity: .9;
}
.shark-emblem-card::after {
  inset: 46px;
  border: 1px solid rgba(221,183,95,.14);
  border-radius: 26px;
}
.ring-a { width: 420px; height: 420px; }
.ring-b { width: 312px; height: 312px; }
.ring-c { width: 208px; height: 208px; }
.emblem-glow {
  width: 320px; height: 320px;
  background: radial-gradient(circle, rgba(221,183,95,.22), rgba(34,239,255,.06) 45%, transparent 72%);
  filter: blur(26px);
}
.monogram-stage {
  position: relative;
  z-index: 5;
  width: 100%;
  min-height: 260px;
  display: grid;
  place-items: center;
}
.stage-axis {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.stage-axis-v {
  width: 1px;
  height: 72%;
  background: linear-gradient(180deg, transparent, rgba(34,239,255,.4), rgba(147,104,255,.24), transparent);
  box-shadow: 0 0 22px rgba(34,239,255,.22);
}
.stage-axis-h {
  width: 72%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(34,239,255,.34), rgba(147,104,255,.22), transparent);
  box-shadow: 0 0 22px rgba(34,239,255,.16);
}
.stage-pulse {
  position: absolute;
  width: 10px; height: 10px; border-radius: 50%;
  border: 1px solid rgba(255,255,255,.4);
  box-shadow: 0 0 16px currentColor;
  animation: beaconFloat 5.4s ease-in-out infinite;
}
.pulse-a { color: #22efff; top: 20%; inset-inline-start: 22%; }
.pulse-b { color: #9368ff; bottom: 22%; inset-inline-end: 18%; animation-delay: -2s; }
@keyframes beaconFloat {
  0%,100% { transform: translateY(0) scale(.96); opacity: .82; }
  50% { transform: translateY(-10px) scale(1.08); opacity: 1; }
}
.logo-back, .logo-main {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}
.logo-back {
  width: 206px; height: 206px;
  opacity: .28;
  filter: blur(6px) drop-shadow(0 0 32px rgba(34,239,255,.16)) drop-shadow(0 0 26px rgba(221,183,95,.26));
}
.logo-main {
  width: 174px; height: 174px;
  filter: drop-shadow(0 0 18px rgba(221,183,95,.55)) drop-shadow(0 0 38px rgba(34,239,255,.12));
}
.neon-scanner {
  left: 12%; right: 12%; top: 17%; height: 1px;
  opacity: .3;
}
.orbit-word {
  z-index: 6;
  letter-spacing: .26em;
  font-size: 10px;
  padding: 10px 16px;
}
.word-top { top: 26px; }
.word-bottom { bottom: 26px; }
.word-left, .word-right {
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
}
.word-left { inset-inline-start: 24px; }
.word-right { inset-inline-end: 24px; }
.emblem-copy {
  z-index: 6;
  margin-top: 0;
  display: grid;
  gap: 8px;
  justify-items: center;
  text-align: center;
}
.emblem-copy strong {
  font-size: clamp(32px, 3vw, 38px);
  line-height: 1;
  letter-spacing: -.03em;
}
.emblem-copy small {
  font-size: 11px;
  color: #92a1b2;
  letter-spacing: .34em;
}
.emblem-caption {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(221,183,95,.18);
  background: rgba(4,12,18,.76);
  color: #dcbc78;
  font-size: 12px;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.hero-signal-panel {
  position: static;
  transform: none;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 2px;
}
.hero-signal-panel span {
  min-width: 96px;
  padding: 9px 14px;
  font-size: 11px;
}

.trial-banner {
  padding: 28px 30px;
  display: grid;
  grid-template-columns: minmax(0,1.25fr) minmax(280px,.7fr);
  align-items: end;
  gap: 24px;
}
.trial-banner > div:first-child {
  display: grid;
  gap: 10px;
  max-width: 920px;
}
.trial-banner h2 {
  margin: 0;
  font-size: clamp(30px, 2.5vw, 40px);
  line-height: 1.2;
}
[dir="rtl"] .trial-banner h2 { line-height: 1.28; }
.trial-banner p {
  margin: 0;
  font-size: 16px;
  line-height: 1.95;
  color: #d6deea;
}
.trial-mini {
  display: inline-block;
  margin-bottom: 6px;
  font-size: 12px;
  letter-spacing: .22em;
}
.trial-actions-inline {
  width: 100%;
  max-width: 440px;
  justify-content: stretch;
  align-self: center;
}
.trial-actions-inline .btn {
  flex: 1 1 0;
  min-height: 52px;
}

@media (max-width: 1100px) {
  .shark-emblem-card { min-height: 540px; }
  .trial-banner { grid-template-columns: 1fr; align-items: start; }
  .trial-actions-inline { max-width: none; }
}

@media (max-width: 760px) {
  .landing-hero-grid {
    display: flex;
    flex-direction: column-reverse;
    gap: 22px;
  }
  .landing-visual { width: 100%; }
  .shark-emblem-card {
    min-height: 440px;
    padding: 22px 16px 18px;
    border-radius: 24px;
  }
  .shark-emblem-card::before { inset: 12px; border-radius: 18px; background-size: 24px 24px; }
  .shark-emblem-card::after { inset: 26px; border-radius: 16px; }
  .ring-a { width: 300px; height: 300px; }
  .ring-b { width: 220px; height: 220px; }
  .ring-c { width: 150px; height: 150px; }
  .monogram-stage { min-height: 188px; }
  .logo-back { width: 150px; height: 150px; }
  .logo-main { width: 126px; height: 126px; }
  .emblem-glow { width: 220px; height: 220px; }
  .orbit-word {
    font-size: 8px;
    padding: 8px 10px;
    letter-spacing: .18em;
  }
  .word-top { top: 16px; }
  .word-bottom { bottom: 16px; }
  .word-left, .word-right { display: none; }
  .emblem-copy { gap: 6px; }
  .emblem-copy strong { font-size: 22px; }
  .emblem-copy small { font-size: 8px; letter-spacing: .22em; }
  .emblem-caption {
    min-height: 33px;
    padding: 0 12px;
    font-size: 9px;
    letter-spacing: .12em;
  }
  .hero-signal-panel {
    gap: 6px;
    width: calc(100% - 12px);
  }
  .hero-signal-panel span {
    flex: 1 1 31%;
    min-width: 0;
    font-size: 8.6px;
    padding: 8px 6px;
  }

  .trial-banner {
    padding: 18px 16px;
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .trial-banner > div:first-child { gap: 8px; }
  .trial-banner h2 { font-size: 25px; }
  .trial-banner p { font-size: 13px; line-height: 1.8; }
  .trial-actions-inline {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    max-width: none;
    width: 100%;
  }
  .trial-actions-inline .btn { width: 100%; }
}

@media (max-width: 470px) {
  .shark-emblem-card { min-height: 390px; }
  .ring-a { width: 256px; height: 256px; }
  .ring-b { width: 190px; height: 190px; }
  .ring-c { width: 132px; height: 132px; }
  .logo-back { width: 130px; height: 130px; }
  .logo-main { width: 112px; height: 112px; }
  .hero-signal-panel span { font-size: 8px; }
  .emblem-copy strong { font-size: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .stage-pulse { animation: none !important; }
}

/* =========================================================
   SGR Website v2.3.2 — Desktop RTL hero correction only
   Mobile rules intentionally untouched.
   Root cause: physical + logical inline offsets combined under RTL,
   stretching the vertical GOLD/RADAR pills across the hero card.
   ========================================================= */
@media (min-width: 761px) {
  html[dir="rtl"] .shark-emblem-card .word-left {
    left: 24px;
    right: auto;
    inset-inline-start: auto;
    inset-inline-end: auto;
  }

  html[dir="rtl"] .shark-emblem-card .word-right {
    right: 24px;
    left: auto;
    inset-inline-start: auto;
    inset-inline-end: auto;
  }
}

/* =========================================================
   SGR v2.4.0 — Saudi build identity + XAU live strip
   ========================================================= */
.origin-console-strip {
  position:relative;
  z-index:22;
  min-height:34px;
  border-bottom:1px solid rgba(34,239,255,.08);
  background:linear-gradient(90deg,rgba(3,9,16,.96),rgba(5,12,20,.9),rgba(3,9,16,.96));
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.origin-console-inner {
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  white-space:nowrap;
  overflow:hidden;
  color:#7f98aa;
  font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  font-size:10px;
  letter-spacing:.055em;
}
.origin-prompt { color:var(--cyan); opacity:.68; }
.origin-code { color:#8aa4b6; font:inherit; }
.origin-result {
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#d9bd76;
  font-weight:700;
  letter-spacing:.04em;
}
.origin-result i { color:var(--emerald); font-style:normal; }
.origin-cursor {
  width:5px;
  height:12px;
  border-radius:1px;
  background:rgba(34,239,255,.74);
  box-shadow:0 0 8px rgba(34,239,255,.35);
  animation:sgrCursorBlink 1s steps(1,end) infinite;
}
@keyframes sgrCursorBlink { 0%,48%{opacity:1} 49%,100%{opacity:.08} }

.xau-live-strip[hidden] { display:none !important; }
.xau-live-strip {
  position:relative;
  z-index:21;
  border-bottom:1px solid rgba(221,183,95,.11);
  background:rgba(3,9,16,.92);
  backdrop-filter:blur(16px);
}
.xau-live-inner {
  min-height:48px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:18px;
}
.xau-live-id,.xau-live-price,.xau-live-meta { display:flex; align-items:center; gap:8px; min-width:0; }
.xau-live-id small,.xau-live-meta small { color:var(--muted); font-size:9px; letter-spacing:.08em; }
.xau-live-id strong { font-size:12px; letter-spacing:.08em; }
.live-dot { width:6px; height:6px; border-radius:50%; background:var(--emerald); box-shadow:0 0 10px rgba(61,242,176,.7); flex:0 0 auto; }
.xau-live-price { justify-content:center; font-variant-numeric:tabular-nums; }
.xau-live-price strong { color:#f4f7fa; font-size:17px; letter-spacing:.015em; }
.xau-live-price span { font-size:11px; font-weight:800; }
.xau-live-price span.up { color:var(--emerald); }
.xau-live-price span.down { color:#ff7b88; }
.xau-live-price span.flat { color:#9badba; }
.xau-live-meta { justify-content:flex-end; }
.xau-live-meta > span { color:#6edbb6; font-size:9px; font-weight:800; letter-spacing:.11em; }
.xau-live-strip.is-stale .live-dot { background:#d8b96d; box-shadow:0 0 8px rgba(216,185,109,.55); }
.xau-live-strip.is-stale .xau-live-meta > span { color:#d8b96d; }

.payment-logos img[alt="Apple Pay"] { max-width:78px; max-height:30px; }
.payment-logos img[alt="Samsung Pay"] { max-width:88px; max-height:28px; }

@media (max-width:700px){
  .origin-console-inner { min-height:31px; gap:5px; font-size:8.2px; letter-spacing:.025em; padding-inline:12px; }
  .origin-code { max-width:112px; overflow:hidden; text-overflow:ellipsis; }
  .origin-result { gap:3px; }
  .origin-cursor { width:4px; height:10px; }
  .xau-live-inner { min-height:43px; grid-template-columns:auto 1fr auto; gap:8px; }
  .xau-live-id small { display:none; }
  .xau-live-id strong { font-size:10px; }
  .xau-live-price { justify-content:center; gap:6px; }
  .xau-live-price strong { font-size:14px; }
  .xau-live-price span { font-size:9px; }
  .xau-live-meta small { display:none; }
  .xau-live-meta > span { font-size:8px; }
}

@media (prefers-reduced-motion:reduce){ .origin-cursor { animation:none; opacity:.65; } }


/* SGR v2.7.0 — ALPHA paid layer + expanded payment methods */
.alpha-premium-section{position:relative;overflow:hidden}.alpha-premium-section:before{content:"";position:absolute;inset:8% 3%;background:radial-gradient(circle at 70% 45%,rgba(34,239,255,.075),transparent 38%),radial-gradient(circle at 30% 60%,rgba(215,181,109,.06),transparent 34%);pointer-events:none}.alpha-premium-grid{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(320px,.87fr);gap:18px;position:relative}.alpha-premium-copy,.alpha-terminal{padding:30px}.alpha-premium-copy{border-color:rgba(34,239,255,.16);background:linear-gradient(145deg,rgba(13,22,30,.94),rgba(8,12,18,.86))}.alpha-eyebrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;font:700 11px/1 Inter,Arial,sans-serif;letter-spacing:.11em;color:#a8bdca}.alpha-lock{display:inline-flex;align-items:center;width:max-content;padding:6px 9px;border:1px solid rgba(215,181,109,.34);border-radius:999px;color:#e7c978;background:rgba(215,181,109,.07);font:800 9px/1 Inter,Arial,sans-serif;letter-spacing:.11em}.alpha-premium-copy h2{margin:0 0 14px;font-size:clamp(27px,3.1vw,45px);line-height:1.12}.alpha-premium-copy>p{color:var(--muted);max-width:760px;line-height:1.9}.alpha-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0}.alpha-feature-grid>span{display:flex;flex-direction:column;gap:5px;padding:13px 14px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(255,255,255,.025)}.alpha-feature-grid strong{font:800 10px/1.2 Inter,Arial,sans-serif;letter-spacing:.08em;color:#d8f9ff}.alpha-feature-grid small{font-size:11px;color:var(--muted)}.alpha-paid-note{margin:0 0 18px;padding:10px 12px;border-inline-start:2px solid #d7b56d;background:rgba(215,181,109,.055);font-size:11px;color:#c8b889}.alpha-terminal{position:relative;align-self:stretch;background:linear-gradient(180deg,rgba(5,10,14,.97),rgba(7,13,19,.91));border-color:rgba(34,239,255,.18);font-family:Inter,Arial,sans-serif;box-shadow:inset 0 0 60px rgba(34,239,255,.025)}.alpha-terminal:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 4px,rgba(255,255,255,.007) 5px)}.alpha-terminal-head,.alpha-scan-row,.alpha-terminal-stat{position:relative;z-index:1}.alpha-terminal-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.08)}.alpha-terminal-head span{font-weight:800;letter-spacing:.08em}.alpha-terminal-head small{font-size:8px;color:var(--muted);letter-spacing:.1em}.alpha-scan-row{display:grid;grid-template-columns:1fr 44px 42px 76px;gap:8px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.055);font-size:10px}.alpha-scan-row strong{font-size:18px;font-variant-numeric:tabular-nums}.alpha-scan-row i{font-style:normal;color:#e8cc7d;font-weight:800}.alpha-scan-row b{font-size:8px;color:#6edbb6;letter-spacing:.08em;text-align:end}.alpha-scan-row.muted{opacity:.61}.alpha-terminal-rule{height:1px;background:linear-gradient(90deg,transparent,rgba(34,239,255,.25),transparent);margin:17px 0}.alpha-terminal-stat{display:flex;justify-content:space-between;gap:20px;padding:7px 0;font-size:9px;color:var(--muted);letter-spacing:.08em}.alpha-terminal-stat strong{color:#ccecf1}.alpha-terminal p{position:relative;z-index:1;margin:18px 0 0;color:#647985;font-size:9px;line-height:1.65}.alpha-subhero{padding-bottom:28px}.alpha-detail-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:16px}.alpha-detail-hero{padding:28px;background:linear-gradient(145deg,rgba(12,22,30,.97),rgba(7,12,18,.9));border-color:rgba(34,239,255,.18)}.alpha-detail-hero h2{margin:18px 0 8px;font:800 clamp(32px,4vw,52px)/1 Inter,Arial,sans-serif;letter-spacing:-.03em}.alpha-detail-hero>p{color:var(--muted);line-height:1.85}.alpha-demo-stack{margin-top:22px;border-top:1px solid rgba(255,255,255,.08)}.alpha-demo-stack>div{display:grid;grid-template-columns:1fr 48px 38px 80px;gap:8px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.055);font:700 10px Inter,Arial,sans-serif}.alpha-demo-stack strong{font-size:18px}.alpha-demo-stack i{font-style:normal;color:#e7c978}.alpha-demo-stack b{color:#6edbb6;font-size:8px;text-align:end}.alpha-detail-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.alpha-detail-list article{padding:22px}.alpha-detail-list small{color:#56dfea;font:800 9px Inter,Arial,sans-serif;letter-spacing:.12em}.alpha-detail-list h3{margin:10px 0 7px}.alpha-detail-list p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}.alpha-paid-wall{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:27px 30px;border-color:rgba(215,181,109,.18);background:linear-gradient(130deg,rgba(215,181,109,.06),rgba(9,15,21,.9))}.alpha-paid-wall small{color:#e7c978;font:800 9px Inter,Arial,sans-serif;letter-spacing:.12em}.alpha-paid-wall h2{margin:8px 0 7px}.alpha-paid-wall p{margin:0;color:var(--muted);max-width:780px}.alpha-disclaimer{text-align:center;color:#607380;font-size:10px;margin:16px auto 0;max-width:820px}.payment-logos.payment-logos-expanded{display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));gap:8px}.payment-logos.payment-logos-expanded>span{min-width:0;width:100%;height:48px;padding:7px 9px}.payment-logos.payment-logos-expanded img{max-width:78px;max-height:27px}.payment-logos img[alt="Google Pay"],.payment-logos img[alt="STC Pay"],.payment-logos img[alt="UnionPay"]{max-width:82px;max-height:27px}
@media(max-width:900px){.alpha-premium-grid,.alpha-detail-grid{grid-template-columns:1fr}.alpha-terminal{min-height:0}.alpha-paid-wall{align-items:flex-start;flex-direction:column}.alpha-detail-list{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.alpha-premium-copy,.alpha-terminal,.alpha-detail-hero{padding:20px}.alpha-feature-grid,.alpha-detail-list{grid-template-columns:1fr}.alpha-scan-row{grid-template-columns:1fr 38px 35px 62px;gap:5px}.alpha-scan-row strong{font-size:15px}.alpha-premium-copy h2{font-size:28px}.payment-logos.payment-logos-expanded,.payment-logos.payment-logos-expanded.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.payment-logos.payment-logos-expanded>span,.payment-logos.payment-logos-expanded.compact>span{height:42px;padding:5px}.payment-logos.payment-logos-expanded img,.payment-logos.payment-logos-expanded.compact img{max-width:62px;max-height:22px}.alpha-paid-note{font-size:10px}}


/* SGR v2.7.1 — repeating Saudi build identity + transparent payment brand surfaces */
.origin-result [data-origin-check],
.origin-result [data-origin-flag] {
  opacity:0;
  transform:translateY(1px) scale(.92);
  transition:opacity .18s ease,transform .18s ease;
}
.origin-result.is-result [data-origin-check] {
  opacity:1;
  transform:none;
}
.origin-result [data-origin-flag].is-visible {
  opacity:1;
  transform:none;
}
.origin-result [data-origin-made] {
  min-width:0;
}

.payment-logos > span,
.payment-logos.compact > span,
.payment-logos.payment-logos-expanded > span,
.payment-logos.payment-logos-dark > span {
  background:linear-gradient(145deg,rgba(5,13,21,.92),rgba(8,18,27,.72)) !important;
  border-color:rgba(107,194,219,.16) !important;
  box-shadow:inset 0 0 18px rgba(34,239,255,.012),0 8px 24px rgba(0,0,0,.12);
}
.payment-logos img {
  background:transparent !important;
  filter:drop-shadow(0 1px 4px rgba(0,0,0,.18));
}
@media (hover:hover) and (pointer:fine) {
  .payment-logos > span:hover,
  .payment-logos.compact > span:hover,
  .payment-logos.payment-logos-expanded > span:hover {
    background:linear-gradient(145deg,rgba(8,20,29,.96),rgba(7,15,23,.82)) !important;
  }
}


/* SGR v2.7.2 — mobile navigation polish + live XAUUSD market trace */
.home-nav-card::after{
  content:"" !important;
  top:auto !important;
  inset-inline-end:auto !important;
  bottom:18px !important;
  inset-inline-start:20px !important;
  width:30px;
  height:2px;
  border-radius:999px;
  opacity:.72;
  background:linear-gradient(90deg,var(--cyan),rgba(34,239,255,.08));
  box-shadow:0 0 12px rgba(34,239,255,.16);
  transform:none !important;
}
@media (hover:hover) and (pointer:fine){
  .home-nav-card:hover::after{
    width:44px;
    opacity:1;
    transform:none !important;
    text-shadow:none !important;
  }
}
@media (max-width:700px){
  .home-nav-card{
    padding:20px 20px 25px;
  }
  .home-nav-card p{
    padding-inline-end:0 !important;
  }
  .home-nav-card::after{
    bottom:14px !important;
    inset-inline-start:20px !important;
    width:24px;
  }
}

.xau-live-strip{
  display:block !important;
  position:relative;
  z-index:21;
  border-bottom:1px solid rgba(221,183,95,.11);
  background:
    radial-gradient(circle at 50% 100%,rgba(34,239,255,.035),transparent 46%),
    rgba(3,9,16,.94);
  backdrop-filter:blur(16px);
}
.xau-live-inner{
  min-height:68px;
  display:grid;
  grid-template-columns:auto auto minmax(170px,1fr) auto;
  align-items:center;
  gap:18px;
}
.xau-live-id,.xau-live-price,.xau-live-meta{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.xau-live-id small,.xau-live-meta small{
  color:var(--muted);
  font-size:9px;
  letter-spacing:.08em;
}
.xau-live-id strong{
  font-size:12px;
  letter-spacing:.08em;
}
.xau-live-price{
  justify-content:center;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.xau-live-price strong{
  color:#f4f7fa;
  font-size:19px;
  letter-spacing:.015em;
}
.xau-live-price span{
  font-size:11px;
  font-weight:800;
}
.xau-live-price span.up{color:var(--emerald)}
.xau-live-price span.down{color:#ff7b88}
.xau-live-price span.flat{color:#9badba}
.xau-live-chart{
  position:relative;
  height:54px;
  min-width:150px;
  color:var(--emerald);
  opacity:.96;
}
.xau-live-chart.down{color:#ff7b88}
.xau-live-chart.flat{color:#8da2b2}
.xau-live-chart svg{
  display:block;
  width:100%;
  height:39px;
  overflow:visible;
}
.xau-chart-line{
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 5px currentColor);
}
.xau-chart-area{
  fill:currentColor;
  opacity:.075;
}
.xau-live-chart.is-waiting .xau-chart-line,
.xau-live-chart.is-waiting .xau-chart-area{
  opacity:0;
}
.xau-live-range{
  position:absolute;
  inset-inline:0;
  bottom:0;
  display:flex;
  justify-content:space-between;
  gap:10px;
  color:#647987;
  font:700 8px/1 Inter,Arial,sans-serif;
  letter-spacing:.045em;
  font-variant-numeric:tabular-nums;
}
.xau-live-range b{
  color:#8ca5b5;
  font-weight:700;
}
.xau-live-meta{
  justify-content:flex-end;
  flex-direction:column;
  align-items:flex-end;
  gap:3px;
}
.xau-live-meta > span{
  color:#6edbb6;
  font-size:9px;
  font-weight:800;
  letter-spacing:.11em;
}
.xau-live-strip.is-stale .live-dot{
  background:#d8b96d;
  box-shadow:0 0 8px rgba(216,185,109,.55);
}
.xau-live-strip.is-stale .xau-live-meta > span{color:#d8b96d}
.xau-live-strip.is-error .live-dot{
  background:#7b8d99;
  box-shadow:none;
}
.xau-live-strip.is-error .xau-live-meta > span{color:#8da2b2}

@media(max-width:700px){
  .xau-live-inner{
    min-height:92px;
    grid-template-columns:auto 1fr auto;
    grid-template-rows:auto 42px;
    gap:6px 10px;
    padding-top:9px;
    padding-bottom:8px;
  }
  .xau-live-id{
    grid-column:1;
    grid-row:1;
  }
  .xau-live-price{
    grid-column:2;
    grid-row:1;
    justify-content:center;
  }
  .xau-live-meta{
    grid-column:3;
    grid-row:1;
  }
  .xau-live-chart{
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
    height:42px;
  }
  .xau-live-chart svg{height:30px}
  .xau-live-id small{display:none}
  .xau-live-id strong{font-size:10px}
  .xau-live-price strong{font-size:16px}
  .xau-live-price span{font-size:9px}
  .xau-live-meta small{display:none}
  .xau-live-meta > span{font-size:8px}
  .xau-live-range{font-size:7px}
}


/* SGR v2.8.0 — Product Clarity + Interactive Telegram Bot Demo
   Existing SGR color tokens and visual identity are intentionally preserved. */
.product-clarity-section{padding-top:54px}.product-clarity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}.clarity-card{position:relative;padding:25px 24px 27px;min-height:190px;overflow:hidden}.clarity-card::before{content:"";position:absolute;inset:0 auto 0 0;width:1px;background:linear-gradient(180deg,transparent,rgba(49,230,255,.38),transparent);opacity:.55}[dir="rtl"] .clarity-card::before{left:auto;right:0}.clarity-card small{display:block;color:var(--cyan);font:800 10px/1.3 Inter,Arial,sans-serif;letter-spacing:.12em;margin-bottom:14px}.clarity-card h3{font-size:19px;margin:0 0 10px}.clarity-card p{margin:0;color:var(--text-2);font-size:13px;line-height:1.8}.clarity-card.paid{border-color:rgba(215,181,109,.28);box-shadow:inset 0 0 42px rgba(215,181,109,.035)}.clarity-card.paid small{color:var(--gold)}.clarity-card.boundary{border-color:rgba(159,198,224,.18)}
.sgr-demo-section{padding-top:92px;padding-bottom:104px}.sgr-demo-layout{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(460px,1.22fr);gap:28px;align-items:center;margin-top:34px}.demo-guide-card{padding:32px}.demo-guide-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(244,201,107,.2);background:rgba(244,201,107,.055);color:var(--amber);padding:8px 10px;border-radius:999px;font:800 9px/1 Inter,Arial,sans-serif;letter-spacing:.11em}.demo-guide-card h3{font-size:27px;margin:20px 0 18px;line-height:1.35}.demo-steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}.demo-steps li{display:grid;grid-template-columns:38px 1fr;gap:13px;align-items:start;padding:13px 0;border-bottom:1px solid var(--line)}.demo-steps li>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:11px;color:var(--cyan);font:800 11px/1 Inter,Arial,sans-serif;background:rgba(49,230,255,.035)}.demo-steps strong{display:block;font-size:14px;margin-bottom:3px}.demo-steps small{color:var(--muted);font-size:11px;line-height:1.7}.demo-guide-note{margin:20px 0;padding:15px 16px;border:1px solid rgba(49,230,255,.12);border-radius:14px;background:rgba(49,230,255,.025);color:var(--text-2);font-size:12px;line-height:1.8}.demo-guide-note strong{color:#fff}.demo-guide-card .btn{width:100%}
.sgr-bot-phone{position:relative;width:min(100%,610px);margin-inline:auto;border:1px solid rgba(49,230,255,.18);border-radius:32px;background:linear-gradient(180deg,#07111c,#07101a 55%,#050b12);box-shadow:0 32px 90px rgba(0,0,0,.46),0 0 60px rgba(49,230,255,.055),inset 0 1px rgba(255,255,255,.04);overflow:hidden;min-height:610px}.sgr-bot-phone::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 10%,rgba(49,230,255,.04),transparent 30%),linear-gradient(rgba(100,145,174,.025) 1px,transparent 1px);background-size:auto,100% 38px;opacity:.7}.demo-phone-topbar{position:relative;z-index:1;height:32px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.03);background:rgba(1,5,9,.56);font:700 8px/1 Inter,Arial,sans-serif;letter-spacing:.1em;color:#708493}.demo-phone-status{color:#65d7b0}.demo-bot-header{position:relative;z-index:1;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid rgba(49,230,255,.09);background:rgba(9,20,31,.86);backdrop-filter:blur(14px)}.demo-bot-header img{width:42px;height:42px;filter:drop-shadow(0 0 13px rgba(49,230,255,.15))}.demo-bot-header strong{display:block;font-size:13px}.demo-bot-header small{display:block;color:#718695;font-size:9px;margin-top:3px;letter-spacing:.04em}.demo-header-tag{border:1px solid rgba(49,230,255,.18);border-radius:999px;padding:5px 7px;color:var(--cyan);font:800 8px/1 Inter,Arial,sans-serif;letter-spacing:.1em}.demo-chat-body{position:relative;z-index:1;padding:20px 16px 22px;min-height:492px;background:radial-gradient(circle at 20% 0%,rgba(102,133,255,.035),transparent 36%)}.demo-message{width:min(90%,445px);padding:13px 14px;border-radius:16px;margin-bottom:10px;font-size:12px;line-height:1.75;box-shadow:0 8px 26px rgba(0,0,0,.12)}.demo-message p{margin:0}.demo-message.bot{margin-inline-end:auto;border:1px solid rgba(49,230,255,.12);background:rgba(12,29,41,.88);border-bottom-left-radius:5px}[dir="rtl"] .demo-message.bot{border-bottom-left-radius:16px;border-bottom-right-radius:5px}.demo-message.user{margin-inline-start:auto;border:1px solid rgba(102,133,255,.18);background:rgba(45,74,119,.33);border-bottom-right-radius:5px}[dir="rtl"] .demo-message.user{border-bottom-right-radius:16px;border-bottom-left-radius:5px}.demo-sender{display:block;color:var(--cyan);font:800 9px/1 Inter,Arial,sans-serif;letter-spacing:.05em;margin-bottom:7px}.demo-inline-keyboard{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:6px 0 14px}.demo-inline-keyboard.tools{grid-template-columns:repeat(2,1fr)}.demo-inline-keyboard button{appearance:none;border:1px solid rgba(49,230,255,.13);border-radius:10px;background:rgba(49,230,255,.032);color:#eaf8fb;padding:10px 8px;min-height:52px;cursor:pointer;font-size:11px;font-weight:700;line-height:1.35;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.demo-inline-keyboard button small{color:#6f8594;font:700 8px/1 Inter,Arial,sans-serif;letter-spacing:.06em}.demo-inline-keyboard button:hover,.demo-inline-keyboard button:focus-visible,.demo-inline-keyboard button.active{border-color:rgba(49,230,255,.38);background:rgba(49,230,255,.075);box-shadow:0 0 24px rgba(49,230,255,.05);transform:translateY(-1px)}.demo-result-card{margin-top:8px;border:1px solid rgba(49,230,255,.13);border-radius:14px;background:linear-gradient(180deg,rgba(11,26,38,.93),rgba(7,17,27,.92));padding:14px 15px}.demo-result-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.demo-result-head strong{font-size:12px}.demo-result-head span{border:1px solid rgba(244,201,107,.18);color:var(--amber);background:rgba(244,201,107,.045);border-radius:999px;padding:5px 7px;font:800 7px/1 Inter,Arial,sans-serif;letter-spacing:.1em}.demo-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:11px}.demo-result-stat{border:1px solid rgba(159,198,224,.1);background:rgba(255,255,255,.018);border-radius:10px;padding:9px 8px}.demo-result-stat small{display:block;color:#708493;font:700 7px/1 Inter,Arial,sans-serif;letter-spacing:.08em;margin-bottom:5px}.demo-result-stat strong{font-size:12px}.demo-result-list{display:grid;gap:6px;margin:0;padding:0;list-style:none;color:var(--text-2);font-size:10px;line-height:1.6}.demo-result-list li{display:flex;gap:7px}.demo-result-list li::before{content:"•";color:var(--cyan)}.demo-result-lock{border:1px solid rgba(215,181,109,.2);background:rgba(215,181,109,.045);color:#e9d6aa;border-radius:11px;padding:10px 11px;margin-top:10px;font-size:10px;line-height:1.6}.demo-phone-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.04);background:rgba(3,8,13,.9)}.demo-phone-footer span{color:#667a89;font:800 8px/1 Inter,Arial,sans-serif;letter-spacing:.1em}.demo-phone-footer button{appearance:none;border:0;background:none;color:#89a4b5;font-size:10px;cursor:pointer;padding:5px}.demo-phone-footer button:hover{color:var(--cyan)}
.sgr-proof-section{padding-top:80px}.sgr-proof-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:18px;margin-top:32px}.proof-definition-card,.proof-replay-card{padding:28px}.proof-definition-card>small{color:var(--cyan);font:800 9px/1 Inter,Arial,sans-serif;letter-spacing:.12em}.proof-definition-card h3{font-size:23px;margin:14px 0 20px}.proof-list{list-style:none;padding:0;margin:0;display:grid;gap:9px}.proof-list li{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:9px 0}.proof-list span{color:#718694;font:800 8px/1 Inter,Arial,sans-serif;letter-spacing:.08em}.proof-list strong{font-size:11px;text-align:end}.proof-small{color:var(--muted);font-size:11px;line-height:1.75;margin:18px 0 0}.proof-replay-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.proof-replay-head span{border:1px solid rgba(244,201,107,.18);color:var(--amber);background:rgba(244,201,107,.04);border-radius:999px;padding:7px 9px;font:800 8px/1 Inter,Arial,sans-serif;letter-spacing:.1em}.proof-replay-head small{color:var(--muted);font-size:9px}.proof-event-id{font:800 18px/1 Inter,Arial,sans-serif;letter-spacing:.08em;color:#eaf8fb;margin-bottom:22px}.proof-timeline{position:relative;display:grid;gap:0;padding-inline-start:18px}.proof-timeline::before{content:"";position:absolute;top:7px;bottom:7px;inset-inline-start:4px;width:1px;background:linear-gradient(var(--cyan),rgba(49,230,255,.08))}.proof-timeline>div{position:relative;display:grid;grid-template-columns:60px 1fr auto;gap:10px;align-items:center;min-height:48px;border-bottom:1px solid var(--line)}.proof-timeline i{position:absolute;inset-inline-start:-17px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px rgba(49,230,255,.6)}.proof-timeline span{color:#708493;font:700 9px/1 Inter,Arial,sans-serif}.proof-timeline strong{font:800 10px/1 Inter,Arial,sans-serif;letter-spacing:.05em}.proof-timeline b{color:#d9ecf1;font:800 10px/1 Inter,Arial,sans-serif}.proof-replay-card p{color:var(--muted);font-size:11px;line-height:1.75;margin:18px 0 0}.proof-policy{margin-top:18px;padding:20px 22px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;border-color:rgba(215,181,109,.18)}.proof-policy>strong{color:var(--gold);font-size:12px}.proof-policy p{margin:0;color:var(--text-2);font-size:11px;line-height:1.7}.proof-policy a{color:var(--cyan);font-size:11px;font-weight:700;white-space:nowrap}.product-definition-banner{display:grid;gap:5px;border:1px solid rgba(49,230,255,.15);background:rgba(49,230,255,.028);border-radius:14px;padding:16px 18px;margin-bottom:26px}.product-definition-banner strong{color:var(--cyan);font:800 12px/1.4 Inter,Arial,sans-serif;letter-spacing:.04em}.product-definition-banner span{color:var(--text-2);font-size:12px;line-height:1.7}
@media(max-width:1080px){.product-clarity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sgr-demo-layout{grid-template-columns:1fr;max-width:800px;margin-inline:auto}.demo-guide-card{order:2}.sgr-bot-phone{order:1}.sgr-proof-grid{grid-template-columns:1fr}.proof-policy{grid-template-columns:1fr}.proof-policy a{white-space:normal}}
@media(max-width:700px){.product-clarity-grid{grid-template-columns:1fr;gap:11px}.clarity-card{min-height:auto;padding:20px}.sgr-demo-section{padding-top:68px;padding-bottom:78px}.sgr-demo-layout{gap:18px}.demo-guide-card{padding:22px}.demo-guide-card h3{font-size:22px}.sgr-bot-phone{border-radius:24px;min-height:590px}.demo-chat-body{padding:16px 11px 18px;min-height:480px}.demo-bot-header{grid-template-columns:38px 1fr auto;padding:11px 12px}.demo-bot-header img{width:36px;height:36px}.demo-inline-keyboard{gap:5px}.demo-inline-keyboard button{padding:9px 5px;font-size:10px}.demo-result-grid{grid-template-columns:repeat(3,1fr);gap:5px}.demo-result-stat{padding:8px 6px}.proof-definition-card,.proof-replay-card{padding:21px}.proof-list li{align-items:start}.proof-list strong{max-width:62%}.proof-timeline>div{grid-template-columns:52px 1fr auto;gap:7px}.proof-policy{padding:18px}}


/* SGR v2.9.0 — Conversion clarity + Saudi National Day campaign.
   Uses existing SGR color tokens only; core identity remains unchanged. */
.national-day-bar[hidden],.national-day-section[hidden],[data-national-day-bonus][hidden]{display:none!important}
.national-day-bar{position:relative;z-index:96;border-bottom:1px solid rgba(60,242,165,.14);background:linear-gradient(90deg,rgba(60,242,165,.055),rgba(7,17,31,.96) 35%,rgba(215,181,109,.045));box-shadow:0 10px 32px rgba(0,0,0,.12)}
.national-day-bar-inner{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.national-day-bar-copy,.national-day-bar-actions{display:flex;align-items:center;gap:10px}.national-day-bar-copy strong{font-size:11px;color:#fff}.national-day-bar-copy>span:not(.national-day-dot){font-size:10px;color:var(--text-2)}.national-day-dot{width:7px;height:7px;border-radius:50%;background:var(--emerald);box-shadow:0 0 14px rgba(60,242,165,.6)}.national-day-bar-actions{font:700 9px/1 Inter,Arial,sans-serif;letter-spacing:.035em}.national-day-bar-actions a{color:var(--cyan)}.national-day-countdown{color:var(--gold);white-space:nowrap}
.membership-compare-section{padding-top:70px}.membership-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px;max-width:990px;margin-inline:auto}.membership-tier{padding:28px;display:flex;flex-direction:column}.membership-tier.pro-tier{border-color:rgba(215,181,109,.27);box-shadow:inset 0 0 48px rgba(215,181,109,.035),var(--shadow-lg)}.membership-tier-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.membership-tier-head span{font:800 9px/1 Inter,Arial,sans-serif;letter-spacing:.1em;color:var(--cyan);border:1px solid rgba(49,230,255,.15);padding:7px 9px;border-radius:999px}.pro-tier .membership-tier-head span{color:var(--gold);border-color:rgba(215,181,109,.2)}.membership-tier-head h3{margin:0;font-size:23px}.membership-tier ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:0;flex:1}.membership-tier li{position:relative;padding:11px 23px 11px 0;border-bottom:1px solid var(--line);color:var(--text-2);font-size:12px;line-height:1.65}.membership-tier li::before{content:'✓';position:absolute;right:0;color:var(--emerald);font-weight:800}[dir="ltr"] .membership-tier li{padding:11px 0 11px 23px}[dir="ltr"] .membership-tier li::before{right:auto;left:0}.membership-tier li.tier-limit::before{content:'—';color:var(--amber)}.membership-tier li b{color:#fff}.membership-tier .btn{width:100%}
.quiet-intelligence{padding:32px;display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;align-items:center}.quiet-copy h2{font-size:34px;margin:14px 0 12px}.quiet-copy p{color:var(--text-2);font-size:13px;line-height:1.85;margin:0}.quiet-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quiet-metrics>div{border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.016);padding:18px 14px;min-height:120px}.quiet-metrics strong{display:block;color:var(--cyan);font:800 27px/1 Inter,Arial,sans-serif;margin-bottom:10px}.quiet-metrics span{display:block;color:var(--text-2);font-size:10px;line-height:1.7}.quiet-note{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;margin:0;color:var(--muted);font-size:10px;line-height:1.75}
.national-day-section{padding-top:82px;padding-bottom:82px}.national-day-card{position:relative;overflow:hidden;padding:0;display:grid;grid-template-columns:1fr 300px;border-color:rgba(60,242,165,.2);background:radial-gradient(circle at 12% 20%,rgba(60,242,165,.055),transparent 30%),radial-gradient(circle at 88% 70%,rgba(215,181,109,.06),transparent 32%),rgba(8,17,26,.9)}.national-day-card::after{content:'🇸🇦';position:absolute;inset-inline-end:-10px;top:-30px;font-size:150px;opacity:.025;filter:grayscale(.2);transform:rotate(-8deg);pointer-events:none}.national-day-copy{padding:38px 40px}.national-day-eyebrow{display:flex;align-items:center;gap:9px;color:var(--emerald);font:800 9px/1 Inter,Arial,sans-serif;letter-spacing:.13em}.national-day-eyebrow b{font-size:16px}.national-day-copy h2{font-size:36px;line-height:1.32;margin:17px 0 14px}.national-day-copy h2 span{background:linear-gradient(90deg,var(--emerald),var(--cyan),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.national-day-copy>p{max-width:760px;color:var(--text-2);font-size:13px;line-height:1.9;margin:0}.national-day-copy>p strong{color:#fff}.national-day-terms{margin-top:18px;color:var(--muted);font-size:9px;line-height:1.75;border-inline-start:2px solid rgba(60,242,165,.25);padding-inline-start:12px}.national-day-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.national-day-offer{position:relative;z-index:1;margin:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(215,181,109,.22);border-radius:24px;background:linear-gradient(180deg,rgba(215,181,109,.055),rgba(60,242,165,.025));min-height:270px;padding:22px}.national-day-offer>span{color:var(--gold);font-size:10px;font-weight:800}.national-day-offer>strong{font:900 72px/.95 Inter,Arial,sans-serif;color:#fff;margin:16px 0 4px;text-shadow:0 0 35px rgba(60,242,165,.12)}.national-day-offer>b{color:var(--emerald);font-size:18px}.national-day-offer>small{color:var(--muted);font-size:10px;margin-top:7px}.national-day-timer{margin-top:18px;border:1px solid rgba(49,230,255,.15);border-radius:999px;padding:8px 10px;color:var(--cyan);font:800 8px/1 Inter,Arial,sans-serif;letter-spacing:.06em}.national-day-plan-bonus{display:inline-flex;width:max-content;max-width:100%;margin:9px 0 2px;border:1px solid rgba(60,242,165,.2);background:rgba(60,242,165,.05);color:var(--emerald);border-radius:999px;padding:7px 9px;font-size:9px;font-weight:800;line-height:1.2}
@media(max-width:900px){.national-day-bar-copy>span:not(.national-day-dot){display:none}.membership-compare-grid{grid-template-columns:1fr}.quiet-intelligence{grid-template-columns:1fr}.national-day-card{grid-template-columns:1fr}.national-day-offer{min-height:210px}.national-day-copy{padding-bottom:16px}}
@media(max-width:700px){.national-day-bar-inner{min-height:48px;gap:8px}.national-day-bar-copy strong{font-size:10px}.national-day-bar-actions{gap:7px}.national-day-countdown{font-size:8px}.membership-tier{padding:21px}.membership-tier-head{align-items:flex-start;flex-direction:column-reverse}.membership-tier-head h3{font-size:21px}.quiet-intelligence{padding:22px}.quiet-copy h2{font-size:27px}.quiet-metrics{grid-template-columns:1fr}.quiet-metrics>div{min-height:auto}.national-day-section{padding-top:58px;padding-bottom:62px}.national-day-copy{padding:26px 22px 10px}.national-day-copy h2{font-size:28px}.national-day-actions{display:grid}.national-day-actions .btn{width:100%}.national-day-offer{margin:16px 20px 22px;min-height:190px}.national-day-offer>strong{font-size:58px}}