.plans-root{background:var(--bg);min-height:100vh;font-family:var(--sans);color:var(--t1)}.plans-main{max-width:var(--rail-read);padding:48px var(--rail-pad) 72px;margin:0 auto}.plans-head{text-align:center;margin-bottom:40px}.plans-head h1{letter-spacing:-.03em;font-size:2.4rem;font-weight:800}.plans-head p{color:var(--t2);margin-top:10px;font-size:1.05rem}.plans-note{text-align:center;color:var(--t3);margin-top:28px;font-size:.86rem}.compare-wrap{margin-top:60px}.compare-title{text-align:center;letter-spacing:-.02em;margin:0 0 24px;font-size:1.4rem;font-weight:800}.compare-scroll{border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--line);overflow-x:auto}.compare{border-collapse:separate;border-spacing:0;background:var(--bg);width:100%;min-width:580px}.compare th,.compare td{padding:14px 18px}.compare thead th{font:700 .78rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--t3);text-align:center}.compare thead th:first-child{text-align:left}.compare thead th.col-pro{color:var(--accent)}.compare tbody td{color:var(--t2);text-align:center;border-top:1px solid #8c90a82e;font-size:.875rem}.compare tbody td.feat{text-align:left;color:var(--t1);font-weight:500}.compare .col-pro{background:#ff6c1c0f}.compare .chk{background:var(--panel);width:22px;height:22px;box-shadow:0 0 0 1px var(--line);color:var(--accent);border-radius:50%;place-items:center;font-size:.8rem;display:inline-grid}.compare .dash{color:var(--t3)}.compare .val{color:var(--t2);font-size:.86rem}.compare-cards{display:none}@media (max-width:560px){.compare-scroll{display:none}.compare-cards{flex-direction:column;gap:10px;display:flex}.ccard{background:var(--panel);border-radius:var(--r-md);box-shadow:0 0 0 1px var(--line);padding:14px 16px 12px}.ccard-feat{color:var(--t1);margin-bottom:12px;font-size:.92rem;font-weight:600;line-height:1.35}.ccard-vals{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.ccard-val{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--line);flex-direction:column;align-items:center;gap:6px;padding:8px 4px;display:flex}.ccard-val--pro{background:#ff6c1c0f}.ccard-tier{font:700 .72rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--t3)}.ccard-val--pro .ccard-tier{color:var(--accent)}.ccard .val{text-align:center;font-size:.8rem;line-height:1.3}.plans-main{padding-inline:18px}.compare-wrap{margin-top:44px}}
.plans-toggle{background:var(--well);border-radius:var(--r-full);width:fit-content;box-shadow:inset 0 0 0 1px var(--line);gap:6px;margin:0 auto;padding:6px;display:flex}.plans-toggle button{cursor:pointer;border-radius:var(--r-full);text-align:center;min-width:170px;font:600 .95rem var(--sans);color:var(--t3);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;padding:9px 24px;display:flex;position:relative}.plans-toggle button.active{background:var(--panel);color:var(--accent);box-shadow:0 0 0 1px var(--line)}.plans-toggle-note{line-height:1.2;font:700 .69rem var(--mono);letter-spacing:.02em;color:var(--buy);display:block}.plans-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:22px;margin-top:26px;display:grid}.plan{background:var(--panel);border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--line);flex-direction:column;gap:18px;padding:28px;display:flex}.plan-eyebrow{justify-content:space-between;align-items:center;min-height:22px;display:flex}.plan-name{font:700 .78rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--t3)}.plan-badge{font:700 .69rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--well);border-radius:var(--r-full);box-shadow:inset 0 0 0 1px var(--line);padding:4px 10px}.plan-price{background:var(--well);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--line);padding:16px 18px}.plan-price .amt{font:600 2.2rem var(--mono);color:var(--t1);line-height:1}.plan-price .cad{color:var(--t3);margin-top:4px;font-size:.72rem}.plan-features{flex-direction:column;flex:1;gap:10px;display:flex}.plan-feature{color:var(--t2);align-items:flex-start;gap:9px;font-size:.875rem;line-height:1.4;display:flex}.plan-feature .dot{background:var(--t3);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:6px}.plan-btn{border-radius:var(--r-full);cursor:pointer;text-align:center;width:100%;font:600 1rem var(--sans);background:var(--panel);color:var(--t1);box-shadow:0 0 0 1px var(--line);border:none;padding:13px;text-decoration:none;transition:transform .12s}.plan-btn:hover{transform:translateY(-1px)}.plan-btn.primary{background:var(--accent-surface);color:var(--on-accent)}.plan-btn:disabled{cursor:not-allowed;color:var(--t3);box-shadow:inset 0 0 0 1px var(--line);transform:none}.plan.disabled{opacity:.62}.plan.disabled .plan-badge{color:var(--t3)}.plan.featured{background:var(--accent-surface);color:var(--on-accent);box-shadow:none}.plan.featured .plan-name{color:#1b1e2ed9}.plan.featured .plan-badge{background:var(--on-accent);color:#fff;box-shadow:none}.plan.featured .plan-price{box-shadow:none;background:#ffffff29}.plan.featured .plan-price .amt{color:var(--on-accent)}.plan.featured .plan-price .cad{color:#1b1e2ed1}.plan.featured .plan-feature{color:#1b1e2ef0}.plan.featured .plan-feature .dot{background:var(--on-accent)}.plan.featured .plan-btn{background:var(--on-accent);color:#fff;box-shadow:none}@media (max-width:820px){.plans-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}}@media (max-width:480px){.plans-toggle{width:100%;max-width:340px}.plans-toggle button{min-width:0;padding:12px 10px}}
.plan-carousel{position:relative}.plan-arrow{display:none}@media (max-width:820px){.plan-carousel .plans-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-columns:none;gap:16px;max-width:none;margin:0;padding:10px 4px 22px;scroll-padding:0 4px;display:flex;overflow-x:auto}.plan-carousel .plans-grid::-webkit-scrollbar{display:none}.plan-carousel .plans-grid>.plan{scroll-snap-align:center;flex:0 0 82%}.plan-arrow{background:var(--panel);width:42px;height:42px;color:var(--t1);cursor:pointer;z-index:3;box-shadow:0 0 0 1px var(--line);opacity:0;pointer-events:none;border:none;border-radius:50%;place-items:center;font-size:1.5rem;line-height:1;transition:opacity .2s;display:grid;position:absolute;top:calc(50% - 8px);transform:translateY(-50%)}.plan-arrow span{margin-top:-3px}.plan-arrow--left{left:-6px}.plan-arrow--right{right:-6px}.plan-arrow[data-show=true]{opacity:1;pointer-events:auto}.plan-arrow:active{box-shadow:inset 0 0 0 1px var(--line)}}