.gui-demo{--gui-ease:cubic-bezier(0.22,1,0.36,1);--gui-cyan:#38bdf8;--gui-violet:#a78bfa;--gui-magenta:#e879f9;--gui-deep:#020617;position:relative;color:#e2e8f0;background:radial-gradient(ellipse 80% 50% at 20% 20%,rgba(56,189,248,.18),transparent 55%),radial-gradient(ellipse 70% 45% at 80% 30%,rgba(167,139,250,.2),transparent 50%),radial-gradient(ellipse 60% 40% at 50% 100%,rgba(232,121,249,.12),transparent 55%),linear-gradient(180deg,#020617,#0b1224 55%,#020617);isolation:isolate}.gui-demo:before{inset:0;opacity:.45;background-image:linear-gradient(rgba(56,189,248,.07) 1px,transparent 0),linear-gradient(90deg,rgba(56,189,248,.07) 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(180deg,transparent,#000 25%,#000 75%,transparent)}.gui-demo:after,.gui-demo:before{content:"";position:absolute;z-index:0;pointer-events:none}.gui-demo:after{left:-20%;right:-20%;top:38%;height:3px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.15),rgba(167,139,250,.7),rgba(232,121,249,.55),rgba(56,189,248,.15),transparent);filter:blur(.5px);animation:gui-flow 7s linear infinite}.gui-demo>*{position:relative;z-index:1}.gui-demo .gui-orb{position:absolute;border-radius:9999px;filter:blur(28px);pointer-events:none;opacity:.55;animation:gui-orb-drift 9s var(--gui-ease) infinite alternate}.gui-demo .gui-pulse-ring{width:4.5rem;height:4.5rem;border-radius:9999px;border:1px solid rgba(56,189,248,.35);box-shadow:0 0 24px rgba(56,189,248,.25);animation:gui-pulse-ring 2.8s var(--gui-ease) infinite}.gui-demo .gui-glass{background:linear-gradient(145deg,rgba(15,23,42,.72),rgba(15,23,42,.35));border:1px solid rgba(148,163,184,.22);box-shadow:inset 0 0 0 1px rgba(56,189,248,.05),0 20px 50px rgba(2,6,23,.45);backdrop-filter:blur(14px)}.gui-demo .gui-glass-hot{border-color:rgba(167,139,250,.55);box-shadow:inset 0 0 0 1px rgba(167,139,250,.15),0 0 40px rgba(56,189,248,.18),0 20px 50px rgba(2,6,23,.5)}.gui-demo .gui-chip{border:1px solid rgba(148,163,184,.25);background:rgba(15,23,42,.55);color:#cbd5e1;transition:border-color .25s var(--gui-ease),background .25s var(--gui-ease),box-shadow .25s var(--gui-ease),transform .25s var(--gui-ease)}.gui-demo .gui-chip:hover{border-color:rgba(56,189,248,.55);transform:translateY(-1px)}.gui-demo .gui-chip-on{border-color:rgba(167,139,250,.75);background:linear-gradient(135deg,rgba(56,189,248,.18),rgba(167,139,250,.22));color:#f8fafc;box-shadow:0 0 24px rgba(167,139,250,.25)}.gui-demo .gui-cta{background:linear-gradient(120deg,#38bdf8,#818cf8 45%,#e879f9);color:#020617;font-weight:650;box-shadow:0 0 32px rgba(56,189,248,.35);transition:filter .2s var(--gui-ease),transform .2s var(--gui-ease)}.gui-demo .gui-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}.gui-demo .gui-cta:disabled{opacity:.35;filter:grayscale(.4);transform:none;box-shadow:none}.gui-demo .gui-signal-in{animation:gui-signal-in .7s var(--gui-ease) both}.gui-demo .gui-assemble{animation:gui-assemble .65s var(--gui-ease) both}.gui-demo .gui-dissolve{animation:gui-dissolve 1.1s var(--gui-ease) both}.gui-demo .gui-fade-in{animation:gui-fade-in .55s var(--gui-ease) both}.gui-demo .gui-handoff-in{animation:gui-handoff-in .9s var(--gui-ease) both}.gui-demo .gui-float-a{animation:gui-float 5.5s ease-in-out infinite}.gui-demo .gui-float-b{animation:gui-float 6.5s ease-in-out infinite reverse;animation-delay:-1.5s}.gui-demo .gui-float-c{animation:gui-float 7s ease-in-out infinite;animation-delay:-3s}@keyframes gui-flow{0%{transform:translateX(-8%)}to{transform:translateX(8%)}}@keyframes gui-orb-drift{0%{transform:translate(0) scale(1)}to{transform:translate(12px,-18px) scale(1.08)}}@keyframes gui-pulse-ring{0%{transform:scale(.85);opacity:.85}70%{transform:scale(1.35);opacity:0}to{transform:scale(1.35);opacity:0}}@keyframes gui-signal-in{0%{opacity:0;transform:translateY(28px) scale(.92);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes gui-assemble{0%{opacity:0;transform:translateY(24px) scale(.94);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes gui-dissolve{0%{opacity:1;filter:blur(0);transform:scale(1)}to{opacity:0;filter:blur(14px);transform:scale(.88) translateY(-12px)}}@keyframes gui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes gui-handoff-in{0%{opacity:0;transform:translateY(20px) scale(.96);letter-spacing:.04em}to{opacity:1;transform:translateY(0) scale(1);letter-spacing:normal}}@keyframes gui-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.gui-demo .gui-culture-de,.gui-demo .gui-culture-es,.gui-demo .gui-culture-it,.gui-demo .gui-culture-jp,.gui-demo .gui-culture-sa{padding:1.25rem 1.35rem 1.5rem;border:1px solid rgba(148,163,184,.22)}.gui-demo .gui-culture-eyebrow{font-size:10px;font-weight:650;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.4rem}.gui-demo .gui-culture-title{font-size:1.35rem;font-weight:650;letter-spacing:-.02em;color:#fff;line-height:1.25}.gui-demo .gui-culture-sub{margin-top:.35rem;font-size:.875rem;line-height:1.55;color:#cbd5e1}.gui-demo .gui-culture-notice{margin-top:.65rem;font-size:.75rem;line-height:1.45;color:#94a3b8}.gui-demo .gui-dense-grid{display:grid;gap:.85rem;margin-top:1rem}@media (min-width:640px){.gui-demo .gui-dense-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr)}}.gui-demo .gui-main-only{margin-top:1rem}.gui-demo .gui-rail{border:1px solid rgba(148,163,184,.2);padding:.75rem;font-size:.72rem;line-height:1.45}.gui-demo .gui-rail-title{font-weight:650;margin-bottom:.45rem;letter-spacing:.06em;text-transform:uppercase}.gui-demo .gui-rail-list{display:grid;gap:.3rem;color:#cbd5e1;margin:0;padding:0;list-style:none}.gui-demo .gui-meter{margin-top:.55rem}.gui-demo .gui-meter-label{display:flex;justify-content:space-between;font-size:.68rem;margin-bottom:.2rem;color:#e2e8f0}.gui-demo .gui-meter-track{height:4px;background:hsla(0,0%,100%,.08)}.gui-demo .gui-meter-fill{height:100%}.gui-demo .gui-plan-list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.gui-demo .gui-plan{width:100%;display:flex;justify-content:space-between;gap:.75rem;text-align:start;padding:.7rem .8rem;border:1px solid rgba(148,163,184,.22);background:rgba(2,6,23,.35);color:#e2e8f0;transition:border-color .2s var(--gui-ease),background .2s var(--gui-ease)}.gui-demo .gui-plan-name{display:block;font-weight:600;color:#fff}.gui-demo .gui-plan-blurb{display:block;margin-top:.15rem;font-size:.78rem;color:#94a3b8}.gui-demo .gui-plan-rec{display:block;margin-top:.25rem;font-size:.68rem;font-weight:600}.gui-demo .gui-plan-price{flex-shrink:0;font-size:.85rem;font-weight:650;color:#fff}.gui-demo .gui-plan-period{font-weight:400;color:#94a3b8}.gui-demo .gui-renewal{margin-top:.65rem;font-size:.78rem;color:#94a3b8}.gui-demo .gui-renewal span{color:#e2e8f0;font-weight:550}.gui-demo .gui-info-block{font-size:.875rem;line-height:1.55;color:#e2e8f0;display:grid;gap:.55rem}.gui-demo .gui-info-muted{color:#94a3b8}.gui-demo .gui-spec{margin:.75rem 0 0;border-top:1px solid rgba(148,163,184,.2)}.gui-demo .gui-spec-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.4rem 0;border-bottom:1px solid rgba(148,163,184,.15);font-size:.78rem}.gui-demo .gui-spec-row dt{color:#94a3b8;margin:0}.gui-demo .gui-spec-row dd{margin:0;text-align:end;color:#f8fafc;font-weight:550}.gui-demo .gui-delight{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.gui-demo .gui-delight-chip{font-size:.72rem;padding:.28rem .55rem;border:1px solid hsla(0,0%,100%,.18)}.gui-demo .gui-culture-jp{background:radial-gradient(ellipse at 85% 8%,rgba(167,139,250,.35),transparent 42%),radial-gradient(ellipse at 10% 90%,rgba(34,211,238,.18),transparent 40%),linear-gradient(165deg,#1e1b4b,#0f172a 55%,#312e81 120%);border-color:rgba(196,181,253,.45);border-radius:1.35rem;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06),0 18px 40px rgba(76,29,149,.35);padding:1.15rem 1rem 1.25rem}.gui-demo .gui-culture-jp .gui-culture-glow{position:absolute;width:9rem;height:9rem;left:-1.5rem;bottom:-2rem;border-radius:9999px;background:rgba(244,114,182,.22);filter:blur(28px);pointer-events:none}.gui-demo .gui-jp-mascot{position:absolute;width:4.25rem;height:4.25rem;top:.35rem;right:.55rem;z-index:2;filter:drop-shadow(0 6px 10px rgba(76,29,149,.45));animation:gui-float 5s ease-in-out infinite}.gui-demo .gui-jp-sparkles-a{position:absolute;width:4.5rem;top:3.2rem;left:.4rem;opacity:.85;pointer-events:none}.gui-demo .gui-jp-sparkles-b{position:absolute;width:3.5rem;bottom:4.5rem;right:1.2rem;opacity:.7;pointer-events:none;transform:scaleX(-1)}.gui-demo .gui-culture-jp .gui-culture-eyebrow{color:#c4b5fd;padding-right:4rem}.gui-demo .gui-culture-jp .gui-culture-title{font-size:1.25rem;font-weight:750;letter-spacing:.01em;line-height:1.35;padding-right:3.5rem;background:linear-gradient(120deg,#fff,#e9d5ff 60%,#a5f3fc);-webkit-background-clip:text;background-clip:text;color:transparent}.gui-demo .gui-culture-jp .gui-culture-sub{font-size:.82rem;color:#e2e8f0}.gui-demo .gui-culture-jp .gui-culture-notice{font-size:.72rem;color:#a5b4fc}.gui-demo .gui-culture-jp .gui-delight-chip{border-radius:9999px;border-color:rgba(196,181,253,.45);background:rgba(167,139,250,.18);color:#ede9fe}.gui-demo .gui-culture-jp .gui-rail{background:rgba(15,23,42,.45);border-color:rgba(167,139,250,.3);border-radius:1rem}.gui-demo .gui-culture-jp .gui-rail-title{color:#c4b5fd}.gui-demo .gui-culture-jp .gui-meter-track{border-radius:9999px;overflow:hidden;height:5px}.gui-demo .gui-culture-jp .gui-meter-fill{background:linear-gradient(90deg,#a78bfa,#22d3ee);border-radius:9999px}.gui-demo .gui-culture-jp .gui-jp-plans{gap:.55rem}.gui-demo .gui-culture-jp .gui-plan{position:relative;align-items:center;gap:.55rem;padding:.65rem .7rem;border-radius:1rem;border-color:rgba(167,139,250,.28);background:rgba(15,23,42,.5)}.gui-demo .gui-culture-jp .gui-jp-plan-featured{padding:.9rem .85rem;border-radius:1.25rem;border-color:rgba(192,132,252,.65);background:linear-gradient(145deg,rgba(91,33,182,.45),rgba(15,23,42,.75)),rgba(30,27,75,.8);box-shadow:0 0 28px rgba(139,92,246,.28);flex-wrap:wrap}.gui-demo .gui-culture-jp .gui-plan-on{border-color:#c4b5fd;box-shadow:0 0 0 1px rgba(196,181,253,.35),0 0 24px rgba(34,211,238,.15)}.gui-demo .gui-jp-plan-glyph{flex-shrink:0}.gui-demo .gui-jp-glyph{width:2.1rem;height:2.1rem;display:block}.gui-demo .gui-jp-plan-featured .gui-jp-glyph{width:2.6rem;height:2.6rem}.gui-demo .gui-jp-plan-body{flex:1;min-width:0}.gui-demo .gui-jp-osu{display:inline-block;margin-bottom:.25rem;padding:.12rem .45rem;border-radius:9999px;font-size:.62rem;font-weight:700;letter-spacing:.04em;background:linear-gradient(120deg,#a78bfa,#e879f9);color:#fff}.gui-demo .gui-jp-inline-cta{display:block;margin-top:.4rem;font-size:.72rem;font-weight:700;color:#67e8f9}.gui-demo .gui-jp-mini-pick{flex-shrink:0;font-size:.68rem;font-weight:650;color:#c4b5fd;border:1px solid rgba(167,139,250,.35);border-radius:9999px;padding:.28rem .55rem}.gui-demo .gui-culture-jp .gui-plan-price{margin-inline-start:auto}.gui-demo .gui-culture-jp .gui-jp-plan-featured .gui-plan-price{font-size:1.05rem;width:100%;margin-top:.35rem;order:5}.gui-demo .gui-culture-jp .gui-culture-cta{background:linear-gradient(120deg,#6366f1,#a855f7 50%,#22d3ee);color:#fff;width:100%;border-radius:9999px;font-size:.88rem;font-weight:700;padding:.7rem 1rem;box-shadow:0 0 24px rgba(139,92,246,.35)}.gui-demo .gui-jp-reassure{margin-top:.75rem;text-align:center;font-size:.75rem;color:#c4b5fd}.gui-demo .gui-jp-reassure span{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;margin-inline-end:.25rem;border-radius:9999px;background:rgba(34,211,238,.2);color:#67e8f9;font-size:.65rem}.gui-demo .gui-culture-de{background:#0f172a;border-color:rgba(148,163,184,.45);border-radius:0;box-shadow:none;padding:1rem 1.1rem 1.15rem}.gui-demo .gui-culture-de .gui-culture-glow{display:none}.gui-demo .gui-culture-de .gui-culture-eyebrow{color:#94a3b8;letter-spacing:.12em}.gui-demo .gui-culture-de .gui-culture-title{font-size:1.2rem;font-weight:600}.gui-demo .gui-culture-de .gui-culture-notice{color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.gui-demo .gui-culture-de .gui-plan{border-radius:0;border-color:#334155;background:transparent;padding:.55rem .15rem}.gui-demo .gui-culture-de .gui-plan-on{border-color:#e2e8f0;background:hsla(0,0%,100%,.03)}.gui-demo .gui-culture-de .gui-plan-rec{color:#cbd5e1}.gui-demo .gui-culture-de .gui-culture-cta{background:#e2e8f0;color:#0f172a;border-radius:0;box-shadow:none;font-weight:650;padding:.55rem 1rem}.gui-demo .gui-culture-de .gui-culture-cta:hover{filter:none;background:#fff}.gui-demo .gui-culture-it{background:radial-gradient(ellipse at 20% 0,rgba(251,146,60,.25),transparent 50%),radial-gradient(ellipse at 90% 80%,rgba(34,197,94,.15),transparent 45%),linear-gradient(160deg,#1c1917,#292524);border-color:rgba(251,146,60,.45);box-shadow:0 18px 40px rgba(0,0,0,.35);padding:1.4rem 1.35rem 1.55rem}.gui-demo .gui-culture-it .gui-culture-glow{position:absolute;width:8rem;height:8rem;right:-1rem;top:-1rem;border-radius:9999px;background:rgba(251,146,60,.25);filter:blur(24px);pointer-events:none}.gui-demo .gui-culture-it .gui-culture-eyebrow{color:#fdba74}.gui-demo .gui-culture-it .gui-culture-title{font-size:1.55rem;font-weight:700}.gui-demo .gui-culture-it .gui-delight-chip{border-color:rgba(251,146,60,.4);background:rgba(251,146,60,.12);color:#ffedd5}.gui-demo .gui-culture-it .gui-plan{border-radius:1rem;border-color:rgba(251,146,60,.28);background:hsla(0,0%,100%,.04)}.gui-demo .gui-culture-it .gui-plan-on{border-color:#fb923c;background:rgba(251,146,60,.14)}.gui-demo .gui-culture-it .gui-plan-rec{color:#fdba74}.gui-demo .gui-culture-it .gui-culture-cta{background:linear-gradient(120deg,#ea580c,#f59e0b);color:#fff;border-radius:9999px;padding:.7rem 1.25rem}.gui-demo .gui-culture-es{background:radial-gradient(ellipse at 80% 10%,rgba(250,204,21,.18),transparent 45%),linear-gradient(155deg,#1e1b4b,#0f172a 55%,#7f1d1d44);border-color:rgba(250,204,21,.35);padding:1.3rem}.gui-demo .gui-culture-es .gui-culture-eyebrow{color:#fde047}.gui-demo .gui-culture-es .gui-culture-title{font-size:1.45rem}.gui-demo .gui-culture-es .gui-delight-chip{border-color:rgba(250,204,21,.35);background:rgba(250,204,21,.1);color:#fef9c3}.gui-demo .gui-culture-es .gui-plan-on{border-color:#facc15;box-shadow:0 0 20px rgba(250,204,21,.15)}.gui-demo .gui-culture-es .gui-plan-rec{color:#fde047}.gui-demo .gui-culture-es .gui-culture-cta{background:linear-gradient(120deg,#dc2626,#eab308);color:#fff}.gui-demo .gui-culture-sa{background:linear-gradient(180deg,rgba(6,78,59,.35),rgba(2,6,23,.92)),repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(212,175,55,.04) 0,rgba(212,175,55,.04) 11px);border-color:rgba(212,175,55,.4);padding:1.6rem 1.4rem;box-shadow:inset 0 0 0 1px rgba(212,175,55,.12)}.gui-demo .gui-culture-sa .gui-culture-eyebrow{color:#d4af37}.gui-demo .gui-culture-sa .gui-culture-title{font-size:1.4rem;font-weight:600}.gui-demo .gui-culture-sa .gui-rail{border-color:rgba(212,175,55,.3);background:rgba(0,0,0,.25)}.gui-demo .gui-culture-sa .gui-rail-title{color:#d4af37}.gui-demo .gui-culture-sa .gui-plan{border-color:rgba(212,175,55,.22);padding:.85rem .9rem}.gui-demo .gui-culture-sa .gui-plan-on{border-color:#d4af37}.gui-demo .gui-culture-sa .gui-plan-rec{color:#d4af37}.gui-demo .gui-culture-sa .gui-culture-cta{background:linear-gradient(120deg,#065f46,#d4af37);color:#fff;width:100%;padding:.75rem 1rem}@media (prefers-reduced-motion:reduce){.gui-demo .gui-assemble,.gui-demo .gui-dissolve,.gui-demo .gui-fade-in,.gui-demo .gui-float-a,.gui-demo .gui-float-b,.gui-demo .gui-float-c,.gui-demo .gui-handoff-in,.gui-demo .gui-orb,.gui-demo .gui-pulse-ring,.gui-demo .gui-signal-in,.gui-demo:after{animation:none!important}}.gui-demo .gui-description{margin:.5rem 0;max-width:58ch;color:#cbd5e1;font-size:.875rem;line-height:1.6}.gui-demo .gui-preferences{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.gui-demo .gui-preference{border:1px solid #64748b;border-radius:999px;padding:.55rem .85rem;background:#0f172a;color:#e2e8f0;font-size:.8rem;line-height:1.4;cursor:pointer}.gui-demo .gui-preference:hover,.gui-demo .gui-preference[aria-pressed=true]{border-color:#7dd3fc;background:#172554}.gui-demo button:focus-visible,.gui-demo summary:focus-visible{outline:2px solid #7dd3fc;outline-offset:4px}.gui-demo .gui-change-notice{min-height:1.5rem;margin-bottom:.5rem;color:#cbd5e1;font-size:.75rem;line-height:1.5}.gui-demo .gui-simple{padding:1.25rem}.gui-demo .gui-simple .gui-plan-list{display:flex;flex-direction:column;gap:.5rem}.gui-demo .gui-simple .gui-plan{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.8rem;border-radius:.5rem;min-height:0;text-align:start}.gui-demo .gui-simple .gui-plan-name{font-size:1rem}.gui-demo .gui-simple .gui-culture-sub{margin-bottom:.8rem}.gui-demo .gui-demo-details{border-top:1px solid #334155;padding:.75rem 1rem;color:#94a3b8;font-size:.75rem;line-height:1.6}.gui-demo .gui-demo-details summary{cursor:pointer;color:#cbd5e1}.gui-demo .gui-demo-details p{margin-top:.75rem}@media (prefers-reduced-motion:reduce){.gui-demo *,.gui-demo :after,.gui-demo :before{animation:none!important;transition:none!important}}