.gp-hero{--gp-accent:oklch(0.68 0.2 var(--gp-hue,25));--gp-accent-soft:oklch(0.68 0.2 var(--gp-hue,25)/0.35);position:relative;isolation:isolate;overflow:hidden;border-radius:1.5rem;border:1px solid oklch(.68 .2 var(--gp-hue,25)/.35);background:#0b0d12;box-shadow:0 30px 80px -40px var(--gp-accent-soft)}.gp-hero-ambient{position:absolute;inset:-20%;width:140%;height:140%;object-fit:cover;filter:blur(42px) saturate(1.5) brightness(.75);transform:scale(1.1);animation:gp-drift 22s ease-in-out infinite alternate;z-index:-3}.gp-hero-shade{position:absolute;inset:0;z-index:-2;background:radial-gradient(120% 90% at 85% 30%,transparent 0,#0b0d12cc 60%),linear-gradient(180deg,#0b0d1200,#0b0d12)}.gp-hero-body{position:relative;display:flex;flex-direction:column-reverse;gap:1rem;padding:1.25rem 1.25rem 1.5rem}.gp-hero-copy{min-width:0}.gp-kicker{font-size:.7rem;font-weight:700;letter-spacing:.14em;color:var(--gp-accent)}.gp-kicker,.gp-title{text-transform:uppercase}.gp-title{margin-top:.35rem;font-size:clamp(2.1rem,9vw,4.2rem);line-height:.95;font-weight:900;letter-spacing:-.02em;color:#fff;text-shadow:0 0 40px var(--gp-accent-soft);overflow-wrap:anywhere}.gp-lead{margin-top:.75rem;max-width:34rem;font-size:.95rem;line-height:1.55;color:#c9ccd6}.gp-chips{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.gp-chips>span{border-radius:999px;border:1px solid #ffffff22;background:#ffffff0f;backdrop-filter:blur(6px);padding:.3rem .75rem;font-size:.75rem;font-weight:600;color:#e7e9ef}.gp-chips>.gp-chip-price{border-color:var(--gp-accent);color:#fff;background:var(--gp-accent-soft)}.gp-actions{margin-top:1.25rem;display:flex;flex-direction:column;gap:.5rem}.gp-cta{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;min-height:3rem;align-items:center;justify-content:center;gap:.6rem;border-radius:.9rem;padding:0 1.4rem;background:var(--gp-accent);color:#0b0d12;font-weight:800;font-size:.95rem;box-shadow:0 10px 30px -10px var(--gp-accent);transition:transform .2s ease,box-shadow .2s ease}.gp-cta:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,#ffffff88 50%,transparent 70%);transform:translateX(-120%);animation:gp-sheen 3.6s ease-in-out infinite}.gp-cta :is(span,svg){transition:transform .2s ease}.gp-cta:hover{transform:translateY(-2px);box-shadow:0 16px 40px -12px var(--gp-accent)}.gp-cta:hover :is(span,svg){transform:translateX(4px)}.gp-ghost{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;border-radius:.9rem;padding:0 1.1rem;border:1px solid #ffffff26;background:#ffffff0d;color:#e7e9ef;font-size:.875rem;font-weight:600;transition:border-color .2s ease,background .2s ease}.gp-ghost:hover{border-color:var(--gp-accent,var(--color-brand));background:#ffffff17}.gp-art{position:relative;align-self:center;width:min(42vw,10rem);aspect-ratio:1;animation:gp-float 6s ease-in-out infinite}.gp-art-glow{position:absolute;inset:8%;border-radius:2rem;background:var(--gp-accent);filter:blur(38px);opacity:.55;animation:gp-pulse 4s ease-in-out infinite}.gp-art-img{position:relative;width:100%;height:100%;object-fit:cover;border-radius:1.4rem;border:1px solid #ffffff2e;box-shadow:0 30px 60px -20px #000c}.gp-art-img,.gp-art-shine{transform:perspective(900px) rotateY(-12deg) rotateX(4deg)}.gp-art-shine{position:absolute;inset:0;border-radius:1.4rem;overflow:hidden;pointer-events:none}.gp-art-shine:before{content:"";position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 42%,#ffffff55 50%,transparent 58%);animation:gp-glare 5s ease-in-out infinite}.gp-in{opacity:0;transform:translateY(14px);animation:gp-rise .7s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i, 0) * 90ms + 80ms)}.gp-fx{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.gp-fx>span{position:absolute;left:var(--x);display:block;bottom:-20%;width:2px;height:calc(var(--s) * 6);background:linear-gradient(to top,transparent,var(--gp-accent),transparent);opacity:.55;transform:rotate(18deg);animation:gp-streak var(--d) linear infinite;animation-delay:var(--delay)}.gp-hero[data-fx=scan] .gp-fx>span{left:0;right:0;top:-10%;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,transparent,var(--gp-accent),transparent);transform:none;opacity:.45;animation-name:gp-scan}.gp-hero[data-fx=drop] .gp-fx>span{top:-10%;bottom:auto;width:var(--s);height:var(--s);border-radius:2px;background:var(--gp-accent);opacity:.5;box-shadow:0 0 12px var(--gp-accent);animation-name:gp-fall}.gp-hero[data-fx=step] .gp-fx>span{bottom:-10%;width:var(--s);height:var(--s);border-radius:3px;border:2px solid var(--gp-accent);background:oklch(.68 .2 var(--gp-hue,25)/.15);opacity:.7;transform:none;animation-name:gp-cube}.gp-hero.has-banner{container-type:inline-size}.gp-hero-banner{position:absolute;inset:0 0 auto 0;z-index:-3;width:100%;height:auto;aspect-ratio:12/5;object-fit:cover;object-position:center;transform-origin:60% 40%;animation:gp-kenburns 24s ease-in-out infinite alternate}.gp-hero.has-banner .gp-hero-shade{background:linear-gradient(180deg,#0b0d1200,#0b0d1200 calc(100cqw * 5 / 12 * .55),#0b0d12 calc(100cqw * 5 / 12 + 1px))}.gp-hero.has-banner .gp-hero-body{padding-top:calc(100cqw * 5 / 12 - 1.75rem)}.gp-hero.has-banner .gp-fx>span{opacity:.35}@media (min-width:640px){.gp-hero-banner{inset:0;height:100%;aspect-ratio:auto;object-position:right center}.gp-hero.has-banner .gp-hero-shade{background:linear-gradient(90deg,#0b0d12f2,#0b0d12d9 30%,#0b0d1259 58%,#0b0d1200 80%),linear-gradient(0deg,#0b0d1299,#0b0d1200 40%)}.gp-hero.has-banner .gp-hero-body{padding-top:2.5rem;min-height:24rem}.gp-hero.has-banner .gp-hero-copy{max-width:36rem}}@media (min-width:1024px){.gp-hero.has-banner{aspect-ratio:12/5;min-height:0}.gp-hero.has-banner .gp-hero-body{height:100%;min-height:0;padding:2.5rem 3.5rem;align-items:center}.gp-hero-banner{object-position:center}}.gp-doors{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.gp-doors::-webkit-scrollbar{display:none}.gp-door{position:relative;flex:none;display:inline-flex;min-height:2.75rem;align-items:center;border-radius:.8rem;padding:0 1rem;white-space:nowrap;border:1px solid var(--color-line,#ffffff22);background:color-mix(in oklch,var(--color-surface,#14161c) 75%,transparent);font-size:.875rem;font-weight:600;transition:border-color .2s ease,transform .2s ease}.gp-door:after{content:"";position:absolute;left:1rem;right:1rem;bottom:.45rem;height:2px;border-radius:2px;background:var(--color-brand);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.gp-door.is-first,.gp-door:hover{border-color:var(--color-brand)}.gp-door.is-first:after,.gp-door:hover:after{transform:scaleX(1)}.gp-card{position:relative;opacity:0;transform:translateY(16px);animation:gp-rise .6s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i, 0) * 70ms + .25s)}.gp-card>:not(.gp-best):not(.gp-unit){transition:transform .25s ease,box-shadow .25s ease}@media (hover:hover){.gp-card:hover>:not(.gp-best):not(.gp-unit){transform:translateY(-4px);box-shadow:0 18px 40px -18px var(--color-brand)}}.gp-best{position:absolute;z-index:3;top:-.55rem;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:999px;padding:.2rem .65rem;font-size:.68rem;font-weight:800;letter-spacing:.02em;background:linear-gradient(90deg,#ffd166,#ff9f1c);color:#2b1a00;box-shadow:0 6px 18px -6px #ff9f1c;animation:gp-bob 2.4s ease-in-out infinite}.gp-unit{display:block;margin-top:.35rem;text-align:center;font-size:.7rem;color:var(--color-ink-faint,#9aa0ad)}@media (min-width:640px){.gp-hero{min-height:26rem}.gp-hero-body{flex-direction:row;align-items:center;justify-content:space-between;gap:2rem;padding:2.5rem}.gp-hero-copy{flex:1}.gp-actions{flex-direction:row;flex-wrap:wrap}.gp-art{width:15rem;flex:none}.gp-doors{flex-wrap:wrap;overflow:visible}}@media (min-width:1024px){.gp-hero{min-height:28rem}.gp-hero-body{padding:3rem 3.5rem}.gp-art{width:19rem;margin-right:1rem}}@keyframes gp-rise{to{opacity:1;transform:none}}@keyframes gp-kenburns{0%{transform:scale(1)}to{transform:scale(1.03)}}@keyframes gp-drift{0%{transform:scale(1.1) translate(0)}to{transform:scale(1.25) translate(-3%,2%)}}@keyframes gp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gp-pulse{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:.7;transform:scale(1.05)}}@keyframes gp-glare{0%,55%{transform:translateX(-60%)}to{transform:translateX(60%)}}@keyframes gp-sheen{0%,60%{transform:translateX(-120%)}to{transform:translateX(120%)}}@keyframes gp-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-3px)}}@keyframes gp-streak{0%{transform:translateY(0) rotate(18deg);opacity:0}15%{opacity:.55}to{transform:translateY(-140vh) rotate(18deg);opacity:0}}@keyframes gp-scan{0%{transform:translateY(0);opacity:0}10%{opacity:.5}to{transform:translateY(32rem);opacity:0}}@keyframes gp-fall{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.55}to{transform:translateY(32rem) rotate(200deg);opacity:0}}@keyframes gp-cube{0%{transform:translateY(0) rotate(0);opacity:0}15%{opacity:.7}to{transform:translateY(-32rem) rotate(180deg);opacity:0}}