.ga-hero { position: relative; padding: 120px 0 64px; overflow: hidden; }
.ga-lead { max-width: 620px; margin-top: 22px; font-size: 1.1rem; line-height: 1.6; opacity: .85; }
.ga-cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.ga-balance { display: inline-flex; align-items: baseline; gap: 10px; margin-top: 28px; padding: 12px 18px; border: 1px solid var(--line-2); border-radius: 12px; }
.ga-balance strong { font-size: 1.6rem; }
.ga-section { padding: 64px 0; }
.ga-h2 { margin: 0 0 20px; font-size: 1.6rem; letter-spacing: -.02em; color: var(--text-strong); }
.ga-muted { color: var(--muted); line-height: 1.6; max-width: 720px; }
.ga-note { padding: 12px 16px; border-radius: 10px; margin-bottom: 22px; border: 1px solid; }
.ga-note--ok { border-color: #34d399; background: rgba(52,211,153,.12); }
.ga-note--err { border-color: #f87171; background: rgba(248,113,113,.12); }
.ga-packs, .ga-models { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.ga-pack, .ga-model { position: relative; padding: 24px; border: 1px solid var(--line-2); border-radius: 18px; background: var(--surface); display: flex; flex-direction: column; gap: 10px; }
.g-light .ga-pack, .g-light .ga-model { background: #fff; box-shadow: 0 1px 2px rgba(15,15,40,.04), 0 14px 40px -24px rgba(15,15,40,.18); }
.ga-pack.is-hot { border-color: #6366f1; box-shadow: 0 0 0 1px #6366f1 inset, 0 18px 50px -24px rgba(79,70,229,.45); }
.ga-pack h3, .ga-model h3 { margin: 0; font-size: 1.15rem; color: var(--text-strong); }
.ga-tag { position: absolute; top: -11px; right: 16px; background: #6366f1; color: #fff; font-size: 11px; font-weight: 700; padding: 3px 10px; border-radius: 99px; }
.ga-price { font-size: 2rem; font-weight: 700; color: var(--text-strong); }
.ga-tokens { color: var(--muted); margin-bottom: 2px; }
.ga-model p { margin: 0; color: var(--muted); line-height: 1.5; }
.ga-model dl { display: flex; gap: 18px; margin: 6px 0 0; }
.ga-model dt { font-size: 11px; text-transform: uppercase; color: var(--faint); }
.ga-model dd { margin: 0; font-weight: 600; color: var(--text-strong); }
.ga-id { font-size: .7rem; font-weight: 500; color: var(--muted); margin-left: 6px; background: rgba(99,102,241,.1); padding: 2px 6px; border-radius: 6px; }
.ga-steps { line-height: 1.8; padding-left: 20px; max-width: 720px; color: var(--text); }
.ga-scroll { overflow-x: auto; border: 1px solid var(--line-2); border-radius: 14px; background: #fff; }
.ga-table { width: 100%; border-collapse: collapse; font-size: .92rem; color: var(--text); }
.ga-table caption { caption-side: top; padding: 12px 12px 4px; text-align: left; }
.ga-table th, .ga-table td { padding: 10px 12px; border-bottom: 1px solid var(--line); text-align: left; }
.ga-table thead th { background: var(--surface); color: var(--text-strong); font-weight: 600; }
.ga-table .r { text-align: right; }