.pricing-page{min-height:100dvh;padding-top:132px;padding-bottom:40px}.pricing-hero{max-width:640px;margin-bottom:36px}.pricing-hero h1{letter-spacing:-.04em;margin-top:14px;font-size:clamp(30px,4vw,46px)}.pricing-hero p{color:var(--ink-2);margin-top:14px;font-size:17px}.cycle-row{flex-direction:column;align-items:center;gap:12px;margin-bottom:36px;display:flex}.cycle-row .seg{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);box-shadow:var(--shadow-sm);gap:4px;padding:5px;display:inline-flex}.cycle-row .seg button{border-radius:var(--r-pill);height:42px;color:var(--ink-2);cursor:pointer;transition:all var(--dur-fast) var(--ease);background:0 0;border:none;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:600;display:inline-flex}.cycle-row .seg button:hover{color:var(--ink)}.cycle-row .seg button.on{background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-brand)}.cycle-row .seg-badge{letter-spacing:-.01em;border-radius:var(--r-pill);background:var(--warm-soft);color:var(--warm);padding:3px 8px;font-size:11px;font-weight:800}.cycle-row .seg button.on .seg-badge{color:var(--on-brand);background:#f7fbf838}.cycle-row .save-line{color:var(--ink-2);font-size:14px}.cycle-row .save-line strong{color:var(--brand);font-weight:800}.pricing-page .plans{grid-template-columns:repeat(4,1fr)}.pricing-page .plan{padding:28px 24px}.pricing-page .plan .cta{margin-top:auto}.pricing-page .plan .pdesc{min-height:40px;margin-bottom:4px}.pricing-page .plan .price{flex-wrap:nowrap;align-items:baseline;gap:3px}.pricing-page .plan .price .amt{white-space:nowrap;font-size:clamp(24px,2vw,30px)}.pricing-page .plan .price .per{white-space:nowrap}@media (max-width:1100px){.pricing-page .plans{grid-template-columns:repeat(2,1fr);overflow:visible}.pricing-page .plan.featured{transform:none}}@media (max-width:620px){.pricing-page .plans{grid-template-columns:1fr}}.pricing-page .feat.highlights{border-top:1px solid var(--line);gap:11px;margin-top:18px;margin-bottom:22px;padding-top:18px;list-style:none}.pricing-page .plan.featured .feat.highlights{border-top-color:#f7f8f524}.pricing-page .feat.highlights li{color:var(--ink-2);word-break:keep-all;justify-content:flex-start;align-items:flex-start;gap:10px;font-size:13px;font-weight:500;line-height:1.4;display:flex}.pricing-page .plan.featured .feat.highlights li{color:#f7f8f5d1}.pricing-page .feat.highlights .hl-check{background:var(--brand-soft);width:18px;height:18px;color:var(--brand);border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:11px;font-weight:800;display:inline-grid}.pricing-page .plan.featured .feat.highlights .hl-check{color:var(--brand-bright);background:#2e9c6840}.pricing-page .plan-clickable{cursor:pointer;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur-fast) var(--ease);outline:none}.pricing-page .plan-clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.pricing-page .plan-clickable:focus-visible{box-shadow:0 0 0 3px var(--brand-line)}.pricing-page .plan.selected{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand), var(--shadow-md)}.pricing-page .plan.featured.selected{box-shadow:0 0 0 2px var(--brand-bright), var(--shadow-lg)}.compare-section{margin-top:72px}.sec-head-row{justify-content:space-between;align-items:baseline;margin-bottom:18px;display:flex}.sec-head-row h2{letter-spacing:-.03em;font-size:clamp(22px,2.4vw,28px)}.compare-scroll{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-xs);overflow-x:auto}.compare{border-collapse:collapse;table-layout:fixed;width:100%;min-width:720px}.compare th,.compare td{text-align:center;border-bottom:1px solid var(--line);padding:16px 18px;font-size:14px}.compare col.col-feature{width:18%}.compare col.col-plan{width:20.5%}.compare thead th{color:var(--ink);background:var(--surface-2);font-size:15px;font-weight:700}.compare tbody tr:last-child td{border-bottom:none}.compare .rowhead{text-align:left;color:var(--ink-2);white-space:nowrap;font-weight:600}.compare .fv{color:var(--ink);font-weight:700}.compare .yes{color:var(--brand);font-weight:700}.compare .no{color:var(--ink-4);font-weight:600}.compare .active{background:var(--brand-soft);transition:background var(--dur) var(--ease)}.compare thead th.active{color:var(--brand)}.compare .th-tag{color:var(--brand);letter-spacing:.08em;margin-top:3px;font-size:10px;font-weight:700;display:block}
