.pricing-live{display:flex;flex-direction:column;gap:34px}.plan-grid{display:grid;grid-template-columns:1fr;gap:14px}.plan-card{position:relative;display:flex;min-inline-size:0;flex-direction:column;padding:24px;border:1px solid var(--line2);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-float);cursor:pointer;transition:border-color var(--motion-settle),box-shadow var(--motion-settle),background-color var(--motion-settle),transform var(--motion-pop)}.plan-card:hover{border-color:color-mix(in srgb,var(--accent) 54%,var(--line));box-shadow:0 16px 38px color-mix(in srgb,var(--ink) 10%,transparent);transform:translateY(-1px)}.plan-card:before{content:"";position:absolute;inset-block-start:-1px;inset-inline:22px;block-size:2px;background:transparent;transition:background-color var(--motion-settle)}.plan-card.on{border-color:var(--accent);background:linear-gradient(180deg,var(--accentSoft),var(--surface) 112px);box-shadow:0 18px 46px color-mix(in srgb,var(--ink) 11%,transparent)}.plan-card.on:before{background:var(--accent)}.plan-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-block-size:58px}.plan-card-head h3{margin:6px 0 0;font-size:clamp(22px,2vw,28px);line-height:1.25}.plan-eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--ink3);font-size:var(--fs-micro)}.plan-audience{min-block-size:76px;margin:16px 0 18px;color:var(--ink2);font-size:var(--fs-data);line-height:1.75}.plan-prices{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line)}.plan-prices div{padding:14px 0}.plan-prices div+div{padding-inline-start:14px;border-inline-start:1px solid var(--line)}.plan-prices span,.plan-first-year span{display:block;color:var(--ink3);font-size:var(--fs-micro)}.plan-prices b{display:block;margin-block-start:3px;color:var(--ink);font-size:18px;font-feature-settings:"tnum"}.annual-price{display:flex;flex-direction:column;align-items:flex-start}.annual-term-badge{display:inline-flex;align-items:center;min-block-size:18px;margin-block-end:5px;padding:1px 7px;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--accentSoft) 72%,var(--surface));color:var(--accent2);font-size:9px;font-weight:700;line-height:1.35;letter-spacing:.01em}.annual-free-note{display:inline-flex!important;inline-size:max-content;align-items:center;margin-block-start:7px;padding:3px 8px;border:1px solid color-mix(in srgb,var(--ok) 38%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--ok) 10%,var(--surface));color:var(--ok);font-size:10px!important;font-weight:700;line-height:1.4}.plan-first-year{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:12px 0;border-block-end:1px solid var(--line)}.plan-first-year strong{color:var(--accent2);font-size:20px;font-feature-settings:"tnum"}.plan-limit{margin:15px 0 0;color:var(--accent2);font-size:var(--fs-data);font-weight:700}.plan-includes{margin:9px 0 0;color:var(--ink2);font-size:var(--fs-micro);line-height:1.7}.plan-features{list-style:none;margin:18px 0 22px;padding:0;display:flex;flex-direction:column;gap:12px}.plan-features li{display:grid;grid-template-columns:10px minmax(0,1fr);align-items:start;gap:9px}.plan-features li>svg{margin-block-start:6px}.plan-features li span{display:flex;min-inline-size:0;flex-direction:column;gap:2px}.plan-features b{font-size:var(--fs-data)}.plan-features small{color:var(--ink3);font-size:var(--fs-micro);line-height:1.65}.plan-select,.plan-selected{inline-size:100%;min-block-size:46px;margin-block-start:auto;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--ink);border-radius:var(--r-field);background:transparent;color:var(--ink);font:inherit;font-size:var(--fs-data);font-weight:700;transition:background-color var(--motion-pop),color var(--motion-pop),border-color var(--motion-pop)}.plan-card:not(.on):hover .plan-select,.plan-card:not(.on):focus-visible .plan-select{border-color:var(--accent);background:var(--accentSoft);outline:none}.plan-selected{background:var(--ink);color:var(--surface);border-color:var(--ink)}.plan-radio{inline-size:14px;block-size:14px;display:grid;place-items:center;border:1px solid currentColor;border-radius:99px}.pricing-comparison,.pricing-builder{padding:26px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-float)}.comparison-head,.builder-head{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-block-end:22px}.comparison-head h3,.builder-head h3{margin:6px 0 0;font-size:var(--fs-section);line-height:1.35}.comparison-head p,.builder-head p{max-inline-size:480px;margin:0;color:var(--ink2);font-size:var(--fs-data);line-height:1.75}.comparison-scroll{overflow-x:auto;border-block-start:2px solid var(--ink)}.pricing-comparison table{inline-size:100%;min-inline-size:800px;border-collapse:collapse;text-align:center}.pricing-comparison th,.pricing-comparison td{padding:15px 14px;border-block-end:1px solid var(--line);text-align:center;font-size:var(--fs-data);vertical-align:middle}.pricing-comparison thead th{color:var(--ink2);font-size:var(--fs-micro);font-weight:700}.pricing-comparison thead th:first-child{inline-size:34%}.pricing-comparison tbody th{color:var(--ink);font-weight:700}.pricing-comparison td{color:var(--ink2)}.included-mark{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--ink);font-size:var(--fs-micro);font-weight:700}.builder-plan-switch{display:flex;flex-wrap:wrap;gap:6px}.builder-plan-switch button{padding:7px 11px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);color:var(--ink2);font:inherit;font-size:var(--fs-micro);cursor:pointer}.builder-plan-switch button:hover,.builder-plan-switch button:focus-visible{border-color:var(--accent);outline:none}.builder-plan-switch button.on{border-color:var(--ink);background:var(--ink);color:var(--surface)}.builder-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"summary" "addons";gap:18px;align-items:start}.addon-groups{grid-area:addons;display:grid;grid-template-columns:1fr;gap:12px}.addon-group{padding:18px;border:1px solid var(--line2);border-radius:calc(var(--r-field) + 4px);background:var(--surface2)}.addon-group h4{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:var(--fs-data)}.addon-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.addon-group li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-inline:-5px;padding:15px 12px;border-block-start:1px solid var(--line);border-radius:12px;transition:background-color var(--motion-pop),box-shadow var(--motion-pop),border-color var(--motion-pop)}.addon-group li.chosen{border-block-start-color:transparent;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--surface)),color-mix(in srgb,var(--accentSoft) 78%,var(--surface2)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 52%,transparent),0 10px 26px color-mix(in srgb,var(--accent) 14%,transparent)}.addon-copy{display:flex;min-inline-size:0;flex-direction:column;gap:3px}.addon-copy b{font-size:var(--fs-data)}.addon-copy small{color:var(--ink3);font-size:var(--fs-micro);line-height:1.55}.addon-copy span{margin-block-start:2px;color:var(--accent2);font-size:var(--fs-micro);font-weight:700}.addon-included{display:inline-flex;align-items:center;gap:6px;color:var(--accent2);font-size:var(--fs-micro);font-weight:700}.addon-toggle{min-inline-size:64px;min-block-size:32px;display:flex;align-items:center;justify-content:center;gap:6px;padding-inline:10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:0 3px 10px color-mix(in srgb,var(--ink) 5%,transparent);color:var(--ink);font:inherit;font-size:10.5px;font-weight:700;cursor:pointer;transition:transform var(--motion-pop),border-color var(--motion-pop),background-color var(--motion-pop),box-shadow var(--motion-pop)}.addon-toggle span{inline-size:12px;block-size:12px;display:grid;place-items:center;border:1px solid currentColor;border-radius:4px;transition:background-color var(--motion-pop),color var(--motion-pop)}.addon-toggle[aria-pressed=true]{border-color:var(--accent);background:var(--accent);box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 22%,transparent);color:var(--onAccent)}.addon-toggle:hover,.addon-toggle:focus-visible{border-color:var(--accent);box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 14%,transparent);outline:none;transform:translateY(-1px)}.addon-toggle:disabled{opacity:.42;box-shadow:none;cursor:not-allowed;transform:none}.quantity-control{display:flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}.quantity-control button,.quantity-control input{block-size:30px;border:0;background:transparent;color:var(--ink);font:inherit;text-align:center}.quantity-control button{inline-size:30px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--accent2);font-size:16px;font-weight:700;box-shadow:0 2px 7px color-mix(in srgb,var(--ink) 5%,transparent);cursor:pointer}.quantity-control button:hover,.quantity-control button:focus-visible{border-color:var(--accent);background:var(--accentSoft);outline:none}.quantity-control button:disabled{opacity:.3;box-shadow:none;cursor:default}.quantity-control input{inline-size:28px;font-size:var(--fs-micro);font-weight:700;font-feature-settings:"tnum";-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.quantity-control input:disabled{opacity:.42}.quantity-control input::-webkit-inner-spin-button,.quantity-control input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.price-summary{grid-area:summary;padding:22px;border:1px solid color-mix(in srgb,var(--accent) 52%,var(--line));border-radius:calc(var(--r-field) + 4px);background:linear-gradient(145deg,var(--ink),color-mix(in srgb,var(--ink) 88%,var(--accent)));box-shadow:0 18px 42px color-mix(in srgb,var(--ink) 18%,transparent);color:var(--surface)}.price-summary .eyebrow{color:var(--accent)}.price-summary h4{margin:7px 0 18px;color:var(--surface);font-size:24px}.price-summary dl{margin:0}.price-summary dl div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-block-start:1px solid color-mix(in srgb,var(--surface) 18%,transparent);font-size:var(--fs-data)}.price-summary dt{color:color-mix(in srgb,var(--surface) 72%,transparent)}.price-summary dd{margin:0;font-weight:700;font-feature-settings:"tnum"}.price-summary .summary-discount dd,.price-summary .summary-saving dd{color:var(--accent)}.summary-saving{border-block-start:1px solid color-mix(in srgb,var(--accent) 48%,transparent)!important}.summary-annual dt{display:flex;flex-direction:row;align-items:center;gap:7px}.summary-annual .annual-free-note{margin:0}.price-summary .annual-free-note{border-color:color-mix(in srgb,var(--accent) 52%,transparent);background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent)}.summary-total{display:flex;flex-direction:column;gap:4px;margin-block-start:12px;padding-block-start:16px;border-block-start:1px solid var(--accent);color:var(--accent);font-size:var(--fs-micro);font-weight:700}.summary-total span{display:block;color:var(--accent);opacity:1}.summary-total strong{color:var(--surface);font-size:28px;font-feature-settings:"tnum"}.price-summary>p{margin:16px 0 0;color:color-mix(in srgb,var(--surface) 64%,transparent);font-size:var(--fs-micro);line-height:1.7}.summary-empty{padding-block:8px 10px}.summary-empty h4{margin-block-end:8px}.summary-empty p{margin:0;color:color-mix(in srgb,var(--surface) 72%,transparent);font-size:var(--fs-data);line-height:1.8}@media (min-width:760px){.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-card{padding:24px 22px}.addon-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1040px){.builder-layout{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"addons summary";gap:22px}.price-summary{position:sticky;inset-block-start:94px}}@media (max-width:759px){.plan-audience{min-block-size:0}.comparison-head,.builder-head{align-items:flex-start;flex-direction:column}.pricing-comparison,.pricing-builder{padding:18px}.addon-group li{grid-template-columns:1fr;align-items:start}.addon-included,.addon-toggle,.quantity-control{justify-self:start}}@media (prefers-reduced-motion:reduce){.plan-card,.plan-card:before,.plan-select,.plan-selected{transition:none}.plan-card:hover{transform:none}}
