.op-page{max-width:1400px;margin:0 auto;padding:64px 48px 96px;position:relative;z-index:2}.op-eyebrow{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:16px}.op-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;min-height:70vh}.op-orb-col{display:flex;flex-direction:column;align-items:center;gap:18px;justify-self:center;width:100%}.op-variant-switch{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.op-variant-pill{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--text-secondary);background:#ffffff0a;border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:7px 16px;cursor:pointer;transition:color var(--dur-base) var(--ease),background var(--dur-base) var(--ease),border-color var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.op-variant-pill:hover{color:var(--text);background:#ffffff12;transform:translateY(-1px)}.op-variant-pill:active{transform:scale(.98)}.op-variant-pill.is-active{color:var(--green);background:var(--green-dim);border-color:#00c56659}.op-variant-pill:focus-visible{outline:2px solid var(--green);outline-offset:2px}.op-spin-toggle{letter-spacing:.08em}.op-spin-toggle.is-paused{color:var(--warning);background:var(--warning-dim);border-color:#f0b04059}#orbMount{position:relative;width:100%;max-width:560px;aspect-ratio:1;isolation:isolate}#orbMount .orb-canvas{display:block;width:100%!important;height:100%!important}#orbMount:before{content:"";position:absolute;inset:-18%;background:radial-gradient(circle at 50% 50%,rgba(0,197,102,.16) 0%,rgba(229,67,96,.08) 42%,transparent 70%);filter:blur(48px);z-index:-1;transform:translateZ(0);pointer-events:none}#orbCard{position:absolute;top:0;left:0;min-width:132px;padding:10px 12px;background:color-mix(in srgb,var(--bg-card) 92%,transparent);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:0 12px 32px #00000080;font-family:var(--font-mono);pointer-events:none;opacity:0;transition:opacity var(--dur-base) var(--ease);z-index:5;will-change:transform}#orbCard.visible{opacity:1}.orb-card-sym{font-size:13px;font-weight:600;color:var(--text);letter-spacing:.04em}.orb-card-price{font-size:15px;font-weight:700;color:var(--text);margin-top:3px;font-variant-numeric:tabular-nums}.orb-card-change{font-size:12px;margin-top:1px;font-variant-numeric:tabular-nums;color:var(--text-tertiary)}.orb-card-change.pos{color:var(--green-bright)}.orb-card-change.neg{color:var(--red-bright)}.op-copy{max-width:460px}.op-h1{font-size:clamp(34px,4vw,54px);font-weight:700;letter-spacing:-.03em;line-height:1.06;margin-bottom:18px}.op-h1 .op-accent{background:linear-gradient(135deg,var(--green) 0%,var(--green-bright) 40%,var(--red-bright) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.op-sub{font-size:16px;color:var(--text-secondary);line-height:1.6;margin-bottom:28px}.op-side-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.op-card{background:color-mix(in srgb,var(--bg-card) 60%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:12px 14px}.op-card-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-tertiary)}.op-card .op-card-price{font-family:var(--font-mono);font-size:17px;font-weight:600;color:var(--text);margin-top:4px;font-variant-numeric:tabular-nums}.op-card .op-card-change{font-family:var(--font-mono);font-size:11px;margin-top:2px;font-variant-numeric:tabular-nums;color:var(--text-tertiary)}.op-card .op-card-change.pos{color:var(--green)}.op-card .op-card-change.neg{color:var(--red)}.op-note{margin-top:28px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.04em}#orbMount.orb-fallback .orb-fallback-img{width:100%;height:100%;object-fit:contain;-webkit-mask-image:radial-gradient(circle at center,#000 40%,transparent 72%);mask-image:radial-gradient(circle at center,#000 40%,transparent 72%);mix-blend-mode:lighten;filter:contrast(1.2) saturate(1.15) brightness(1.05)}.orb-fallback-note{position:absolute;bottom:6%;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}@media(max-width:900px){.op-page{padding:40px 20px 64px}.op-hero{grid-template-columns:1fr;gap:36px;text-align:center}#orbMount{max-width:360px}.op-copy{max-width:100%}.op-side-cards{max-width:360px;margin:0 auto}}@media(max-width:480px){#orbMount{max-width:300px}.op-side-cards{grid-template-columns:1fr 1fr}}