@property --pg-accent{syntax:"<color>";inherits:true;initial-value:#8fd8ff}@layer components{.pg-hero{transition:--pg-accent .9s}.pg-stage{background:radial-gradient(120% 80% at 50% 110%, color-mix(in oklab, var(--pg-accent) 16%, transparent), transparent 60%), linear-gradient(180deg, var(--lv-tint,#0d1130) 0%, var(--lv-bg2,#0a0d26) 55%, var(--lv-bg3,#070919) 100%);box-shadow:0 0 0 1px #ffffff08 inset, 0 40px 120px -40px color-mix(in oklab, var(--pg-accent) 45%, transparent), 0 30px 60px -30px #000c;transition:box-shadow .9s}.pg-blob{opacity:.55;will-change:transform;position:absolute;background:radial-gradient(closest-side, var(--blob), transparent)!important}.pg-blob-a{--blob:color-mix(in oklab, var(--pg-accent) 55%, var(--lv-g1,#4f46e5));width:55%;height:60%;animation:16s ease-in-out infinite pg-drift-a;top:5%;left:-10%}.pg-blob-b{--blob:color-mix(in oklab, var(--pg-accent) 30%, var(--lv-g2,#a855f7));opacity:.4;width:50%;height:55%;animation:19s ease-in-out infinite pg-drift-b;top:25%;right:-12%}@keyframes pg-drift-a{0%,to{transform:translate(0)scale(1)}50%{transform:translate(18%,10%)scale(1.15)}}@keyframes pg-drift-b{0%,to{transform:translate(0)scale(1.05)}50%{transform:translate(-16%,-8%)scale(.92)}}.pg-grid{background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 20%,#0000 75%)}.pg-beam{clip-path:polygon(41% 0,59% 0,100% 100%,0 100%);filter:blur(22px);mix-blend-mode:screen;background:linear-gradient(#e1e8ff47,#e1e8ff0d 70%,#0000);width:70%;height:95%;animation:7s ease-in-out infinite pg-flicker;position:absolute;top:-8%;left:50%;transform:translate(-50%)}@keyframes pg-flicker{0%,to{opacity:.85}50%{opacity:1}}.pg-key{--k:#8fd8ff;text-align:left;background:linear-gradient(180deg, var(--lv-tint2,#1c2250) 0%, var(--lv-tint,#141a3f) 100%);min-height:56px;box-shadow:0 1px 0 #ffffff1f inset, 0 5px 0 var(--lv-bg3,#080b22), 0 12px 24px -10px #000c;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:10px;padding:10px 12px;transition:transform .12s,box-shadow .12s,border-color .3s,background .3s;display:flex;position:relative;transform:translateY(0)}.pg-key:hover{border-color:color-mix(in oklab, var(--k) 45%, transparent);background:linear-gradient(180deg, color-mix(in oklab, var(--lv-tint2,#1c2250) 88%, white) 0%, var(--lv-tint,#161c47) 100%)}.pg-key:active{box-shadow:0 1px 0 #ffffff1a inset, 0 1px 0 var(--lv-bg3,#080b22), 0 4px 10px -6px #000c;transform:translateY(4px)}.pg-key:focus-visible{outline:2px solid var(--k);outline-offset:3px}.pg-key[aria-pressed=true]{border-color:color-mix(in oklab, var(--k) 70%, transparent);background:linear-gradient(180deg, color-mix(in oklab, var(--k) 22%, var(--lv-tint2,#1c2250)) 0%, var(--lv-tint,#141a3f) 100%);box-shadow:0 1px 0 #ffffff29 inset, 0 5px 0 var(--lv-bg3,#080b22), 0 0 0 1px color-mix(in oklab, var(--k) 30%, transparent), 0 10px 34px -6px color-mix(in oklab, var(--k) 55%, transparent)}.pg-led{width:34px;height:34px;color:color-mix(in oklab, var(--k) 80%, #fff);background:color-mix(in oklab, var(--k) 12%, var(--lv-bg2,#0b0f2a));box-shadow:0 0 0 1px color-mix(in oklab, var(--k) 22%, transparent) inset;border-radius:11px;flex:none;place-items:center;font-size:16px;line-height:1;transition:background .3s,box-shadow .3s;display:grid}.pg-key[aria-pressed=true] .pg-led,.pg-key:hover .pg-led{color:#0b1030;background:var(--k);box-shadow:0 0 18px -2px var(--k)}.pg-kbd{width:24px;height:24px;font-family:var(--font-geist-mono), ui-monospace, monospace;color:#cbd3ff;background:#ffffff0f;border-radius:7px;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid;box-shadow:inset 0 -1px #0006,inset 0 1px #ffffff14}@keyframes pg-pop{0%{opacity:0;transform:translateY(8px)scale(.86)}to{opacity:1;transform:none}}.pg-pop{animation:.38s cubic-bezier(.34,1.45,.64,1) both pg-pop}.pg-pill-glass{-webkit-backdrop-filter:blur(10px);background:#ffffff24;border:1px solid #ffffff38;box-shadow:0 20px 40px -18px #000000b3,inset 0 1px #ffffff40}.pg-pill-gold{background:linear-gradient(110deg,#ffe08a,#ffc24a 40%,#ff9ad5 100%)}.pg-mini{border-radius:12px;padding:7px 0;font-size:13px;font-weight:700;transition:transform .1s,filter .2s}.pg-mini:hover{filter:brightness(1.06)}.pg-mini:active{transform:scale(.95)}.pg-dots{gap:3px;display:inline-flex}.pg-dots i{background:currentColor;border-radius:9999px;width:5px;height:5px;animation:1s ease-in-out infinite pg-dot}.pg-dots i:nth-child(2){animation-delay:.15s}.pg-dots i:nth-child(3){animation-delay:.3s}@keyframes pg-dot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.pg-card{background:color-mix(in oklab, var(--lv-bg2,#0a0d26) 60%, transparent);-webkit-backdrop-filter:blur(18px);border:1px solid #ffffff17;box-shadow:0 20px 50px -20px #000c}.pg-z{opacity:0;animation:2.4s ease-out infinite pg-z;position:absolute;top:0;left:0}@keyframes pg-z{0%{opacity:0;transform:translate(0)scale(.6)rotate(-10deg)}20%{opacity:1}to{opacity:0;transform:translate(46px,-70px)scale(1.2)rotate(12deg)}}@keyframes pg-pulse{0%,to{box-shadow:0 0 #fb718599}50%{box-shadow:0 0 0 5px #fb718500}}.pg-pulse{animation:1.6s ease-out infinite pg-pulse}.pg-tag{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;color:#8b95c9;align-items:center;gap:8px;font-size:11px;display:inline-flex}.pg-tag:before{content:"";background:#8fd8ff;border-radius:9999px;width:6px;height:6px;box-shadow:0 0 10px #8fd8ff}.pg-panel{background:linear-gradient(180deg, color-mix(in oklab, var(--lv-tint2,#1c2250) 55%, transparent), color-mix(in oklab, var(--lv-tint,#0e122e) 55%, transparent));border:1px solid #ffffff14;box-shadow:inset 0 1px #ffffff0f,0 24px 60px -30px #000c}.pg-plan-hi{background:radial-gradient(120% 70% at 50% 0%, #8fd8ff29, transparent 60%), linear-gradient(180deg, var(--lv-tint2,#1b2156), var(--lv-tint,#10143a));border:1px solid #8fd8ff59;box-shadow:0 30px 80px -30px #5a6cf2b3,inset 0 1px #ffffff1a}.pg-key.pg-cta{color:#0b1030;background:linear-gradient(#c9ecff 0%,#8fd8ff 100%);border-color:#ffffff80;box-shadow:inset 0 1px #ffffffb3,0 5px #3b7fa8,0 16px 34px -10px #8fd8ff99}.pg-key.pg-cta:hover{background:linear-gradient(#e0f4ff 0%,#a5e0ff 100%)}.pg-key.pg-cta:active{box-shadow:inset 0 1px #ffffffb3,0 1px #3b7fa8}@media (prefers-reduced-motion:reduce){.pg-blob-a,.pg-blob-b,.pg-beam,.pg-pop,.pg-dots i,.pg-pulse{animation:none}.pg-z{animation-duration:6s}.pg-hero{transition:none}}}