.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}header.hero{text-align:center;padding:48px 0 8px}.hero h1{font:600 clamp(34px, 6vw, 60px)/1.05 var(--serif);letter-spacing:-.02em;margin:0 0 14px}.hero h1 .n{color:var(--accent)}.hero p u{text-decoration-color:var(--accent);text-underline-offset:3px;text-decoration-thickness:2px}.hero p{color:var(--ink-2);max-width:46ch;margin:0 auto;font-size:clamp(17px,2vw,19px)}.billing{flex-direction:column;align-items:center;gap:8px;margin-top:24px;display:inline-flex}.seg{background:var(--surface-2);border-radius:12px;grid-auto-flow:column;gap:4px;padding:4px;display:inline-grid}.seg button{cursor:pointer;color:var(--ink-2);background:0 0;border:0;border-radius:9px;padding:8px 16px;font-weight:500}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001f}.hero .trial{color:var(--ink);margin:14px auto 0;font-size:16px;font-weight:600}.billing small{color:var(--ink-3);font-size:14px}.step-head{align-items:baseline;gap:14px;margin:48px 0 6px;display:flex}.step-head .num{background:var(--ink);width:34px;height:34px;color:var(--bg);border-radius:50%;flex:none;align-self:center;place-items:center;font-size:16px;font-weight:600;display:grid}.step-head h2{min-width:0;font:600 clamp(26px, 3.6vw, 36px)/1.1 var(--serif);letter-spacing:-.01em;flex:1;margin:0}.step-head h2 b{color:var(--accent);font-weight:600}.step-sub{color:var(--ink-2);margin:0 0 18px 48px}@media (width<=559px){.step-sub{margin-left:0}}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=900px){.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{text-align:left;cursor:pointer;background:var(--surface);border:2px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;padding:18px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.card:hover{border-color:var(--ink-3)}.card.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow)}.card .ico{background:var(--surface-2);width:44px;height:44px;color:var(--ink-2);border-radius:12px;place-items:center;display:grid}.card.on .ico{background:var(--accent);color:var(--accent-ink)}.ico svg{width:24px;height:24px}.card .name{font:600 21px/1.15 var(--serif);padding-right:28px}.card .line{color:var(--ink-2);margin-top:-6px;font-size:15px;line-height:1.35}.card .pts{color:var(--ink-2);gap:4px;font-size:14px;display:grid}.card .pts span{padding-left:16px;position:relative}.card .pts span:before{content:"";background:var(--line);border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:2px}.card.on .pts span:before{background:var(--accent)}.card .foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:4px;display:flex}.more{color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:14px;font-weight:600;display:inline-flex}.more svg{width:14px;height:14px}.more:hover{text-decoration:underline}.card .cost{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.card.on .cost{color:var(--accent)}.mark{border:2px solid var(--line);border-radius:7px;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:18px;right:18px}.mark.radio{border-radius:50%}.card.on .mark{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.mark svg{opacity:0;width:14px;height:14px}.card.on .mark svg{opacity:1}.card.pk{background:linear-gradient(135deg, var(--posuku-soft), var(--surface) 65%)}.card.pk .ico{background:var(--posuku-soft);color:var(--posuku)}.card.pk .name,.card.pk .more{color:var(--posuku)}.card.pk.on{border-color:var(--posuku);background:var(--posuku-soft)}.card.pk.on .ico,.card.pk.on .mark{background:var(--posuku);border-color:var(--posuku);color:var(--posuku-ink)}.card.pk.on .pts span:before{background:var(--posuku)}.card.pk.on .cost{color:var(--posuku)}.card.shops{cursor:default}.card.shops:hover{border-color:var(--line)}.card.shops.on:hover{border-color:var(--accent)}.stepper{background:var(--surface-2);border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex}.stepper button{background:var(--surface);cursor:pointer;border:0;border-radius:8px;width:30px;height:30px;font-size:18px;line-height:1}.stepper button:disabled{opacity:.4;cursor:default}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:24px;font-weight:600}@media (width<=559px){.card{gap:8px;padding:14px}.card .pts{display:none}.card .name{font-size:18px}.card .line{font-size:14px}.mark{top:14px;right:14px}.card .cost{display:none}}.view{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin:0 0 16px 48px;display:flex}.view p{color:var(--ink-2);margin:0}@media (width<=559px){.view{margin-left:0}}.details{gap:14px;display:grid}.detail{padding:22px;scroll-margin-top:16px;transition:opacity .2s}.detail.faded{opacity:.62}.detail.faded:hover,.detail.faded:focus-within{opacity:1}.detail.flash{animation:1.2s ease-out flash}@keyframes flash{0%{box-shadow:0 0 0 4px var(--accent)}to{box-shadow:var(--shadow)}}.detail.pkd.flash{animation-name:flashp}@keyframes flashp{0%{box-shadow:0 0 0 4px var(--posuku)}to{box-shadow:var(--shadow)}}.detail-top{grid-template-columns:40px 1fr auto;align-items:center;gap:14px;margin-bottom:14px;display:grid}.detail-top .ico{background:var(--accent);width:40px;height:40px;color:var(--accent-ink);border-radius:11px;place-items:center;display:grid}.detail.faded .detail-top .ico{background:var(--surface-2);color:var(--ink-2)}.detail-top .ico svg{width:22px;height:22px}.detail-top h3{font:600 22px/1.2 var(--serif);margin:0}.detail-top p{color:var(--ink-2);margin:2px 0 0;font-size:15px}.detail-top .cost{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;font-weight:600}.detail.faded .detail-top .cost{color:var(--ink-3)}.detail.pkd .detail-top .ico{background:var(--posuku);color:var(--posuku-ink)}.detail.pkd.faded .detail-top .ico{background:var(--posuku-soft);color:var(--posuku)}.detail.pkd h3,.detail.pkd .detail-top .cost{color:var(--posuku)}.drop{color:var(--ink-3);cursor:pointer;background:0 0;border:0;margin-left:8px;padding:0;font-size:13px;text-decoration:underline}.addto{border:1.5px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:9px;margin-left:10px;padding:6px 12px;font-weight:600}.detail.pkd .addto{border-color:var(--posuku);color:var(--posuku)}@media (width<=559px){.detail{padding:18px}.detail-top{grid-template-columns:1fr auto}.detail-top .ico{display:none}}.feats{gap:2px 28px;margin:0;padding:0;list-style:none;display:grid}@media (width>=760px){.feats{grid-template-columns:1fr 1fr}}.feat{grid-template-columns:18px 1fr;gap:10px;padding:5px 0;font-size:15px;line-height:1.4;display:grid}.feat svg{width:18px;height:18px;color:var(--accent);margin-top:1px}.feat.pro svg{color:var(--posuku)}.feat.pro.locked,.feat.pro.locked svg{color:var(--ink-3)}.tag{letter-spacing:.04em;text-transform:uppercase;vertical-align:1px;white-space:nowrap;background:var(--soon-soft);color:var(--soon);border-radius:5px;margin-left:6px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-block}.tag.pro{background:var(--posuku-soft);color:var(--posuku)}.pro-cta{color:var(--ink-2);margin:14px 0 0;font-size:14px}.pro-cta .link{color:var(--posuku)}.link{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.reasons{gap:14px;margin:0;display:grid}@media (width>=760px){.reasons{grid-template-columns:1fr 1fr;gap:16px 32px}}.reasons div{border-left:3px solid var(--posuku-soft);padding-left:14px}.reasons dt{color:var(--posuku);font-weight:600}.reasons dd{color:var(--ink-2);margin:2px 0 0;font-size:15px}.hint{color:var(--ink-3);margin:14px 0 0;font-size:14px}.warn{color:var(--warn)}.bar{z-index:5;background:var(--surface);border-top:1px solid var(--line);margin-top:40px;position:sticky;bottom:0;box-shadow:0 -6px 20px #00000012}.bar .wrap{flex-wrap:wrap;align-items:center;gap:8px 20px;padding-top:12px;padding-bottom:12px;display:flex}.bar .amt{font:600 32px/1 var(--serif);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.bar .per{color:var(--ink-2);margin-left:4px;font-size:15px}.bar .sum{min-width:0;color:var(--ink-2);flex:300px;font-size:14px}.bar .sum b{color:var(--ink);font-weight:600}.bar .sum .pk{color:var(--posuku)}.bar .terms{color:var(--ink-3);font-size:13px}@media (width<=559px){.bar .amt{font-size:26px}.bar .sum{flex-basis:100%}}.price-notes{color:var(--ink-3);padding:32px 0 40px;font-size:14px}.price-notes p{max-width:72ch;margin:4px 0}.bar .start-btn{margin-left:auto}@media (width<=559px){.bar .start-btn{width:100%}}
