:root{--ink:#12111c;--muted:#6f6b82;--line:#e7e4ef;--purple:#6d45f7;--purple2:#8a67ff;--soft:#f7f5fc;--green:#087f5b;--shadow:0 22px 70px rgba(46,31,91,.11)}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 85% 10%,#eeeaff 0,transparent 31%),#faf9fc;min-height:100vh}.co-top{height:68px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,255,255,.88);backdrop-filter:blur(14px)}.co-brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:19px;font-weight:800}.co-brand img{width:38px;height:38px;border-radius:10px}.co-brand small{font-size:14px;font-weight:500;color:var(--muted);margin-left:4px}.co-back{border:1px solid var(--line);border-radius:12px;padding:10px 15px;color:#4f4a61;text-decoration:none;font-weight:650;font-size:14px;background:#fff}.co-main{max-width:1180px;margin:auto;padding:58px 24px 80px}.co-title{text-align:center;max-width:680px;margin:0 auto 34px}.co-kicker{color:var(--purple);font-weight:800;font-size:12px;letter-spacing:.1em}.co-title h1{font-size:clamp(36px,5vw,58px);line-height:1.02;letter-spacing:-.045em;margin:12px 0}.co-title p{font-size:17px;line-height:1.65;color:var(--muted);margin:0}.co-loading,.co-login{max-width:760px;margin:30px auto;padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow);display:flex;align-items:center;gap:16px}.co-loading div,.co-login div{display:grid;gap:5px}.co-loading small,.co-login p{color:var(--muted);margin:0}.co-spinner{width:28px;height:28px;border:3px solid #e4ddff;border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}.co-lock{width:50px;height:50px;display:grid!important;place-items:center;border-radius:15px;background:#f0ebff;color:var(--purple)}.co-lock svg{width:26px;fill:none;stroke:currentColor;stroke-width:1.8}.co-login h2{margin:0}.co-primary{margin-left:auto;padding:13px 20px;background:var(--purple);color:#fff;text-decoration:none;border-radius:12px;font-weight:750}.co-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.8fr);gap:22px;align-items:start}.co-panel,.co-summary,.co-result{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.co-panel,.co-summary{padding:28px}.co-step{display:flex;align-items:center;gap:13px;margin-bottom:24px}.co-step>span{width:32px;height:32px;border-radius:10px;background:#eee9ff;color:var(--purple);display:grid;place-items:center;font-weight:850}.co-step div{display:grid;gap:2px}.co-step small{font-size:10px;letter-spacing:.1em;font-weight:850;color:var(--purple)}.co-step h2{margin:0;font-size:21px}.co-methods{display:grid;gap:11px}.co-method{appearance:none;width:100%;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;text-align:left;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);cursor:pointer;transition:border-color .16s,box-shadow .16s,background .16s}.co-method:hover{border-color:#cfc3ff;background:#fcfbff}.co-method.selected{border-color:var(--purple);box-shadow:0 0 0 3px #eee9ff}.co-method>span:nth-child(2){display:grid;gap:4px}.co-method b{font-size:15px}.co-method small{font-size:12px;color:var(--muted)}.co-method i{font-style:normal;font-size:10px;font-weight:800;color:var(--purple);background:#f0ebff;padding:5px 8px;border-radius:999px}.co-method-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px}.co-method-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2}.co-method-icon.pix{color:#057a68;background:#e8faf5}.co-method-icon.card{color:#4b59c5;background:#edf0ff}.co-method-icon.crypto{color:#b26a00;background:#fff4da}.co-coins,.co-coupon{margin-top:20px}.co-coins label,.co-coupon label{display:block;font-size:13px;font-weight:750;margin-bottom:8px}.co-coupon label span{font-weight:500;color:var(--muted)}.co-coins select,.co-coupon input{height:44px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:0 13px;font:inherit;color:var(--ink)}.co-coins select{width:100%}.co-coupon>div{display:flex;gap:8px}.co-coupon input{flex:1;min-width:0;text-transform:uppercase}.co-coupon button{border:1px solid #d8d0f6;background:#f6f2ff;color:var(--purple);border-radius:11px;padding:0 16px;font-weight:750;cursor:pointer}.co-coupon>small{display:block;min-height:18px;margin-top:7px;color:var(--green)}.co-trust{margin-top:22px;padding:15px;border-radius:15px;background:#f8f7fb;display:flex;gap:11px;color:#555064}.co-trust svg{flex:0 0 23px;width:23px;fill:none;stroke:var(--green);stroke-width:1.8}.co-trust p{font-size:12px;line-height:1.55;margin:0}.co-summary{position:sticky;top:22px}.co-plan{padding:17px;border-radius:15px;background:linear-gradient(135deg,#f4f0ff,#f9f8fc);display:flex;align-items:center;justify-content:space-between}.co-plan div{display:grid;gap:4px}.co-plan span,.co-lines dt{font-size:12px;color:var(--muted)}.co-plan strong{font-size:22px}.co-plan em{font-size:11px;font-style:normal;color:var(--purple);font-weight:800;background:#fff;padding:6px 9px;border-radius:999px}.co-lines{margin:19px 0}.co-lines>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0edf4}.co-lines dd{margin:0;font-size:13px;font-weight:750}.co-lines .discount dd{color:var(--green)}.co-capacity{display:flex;gap:7px;flex-wrap:wrap}.co-capacity span{padding:6px 9px;background:#f5f3f8;border-radius:8px;font-size:11px;font-weight:700;color:#5a5568}.co-total{display:flex;justify-content:space-between;align-items:end;margin:22px 0 18px;padding-top:18px;border-top:1px solid var(--line)}.co-total>span{font-size:13px;font-weight:700;display:grid;gap:4px}.co-total small{font-weight:500;color:var(--muted)}.co-total strong{font-size:29px;letter-spacing:-.04em}.co-pay{border:0;border-radius:13px;background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 12px 25px rgba(109,69,247,.23)}.co-pay:disabled{opacity:.65;cursor:wait}.co-pay svg{width:20px;fill:none;stroke:currentColor;stroke-width:2}.co-message{min-height:20px;text-align:center;color:#b32929;font-size:12px;line-height:1.45}.co-footnote{display:flex;justify-content:center;gap:12px;color:var(--muted);font-size:10px}.co-result{padding:34px;max-width:720px;margin:auto;text-align:center}.co-result-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#e7f8f1;color:var(--green);font-size:23px;font-weight:900;margin:0 auto 14px}.co-result h2{font-size:30px;margin:9px 0}.co-result p{color:var(--muted)}.co-result img{display:block;width:220px;height:220px;object-fit:contain;margin:20px auto;border:10px solid #f6f4fa;border-radius:17px}.co-copy{display:flex;gap:8px}.co-copy input{flex:1;min-width:0;height:45px;border:1px solid var(--line);border-radius:11px;padding:0 12px}.co-copy button{border:0;border-radius:11px;padding:0 16px;background:var(--purple);color:#fff;font-weight:750}.co-result>a{display:inline-block;margin-top:20px;color:var(--purple);font-weight:750;text-decoration:none}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}
@media(max-width:820px){.co-main{padding:38px 16px 60px}.co-grid{grid-template-columns:minmax(0,1fr)}.co-panel,.co-summary{min-width:0}.co-summary{position:static}.co-title{margin-bottom:24px}.co-panel,.co-summary{padding:20px}.co-footnote{flex-direction:column;align-items:center}.co-top{padding:0 16px}.co-brand small{display:none}}@media(max-width:520px){.co-title h1{font-size:37px}.co-title p{font-size:15px}.co-method{grid-template-columns:46px 1fr}.co-method i{grid-column:2;justify-self:start}.co-method-icon{width:44px;height:44px}.co-copy{flex-direction:column}.co-copy button{height:44px}.co-back{font-size:0}.co-back span{font-size:18px}.co-brand span{font-size:17px}}
@media(max-width:520px){.co-login{align-items:flex-start;flex-wrap:wrap}.co-login .co-primary{width:100%;margin:2px 0 0;text-align:center}}

/* Acesso à assinatura: bloco explicativo próprio, sem compartilhar o layout compacto da manutenção. */
.co-brand-name{font-size:19px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.co-login.co-login-gate{max-width:940px;display:grid;grid-template-columns:150px minmax(0,1fr) 210px;gap:28px;padding:30px 32px;overflow:hidden;position:relative}
.co-login-visual{width:126px;height:126px;display:grid!important;place-items:center;position:relative;border-radius:32px;background:linear-gradient(145deg,#f4f0ff,#ebe5ff)}
.co-login-visual:after{content:"";position:absolute;inset:14px;border-radius:24px;border:1px solid rgba(109,69,247,.16)}
.co-login-shield{width:62px;height:62px;display:grid;place-items:center;border-radius:21px;background:linear-gradient(145deg,#7b5cff,#623df3);color:#fff;box-shadow:0 16px 34px rgba(109,69,247,.28);z-index:2}
.co-login-shield svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.co-login-orbit{position:absolute;border:1px solid rgba(109,69,247,.18);border-radius:50%}
.co-login-orbit-one{width:96px;height:96px}
.co-login-orbit-two{width:148px;height:148px}
.co-login.co-login-gate .co-login-copy{display:block}
.co-login-eyebrow{display:block;color:var(--purple);font-size:10px;line-height:1.4;font-weight:850;letter-spacing:.11em;margin-bottom:7px}
.co-login-gate h2{font-size:25px;line-height:1.18;letter-spacing:-.025em;margin:0 0 8px}
.co-login-gate .co-login-copy>p{font-size:14px;line-height:1.58;max-width:520px}
.co-login-flow{display:flex;align-items:center;gap:8px;list-style:none;margin:17px 0 0;padding:0}
.co-login-flow li{display:flex;align-items:center;gap:7px;color:#565067;font-size:11px;font-weight:700;white-space:nowrap}
.co-login-flow li+li:before{content:"";width:19px;height:1px;background:#dcd5ef;margin-right:1px}
.co-login-flow span{width:22px;height:22px;display:grid;place-items:center;border-radius:8px;background:#f0ebff;color:var(--purple);font-size:10px;font-weight:850}
.co-login.co-login-gate .co-login-action{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:9px}
.co-login-gate .co-primary{margin:0;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 12px 25px rgba(109,69,247,.2);transition:transform .16s,box-shadow .16s,background .16s}
.co-login-gate .co-primary:hover{transform:translateY(-1px);box-shadow:0 15px 29px rgba(109,69,247,.26);background:#623df3}
.co-login-gate .co-primary:focus-visible{outline:3px solid #cfc3ff;outline-offset:3px}
.co-login-gate .co-login-action small{text-align:center;color:var(--muted);font-size:10px;line-height:1.45}
@media(max-width:820px){.co-login.co-login-gate{grid-template-columns:108px minmax(0,1fr);gap:22px;padding:25px}.co-login-visual{width:102px;height:102px;border-radius:27px}.co-login-orbit-two{width:118px;height:118px}.co-login-shield{width:54px;height:54px;border-radius:18px}.co-login-gate .co-login-action{grid-column:1/-1;display:grid;grid-template-columns:minmax(210px,320px) minmax(0,1fr);align-items:center}.co-login-gate .co-login-action small{text-align:left}}
@media(max-width:560px){.co-top{height:64px}.co-brand img{width:34px;height:34px}.co-brand-name{font-size:16px}.co-login.co-login-gate{display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px 20px;text-align:center}.co-login-visual{width:90px;height:90px}.co-login-orbit-one{width:74px;height:74px}.co-login-orbit-two{width:104px;height:104px}.co-login-shield{width:50px;height:50px}.co-login-gate h2{font-size:22px}.co-login-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%}.co-login-flow li{display:grid;justify-items:center;align-content:start;gap:5px;font-size:9.5px;line-height:1.25;white-space:normal}.co-login-flow li+li:before{display:none}.co-login-gate .co-login-action{width:100%;display:flex}.co-login-gate .co-login-action small{text-align:center}.co-login-gate .co-primary{width:100%}}
@media(prefers-reduced-motion:reduce){.co-spinner{animation:none}.co-method{transition:none}}
.co-method:disabled{cursor:not-allowed;opacity:.62;background:#f7f6f9;border-color:#e5e1eb;box-shadow:none}.co-method:disabled:hover{background:#f7f6f9;border-color:#e5e1eb}.co-method:disabled i{color:#6e687a;background:#ece9f0}
.co-primary{white-space:nowrap}@media(max-width:520px){.co-login{align-items:flex-start;flex-wrap:wrap}.co-login .co-primary{width:100%;margin-left:0;text-align:center}}
.co-pending{margin:22px auto 4px;max-width:590px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 15px;border:1px solid #eed8a0;border-radius:15px;background:#fff9e9;text-align:left;color:#584717}.co-pending-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#ffedba;color:#8a6200}.co-pending-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.co-pending div{display:grid;gap:3px}.co-pending strong{font-size:14px}.co-pending p{margin:0;color:#756335;font-size:12px;line-height:1.45}.co-pending time{min-width:112px;text-align:right;color:#765900;font-size:12px;font-weight:750;font-variant-numeric:tabular-nums lining-nums}@media(max-width:620px){.co-pending{grid-template-columns:42px minmax(0,1fr)}.co-pending time{grid-column:2;text-align:left;min-width:0}}

/* Tipografia local e identidade visual alinhadas à marca da página inicial. */
@font-face{font-family:"Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url("fontes/Geist-Variable.woff2") format("woff2")}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:100 900;font-display:swap;src:url("fontes/GeistMono-Variable.woff2") format("woff2")}
body{font-family:var(--disp,"Manrope","Segoe UI",system-ui,sans-serif)}
button,input,select{font-family:inherit}
.co-copy input{font-family:"Geist Mono",ui-monospace,monospace}
.co-brand-name{display:inline-flex;align-items:baseline;gap:5px;font-family:var(--disp,"Manrope","Inter",system-ui,sans-serif);font-size:inherit;font-weight:inherit;letter-spacing:-.01em;white-space:nowrap}
.co-brand-name strong{font-size:20px;font-weight:800;letter-spacing:-.01em}
.co-brand-name span{font-size:14.5px;font-weight:600;color:var(--muted);letter-spacing:0}

/* O visual de acesso usa a arte oficial do produto; não há desenho sintético. */
.co-login-visual{width:126px;height:126px;display:grid!important;place-items:center;position:relative;border-radius:30px;background:#f4f1ff;border:1px solid #e3dcff;box-shadow:inset 0 1px 0 #fff,0 14px 34px rgba(68,44,142,.12)}
.co-login-visual:after{display:none}
.co-login-visual img{display:block;width:92px;height:92px;border-radius:24px;object-fit:cover;box-shadow:0 13px 27px rgba(78,51,169,.2)}
@media(max-width:820px){.co-login-visual{width:102px;height:102px;border-radius:27px}.co-login-visual img{width:76px;height:76px;border-radius:20px}}
@media(max-width:560px){.co-brand-name strong{font-size:17px}.co-brand-name span{font-size:12.5px}.co-login-visual{width:90px;height:90px}.co-login-visual img{width:68px;height:68px;border-radius:18px}}

/* Conta autenticada no checkout: mesma identidade e avatar usados pelo restante do site. */
.co-top-actions{display:flex;align-items:center;gap:10px;min-width:0}
.co-account{height:44px;max-width:245px;display:flex;align-items:center;gap:9px;padding:5px 11px 5px 6px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 6px 18px rgba(46,31,91,.05);transition:border-color .16s,box-shadow .16s,background .16s}
.co-account:hover{border-color:#cfc3ff;background:#fcfbff;box-shadow:0 9px 23px rgba(62,39,137,.1)}
.co-account:focus-visible{outline:3px solid #d7ceff;outline-offset:2px}
.co-account-avatar{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:linear-gradient(145deg,#8062ff,#5d39df);color:#fff;font-family:var(--disp,"Manrope",sans-serif);font-size:13px;font-weight:800}
.co-account-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.co-account-copy{min-width:0;display:grid;gap:1px;line-height:1.15}
.co-account-copy strong{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--disp,"Manrope",sans-serif);font-size:12px;font-weight:800}
.co-account-copy small{font-size:9.5px;color:var(--green);font-weight:700}
@media(max-width:680px){.co-account{width:42px;height:42px;padding:4px;justify-content:center}.co-account-avatar{width:32px;height:32px}.co-account-copy{display:none}.co-top-actions{gap:7px}}

/* Vetores embutidos: nítidos em qualquer escala e independentes de cache/MIME de imagens. */
.co-method-icon>svg{display:block;shape-rendering:geometricPrecision}
.co-method-icon.pix{color:inherit;background:#ecfaf7}
.co-method-icon .co-pix-symbol{width:31px;height:31px;fill:#32bcad;stroke:none}
.co-method-icon.card{background:#eef1ff}
.co-method-icon .co-card-symbol{width:32px;height:32px;fill:none;stroke:none}
.co-card-body{fill:#fff;stroke:#6674df;stroke-width:1.55}
.co-card-stripe{fill:#6674df}
.co-card-chip{fill:#d9defe;stroke:#6674df;stroke-width:1}
.co-card-line{fill:none;stroke:#6674df;stroke-width:1.5;stroke-linecap:round}
.co-method-icon.crypto{color:inherit;background:#fff8e9}
.co-crypto-brands{display:flex;align-items:center;justify-content:center;gap:3px}
.co-method-icon .co-crypto-btc{width:29px;height:29px;fill:#f7931a;stroke:none;flex:0 0 29px}

/* O texto aparece como digitado; apenas o envio continua normalizado no JavaScript. */
.co-coupon input{font-family:var(--body,"Inter","Segoe UI",system-ui,sans-serif);font-size:14px;font-weight:450;letter-spacing:0;line-height:1.4;text-transform:none}
.co-coupon input::placeholder{color:#8c8799;opacity:1;font:inherit}
.co-coupon>small{display:flex;align-items:center;gap:6px;min-height:22px;margin-top:7px;padding:0 2px;font-family:var(--body,"Inter","Segoe UI",system-ui,sans-serif);font-size:12.5px;font-weight:650;line-height:1.35}
.co-coupon>small:empty{min-height:18px;padding:0}
.co-coupon>small.is-error{color:#c62828}
.co-coupon>small.is-error:before{content:"!";width:16px;height:16px;flex:0 0 16px;display:grid;place-items:center;border-radius:50%;background:#c62828;color:#fff;font-size:11px;font-weight:850;line-height:1}
.co-coupon>small.is-success{color:#078254}
.co-coupon>small.is-success:before{content:"✓";font-size:13px;font-weight:850}

@media(max-width:520px){
  .co-method-icon .co-pix-symbol{width:29px;height:29px}
  .co-method-icon .co-card-symbol{width:30px;height:30px}
  .co-method-icon .co-crypto-btc{width:27px;height:27px;flex-basis:27px}
}
