.plan-page{width:100%;max-width:1080px;margin:0 auto;container-type:inline-size}.plan-head{text-align:center;padding:16px 0 0}.plan-title{letter-spacing:-.01em;color:var(--fg);text-align:center;font-family:var(--font-serif,ui-serif, Georgia, serif);margin:0;padding-bottom:.12em;font-size:4rem;font-weight:400;line-height:1}@supports ((-webkit-background-clip:text) or (background-clip:text)){.plan-title{background:linear-gradient(to bottom right, var(--fg) 30%, var(--fg-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}}.plan-sub{max-width:40rem;color:var(--fg-secondary);text-wrap:balance;margin:16px auto 0;font-size:18px;line-height:1.6}@media (min-width:768px){.plan-title{font-size:4.8rem}}.plan-tabs{justify-content:center;gap:8px;margin-top:32px;display:flex}.plan-tab{color:var(--fg-secondary);background:0 0;border:0;border-radius:16px;min-height:40px;padding:0 16px;font-size:14px;font-weight:600}.plan-tab:hover{opacity:1;background:var(--control-hover)}.plan-tab[aria-pressed=true]{background:var(--control);color:var(--fg);box-shadow:inset 0 -2px 0 var(--fg)}.plan-slider{--plan-thumb:20px;max-width:680px;margin:32px auto 0}.plan-slider-label{text-align:center;color:var(--fg);font-size:14px;font-weight:500;display:block}.plan-slider-out{text-align:center;min-height:20px;color:var(--fg-secondary);margin:4px 0 20px;font-size:13px}.plan-range{appearance:none;width:100%;height:var(--plan-thumb);cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block}.plan-range:focus-visible{outline:2px solid #0000}.plan-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--fg) calc(var(--plan-thumb) / 2 + (100% - var(--plan-thumb)) * var(--plan-ratio)), var(--line) 0);border-radius:999px;height:2px}.plan-range::-moz-range-track{background:linear-gradient(to right, var(--fg) calc(var(--plan-thumb) / 2 + (100% - var(--plan-thumb)) * var(--plan-ratio)), var(--line) 0);border-radius:999px;height:2px}.plan-range::-webkit-slider-thumb{appearance:none;width:var(--plan-thumb);height:var(--plan-thumb);background:var(--inverse);box-shadow:0 1px 2px var(--backdrop);border:0;border-radius:50%;margin-top:-9px}.plan-range::-moz-range-thumb{width:var(--plan-thumb);height:var(--plan-thumb);background:var(--inverse);box-shadow:0 1px 2px var(--backdrop);border:0;border-radius:50%}.plan-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--ring)}.plan-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--ring)}.plan-stops{height:20px;margin-top:12px;position:relative}.plan-stop{top:0;left:calc(var(--plan-thumb) / 2 + (100% - var(--plan-thumb)) * var(--plan-at));color:var(--fg-secondary);font-variant-numeric:tabular-nums;transition:color .15s var(--ease-standard);font-size:12px;line-height:20px;position:absolute;transform:translate(-50%)}.plan-stop[data-on]{color:var(--fg)}@media (max-width:560px){.plan-range{height:40px}.plan-slider-out{margin-bottom:10px}.plan-stops{margin-top:2px}}.plan-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:40px;display:grid}@container (min-width:720px){.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.plan-card{text-align:center;border:1px solid var(--line-card);transition:border-color .15s var(--ease-snappy);border-radius:16px;flex-direction:column;padding:24px;display:flex;position:relative}.plan-card:before{content:"";background:linear-gradient(to right, transparent, var(--fg-secondary), transparent);opacity:0;width:min(300px,80%);height:1px;transition:opacity .15s var(--ease-snappy);position:absolute;top:-1px;left:50%;transform:translate(-50%)}.plan-card:hover:before,.plan-card[data-fit]:before{opacity:1}.plan-card[data-fit]{border-color:var(--fg-secondary)}.plan-top{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:52px;display:flex}.plan-name{font:500 16px/1.3 var(--font-display);letter-spacing:-.02em;color:var(--fg);margin:0}.plan-badges{flex-wrap:wrap;justify-content:center;gap:6px;min-height:20px;display:flex}.plan-badge{letter-spacing:.025em;background:var(--success-bg);height:20px;color:var(--success-fg);border:1px solid var(--success-line);border-radius:8px;align-items:center;padding:0 6px;font-size:11px;font-weight:600;line-height:16px;display:inline-flex}.plan-badge--fit{background:var(--control);color:var(--fg-secondary);border-color:var(--line-control)}.plan-blurb{color:var(--fg-secondary);text-wrap:balance;margin:8px 0 0;font-size:13px;line-height:1.5}.plan-price{letter-spacing:-.025em;color:var(--fg);margin:16px 0 24px;font-size:2.25rem;font-weight:400;line-height:1.7}.plan-price small{letter-spacing:0;color:var(--fg-secondary);font-size:14px}.plan-quota{border-top:1px solid var(--line-card);border-bottom:1px solid var(--line-card);flex-direction:column;justify-content:center;gap:2px;min-height:84px;padding:16px 0;display:flex}.plan-quota strong{color:var(--fg);font-size:14px;font-weight:400;line-height:1.6}.plan-quota span{color:var(--fg-secondary);font-size:12px}.plan-list{text-align:left;flex-direction:column;gap:12px;margin:24px 0 0;padding:0;list-style:none;display:flex}.plan-list li{color:var(--fg-secondary);align-items:flex-start;gap:8px;font-size:14px;line-height:1.6;display:flex}.plan-list li:before{content:"";background:var(--success-fg);width:16px;height:16px;-webkit-mask:var(--plan-check) center / contain no-repeat;-webkit-mask:var(--plan-check) center / contain no-repeat;mask:var(--plan-check) center / contain no-repeat;flex:none;margin-top:3px}.plan-page{--plan-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M8 14.25A6.25 6.25 0 1 0 8 1.75a6.25 6.25 0 0 0 0 12.5ZM5.25 8.25l1.9 1.9 3.6-4'/%3E%3C/svg%3E")}.plan-value{color:var(--fg-secondary);text-align:left;margin:20px 0 0;font-size:13px;line-height:1.5}.plan-foot{margin-top:auto;padding-top:24px}.plan-cta{border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:40px;padding:0 16px;font-weight:600;text-decoration:none;display:flex}.plan-includes{text-align:center;margin-top:56px}.plan-includes h2,.plan-faq h2{font:500 20px/1.3 var(--font-display);letter-spacing:-.02em;color:var(--fg);margin:0}.plan-includes .plan-list{flex-flow:wrap;justify-content:center;gap:12px 28px;margin-top:20px}.plan-faq{max-width:760px;margin:64px auto 0}.plan-faq h2{text-align:center;margin-bottom:20px}.plan-q{border:1px solid var(--line);background:var(--surface-subtle);transition:background .15s var(--ease-standard);border-radius:16px;margin-bottom:12px}.plan-q:hover{background:var(--surface-raised)}.plan-q>summary{cursor:pointer;color:var(--fg);border-radius:16px;align-items:center;gap:8px;padding:16px;font-size:16px;line-height:24px;list-style:none;display:flex}.plan-q>summary::-webkit-details-marker{display:none}.plan-q>summary:focus-visible{outline-offset:-2px;border-radius:16px}.plan-q>summary:before{content:"";background:var(--fg-secondary);width:16px;height:16px;transition:transform .3s var(--ease-standard);flex:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='m6 3.5 4.5 4.5L6 12.5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='m6 3.5 4.5 4.5L6 12.5'/%3E%3C/svg%3E") 50%/contain no-repeat}.plan-q[open]>summary:before{transform:rotate(90deg)}.plan-a{max-width:65ch;color:var(--fg-secondary);padding:0 16px 16px 40px;font-size:14px;line-height:1.7}.plan-a p{margin:0}.plan-usage-row{color:var(--fg);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:8px;display:flex}.plan-usage-row small{color:var(--fg-secondary);font-size:13px}.plan-bar{background:var(--control);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.plan-bar>span{background:var(--fg);transform-origin:0;width:100%;height:100%;transition:transform .3s var(--ease-standard);display:block}.plan-bar[data-state=warn]>span{background:var(--warn-fg)}.plan-bar[data-state=over]>span{background:var(--danger-fg)}.plan-usage-note{margin:0 0 8px;font-size:13px}.plan-usage-note:last-child{margin-bottom:0}.plan-compare{color:var(--fg-secondary);margin-left:auto;font-size:13px;text-decoration:none}.plan-compare:hover{color:var(--fg);text-decoration:none}
