.card{--c-r:20px;--c-pad:28px;--c-border:color-mix(in oklab, var(--ink) 8%, transparent);--c-text:color-mix(in oklab, var(--ink) 84%, var(--card));--c-hi:oklch(from var(--card) 1 0 0 / clamp(0, calc(0.09 - l * 0.09), 0.07));--c-sh:oklch(from var(--card) 0 0 0 / calc(0.07 - l * 0.04));position:relative;display:flex;flex-direction:column;min-width:0;padding:var(--c-pad);border-radius:var(--c-r);background:var(--card);color:var(--ink);border:1px solid var(--c-border);box-shadow:inset 0 1px 0 var(--c-hi), 0 1px 2px var(--c-sh);overflow:clip;gap:0}@media (min-width: 1024px){.card{--c-pad:32px}}@media (max-width: 639px){.card{--c-r:18px;--c-pad:20px}}.card > h3,.card__title{margin:0;font-family:var(--font-text);font-size:18px;line-height:26px;font-weight:560;letter-spacing:-0.012em;color:var(--ink);text-wrap:balance}.card > p,.card__text{margin:8px 0 0;font-size:16px;line-height:24px;color:var(--c-text);max-width:46ch;text-wrap:pretty}.panel{--p-r:12px;display:block;padding:0;--p-h:clamp(264px, 22vw + 8px, 340px);position:relative;isolation:isolate;overflow:clip;min-height:var(--p-h);flex:1 0 auto;border-radius:var(--p-r) var(--p-r) 0 0;background:color-mix(in oklab, var(--ink) 4%, var(--card))}.panel:not([data-fx], .panel--device){background:var(--ground-bg, #d9ccb7)}:root:has(meta[name="site-kind"]:is([content="tech"], [content="software"], [content="gaming"])) .panel:not([data-fx], .panel--device){background-color:var(--ground-bg, #d9ccb7);background-image:radial-gradient(70% 90% at 12% 0%, color-mix(in oklab, var(--ground-surface, #e9e0d2) 92%, white), transparent 70%),
    radial-gradient(60% 80% at 100% 100%, color-mix(in oklab, var(--ground-accent, #a8794a) 34%, var(--ground-bg, #d9ccb7)), transparent 72%),
    radial-gradient(50% 60% at 85% 10%, color-mix(in oklab, var(--ground-surface, #e9e0d2) 60%, transparent), transparent 70%)}.card > .panel{margin-top:32px;margin-bottom:calc(-1 * var(--c-pad) - 1px)}.card > :has(+ .panel){margin-bottom:0}.panel::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink) 7%, transparent), inset 0 1px 0 color-mix(in oklab, var(--ink) 4%, transparent)}.panel::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;width:auto;padding:0;background:radial-gradient(ellipse 70% 62% at var(--vx, 50%) var(--vy, 62%),
    color-mix(in oklab, var(--calm, var(--card)) var(--calm-k, 34%), transparent), transparent 72%)}.panel__screen{position:relative;isolation:isolate;overflow:clip;flex:1;margin:0;border-radius:var(--p-r) var(--p-r) 0 0;background:color-mix(in oklab, var(--ink) 4%, var(--card))}.panel__screen::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--ink) 7%, transparent)}.panel__screen::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 62% at var(--vx, 50%) var(--vy, 70%),
    color-mix(in oklab, var(--calm, #000) var(--calm-k, 30%), transparent), transparent 72%)}.stage,.panel > .stage,.panel__screen > .stage{position:absolute;inset:0;z-index:1;max-width:none;--ui-font:var(--font-text);--ui-mono:var(--font-mono);--ui-radius:12px;--fx-bg:var(--frag, oklch(from var(--card) clamp(calc(l + 0.05), calc((l - 0.5) * 1000), 1) calc(c * 0.5) h));--fx-surface:var(--card);--fx-ink:var(--ink);--fx-muted:var(--muted);--fx-accent:var(--accent);--fx-accent-ink:var(--accent-ink)}.stage > *{position:absolute;max-width:none}@media (min-width: 640px){.stage > :not(.at-center) > [data-ui]{max-width:none}}.stage > .fit{right:var(--ax, 32px)}.stage > .fit > :is([data-ui], .ui){width:100%;max-width:var(--fit-max, 100%);margin-inline:auto}.stage > .wide{width:max(var(--w, 680px), 100% - var(--ax, 32px) + 64px)}.stage > .wide > :is([data-ui], .ui){width:100%;max-width:none}@media (max-width: 639px){.stage > :is(.at-corner, .at-right, .at-rise){left:var(--ax-sm, 16px);right:var(--ax-sm, 16px);top:var(--ay-sm, 24px);max-width:none}.stage > :is(.at-corner, .at-right, .at-rise) > :is([data-ui], .ui){max-width:100%}.stage > .wide{width:auto}.stage > :is(.at-over, .at-over-l){left:12px;right:12px;bottom:16px}.stage > :is(.at-over, .at-over-l) > :is([data-ui], .ui){width:auto;max-width:100%}}.quote{margin:0;font-family:var(--font-display, var(--font-text));font-size:clamp(22px, 1.1vw + 12px, 28px);line-height:1.32;letter-spacing:-0.02em;font-weight:450;color:var(--ink);text-wrap:pretty}.result{display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding-left:40px;border-left:1px solid var(--c-border)}@media (max-width: 1023px){.result{padding:28px 0 0;border-left:0;border-top:1px solid var(--c-border)}}.plan{gap:0}.plan.is-featured{border-color:color-mix(in oklab, var(--accent) 48%, transparent);background:var(--card)}.plan.is-featured.is-fading > .fx-canvas{opacity:0 !important;transition:opacity 600ms ease !important}