@layer kk{.pc-wrap{min-width:0;container-type:inline-size}.pc-grid{gap:var(--kk-s-24,24px);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}@media (max-width:1023px){.pc-grid{grid-template-columns:minmax(0,1fr);max-width:520px;margin-inline:auto}}.pc{--o:0;--pc-dur:.52s;background:var(--kk-surface,#fff);border:1px solid var(--kk-line);border-radius:var(--kk-r-lg,10px);grid-template-rows:520px auto auto;min-width:0;display:grid;position:relative;overflow:clip;container-type:inline-size}.pc[data-highlight=true]{border:2px solid var(--kk-ink)}.pc:hover,.pc[data-open=true]{--o:1}.pc:has(:focus-visible){--o:1}.pc[data-open=false]{--o:0}@media (hover:none),(prefers-reduced-motion:reduce){.pc,.pc[data-open=false]{--o:1}}.pc-stage{cursor:pointer;grid-area:1/1;position:relative;overflow:clip}.pc-stage--sunken{background:var(--kk-sunken)}.pc-stage--mint{background:var(--kk-green-100)}.pc-stage--deep{background:var(--kk-green-900)}.pc-art{width:calc(var(--pc-w) / 400 * 86cqw);transform:translate(-50%, calc(-50% - var(--o) * var(--pc-dh,180px) / 2)) scale(calc(1 - var(--o) * (1 - var(--pc-s,.8))));transform-origin:50%;transition:transform var(--pc-dur) var(--kk-ease-snap,cubic-bezier(.16, 1, .3, 1));transition-delay:calc((1 - var(--o)) * 60ms);will-change:transform;position:absolute;top:50%;left:50%}.pc-art .kk-art{width:100%;height:auto;display:block;overflow:visible}.pc .pp-flap{transform-box:view-box;transform-origin:0 0;transform:matrix(calc(1 + (var(--m-a) - 1) * var(--o)), calc(var(--m-b) * var(--o)), calc(var(--m-c) * var(--o)), calc(1 + (var(--m-d) - 1) * var(--o)), calc(var(--m-e) * var(--o)), calc(var(--m-f) * var(--o)));transition:transform calc(var(--pc-dur) - 80ms) var(--kk-ease-snap,cubic-bezier(.16, 1, .3, 1));transition-delay:calc(var(--o) * (.14s + var(--i,0) * 60ms))}.pc .pp-flap-face{stroke:var(--kk-art-edge);stroke-width:1px;stroke-linejoin:miter}.pc .pp-tape{opacity:calc(1 - var(--o));transition:opacity .16s linear}.pc .pp-reveal{opacity:var(--o);transform:translateY(calc((1 - var(--o)) * 46px));transition:transform calc(var(--pc-dur) + 80ms) var(--kk-ease-spring,cubic-bezier(.34, 1.45, .64, 1)), opacity .24s linear;transition-delay:calc(var(--o) * .28s)}.pc-head{padding:var(--kk-s-24,24px) var(--kk-s-24,24px) 0;grid-area:2/1;gap:4px;display:grid;position:static}.pc-flag{z-index:2;background:var(--kk-surface,#fff);border:1px solid var(--kk-ink);border-radius:var(--kk-r-sm,4px);color:var(--kk-ink);margin:0;padding:4px 8px;position:absolute;top:14px;left:14px}.pc-name{font:var(--kk-font-h2,700 28px/32px var(--kk-font-sans));color:var(--kk-ink);margin:0}.pc-tag{color:var(--kk-ink-2);margin:0}.pc-price{margin:var(--kk-s-12,12px) 0 0;color:var(--kk-ink);flex-wrap:wrap;align-items:baseline;gap:0;display:flex}.pc-amount{font-variant-numeric:tabular-nums;letter-spacing:-.02em;z-index:0;font-size:40px;font-weight:700;line-height:44px;position:relative}.pc-amount:after{content:"";z-index:-1;background:var(--kk-green-100);height:.3em;transform:scaleX(var(--o));transform-origin:0;transition:transform .42s var(--kk-ease-snap,cubic-bezier(.16, 1, .3, 1)) .22s;position:absolute;bottom:3px;left:-2px;right:-2px}.pc[data-plan=lagom] .pc-amount:after{background:var(--kk-green-100)}.pc-unit{font:500 16px/24px var(--kk-font-sans);color:var(--kk-ink-2)}.pc-vat{color:var(--kk-ink-3)}.pc-details{z-index:1;padding:var(--kk-s-16,16px) var(--kk-s-24,24px);background:var(--kk-surface,#fff);border-top:2px solid var(--kk-ink);transform:translateY(calc((1 - var(--o)) * 28px));opacity:var(--o);transition:transform var(--pc-dur) var(--kk-ease-snap,cubic-bezier(.16, 1, .3, 1)), opacity .24s linear;transition-delay:calc(var(--o) * 80ms);pointer-events:none;grid-area:1/1;align-self:end;gap:10px;margin:0;display:grid}.pc[data-plan=outlet] .pc-details{border-top-style:dashed}.pc:is(:hover,:has(:focus-visible),[data-open=true]) .pc-details{pointer-events:auto}@media (hover:none),(prefers-reduced-motion:reduce){.pc .pc-details{pointer-events:auto}}.pc-row{transform:translateY(calc((1 - var(--o)) * 14px));opacity:var(--o);transition:transform .42s var(--kk-ease-snap,cubic-bezier(.16, 1, .3, 1)), opacity .2s linear;transition-delay:calc(var(--o) * (.16s + var(--i,0) * 70ms));margin:0}.pc-row dt{color:var(--kk-ink-3);margin:0 0 2px}.pc-row dd{font:400 14px/20px var(--kk-font-sans);color:var(--kk-ink);overflow-wrap:anywhere;margin:0}.pc-sub{color:var(--kk-ink-2)}.pc-actions{align-items:center;gap:var(--kk-s-12,12px);padding:var(--kk-s-16,16px) var(--kk-s-24,24px) var(--kk-s-24,24px);flex-wrap:wrap;grid-area:3/1;display:flex}.pc-actions .kk-btn{flex:auto;min-height:44px}.pc-toggle{min-height:44px;color:var(--kk-green-700);font:var(--kk-font-btn,600 15px/20px var(--kk-font-sans));text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0 14px 0 4px;text-decoration:underline}.pc-toggle:hover{color:var(--kk-green-900)}.pc-toggle:focus-visible{outline:2px solid var(--kk-ink);outline-offset:2px;border-radius:4px}@media (hover:none),(prefers-reduced-motion:reduce){.pc-toggle{display:none}}.pc-note{margin:var(--kk-s-24,24px) 0 0;max-width:72ch;color:var(--kk-ink-2);font:400 14px/20px var(--kk-font-sans)}@container (max-width:340px){.pc-amount{font-size:34px;line-height:38px}.pc-details,.pc-head,.pc-actions{padding-inline:var(--kk-s-16,16px)}}@media (prefers-reduced-motion:reduce){.pc *,.pc :before,.pc :after{transition:none!important}}}