/* GENERATED from site/_src/assets/plans.css by npm run build:site. Edit the source, not this file. */
.plan-pick{--h:clamp(76px,calc((100vw - 92px) / 3.6),112px);margin:1.4em 0 2.2em;padding:18px;border:2px solid var(--ink);border-radius:22px;background:var(--card);box-shadow:0 6px 0 var(--ink)}.pp-seg{margin:0;padding:0;border:0;min-width:0}.pp-seg legend{padding:0;margin:0 0 12px;font:750 1.05rem var(--display)}.pp-seg legend + *{margin-top:0}.pp-seg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;max-width:560px}.pp-opt{position:relative;display:grid;place-items:center;align-content:center;gap:2px;min-height:60px;padding:6px 4px;border:1.5px solid var(--rule);border-radius:14px;background:var(--paper);text-align:center;cursor:pointer}.pp-opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.pp-opt span{font-weight:750;line-height:1.1}.pp-opt small{color:var(--ink-2);font-size:0.85rem;font-variant-numeric:tabular-nums}.pp-opt:hover{border-color:var(--ink)}.pp-opt:has(:checked){background:var(--night);border-color:var(--night);color:var(--night-ink);box-shadow:0 3px 0 var(--honey)}.pp-opt:has(:checked) small{color:var(--honey)}.pp-opt:has(:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.pp-stage{display:grid;gap:18px 36px;align-items:center;margin-top:18px}@media (min-width: 860px){.pp-stage{grid-template-columns:auto minmax(0,1fr)}.plan-pick{padding:24px 28px 26px}}.pp-hive{display:grid;grid-template-columns:repeat(7,calc(var(--h) / 2));grid-auto-rows:calc(var(--h) * .866);column-gap:3px;justify-content:center;margin:4px 0 calc(var(--h) * .29);padding:0;list-style:none}.pp-cell{--on:0;grid-column:span 2;position:relative;isolation:isolate;display:grid;justify-items:center;align-content:center;width:var(--h);height:calc(var(--h) * 1.1547);margin:0;padding:0 8%;text-align:center;max-width:none}.pp-cell.c1{grid-area:1 / 1 / 2 / 3}.pp-cell.c0{grid-area:1 / 3 / 2 / 5}.pp-cell.c2{grid-area:1 / 5 / 2 / 7}.pp-cell.c3{grid-area:2 / 2 / 3 / 4}.pp-cell.c4{grid-area:2 / 4 / 3 / 6}.pp-cell.c5{grid-area:2 / 6 / 3 / 8}.pp-cell::before,.pp-cell::after{content:"";position:absolute;z-index:-2;inset:0;background:var(--rule);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.pp-cell::after{z-index:-1;inset:2px;background:var(--paper)}.pp-cell::before{background:var(--ink);opacity:calc(0.25 + 0.75 * var(--on))}.pp-cell::after{background:color-mix(in srgb,var(--bee-role) calc(16% * var(--on)),var(--card))}.pp-bee{display:block;width:40px;height:40px;opacity:var(--on);transform:translateY(calc((1 - var(--on)) * -22px)) scale(calc(0.5 + 0.5 * var(--on)))}.pp-bee .bee{width:100%;height:100%}.pp-name{font-weight:750;font-size:0.78rem;line-height:1.1;opacity:calc(0.45 + 0.55 * var(--on))}.pp-lv{min-height:1.1em;font-size:0.72rem;font-weight:650;color:var(--ink-2);line-height:1.1;margin-top:2px}.pp-lv em{display:none;font-style:normal}@media (prefers-reduced-motion: no-preference){.pp-bee{transition:opacity 0.35s ease,transform 0.6s cubic-bezier(.16,1,.3,1)}.pp-cell::before,.pp-name{transition:opacity 0.35s ease}.pp-opt{transition:background-color 0.2s ease,border-color 0.2s ease}}.pp-info p{margin:0 0 0.6em}.pp-price{font-size:1.05rem}.pp-price b{display:block;font:800 clamp(2.2rem,1.6rem + 2vw,2.9rem) / 1.05 var(--display);letter-spacing:-0.035em}.pp-good{color:var(--ink-2);font-size:0.95rem}.pp-good b{color:var(--ink)}@media (max-width: 420px){.plan-pick{padding:14px}.pp-opt small{font-size:.8rem}.pp-cell{padding:0 3%}.pp-name{font-size:.68rem}.pp-lv{font-size:.64rem}.pp-bee{width:26px;height:26px}}.plan-pick{position:relative}
