.optcg-hero{--hairline:#ffffff0f;--shadow-glow-gold:0 0 28px #c9a84c52;isolation:isolate;position:relative;overflow:hidden}.optcg-hero .hero-bg{z-index:0;pointer-events:none;transform:translate(calc(var(--px,0px) * -.45), calc(var(--py,0px) * -.45));transition:transform .5s ease-out;position:absolute;inset:0;overflow:hidden}.optcg-hero .hero-bg-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.optcg-hero .hero-compass{z-index:1;--compass-op:.12;width:min(132vw,560px);opacity:var(--compass-op);pointer-events:none;color:var(--primary);position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.optcg-hero .compass{transform:translate(var(--px,0px), var(--py,0px));transition:transform .35s ease-out}.optcg-hero .hero-inner{z-index:2;text-align:center;flex-direction:column;align-items:center;max-width:72rem;margin:0 auto;padding:5.5rem 1.5rem 5rem;display:flex;position:relative}.optcg-hero .badge{white-space:nowrap;border:1px solid var(--border);letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb, var(--primary) 72%, var(--foreground));background:#ffffff0a;border-radius:999px;align-items:center;gap:.5rem;padding:.32rem .8rem;font-size:.69rem;font-weight:600;display:inline-flex}.optcg-hero .badge-dot{background:var(--primary);border-radius:999px;width:6px;height:6px;box-shadow:0 0 8px #c9a84cb3}.optcg-hero .hero-title{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;max-width:16ch;color:var(--foreground);margin:1.5rem 0 0;font-size:clamp(2.6rem,8.5vw,5.1rem);font-weight:700;line-height:1.02}.optcg-hero .hero-title em{color:var(--primary);font-style:normal}.optcg-hero .hero-subtitle{max-width:34rem;color:var(--muted-foreground);margin:1.5rem 0 0;font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.62}.optcg-hero .hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:2.1rem;display:flex}.optcg-hero .btn{height:48px;font-family:var(--font-sans);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:.5rem;padding:0 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.optcg-hero .btn:focus-visible{box-shadow:0 0 0 2px var(--background), 0 0 0 4px var(--ring);outline:none}.optcg-hero .btn-primary{background:var(--primary);color:var(--primary-foreground)}.optcg-hero .btn-primary:hover{background:color-mix(in srgb, var(--primary) 90%, #fff);box-shadow:var(--shadow-glow-gold);transform:translateY(-1px)}.optcg-hero .btn-ghost{color:var(--foreground);border-color:var(--border);background:0 0}.optcg-hero .btn-ghost:hover{border-color:var(--primary);color:var(--primary);background:#c9a84c0f}.optcg-hero .btn-ghost svg{transition:transform .2s}.optcg-hero .btn-ghost:hover svg{transform:translateY(2px)}.optcg-hero-features{z-index:2;border-top:1px solid #ffffff0f;position:relative}.optcg-hero-features .inner{flex-direction:column;gap:2.75rem;max-width:72rem;margin:0 auto;padding:4rem 1.5rem 5rem;display:flex}.optcg-hero-features .features-head{text-align:center;flex-direction:column;align-items:center;gap:.6rem;display:flex}.optcg-hero-features .features-eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--primary);font-size:.72rem;font-weight:600}.optcg-hero-features .features-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--foreground);margin:0;font-size:clamp(1.6rem,3.5vw,2.3rem);font-weight:700}.optcg-hero-features .features-grid{grid-template-columns:1fr;gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.optcg-hero-features .feature{text-align:center;border:1px solid var(--border);background:#c9a84c0a;border-radius:14px;flex-direction:column;align-items:center;gap:.85rem;padding:2rem 1.5rem;display:flex;position:relative}.optcg-hero-features .feature-step{font-family:var(--font-mono);letter-spacing:.1em;color:var(--primary);opacity:.85;font-size:.8rem;font-weight:600}.optcg-hero-features .feature-icon{border:1px solid color-mix(in srgb, var(--primary) 35%, var(--border));width:56px;height:56px;color:var(--primary);background:#c9a84c14;border-radius:14px;place-items:center;display:grid}.optcg-hero-features .feature-title{font-family:var(--font-display);letter-spacing:.01em;color:var(--foreground);margin:0;font-size:1.12rem;font-weight:600}.optcg-hero-features .feature-copy{color:var(--muted-foreground);max-width:32ch;margin:0;font-size:.92rem;line-height:1.55}@keyframes oh-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes oh-spin-cw{to{transform:rotate(360deg)}}@keyframes oh-spin-ccw{to{transform:rotate(-360deg)}}@keyframes oh-sway{0%{transform:rotate(-3.5deg)}50%{transform:rotate(3.5deg)}to{transform:rotate(-3.5deg)}}@keyframes oh-hub-pulse{0%,to{opacity:.14;transform:scale(.9)}50%{opacity:.5;transform:scale(1.18)}}@keyframes oh-blip-life{0%{opacity:0;transform:scale(.4)}12%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes oh-blip-ping{0%{r:3;opacity:.65}70%{opacity:0}to{r:22;opacity:0}}@keyframes oh-ring-pulse{0%,to{opacity:.22}50%{opacity:.6}}.optcg-hero .reveal,.optcg-hero-features .reveal{opacity:0;transform:translateY(14px)}.optcg-hero[data-play] .reveal,.optcg-hero-features[data-play] .reveal{animation:oh-fade-up .7s cubic-bezier(.22, .61, .36, 1) var(--d,0s) both}.optcg-hero .compass .dial{transform-box:view-box;transform-origin:300px 300px;animation:oh-spin-cw var(--spin-dial,64s) linear infinite}.optcg-hero .compass .rose{transform-box:view-box;transform-origin:300px 300px;animation:oh-spin-ccw var(--spin-rose,96s) linear infinite}.optcg-hero .compass .needle{transform-box:view-box;transform-origin:300px 300px;animation:7s ease-in-out infinite oh-sway}.optcg-hero[data-needle=off] .compass .needle{display:none}.optcg-hero .compass .sweep{transform-box:view-box;transform-origin:300px 300px;animation:oh-spin-cw var(--spin-sweep,7s) linear infinite;display:none}.optcg-hero[data-radar=on] .compass .sweep{display:block}.optcg-hero .compass .hub-glow{transform-box:view-box;transform-origin:300px 300px;animation:2.6s ease-in-out infinite oh-hub-pulse}.optcg-hero[data-glow=off] .compass .hub-glow{opacity:0;animation:none}.optcg-hero .compass .blip{transform-box:fill-box;transform-origin:50%;animation:1.9s ease-out forwards oh-blip-life}.optcg-hero .compass .blip .ping{animation:1.9s ease-out forwards oh-blip-ping}.optcg-hero .compass .ring-pulse{transform-box:view-box;transform-origin:300px 300px;animation:4.5s ease-in-out infinite oh-ring-pulse}@media (width>=768px){.optcg-hero .hero-inner{text-align:left;justify-content:center;align-items:flex-start;min-height:78vh;padding:8rem 1.5rem 6rem}.optcg-hero .hero-title{max-width:12ch}.optcg-hero .hero-compass{--compass-op:.52;width:clamp(420px,44vw,640px);top:50%;left:auto;right:-10%;transform:translateY(-50%)}.optcg-hero .hero-cta{justify-content:flex-start}.optcg-hero-features .features-grid{grid-template-columns:repeat(3,1fr);gap:2.75rem}.optcg-hero-features .feature+.feature:before{content:"";border-top:1.5px dashed color-mix(in srgb, var(--primary) 55%, transparent);width:2.75rem;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.optcg-hero-features .feature+.feature:after{content:"";background:var(--primary);opacity:.7;width:5px;height:5px;position:absolute;top:50%;right:calc(100% + 1.375rem - 2.5px);transform:translateY(-50%)rotate(45deg)}}@media (prefers-reduced-motion:reduce){.optcg-hero .reveal,.optcg-hero-features .reveal{opacity:1!important;animation:none!important;transform:none!important}.optcg-hero .compass .dial,.optcg-hero .compass .rose,.optcg-hero .compass .needle,.optcg-hero .compass .sweep,.optcg-hero .compass .hub-glow,.optcg-hero .compass .ring-pulse,.optcg-hero .compass .blip,.optcg-hero .compass .blip .ping{animation:none!important}.optcg-hero .compass .hub-glow{opacity:.3}.optcg-hero .hero-bg,.optcg-hero .compass{transform:none!important}}