/* ============================================================
   VYASA — PREMIUM TRADING SYSTEMS LANDING PAGE
   Pure CSS. No external fonts, icons, or frameworks.
   ============================================================ */

/* ---------- 1. Design tokens ---------- */
:root {
  --bg: #0b0c10;
  --bg-deep: #08090c;
  --surface: #12141c;
  --surface-2: #151821;
  --surface-3: #191c26;
  --text: #ffffff;
  --text-soft: #d9dde3;
  --muted: #9aa0a6;
  --muted-2: #656b74;
  --accent: #00ff66;
  --accent-bright: #42ff89;
  --accent-soft: rgba(0, 255, 102, .09);
  --accent-border: rgba(0, 255, 102, .25);
  --loss: #ff3366;
  --loss-soft: rgba(255, 51, 102, .10);
  --gold: #d5b270;
  --border: rgba(255, 255, 255, .075);
  --border-strong: rgba(255, 255, 255, .12);
  --radius-xl: 34px;
  --radius-lg: 26px;
  --radius-md: 18px;
  --radius-sm: 12px;
  --container: 1240px;
  --shadow: 0 40px 100px rgba(0, 0, 0, .42);
}

/* ---------- 2. Reset / global ---------- */
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  min-height: 100vh;
  overflow-x: hidden;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
body.modal-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
img, canvas { max-width: 100%; }
::selection { background: rgba(0,255,102,.25); color: #fff; }
.container { width: min(calc(100% - 48px), var(--container)); margin-inline: auto; position: relative; }
.section { padding: 132px 0; position: relative; }
.profit-text { color: var(--accent) !important; }
.loss-text { color: var(--loss) !important; }

/* Ambient background glow */
.ambient { position: fixed; pointer-events: none; z-index: -1; border-radius: 50%; filter: blur(30px); opacity: .55; }
.ambient-one { width: 520px; height: 520px; top: -280px; right: -180px; background: radial-gradient(circle, rgba(0,255,102,.10), transparent 68%); }
.ambient-two { width: 640px; height: 640px; top: 820px; left: -390px; background: radial-gradient(circle, rgba(0,255,102,.055), transparent 70%); }

/* ---------- 3. Header ---------- */
.site-header {
  position: fixed; inset: 0 0 auto; z-index: 50;
  background: rgba(11, 12, 16, .72);
  border-bottom: 1px solid rgba(255,255,255,.055);
  backdrop-filter: blur(20px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
}
.nav-wrap { height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 11px; }
.brand-mark { display: inline-flex; align-items: end; gap: 2px; width: 24px; height: 24px; padding: 5px; border: 1px solid var(--accent-border); border-radius: 7px; background: var(--accent-soft); }
.brand-mark i { display: block; width: 3px; border-radius: 999px; background: var(--accent); }
.brand-mark i:nth-child(1) { height: 6px; }.brand-mark i:nth-child(2) { height: 11px; }.brand-mark i:nth-child(3) { height: 8px; }
.brand-name { font-size: .78rem; letter-spacing: .12em; font-weight: 850; }
.brand-name span { color: var(--accent); }
.nav-links { display: flex; align-items: center; gap: 34px; color: #a9aeb5; font-size: .84rem; }
.nav-links a { transition: color .2s ease; }.nav-links a:hover { color: #fff; }

/* ---------- 4. Buttons ---------- */
.btn {
  border: 0; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 50px; padding: 0 22px; border-radius: 13px; font-weight: 760; font-size: .88rem;
  transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.btn:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(0); }
.btn-primary { color: #051008; background: var(--accent); box-shadow: 0 12px 36px rgba(0,255,102,.13); }
.btn-primary:hover { background: var(--accent-bright); box-shadow: 0 16px 42px rgba(0,255,102,.20); }
.btn-nav { min-height: 42px; padding: 0 16px; border: 1px solid var(--border-strong); background: rgba(255,255,255,.035); font-size: .78rem; }
.btn-nav:hover { border-color: var(--accent-border); background: var(--accent-soft); }
.btn-large { min-height: 60px; padding: 0 28px; border-radius: 15px; font-size: .94rem; }
.btn-arrow { font-size: 1.05rem; }
.btn-link { color: #d7dbe0; background: transparent; padding-inline: 10px; }
.play-icon { width: 33px; height: 33px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--border-strong); font-size: .62rem; }
.btn-product { width: 100%; margin-top: 34px; min-height: 56px; justify-content: space-between; border: 1px solid var(--border-strong); background: rgba(255,255,255,.04); padding-inline: 20px; }
.btn-product:hover { border-color: var(--accent-border); background: var(--accent-soft); }
.product-primary .btn-product { color: #07110a; background: var(--accent); border-color: var(--accent); }
.btn-full { width: 100%; min-height: 58px; }
button:disabled { opacity: .62; cursor: wait; transform: none !important; }

/* ---------- 5. Hero ---------- */
.hero { padding: 166px 0 0; min-height: 980px; position: relative; overflow: hidden; }
.hero::before {
  content: ""; position: absolute; inset: 76px 0 auto; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0,255,102,.15), transparent);
}
.hero-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 70px; align-items: center; min-height: 720px; }
.availability-pill { width: fit-content; display: inline-flex; align-items: center; gap: 10px; padding: 9px 13px; border: 1px solid var(--border); border-radius: 999px; color: #bfc4ca; background: rgba(255,255,255,.025); font-size: .72rem; letter-spacing: .02em; }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px rgba(0,255,102,.08), 0 0 16px rgba(0,255,102,.65); }
.hero h1 { margin-top: 28px; font-size: clamp(3.7rem, 6.25vw, 6.85rem); line-height: .91; letter-spacing: -.072em; font-weight: 790; }
.hero h1 span { display: block; margin-top: 12px; color: var(--muted); font-weight: 630; }
.hero-subtitle { max-width: 670px; margin-top: 30px; color: #aeb3ba; font-size: clamp(1rem, 1.25vw, 1.15rem); line-height: 1.78; }
.hero-actions { display: flex; align-items: center; gap: 18px; margin-top: 38px; }
.hero-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 54px; padding-top: 24px; border-top: 1px solid var(--border); }
.proof-item { display: flex; align-items: center; gap: 11px; min-width: 0; }
.proof-icon { width: 30px; height: 30px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 9px; color: #717780; font-size: .58rem; }
.proof-item strong, .proof-item small { display: block; }
.proof-item strong { font-size: .75rem; font-weight: 700; }.proof-item small { color: #6e747d; font-size: .65rem; margin-top: 1px; white-space: nowrap; }

.hero-visual { position: relative; min-width: 0; perspective: 1200px; }
.visual-glow { position: absolute; width: 72%; height: 70%; left: 12%; top: 14%; background: rgba(0,255,102,.08); filter: blur(90px); border-radius: 50%; }
.premium-terminal { position: relative; z-index: 2; overflow: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 24px; background: linear-gradient(160deg, rgba(24,27,36,.96), rgba(12,14,19,.98)); box-shadow: 0 50px 120px rgba(0,0,0,.55), inset 0 1px rgba(255,255,255,.03); transform: rotateY(-3deg) rotateX(1deg); }
.terminal-header { height: 48px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 18px; border-bottom: 1px solid var(--border); color: #686e77; font-size: .58rem; letter-spacing: .12em; }
.window-controls { display: flex; gap: 5px; }.window-controls i { width: 7px; height: 7px; border-radius: 50%; background: #2a2e38; }.window-controls i:first-child { background: #435047; }
.terminal-status { justify-self: end; display: flex; align-items: center; gap: 6px; color: #8f969f; }.terminal-status span { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 10px rgba(0,255,102,.8); }
.terminal-marketbar { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 17px 20px; border-bottom: 1px solid var(--border); }
.symbol-block { display: flex; align-items: center; gap: 12px; }.gold-icon { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 11px; color: #16120a; background: linear-gradient(145deg,#e4c486,#9f7e42); font-weight: 900; font-size: .75rem; box-shadow: inset 0 0 0 1px rgba(255,255,255,.25); }.gold-icon.small { width: 34px; height: 34px; border-radius: 10px; }
.symbol-block strong, .symbol-block span { display: block; }.symbol-block strong { font-size: .92rem; }.symbol-block span { margin-top: 2px; color: #777e87; font-size: .65rem; }
.quote-block { text-align: right; }.quote-block span, .quote-block em { display: block; }.quote-block span { font-size: 1.15rem; font-weight: 780; letter-spacing: -.03em; }.quote-block em { color: var(--accent); font-size: .65rem; font-style: normal; }
.hero-chart { position: relative; height: 350px; overflow: hidden; background: #0c0e13; }
.chart-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px); background-size: 100% 20%, 12.5% 100%; }
.hero-chart::after { content:""; position:absolute; inset:0; background: linear-gradient(90deg, rgba(12,14,19,.6), transparent 25%, transparent 80%, rgba(12,14,19,.7)); pointer-events:none; }
.zone-buy { position: absolute; left: 51%; top: 51%; width: 28%; height: 19%; border: 1px dashed rgba(0,255,102,.23); background: rgba(0,255,102,.035); }.zone span { position: absolute; left: 8px; top: 7px; color: rgba(0,255,102,.48); font-size: .48rem; letter-spacing: .11em; }
.hero-candles { position: absolute; inset: 26px 34px 24px 18px; display: flex; align-items: stretch; gap: 6px; z-index: 2; }
.candle { position: relative; flex: 1 1 0; min-width: 3px; }.candle::before { content:""; position:absolute; left:50%; width:1px; transform:translateX(-50%); top:var(--wick-top); bottom:var(--wick-bottom); background:var(--candle); opacity:.75; }.candle::after { content:""; position:absolute; left:22%; right:22%; top:var(--body-top); height:var(--body-height); min-height:3px; border-radius:1px; background:var(--candle); box-shadow:0 0 10px color-mix(in srgb, var(--candle) 18%, transparent); }
.ema-line { position:absolute; z-index:3; left:8%; height:2px; border-radius:999px; transform-origin:left center; opacity:.72; }.ema-one { top:65%; width:80%; transform:rotate(-11deg); background:linear-gradient(90deg,rgba(213,178,112,.1),rgba(213,178,112,.8),rgba(213,178,112,.25)); }.ema-two { top:77%; width:84%; transform:rotate(-14deg); background:linear-gradient(90deg,rgba(0,255,102,.06),rgba(0,255,102,.5),rgba(0,255,102,.12)); }
.signal-beacon { position:absolute; z-index:5; left:72%; top:44%; width:15px; height:15px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 8px rgba(0,255,102,.07),0 0 28px rgba(0,255,102,.65); animation:pulse 2s infinite; }.signal-beacon span { position:absolute; left:50%; bottom:21px; transform:translateX(-50%); padding:5px 8px; border-radius:6px; color:#061008; background:var(--accent); font-size:.49rem; font-weight:900; }
.price-axis { position:absolute; right:7px; inset-block:17px; z-index:5; display:flex; flex-direction:column; justify-content:space-between; color:#4f555e; font-size:.52rem; }
.terminal-footer-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--border); }.terminal-metric { padding:16px 15px; border-right:1px solid var(--border); }.terminal-metric:last-child { border-right:0; }.terminal-metric span,.terminal-metric strong{display:block}.terminal-metric span{color:#676d76;font-size:.54rem;text-transform:uppercase;letter-spacing:.07em}.terminal-metric strong{margin-top:5px;font-size:.66rem}.action-metric strong{display:flex;align-items:center;gap:5px}.action-metric strong i{width:6px;height:6px;border-radius:50%;background:var(--accent)}
.floating-card { position:absolute; z-index:5; border:1px solid rgba(255,255,255,.11); background:rgba(17,19,26,.86); backdrop-filter:blur(16px); box-shadow:0 20px 50px rgba(0,0,0,.35); }
.floating-alert { left:-35px; bottom:45px; display:flex; align-items:center; gap:11px; padding:12px 14px; border-radius:14px; }.float-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#061008;background:var(--accent);font-weight:900}.floating-card span,.floating-card strong{display:block}.floating-card span{color:#777e87;font-size:.52rem;letter-spacing:.08em}.floating-card strong{font-size:.72rem;margin-top:2px}.floating-risk{right:-25px;top:100px;padding:10px 13px;border-radius:12px}.floating-risk strong{color:#e1e4e8}
.hero-bottomline { margin-top: 72px; min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }.hero-bottomline span { color: var(--accent); font-size: .64rem; letter-spacing: .16em; font-weight: 800; }.hero-bottomline p { max-width: 630px; color: #717780; font-size: .8rem; text-align: right; }
@keyframes pulse { 50% { box-shadow:0 0 0 13px rgba(0,255,102,.025),0 0 35px rgba(0,255,102,.8); } }

/* ---------- 6. Shared section headings ---------- */
.section-kicker { color: var(--accent); font-size: .66rem; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.section-heading { display:grid; grid-template-columns:1.1fr .72fr; gap:80px; align-items:end; margin-bottom:58px; }
.section-heading h2,.value-head h2,.process-copy h2,.faq-intro h2 { margin-top: 16px; font-size: clamp(2.7rem,5vw,5.25rem); line-height:.97; letter-spacing:-.065em; font-weight:720; }.section-heading h2 span,.value-head h2 span,.process-copy h2 span,.faq-intro h2 span { color: var(--muted); }.section-heading p,.value-head p,.process-copy p,.faq-intro p { color:#8f959d; line-height:1.8; }

/* ---------- 7. Value section ---------- */
.value-section { background: linear-gradient(180deg, transparent, rgba(255,255,255,.012), transparent); }
.value-head { display:grid;grid-template-columns:1.05fr .68fr;gap:90px;align-items:end;margin-top:20px;margin-bottom:54px}.value-head p{padding-bottom:5px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.value-card{min-height:490px;padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(160deg,rgba(255,255,255,.025),rgba(255,255,255,.008));transition:.3s ease}.value-card:hover{transform:translateY(-5px);border-color:var(--border-strong)}.value-number{color:#4f555d;font-size:.62rem;font-weight:800;letter-spacing:.1em}.value-visual{height:210px;margin:20px 0 28px;border-radius:18px;border:1px solid var(--border);background:#0e1015;position:relative;overflow:hidden}.value-card h3{font-size:1.5rem;line-height:1.16;letter-spacing:-.035em}.value-card p{margin-top:13px;color:#7e848c;font-size:.85rem;line-height:1.75}.focus-visual{background:radial-gradient(circle at 65% 45%,rgba(0,255,102,.09),transparent 25%),#0e1015}.focus-blur{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 25px,rgba(255,255,255,.025) 26px),repeating-linear-gradient(90deg,transparent 0 52px,rgba(255,255,255,.02) 53px);filter:blur(1px)}.focus-line{position:absolute;left:10%;top:62%;width:80%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform:rotate(-12deg);box-shadow:0 0 18px rgba(0,255,102,.35)}.focus-dot{position:absolute;left:62%;top:35%;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 10px rgba(0,255,102,.05),0 0 28px rgba(0,255,102,.6)}.rule-visual{padding:28px 20px;display:grid;align-content:center;gap:10px}.rule-row{height:43px;display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:10px;padding:0 12px;border:1px solid var(--border);border-radius:10px;color:#60666f;font-size:.68rem}.rule-row i{width:7px;height:7px;border-radius:50%;background:#484d55}.rule-row b{font-size:.55rem;letter-spacing:.08em}.rule-row.active{color:#dfe2e6;border-color:rgba(0,255,102,.12);background:rgba(0,255,102,.025)}.rule-row.active i{background:var(--accent);box-shadow:0 0 12px rgba(0,255,102,.5)}.rule-row.active b{color:var(--accent)}.mobile-visual{display:grid;place-items:center;background:radial-gradient(circle at 50% 60%,rgba(0,255,102,.07),transparent 35%),#0e1015}.mini-phone{width:92px;height:172px;border:4px solid #252a34;border-radius:22px;background:#0a0c10;position:relative;box-shadow:0 22px 40px rgba(0,0,0,.4)}.phone-notch{position:absolute;left:50%;top:7px;transform:translateX(-50%);width:35px;height:5px;border-radius:99px;background:#262a32}.phone-alert{position:absolute;left:8px;right:8px;top:52px;padding:13px 8px;border:1px solid var(--accent-border);border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:.66rem;font-weight:900;text-align:center}.phone-alert span{color:#8d949d;font-size:.47rem;font-weight:600}

/* ---------- 8. Products ---------- */
.products-section{border-top:1px solid var(--border)}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.product-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);transition:.3s ease}.product-card:hover{transform:translateY(-5px);border-color:var(--border-strong);box-shadow:0 28px 80px rgba(0,0,0,.24)}.product-primary{border-color:rgba(0,255,102,.18);background:linear-gradient(160deg,rgba(0,255,102,.035),transparent 30%),var(--surface)}.product-meta{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid var(--border)}.product-no{color:#5f6670;font-size:.6rem;letter-spacing:.12em;font-weight:800}.product-badge{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-size:.56rem;letter-spacing:.09em;font-weight:850}.product-badge i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(0,255,102,.6)}.product-badge.neutral{color:#969ca4}.product-badge.neutral i{background:#787f88;box-shadow:none}.product-showcase{height:310px;position:relative;overflow:hidden;border-bottom:1px solid var(--border);background:#0c0e13}.xau-showcase{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:100% 25%,12.5% 100%}.mini-terminal-head{position:absolute;z-index:3;left:22px;right:22px;top:18px;display:flex;justify-content:space-between;color:#68707a;font-size:.55rem;letter-spacing:.08em}.mini-terminal-head b{color:#8e959e}.mini-chart-bars{position:absolute;left:8%;right:8%;bottom:14%;height:62%;display:flex;align-items:flex-end;gap:5%}.mini-chart-bars i{position:relative;width:7%;height:var(--h);margin-bottom:var(--y);background:linear-gradient(180deg,var(--accent),rgba(0,255,102,.5));border-radius:2px;box-shadow:0 0 12px rgba(0,255,102,.08)}.mini-chart-bars i:nth-child(3n){background:var(--loss)}.mini-chart-bars i::before{content:"";position:absolute;left:50%;top:-18px;bottom:-15px;width:1px;transform:translateX(-50%);background:inherit;opacity:.7}.mini-entry-line{position:absolute;left:43%;right:11%;bottom:30%;height:16%;border:1px dashed rgba(0,255,102,.21);background:rgba(0,255,102,.035)}.mini-entry-line span{position:absolute;right:7px;top:6px;color:rgba(0,255,102,.5);font-size:.45rem;letter-spacing:.1em}.mini-signal-tag{position:absolute;right:18%;top:31%;padding:5px 8px;border-radius:6px;background:var(--accent);color:#061008;font-size:.49rem;font-weight:900}.trend-showcase{background:radial-gradient(circle at 67% 38%,rgba(0,255,102,.055),transparent 30%),#0c0e13}.trend-path{position:absolute;height:2px;border-radius:99px;transform-origin:left center}.path-one{left:9%;top:69%;width:82%;background:linear-gradient(90deg,#5b6068,var(--accent));transform:rotate(-17deg)}.path-two{left:12%;top:77%;width:74%;background:linear-gradient(90deg,rgba(213,178,112,.15),rgba(213,178,112,.75));transform:rotate(-13deg)}.trend-cloud{position:absolute;border-radius:50%;filter:blur(16px);transform:rotate(-15deg)}.cloud-one{width:55%;height:18%;left:24%;top:49%;background:rgba(0,255,102,.07)}.cloud-two{width:36%;height:12%;left:45%;top:38%;background:rgba(0,255,102,.07)}.trend-label{position:absolute;right:12%;top:20%;padding:13px 15px;border:1px solid var(--accent-border);border-radius:12px;background:rgba(15,18,23,.72);backdrop-filter:blur(12px)}.trend-label span,.trend-label strong{display:block}.trend-label span{color:#747b84;font-size:.48rem;letter-spacing:.1em}.trend-label strong{margin-top:3px;color:var(--accent);font-size:.75rem}.product-content{padding:35px}.product-label{color:#69707a;font-size:.59rem;letter-spacing:.11em;font-weight:800}.product-content h3{margin-top:12px;font-size:clamp(2.4rem,4vw,4rem);line-height:.94;letter-spacing:-.06em}.product-content>div>p{margin-top:17px;max-width:520px;color:#8c929a;font-size:.88rem;line-height:1.75}.feature-list{list-style:none;margin-top:34px;border-top:1px solid var(--border)}.feature-list li{display:grid;grid-template-columns:30px 1fr;gap:13px;padding:17px 0;border-bottom:1px solid var(--border)}.feature-list li>span{color:#59606a;font-size:.56rem;font-weight:800;padding-top:3px}.feature-list strong,.feature-list small{display:block}.feature-list strong{font-size:.79rem}.feature-list small{margin-top:3px;color:#696f78;font-size:.68rem;line-height:1.55}

/* ---------- 9. Demo chart ---------- */
.demo-section{background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(255,255,255,.012),rgba(0,0,0,.1));border-block:1px solid var(--border)}.demo-heading{align-items:center}.chart-shell{overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:#0d0f14;box-shadow:var(--shadow)}.chart-topbar{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--border);background:#11131a}.chart-tabs{display:flex;gap:4px}.chart-tabs button{border:0;background:transparent;color:#666d76;padding:8px 11px;border-radius:8px;font-size:.62rem;cursor:pointer}.chart-tabs button.active{color:#dfe3e7;background:rgba(255,255,255,.045)}.chart-status{display:flex;align-items:center;gap:7px;color:#666d76;font-size:.54rem;letter-spacing:.09em}.chart-status span{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(0,255,102,.7)}.chart-instrumentbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--border);background:#0f1117}.instrument-left{display:flex;align-items:center;gap:11px}.instrument-left strong,.instrument-left span{display:block}.instrument-left strong{font-size:.9rem}.instrument-left span{color:#686f78;font-size:.59rem}.timeframe-chip{margin-left:7px;padding:5px 8px;border:1px solid var(--border);border-radius:7px;color:#8e949c;font-size:.59rem}.instrument-price{text-align:right}.instrument-price strong,.instrument-price span{display:block}.instrument-price strong{font-size:1.05rem}.instrument-price span{color:var(--accent);font-size:.58rem}.chart-stage{position:relative;height:580px;background:#0a0c11;overflow:hidden}.chart-stage canvas{display:block;width:100%;height:100%}.chart-watermark{position:absolute;left:28px;top:25px;pointer-events:none}.chart-watermark strong,.chart-watermark span{display:block}.chart-watermark strong{color:rgba(255,255,255,.075);font-size:2.2rem;letter-spacing:-.04em}.chart-watermark span{color:rgba(255,255,255,.065);font-size:.65rem}.chart-alert{position:absolute;right:22px;top:22px;z-index:7;width:min(410px,calc(100% - 44px));display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--accent-border);border-radius:15px;background:rgba(15,18,24,.94);backdrop-filter:blur(16px);box-shadow:0 22px 55px rgba(0,0,0,.4);opacity:0;transform:translateY(-12px) scale(.98);pointer-events:none;transition:.3s ease}.chart-alert.show{opacity:1;transform:none}.alert-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:#061008;background:var(--accent);font-weight:900}.alert-copy span,.alert-copy strong,.alert-copy p{display:block}.alert-copy span{color:var(--accent);font-size:.48rem;letter-spacing:.1em}.alert-copy strong{margin-top:1px;font-size:.72rem}.alert-copy p{margin-top:2px;color:#868d96;font-size:.64rem}.alert-time{color:#626872;font-size:.48rem}.scanner-overlay{position:absolute;inset:0;z-index:6;display:none;place-items:center;background:rgba(7,9,12,.2);pointer-events:none}.scanner-overlay.active{display:grid}.scanner-line{position:absolute;left:0;right:0;height:1px;top:0;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 24px rgba(0,255,102,.5);animation:scan 1.4s linear infinite}.scanner-overlay span{align-self:end;margin-bottom:25px;padding:7px 10px;border-radius:7px;background:rgba(10,12,16,.75);color:#6f767f;font-size:.5rem;letter-spacing:.12em}.chart-controlbar{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px;border-top:1px solid var(--border);background:#101219}.chart-legend{display:flex;gap:20px;flex-wrap:wrap;color:#747b84;font-size:.64rem}.chart-legend span{display:flex;align-items:center;gap:7px}.dot{width:6px;height:6px;border-radius:50%;display:inline-block}.dot.green{background:var(--accent)}.dot.gold{background:var(--gold)}.dot.red{background:var(--loss)}.scan-icon{font-size:1.1rem}.demo-disclaimer{margin-top:16px;color:#60666f;font-size:.67rem;text-align:center}@keyframes scan{from{top:0}to{top:100%}}

/* ---------- 10. Process ---------- */
.process-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:90px;align-items:start}.process-copy{position:sticky;top:120px}.process-copy p{margin-top:24px;max-width:450px}.process-list{border-top:1px solid var(--border)}.process-row{min-height:185px;display:grid;grid-template-columns:58px 1fr auto;gap:20px;align-items:center;border-bottom:1px solid var(--border);transition:.25s ease}.process-row:hover{padding-left:8px;background:linear-gradient(90deg,rgba(0,255,102,.025),transparent 55%)}.process-row>span{color:#515861;font-size:.65rem;font-weight:800}.process-row h3{font-size:1.35rem;letter-spacing:-.03em}.process-row p{margin-top:7px;max-width:570px;color:#747b84;font-size:.8rem}.process-row>b{color:#4e555e;font-size:.55rem;letter-spacing:.12em}

/* ---------- 11. Journal ---------- */
.journal-section{border-top:1px solid var(--border)}.journal-layout{display:grid;grid-template-columns:290px 1fr;gap:16px}.journal-summary,.table-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.journal-summary{padding:25px}.sample-label{display:inline-flex;padding:6px 8px;border:1px solid rgba(213,178,112,.22);border-radius:7px;color:var(--gold);background:rgba(213,178,112,.05);font-size:.52rem;letter-spacing:.1em;font-weight:800}.summary-block{padding:19px 0;border-bottom:1px solid var(--border)}.summary-block span,.summary-block strong{display:block}.summary-block span{color:#666d76;font-size:.6rem}.summary-block strong{margin-top:5px;font-size:1.45rem;letter-spacing:-.04em}.summary-block strong i{font-style:normal}.status-inline{display:flex!important;align-items:center;gap:7px;font-size:.7rem!important;letter-spacing:.04em!important}.status-inline i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(0,255,102,.6)}.journal-summary>p{margin-top:19px;color:#646b74;font-size:.68rem;line-height:1.65}.table-card{overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:820px}th,td{padding:20px;text-align:left;border-bottom:1px solid var(--border)}th{color:#555c65;font-size:.55rem;letter-spacing:.11em;text-transform:uppercase}td{color:#c9cdd2;font-size:.73rem}td strong,td span{display:block}td span{margin-top:2px;color:#626872;font-size:.59rem}tbody tr{transition:.2s ease}tbody tr:hover{background:rgba(255,255,255,.015)}tbody tr:last-child td{border-bottom:0}.result-pill{display:inline-flex!important;width:max-content;align-items:center;padding:6px 8px;border-radius:999px;font-size:.5rem;font-weight:850;letter-spacing:.08em}.result-pill.profit{color:var(--accent);border:1px solid var(--accent-border);background:var(--accent-soft)}.result-pill.loss{color:var(--loss);border:1px solid rgba(255,51,102,.24);background:var(--loss-soft)}.risk-note{margin-top:18px;display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--border);border-radius:14px;color:#70767f;font-size:.68rem}.risk-note>span{width:27px;height:27px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;color:#8a9098;font-weight:800}.risk-note strong{color:#9da3aa}

/* ---------- 12. FAQ ---------- */
.faq-section{background:linear-gradient(180deg,transparent,rgba(255,255,255,.012))}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.faq-intro p{margin-top:22px;max-width:390px}.faq-list{border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border)}.faq-item summary{list-style:none;cursor:pointer;min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.95rem;font-weight:680}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;color:#6c727b;font-size:1rem;transition:.2s ease}.faq-item[open] summary span{transform:rotate(45deg);color:var(--accent);border-color:var(--accent-border)}.faq-item p{max-width:720px;padding:0 54px 25px 0;color:#777e87;font-size:.8rem;line-height:1.75}

/* ---------- 13. Closing CTA ---------- */
.closing-section{padding:0 0 110px}.closing-card{position:relative;overflow:hidden;padding:105px 55px;text-align:center;border:1px solid var(--border-strong);border-radius:38px;background:#0e1016;box-shadow:0 40px 100px rgba(0,0,0,.35)}.closing-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:100% 70px,70px 100%;mask-image:linear-gradient(to bottom,black,transparent 85%)}.closing-orb{position:absolute;width:560px;height:280px;left:50%;top:-180px;transform:translateX(-50%);border-radius:50%;background:rgba(0,255,102,.10);filter:blur(90px)}.closing-card>*:not(.closing-grid,.closing-orb){position:relative;z-index:2}.closing-card h2{margin-top:19px;font-size:clamp(2.8rem,5.8vw,6rem);line-height:.95;letter-spacing:-.07em}.closing-card h2.closing-accent{margin-top:5px;color:#727881}.closing-card p{max-width:660px;margin:25px auto 32px;color:#828890}.closing-card small{display:block;margin-top:18px;color:#535962;font-size:.6rem}

/* ---------- 14. Footer ---------- */
.site-footer{border-top:1px solid var(--border);background:#090a0d}.footer-top{min-height:180px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:40px}.footer-top p{color:#686f78;font-size:.72rem}.footer-links{display:flex;gap:25px;color:#767d86;font-size:.7rem}.footer-links a:hover{color:#fff}.footer-bottom{min-height:65px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);color:#4f555d;font-size:.6rem}

/* ---------- 15. Modal / form ---------- */
.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:rgba(5,6,8,.82);backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:.25s ease}.modal-backdrop.open{opacity:1;visibility:visible}.modal-card{position:relative;width:min(590px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:34px;border:1px solid var(--border-strong);border-radius:28px;background:linear-gradient(160deg,#171923,#0f1117);box-shadow:0 45px 120px rgba(0,0,0,.62);transform:translateY(16px) scale(.98);transition:.3s ease}.modal-backdrop.open .modal-card{transform:none}.modal-close{position:absolute;right:18px;top:18px;width:36px;height:36px;border:1px solid var(--border);border-radius:50%;background:rgba(255,255,255,.03);color:#7c828a;cursor:pointer;font-size:1.1rem}.modal-kicker{display:flex;align-items:center;gap:7px;color:var(--accent);font-size:.58rem;letter-spacing:.12em;font-weight:850}.modal-kicker span{width:6px;height:6px;border-radius:50%;background:var(--accent)}.modal-card h2{margin-top:15px;font-size:2.35rem;line-height:1.02;letter-spacing:-.055em}.modal-subtitle{margin-top:13px;color:#828890;font-size:.8rem}.selected-product{margin:25px 0;padding:15px 16px;border:1px solid var(--accent-border);border-radius:13px;background:var(--accent-soft)}.selected-product span,.selected-product strong{display:block}.selected-product span{color:#6d747d;font-size:.56rem;text-transform:uppercase;letter-spacing:.08em}.selected-product strong{margin-top:4px;font-size:.83rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-group{margin-bottom:14px}.form-group label{display:block;margin-bottom:7px;color:#949aa2;font-size:.66rem;font-weight:650}.form-group input{width:100%;height:50px;padding:0 14px;border:1px solid var(--border);border-radius:11px;outline:0;background:#0d0f14;color:#fff;font-size:.78rem;transition:.2s ease}.form-group input::placeholder{color:#4f555d}.form-group input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px rgba(0,255,102,.05)}.form-message{display:none;margin:0 0 12px;padding:10px 12px;border-radius:9px;background:rgba(255,255,255,.03);color:#a6abb2;font-size:.67rem}.form-message.show{display:block}.form-privacy{display:block;margin-top:12px;color:#565d66;font-size:.56rem;text-align:center}

/* ---------- 16. Reveal animation ---------- */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.signal-beacon,.scanner-line{animation:none}}

/* ---------- 17. Responsive ---------- */
@media (max-width:1100px){
  .hero-grid{grid-template-columns:1fr;gap:70px}.hero{min-height:auto}.hero-copy{max-width:850px}.hero-visual{max-width:820px;margin-inline:auto;width:100%}.hero h1{font-size:clamp(4rem,10vw,7rem)}
  .value-head,.section-heading{gap:45px}.value-grid{grid-template-columns:1fr 1fr}.value-card:last-child{grid-column:1/-1}.product-content{padding:30px}.process-grid,.faq-grid{gap:55px}.journal-layout{grid-template-columns:240px 1fr}
}
@media (max-width:820px){
  .container{width:min(calc(100% - 32px),var(--container))}.section{padding:95px 0}.nav-wrap{height:68px}.nav-links{display:none}.btn-nav{min-height:40px}
  .hero{padding-top:125px}.hero-grid{min-height:0}.availability-pill{font-size:.64rem}.hero h1{font-size:clamp(3.5rem,15vw,6rem)}.hero-subtitle{font-size:.95rem}.hero-proof{grid-template-columns:1fr;gap:15px}.proof-item small{white-space:normal}.hero-bottomline{margin-top:55px;align-items:flex-start;flex-direction:column;justify-content:center;padding:20px 0}.hero-bottomline p{text-align:left}
  .floating-alert{left:12px;bottom:35px}.floating-risk{right:12px}.premium-terminal{transform:none}.terminal-footer-grid{grid-template-columns:repeat(2,1fr)}.terminal-metric:nth-child(2){border-right:0}.terminal-metric:nth-child(-n+2){border-bottom:1px solid var(--border)}
  .value-head,.section-heading{grid-template-columns:1fr;gap:24px}.value-grid{grid-template-columns:1fr}.value-card:last-child{grid-column:auto}.value-card{min-height:auto}.product-grid{grid-template-columns:1fr}.product-showcase{height:280px}
  .chart-stage{height:460px}.chart-controlbar{align-items:flex-start;flex-direction:column}.chart-controlbar .btn{width:100%}.process-grid,.faq-grid{grid-template-columns:1fr;gap:50px}.process-copy{position:static}.journal-layout{grid-template-columns:1fr}.journal-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.journal-summary>.sample-label,.journal-summary>p{grid-column:1/-1}.summary-block{padding-right:15px}.footer-top{grid-template-columns:1fr;gap:22px;padding:45px 0}.footer-links{flex-wrap:wrap}.closing-card{padding:80px 26px}.form-row{grid-template-columns:1fr}
}
@media (max-width:560px){
  .container{width:min(calc(100% - 24px),var(--container))}.section{padding:78px 0}.brand-name{font-size:.66rem}.btn-nav{padding:0 12px;font-size:.68rem}.btn-nav span{display:none}
  .hero{padding-top:112px}.availability-pill{line-height:1.35}.hero h1{margin-top:24px;font-size:clamp(3.15rem,16.5vw,5rem)}.hero-subtitle{margin-top:24px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn{width:100%}.hero-proof{margin-top:40px}.hero-visual{margin-top:-15px}.terminal-title{display:none}.terminal-header{grid-template-columns:1fr 1fr}.terminal-status{grid-column:2}.terminal-marketbar{padding-inline:14px}.symbol-block span{max-width:150px}.hero-chart{height:260px}.floating-risk{display:none}.floating-alert{bottom:20px}.terminal-footer-grid{grid-template-columns:repeat(2,1fr)}
  .section-heading h2,.value-head h2,.process-copy h2,.faq-intro h2{font-size:clamp(2.45rem,13vw,4rem)}.value-card{padding:18px}.value-visual{height:190px}.product-showcase{height:230px}.product-content{padding:25px}.product-content h3{font-size:2.65rem}.feature-list small{font-size:.64rem}
  .chart-instrumentbar{padding-inline:14px}.instrument-price strong{font-size:.85rem}.chart-stage{height:390px}.chart-watermark strong{font-size:1.5rem}.chart-alert{left:12px;right:12px;width:auto;grid-template-columns:38px 1fr}.alert-time{display:none}.chart-legend{gap:12px}.chart-controlbar{padding:14px}.process-row{grid-template-columns:40px 1fr;min-height:160px}.process-row>b{display:none}.journal-summary{grid-template-columns:1fr}.summary-block{padding-right:0}.closing-card{border-radius:26px;padding:65px 20px}.closing-card h2{font-size:clamp(2.45rem,13vw,4rem)}.faq-item summary{font-size:.84rem}.footer-bottom{align-items:flex-start;flex-direction:column;justify-content:center;gap:4px}.modal-backdrop{padding:12px}.modal-card{padding:28px 20px}.modal-card h2{font-size:2rem}
}

/* =========================================================
   FINAL BRAND SYSTEM — VYASA / CLARITY BEFORE EXECUTION
   Master-brand refinements added after the base component styles.
========================================================= */
:root {
  --vyasa-ink: #07090c;
  --vyasa-graphite: #10131a;
  --vyasa-line: rgba(255,255,255,.075);
  --vyasa-green: #00ff66;
}

/* Geometric V sigil built entirely with CSS. */
.brand { gap: 12px; }
.brand-mark.vyasa-mark {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
}
.brand-mark.vyasa-mark::before {
  content: "";
  position: absolute;
  inset: 3px 2px 2px;
  background: linear-gradient(155deg, #eafff1 0%, var(--accent) 48%, #00a944 100%);
  clip-path: polygon(0 0, 28% 0, 50% 66%, 72% 0, 100% 0, 59% 100%, 41% 100%);
  filter: drop-shadow(0 0 12px rgba(0,255,102,.18));
}
.brand-mark.vyasa-mark::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 1px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 12px rgba(0,255,102,.75);
}
.brand-lockup { display: flex; flex-direction: column; gap: 1px; }
.brand-lockup .brand-name {
  color: #fff;
  font-size: .91rem;
  line-height: 1;
  letter-spacing: .22em;
  font-weight: 860;
}
.brand-lockup small {
  color: #666d76;
  font-size: .42rem;
  line-height: 1;
  letter-spacing: .24em;
  font-weight: 760;
}

/* The brand voice uses a restrained editorial signal instead of extra decoration. */
.hero-copy .availability-pill { letter-spacing: .085em; }
.hero-subtitle strong { color: #e8ebee; font-weight: 650; }
.hero::after {
  content: "VYASA";
  position: absolute;
  left: 50%;
  top: 43%;
  z-index: -1;
  transform: translate(-50%,-50%);
  color: rgba(255,255,255,.012);
  font-size: clamp(14rem, 34vw, 39rem);
  line-height: .75;
  letter-spacing: -.075em;
  font-weight: 900;
  pointer-events: none;
}

/* Brand manifesto: a quiet, editorial break between promise and product. */
.brand-manifesto {
  position: relative;
  padding: 0 0 120px;
  overflow: hidden;
}
.manifesto-shell {
  position: relative;
  min-height: 610px;
  overflow: hidden;
  padding: 34px 42px 42px;
  border: 1px solid var(--border);
  border-radius: 34px;
  background:
    radial-gradient(circle at 78% 16%, rgba(0,255,102,.07), transparent 27%),
    linear-gradient(145deg, rgba(255,255,255,.025), transparent 35%),
    #0d0f14;
}
.manifesto-shell::before {
  content:"";
  position:absolute;
  inset:0;
  background-image: linear-gradient(rgba(255,255,255,.024) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size: 100% 96px, 96px 100%;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), transparent 92%);
  pointer-events:none;
}
.manifesto-topline {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--border);
  color: #5e6570;
  font-size: .56rem;
  letter-spacing: .17em;
  font-weight: 800;
}
.manifesto-topline span:last-child { color: var(--accent); }
.manifesto-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  gap: 90px;
  padding-top: 70px;
}
.manifesto-title h2 {
  margin-top: 19px;
  font-size: clamp(3.2rem, 5.8vw, 6.3rem);
  line-height: .91;
  letter-spacing: -.072em;
}
.manifesto-title h2 span { color: #6d737c; }
.manifesto-copy > p {
  max-width: 650px;
  color: #9ba1a9;
  font-size: 1rem;
  line-height: 1.85;
}
.manifesto-principles { margin-top: 36px; border-top: 1px solid var(--border); }
.manifesto-principles > div {
  display: grid;
  grid-template-columns: 42px 112px 1fr;
  gap: 18px;
  align-items: baseline;
  padding: 19px 0;
  border-bottom: 1px solid var(--border);
}
.manifesto-principles span { color: #555c66; font-size: .58rem; font-weight: 800; }
.manifesto-principles strong { font-size: .78rem; letter-spacing: .02em; }
.manifesto-principles small { color: #707781; font-size: .68rem; line-height: 1.6; }
.manifesto-word {
  position: absolute;
  left: 30px;
  bottom: -66px;
  color: rgba(255,255,255,.025);
  font-size: clamp(9rem, 21vw, 22rem);
  line-height: .72;
  letter-spacing: -.07em;
  font-weight: 900;
  user-select: none;
}

/* Product identity now feels like a coherent VYASA family. */
.product-card { position: relative; }
.product-card::after {
  content: "V";
  position: absolute;
  right: -8px;
  bottom: -54px;
  z-index: 0;
  color: rgba(255,255,255,.018);
  font-size: 16rem;
  line-height: 1;
  font-weight: 900;
  pointer-events: none;
}
.product-content, .product-showcase, .product-meta { position: relative; z-index: 1; }
.product-label { color: #7a818a; letter-spacing: .13em; }
.product-primary .product-label { color: rgba(0,255,102,.7); }

/* Refine the final conversion block into a branded statement. */
.closing-card::after {
  content: "VYASA";
  position: absolute;
  left: 50%;
  bottom: -18%;
  transform: translateX(-50%);
  color: rgba(255,255,255,.018);
  font-size: clamp(9rem, 25vw, 25rem);
  line-height: .8;
  letter-spacing: -.07em;
  font-weight: 900;
  pointer-events: none;
}
.closing-card > *:not(.closing-grid):not(.closing-orb) { position: relative; z-index: 2; }

@media (max-width: 980px) {
  .manifesto-grid { grid-template-columns: 1fr; gap: 42px; padding-top: 55px; }
  .manifesto-shell { min-height: 720px; }
}
@media (max-width: 640px) {
  .brand-lockup small { display: none; }
  .brand-lockup .brand-name { font-size: .76rem; }
  .brand-mark.vyasa-mark { width: 26px; height: 26px; }
  .brand-manifesto { padding-bottom: 78px; }
  .manifesto-shell { min-height: auto; padding: 25px 20px 120px; border-radius: 24px; }
  .manifesto-topline { align-items: flex-start; flex-direction: column; gap: 8px; }
  .manifesto-grid { padding-top: 44px; }
  .manifesto-title h2 { font-size: clamp(2.8rem, 14vw, 4.2rem); }
  .manifesto-copy > p { font-size: .88rem; }
  .manifesto-principles > div { grid-template-columns: 34px 1fr; gap: 10px; }
  .manifesto-principles small { grid-column: 2; }
  .manifesto-word { left: 12px; bottom: -17px; font-size: 8.2rem; }
}

/* =========================================================
   COMMERCIAL OFFER SYSTEM — FOUNDER ACCESS
   Pricing, bundle hierarchy, access terms, and checkout clarity.
========================================================= */
.product-commercial-line {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid var(--border);
}
.product-commercial-line > span {
  color: #646b75;
  font-size: .55rem;
  letter-spacing: .13em;
  font-weight: 850;
}
.product-commercial-line strong {
  color: #f3f5f7;
  font-size: 1.05rem;
  letter-spacing: -.025em;
}
.product-commercial-line strong small {
  color: #6f7680;
  font-size: .55rem;
  font-weight: 650;
}
.product-primary .product-commercial-line > span { color: rgba(0,255,102,.66); }

.offer-section {
  border-top: 1px solid var(--border);
  background:
    radial-gradient(circle at 50% 38%, rgba(0,255,102,.055), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.008), transparent 20%);
  overflow: hidden;
}
.offer-heading { align-items: center; }
.offer-intro p { color: #9399a1; line-height: 1.82; }
.offer-principle {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 18px;
  color: #6f7680;
  font-size: .67rem;
  letter-spacing: .02em;
}
.offer-principle i {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 14px rgba(0,255,102,.6);
}
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}
.pricing-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 690px;
  padding: 28px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 28px;
  background: linear-gradient(165deg, rgba(255,255,255,.025), transparent 24%), var(--surface);
  box-shadow: 0 28px 80px rgba(0,0,0,.16);
}
.pricing-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px);
  background-size: 100% 88px, 88px 100%;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), transparent 60%);
}
.pricing-featured {
  border-color: rgba(0,255,102,.30);
  background:
    radial-gradient(circle at 65% 15%, rgba(0,255,102,.095), transparent 30%),
    linear-gradient(165deg, rgba(0,255,102,.035), transparent 35%),
    #12161b;
  box-shadow: 0 35px 100px rgba(0,0,0,.32), 0 0 0 1px rgba(0,255,102,.04) inset;
  transform: translateY(-10px);
}
.pricing-card > * { position: relative; z-index: 1; }
.recommended-ribbon {
  position: absolute;
  top: 0;
  right: 28px;
  z-index: 3;
  padding: 8px 10px 7px;
  border-radius: 0 0 8px 8px;
  background: var(--accent);
  color: #051008;
  font-size: .51rem;
  letter-spacing: .12em;
  font-weight: 900;
}
.pricing-topline {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--border);
  color: #59616b;
  font-size: .54rem;
  letter-spacing: .12em;
  font-weight: 850;
}
.pricing-topline b { color: #858c95; font-weight: 800; }
.pricing-featured .pricing-topline b { color: var(--accent); }
.pricing-title { padding-top: 28px; }
.pricing-eyebrow {
  color: #69717b;
  font-size: .54rem;
  letter-spacing: .11em;
  font-weight: 850;
}
.pricing-featured .pricing-eyebrow { color: rgba(0,255,102,.7); }
.pricing-title h3 {
  margin-top: 12px;
  font-size: clamp(2.4rem, 3.7vw, 3.9rem);
  line-height: .94;
  letter-spacing: -.06em;
}
.pricing-title p {
  min-height: 84px;
  margin-top: 17px;
  color: #858c95;
  font-size: .79rem;
  line-height: 1.72;
}
.price-block {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: end;
  column-gap: 7px;
  margin-top: 28px;
  padding: 23px 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.price-block > span { color: #777e87; font-size: .72rem; padding-bottom: 9px; }
.price-block strong {
  font-size: clamp(2.2rem, 3.1vw, 3.2rem);
  line-height: .9;
  letter-spacing: -.055em;
}
.price-block small {
  grid-column: 2;
  margin-top: 8px;
  color: #626a74;
  font-size: .58rem;
  letter-spacing: .03em;
}
.pricing-featured .price-block strong { color: var(--accent); }
.bundle-saving {
  margin-top: 13px;
  padding: 10px 12px;
  border: 1px solid rgba(0,255,102,.15);
  border-radius: 10px;
  background: rgba(0,255,102,.045);
  color: #95a69b;
  font-size: .64rem;
  text-align: center;
}
.offer-list {
  list-style: none;
  display: grid;
  gap: 13px;
  margin: 26px 0 28px;
}
.offer-list li {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 10px;
  align-items: start;
  color: #a2a8af;
  font-size: .72rem;
  line-height: 1.55;
}
.offer-list li i {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border: 1px solid var(--accent-border);
  border-radius: 50%;
  background: var(--accent-soft);
  color: var(--accent);
  font-size: .58rem;
  font-style: normal;
}
.btn-offer {
  width: 100%;
  min-height: 56px;
  justify-content: space-between;
  margin-top: auto;
  padding: 0 18px;
  border: 1px solid var(--border-strong);
  background: rgba(255,255,255,.04);
}
.btn-offer:hover { border-color: var(--accent-border); background: var(--accent-soft); }
.pricing-featured .btn-offer { border-color: var(--accent); }
.offer-footnote {
  display: block;
  min-height: 42px;
  margin-top: 13px;
  color: #565e68;
  font-size: .56rem;
  line-height: 1.55;
  text-align: center;
}
.access-terms {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 18px;
  border: 1px solid var(--border);
  border-radius: 20px;
  overflow: hidden;
  background: rgba(255,255,255,.015);
}
.access-terms > div {
  min-height: 178px;
  padding: 24px;
  border-right: 1px solid var(--border);
}
.access-terms > div:last-child { border-right: 0; }
.access-terms span {
  color: #525a64;
  font-size: .57rem;
  font-weight: 850;
}
.access-terms strong {
  display: block;
  margin-top: 22px;
  font-size: .78rem;
}
.access-terms p {
  margin-top: 7px;
  color: #6f7680;
  font-size: .65rem;
  line-height: 1.62;
}

.selected-product {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.selected-product > div > span,
.selected-product > div > strong { display: block; }
.selected-price {
  flex: 0 0 auto;
  color: var(--accent);
  font-size: 1rem !important;
  letter-spacing: -.02em;
}
.checkout-note {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin-top: 12px;
  padding: 11px 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: rgba(255,255,255,.022);
  color: #707780;
  font-size: .59rem;
  line-height: 1.55;
}
.checkout-note i {
  color: var(--accent);
  font-style: normal;
  font-weight: 900;
}

@media (max-width: 1100px) {
  .pricing-grid { grid-template-columns: 1fr 1fr; }
  .pricing-featured { grid-column: 1 / -1; grid-row: 1; transform: none; min-height: 620px; }
  .pricing-card { min-height: 650px; }
  .access-terms { grid-template-columns: 1fr 1fr; }
  .access-terms > div:nth-child(2) { border-right: 0; }
  .access-terms > div:nth-child(-n+2) { border-bottom: 1px solid var(--border); }
}

@media (max-width: 720px) {
  .pricing-grid { grid-template-columns: 1fr; }
  .pricing-featured { grid-column: auto; grid-row: auto; }
  .pricing-card { min-height: auto; padding: 24px 20px; }
  .pricing-title p { min-height: 0; }
  .offer-list { margin-bottom: 24px; }
  .btn-offer { margin-top: 4px; }
  .access-terms { grid-template-columns: 1fr; }
  .access-terms > div,
  .access-terms > div:nth-child(2) { border-right: 0; border-bottom: 1px solid var(--border); }
  .access-terms > div:last-child { border-bottom: 0; }
  .access-terms > div { min-height: 0; }
}

@media (max-width: 560px) {
  .product-commercial-line { align-items: flex-start; flex-direction: column; gap: 6px; }
  .offer-heading { gap: 32px; }
  .pricing-title h3 { font-size: clamp(2.65rem, 13vw, 3.55rem); }
  .price-block strong { font-size: 2.7rem; }
  .selected-product { align-items: flex-start; flex-direction: column; gap: 8px; }
  .selected-price { font-size: .9rem !important; }
}


/* ============================================================
   BACKEND / CHECKOUT STATES
============================================================ */
.form-honeypot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.form-message.error { color: #FF668C; }
.form-message.success { color: #00FF66; }
.form-message.info { color: #9AA0A6; }

#submitOrderBtn[disabled] {
  cursor: wait;
  opacity: 0.72;
  transform: none;
}

#submitOrderBtn[aria-busy="true"] .submit-label::after {
  content: "";
  display: inline-block;
  width: 0.75em;
  height: 0.75em;
  margin-left: 0.55em;
  border: 1.5px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: vyasa-spin 0.7s linear infinite;
  vertical-align: -0.08em;
}

@keyframes vyasa-spin { to { transform: rotate(360deg); } }