/* Página de planos. */
  .page-head{padding:140px 0 8px;}
  .page-head .mono{font-size:14.5px;color:var(--secondary-text);display:block;margin-bottom:14px;}
  .page-head h1{font-size:46px;max-width:780px;margin-bottom:14px;}
  .page-head p{color:var(--text-2);font-size:19px;max-width:640px;}
  .plans-sec{padding:44px 0 80px;}
  .plans-sec .plan-list{margin-top:6px;}
  @media(max-width:860px){
    .page-head{padding-top:110px;}
    .page-head h1{font-size:36px;}
    .plans-sec{padding:32px 0 56px;}
  }

  .plans-sec .plan-wide{margin-top:0;}
  .addons-head{margin:64px 0 28px;}
  .addon-list-wrap{display:grid;gap:20px;}
  .addon{display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:48px;align-items:center;padding:26px 30px;height:auto;transition:border-color .2s,box-shadow .2s;}
  .addon.active{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary);}
  .addon:focus{outline:none;}
  .addon:focus-visible{outline:3px solid var(--secondary);outline-offset:3px;}
  [data-theme="light"] .addon.active{border-color:var(--secondary);box-shadow:0 0 0 1px var(--secondary);}
  .addon-main{display:flex;align-items:flex-start;gap:20px;}
  .addon .ico{width:52px;height:52px;border-radius:14px;background:var(--bg-3);display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--primary);flex-shrink:0;}
  [data-theme="light"] .addon .ico{color:var(--secondary);}
  .addon h3{font-size:20px;margin-bottom:6px;}
  .addon .plan-desc{min-height:0;margin-bottom:0;max-width:640px;}
  .addon-list{list-style:none;margin:12px 0 0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:15.5px;color:var(--text);}
  .addon-list li{display:flex;align-items:center;gap:8px;}
  .addon-list .icon{color:var(--secondary-text);}
  .addon-side{display:flex;flex-direction:column;align-items:flex-end;gap:14px;}
  .addon-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;justify-content:flex-end;}
  .addon-price .plus{font-size:18.5px;color:var(--text-2);}
  .addon-price .val{font-size:40.5px;font-weight:800;}
  .addon-price .per{font-size:16.5px;color:var(--text-2);}
  .default-side{display:flex;flex-direction:column;align-items:flex-end;gap:16px;}
  .default-side .plan-price{margin:0;}
  .default-side .btn{width:auto;}
  .plan-total{font-size:17px;color:var(--text-2);}
  .plan-total b{color:var(--text);font-size:22px;margin-left:6px;}
  .addons-cta{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin:32px 0 56px;text-align:center;color:var(--text-2);font-size:15.5px;}
  .plan-onb{margin-bottom:20px;}
  .plan-onb .plan-art{margin:0 auto;}
  .plan-onb .plan-support{margin:14px 0 0;flex-grow:0;}
  .onb-price{font-size:24px;font-weight:800;line-height:1.25;margin-bottom:6px;}
  .onb-side .plan-price-note{margin:0 0 18px;}
  .onb-side .btn{width:100%;justify-content:center;}
  @media(min-width:861px){
    .plan-default{grid-template-columns:minmax(0,1fr) auto;align-items:center;}
    .plan-onb{grid-template-columns:240px 1.6fr 240px;align-items:center;gap:40px;}
  }
  @media(max-width:860px){
    .addon{grid-template-columns:1fr;row-gap:16px;}
    .addon-side,.default-side{align-items:flex-start;}
    .addon-price{justify-content:flex-start;}
  }
  .plan-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-bottom:10px;}
  .plan-title-row h3{margin:0;}
  .plan-title-row .chan-chips{gap:6px;}
  .plan-title-row .chip-ico{width:30px;height:30px;border-radius:8px;}
  .plan-title-row .chip-ico .icon{font-size:17px;}
  .plan-default .plan-desc{margin-bottom:6px;}
  .plan-default .plan-wide-list{margin-top:14px;}
  .plan-list li.hl-row .name,.plan-list li.hl-row .val2{color:var(--accent-text);font-weight:700;}
  .plan-list li.hl-row .name .icon{color:var(--accent-text);}
  .addon-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
  .addon-chips .chip{font-size:14px;padding:5px 11px 5px 9px;}
  .addon-chips .chip .icon{font-size:17px;}
  .addon-art{width:170px;}
  .addon-art svg{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.25));}
  @media(max-width:860px){
    .addon-art{width:150px;}
  }
  @media(min-width:861px){
    .addon{grid-template-columns:170px minmax(0,1fr) auto;}
    .addon-art{grid-column:1;grid-row:1;}
    .addon-main{grid-column:2;grid-row:1;}
    .addon-side{grid-column:3;grid-row:1;}
  }
  @media(max-width:860px){
    .addon-art{order:-1;}
  }
  .addon .ico{display:none;}
  .plan-default.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary);}
  [data-theme="light"] .plan-default.selected{border-color:var(--secondary);box-shadow:0 0 0 1px var(--secondary);}
  .plan-info{grid-column:1 / -1;display:flex;align-items:flex-start;gap:12px;margin-top:-12px;padding:14px 18px;border-radius:12px;background:rgba(206,255,76,0.07);border:1px solid rgba(206,255,76,0.22);}
  [data-theme="light"] .plan-info{background:rgba(4,125,185,0.07);border-color:rgba(4,125,185,0.25);}
  .plan-info .icon{font-size:22px;color:var(--accent-text);margin-top:1px;}
  [data-theme="light"] .plan-info .icon{color:var(--secondary);}
  .plan-info p{font-size:15.5px;line-height:1.55;color:var(--text-2);}
  .plan-info strong{color:var(--text);font-weight:600;}
  .addon-info{grid-column:auto;margin-top:14px;align-items:center;flex-wrap:wrap;max-width:720px;}
  .addon-info p{flex:1 1 280px;}
  .addon-info .btn{width:auto;padding:9px 20px;font-size:15px;white-space:nowrap;flex-shrink:0;}
  .addon-list-wrap .plan-onb{margin-bottom:0;}

  /* barra de resumo flutuante */
  /* resumo e botão de finalizar: logo abaixo do card de Onboarding */
  .summary-bar{margin-top:28px;border:1px solid var(--border-2);border-radius:18px;background:var(--bg-2);}
  .summary-inner{display:flex;align-items:center;gap:28px;padding:22px 28px;}
  .summary-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
  .summary-label{font-size:12.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:0.06em;}
  .summary-items{font-size:16px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .summary-total{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;}
  .summary-total-label{font-size:12.5px;color:var(--text-3);}
  .summary-total b{font-size:26px;font-weight:800;color:var(--text);white-space:nowrap;}
  .summary-bar .btn{white-space:nowrap;padding:13px 26px;font-family:inherit;cursor:pointer;}
  @media(max-width:700px){
    .summary-inner{display:grid;grid-template-columns:1fr auto;grid-template-areas:"info total" "btn btn";gap:8px 14px;padding:18px;}
    .summary-info{grid-area:info;}
    .summary-total{grid-area:total;}
    .summary-total b{font-size:22px;}
    .summary-bar .btn{grid-area:btn;width:100%;justify-content:center;padding:12px;}
    .summary-items{font-size:14.5px;}
  }

  /* três planos selecionáveis */
  .tier-list{display:grid;gap:20px;}
  .plan-tier{cursor:pointer;transition:border-color .2s,box-shadow .2s;position:relative;}
  .tier-flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:12.5px;font-weight:800;padding:5px 14px;border-radius:999px;background:var(--primary);color:#21212B;white-space:nowrap;}
  [data-theme="light"] .tier-flag{background:var(--secondary);color:#fff;}
  .chan-lock{flex-basis:100%;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-2);margin-top:6px;}
  .chan-lock .icon{flex-shrink:0;}
  .plan-tier:hover{border-color:var(--border-2);}
  .plan-tier:focus-visible{outline:3px solid var(--secondary);outline-offset:3px;}
  .plan-sub{font-size:15.5px;font-weight:600;color:var(--accent-text);margin:-2px 0 8px;}
  [data-theme="light"] .plan-sub{color:var(--secondary);}
  .plan-tier .default-side{gap:10px;}
  .tier-pick{font-size:14.5px;font-weight:600;color:var(--text-3);}
  .tier-pick .on{display:none;}
  .plan-tier.selected .tier-pick .on{display:inline;color:var(--accent-text);}
  .plan-tier.selected .tier-pick .off{display:none;}
  [data-theme="light"] .plan-tier.selected .tier-pick .on{color:var(--secondary);}
  .included-badge{font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:999px;background:rgba(206,255,76,0.14);color:var(--accent-text);border:1px solid rgba(206,255,76,0.3);}
  [data-theme="light"] .included-badge{background:rgba(4,125,185,0.1);color:var(--secondary);border-color:rgba(4,125,185,0.3);}
  .included-badge[hidden]{display:none;}
  .addon.included .stepper-row,.addon.locked .stepper-row{opacity:0.3;pointer-events:none;}
  .addon.locked .addon-price{opacity:0.45;}
  .addon.included .addon-price{opacity:0.45;text-decoration:line-through;}

  /* planos em colunas (carrossel: cada card é uma coluna) */
  @media all{
    .tier-list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;}
    .tier-list .plan-tier{display:flex;flex-direction:column;align-items:stretch;gap:0;}
    .tier-list .plan-tier .plan-wide-main,.tier-list .plan-tier .default-side{display:contents;}
    .tier-list .plan-tier .plan-title-row{order:1;min-height:109px;align-content:flex-start;}
    .tier-list .plan-tier .plan-sub{order:2;}
    .tier-list .plan-tier .plan-desc{order:3;margin-bottom:14px;min-height:100px;}
    .tier-list .plan-tier .plan-price{order:4;margin:2px 0 20px;}
    .tier-list .plan-tier .plan-wide-list{order:5;grid-template-columns:1fr;margin-top:0;}
    .tier-list .plan-tier .plan-wide-list li:nth-last-child(2){border-bottom:1px solid var(--border);}
    .tier-list .plan-tier .plan-info{order:6;margin-top:20px;}
    .tier-list .plan-tier .tier-pick{order:7;margin-top:auto;display:block;text-align:center;padding:12px;border:1px solid var(--border-2);border-radius:10px;}
    .tier-list .plan-tier .plan-wide-list{margin-bottom:22px;align-content:start;}
    .tier-list .plan-tier:last-child .tip-text{left:auto;right:-14px;transform:none;}
    .tier-list .plan-tier.selected .tier-pick{border-color:var(--primary);}
    [data-theme="light"] .tier-list .plan-tier.selected .tier-pick{border-color:var(--secondary);}
  }
  .tip{position:relative;display:inline-flex;align-items:center;background:none;border:0;padding:2px;margin:0;font:inherit;cursor:help;color:var(--text-3);border-radius:50%;}
  .plan-list li .name .tip .icon{font-size:17px;color:var(--text-3);}
  .tip:hover .icon,.tip:focus-visible .icon,.tip.open .icon{color:var(--accent-text);}
  [data-theme="light"] .tip:hover .icon,[data-theme="light"] .tip:focus-visible .icon,[data-theme="light"] .tip.open .icon{color:var(--secondary);}
  .tip:focus-visible{outline:2px solid var(--secondary);outline-offset:2px;}
  .tip-text{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);width:260px;max-width:70vw;padding:12px 14px;border-radius:10px;background:var(--bg-3);border:1px solid var(--border-2);box-shadow:0 12px 30px rgba(0,0,0,.35);font-size:13.5px;font-weight:500;line-height:1.45;text-align:left;color:var(--text);white-space:normal;z-index:20;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s;}
  .tip:hover .tip-text,.tip:focus-visible .tip-text,.tip.open .tip-text{opacity:1;visibility:visible;}

  /* modal de finalização: dados básicos da conta */
  .checkout-modal{margin:auto;border:1px solid var(--border-2);border-radius:18px;background:var(--bg-2);color:var(--text);padding:0;width:min(900px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.5);}
  .checkout-modal::backdrop{background:rgba(8,8,12,.72);}
  .checkout-box{position:relative;padding:60px 32px 32px;}
  .checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:32px;align-items:start;}
  .checkout-grid[hidden]{display:none;}
  .checkout-main{order:1;min-width:0;}
  .checkout-summary{order:2;position:sticky;top:8px;padding:22px;border:1px solid var(--border);border-radius:14px;background:var(--bg-3);}
  .checkout-summary h3{font-size:17px;margin:0 0 14px;}
  .checkout-items{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:12px;}
  .checkout-items li{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--border);}
  .checkout-items li:last-child{border-bottom:0;padding-bottom:0;}
  .checkout-items .ci-name{display:block;font-weight:600;font-size:15px;}
  .checkout-items .ci-detail{display:block;font-size:13.5px;color:var(--text-3);margin-top:2px;}
  .checkout-items .ci-price{font-weight:700;font-size:15px;white-space:nowrap;}
  .checkout-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:14px;border-top:2px solid var(--border-2);}
  .checkout-total span{font-size:14px;color:var(--text-2);white-space:nowrap;}
  .checkout-total strong{font-size:24px;font-weight:800;color:var(--accent-text);white-space:nowrap;}
  [data-theme="light"] .checkout-total strong{color:var(--secondary);}
  .checkout-fine{margin:12px 0 0;font-size:12.5px;line-height:1.45;color:var(--text-3);}
  #checkoutDone{max-width:520px;}
  .checkout-x{position:absolute;top:12px;right:14px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--text-2);font-size:26px;line-height:1;cursor:pointer;}
  .checkout-x:hover{background:var(--bg-3);color:var(--text);}
  .checkout-modal h2{font-size:24px;margin:0 36px 6px 0;}
  .checkout-sub{color:var(--text-2);margin:0 0 22px;}
  .checkout-sub strong{color:var(--accent-text);}
  [data-theme="light"] .checkout-sub strong{color:var(--secondary);}
  .field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;min-width:0;}
  .field label{font-size:14px;font-weight:600;}
  .field input{font:inherit;font-size:16px;width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border-2);background:var(--bg-3);color:var(--text);}
  .field input:focus{outline:2px solid var(--secondary);outline-offset:1px;border-color:var(--secondary);}
  .field input[aria-invalid="true"]{border-color:#ff6b6b;}
  .field-error{margin:0;font-size:13.5px;color:#ff8a8a;}
  [data-theme="light"] .field-error{color:#c0392b;}
  .field-error[hidden]{display:none;}
  .field-row{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;}
  .field-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
  .checkout-note{margin:4px 0 20px;font-size:13.5px;color:var(--text-3);}
  .checkout-note a{color:var(--secondary-text,var(--secondary));text-decoration:underline;}
  .checkout-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;}
  .checkout-actions .btn{font-family:inherit;cursor:pointer;}
  .checkout-actions .btn-ghost{background:transparent;}
  .checkout-alert{margin:0 0 16px;padding:12px 14px;border:1px solid #ff6b6b;border-radius:10px;background:rgba(255,107,107,.1);font-size:14px;line-height:1.45;}
  .checkout-alert a{text-decoration:underline;color:inherit;font-weight:600;}
  .checkout-alert[hidden]{display:none;}
  .checkout-actions .btn:disabled{cursor:not-allowed;opacity:.7;}
  .btn.is-loading{display:inline-flex;align-items:center;justify-content:center;gap:10px;}
  .btn.is-loading::before{content:'';width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:co-spin .7s linear infinite;flex-shrink:0;}
  @keyframes co-spin{to{transform:rotate(360deg);}}
  @media(prefers-reduced-motion:reduce){.btn.is-loading::before{animation-duration:2s;}}
  @media(max-width:560px){
    .field-row{grid-template-columns:1fr;}
    .checkout-grid{grid-template-columns:1fr;gap:22px;}
    .checkout-summary{order:0;position:static;padding:18px;}
    .checkout-main{order:1;}
    .checkout-box{padding:56px 20px 26px;}
    .checkout-actions .btn{flex:1 1 100%;justify-content:center;}
  }

  /* carrossel de planos: 2 cards por vez (Start and Play + Level one primeiro); no celular, 1 por vez */
  .tier-carousel{position:relative;}
  .tier-list{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:22px 3px 10px;margin:0 -3px;align-items:stretch;}
  .tier-list::-webkit-scrollbar{display:none;}
  .tier-list > .plan{flex:0 0 calc((100% - 20px) / 2);min-width:0;scroll-snap-align:start;}
  .tier-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:10px;}
  .tier-stage{position:relative;}
  .tier-nav{position:absolute;top:min(50%,330px);transform:translateY(-50%);z-index:3;width:48px;height:48px;border-radius:50%;border:1px solid var(--secondary);background:var(--secondary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 8px 24px rgba(0,0,0,0.28);transition:opacity .2s,border-color .2s;}
  [data-theme="light"] .tier-nav{box-shadow:0 8px 24px rgba(20,22,28,0.16);}
  .tier-prev{left:-22px;}
  .tier-next{right:-22px;}
  .tier-nav:hover{background:var(--secondary-dim);border-color:var(--secondary-dim);}
  .tier-nav:disabled{opacity:0.4;cursor:not-allowed;box-shadow:none;}
  .tier-nav:disabled:hover{background:var(--secondary);border-color:var(--secondary);}
  .tier-nav:focus-visible{outline:3px solid var(--primary);outline-offset:3px;}
  .tier-dots{display:flex;align-items:center;gap:10px;}
  .tier-dot{width:10px;height:10px;padding:0;border:0;border-radius:6px;background:var(--border-2);transition:width .2s,background .2s;}
  .tier-dot.on{width:28px;background:var(--primary);}
  [data-theme="light"] .tier-dot.on{background:var(--secondary);}

  /* card de Onboarding no formato de plano */
  .tier-list .plan-service{display:flex;flex-direction:column;align-items:stretch;gap:0;}
  .tier-list .plan-service .plan-wide-main,.tier-list .plan-service .default-side{display:contents;}
  .tier-list .plan-service .plan-title-row{order:1;min-height:109px;align-content:flex-start;}
  .tier-list .plan-service .plan-sub{order:2;}
  .tier-list .plan-service .plan-desc{order:3;margin-bottom:14px;}
  .tier-list .plan-service .plan-support{order:4;margin:0 0 16px;flex-grow:0;}
  .tier-list .plan-service .plan-art{order:5;max-width:190px;margin:4px auto 18px;}
  .tier-list .plan-service .onb-price{order:6;}
  .tier-list .plan-service .plan-price-note{order:7;margin:0 0 18px;}
  .tier-list .plan-service .btn{order:8;margin-top:auto;width:100%;justify-content:center;}

  @media(max-width:700px){
    .tier-nav{width:40px;height:40px;}
    .tier-prev{left:-8px;}
    .tier-next{right:-8px;}
    .tier-list > .plan{flex-basis:100%;}
    .tier-list .plan-tier .plan-title-row,.tier-list .plan-service .plan-title-row{min-height:0;}
    .tier-list .plan-tier .plan-desc{min-height:0;}
  }
  @media(prefers-reduced-motion:reduce){.tier-list{scroll-behavior:auto;}}
  /* a etiqueta "Mais escolhido" é posicionada em relação ao card (também na home, onde o card não é um .plan-tier) */
  .plan-default{position:relative;}

  /* 3 cards visíveis (a partir de 1000px), 2 em telas médias, 1 no celular; setas maiores no desktop */
  @media(min-width:1000px){
    .tier-list > .plan{flex-basis:calc((100% - 40px) / 3);}
    .tier-nav{width:56px;height:56px;font-size:28px;}
    .tier-prev{left:-26px;}
    .tier-next{right:-26px;}
  }
  @media(min-width:701px) and (max-width:999px){
    .tier-nav{width:50px;height:50px;font-size:24px;}
    .tier-prev{left:-24px;}
    .tier-next{right:-24px;}
  }