.sc-public-page { min-height: 100vh; }

.sc-page-hero {
    position: relative;
    padding: 150px 0 86px;
    border-bottom: 1px solid var(--sc-border-soft);
    background:
        radial-gradient(circle at 50% 0, rgba(124, 92, 255, .14), transparent 42rem),
        linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
    background-size: auto, 64px 64px, 64px 64px;
}
.sc-page-hero__inner { max-width: 900px; text-align: center; }
.sc-page-hero__inner .sc-eyebrow { justify-content: center; }
.sc-page-hero h1,
.sc-product-hero h1 {
    margin: 0;
    color: var(--sc-text);
    font: 800 clamp(44px, 6vw, 68px)/1.02 "Outfit", sans-serif;
    letter-spacing: -.045em;
}
.sc-page-hero h1 em,
.sc-product-hero h1 em { color: #b7a8ff; font-style: normal; }
.sc-page-hero__inner > p:not(.sc-eyebrow) { max-width: 740px; margin: 24px auto 0; color: var(--sc-muted); font-size: 18px; }
.sc-page-facts { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px 24px; margin: 28px 0 0; padding: 0; color: var(--sc-subtle); font-size: 11px; list-style: none; }
.sc-page-facts li { display: flex; align-items: center; gap: 8px; }
.sc-page-facts i { color: var(--sc-green); font-size: 9px; }
.sc-plan-range { width: fit-content; display: grid; justify-items: center; gap: 3px; margin: 25px auto 0 !important; padding: 13px 22px; border: 1px solid rgba(167,139,250,.32); border-radius: 15px; background: rgba(124,92,255,.09); }
.sc-plan-range > span { color: var(--sc-brand-2); font: 800 9px/1.2 "JetBrains Mono", monospace; letter-spacing: .06em; text-transform: uppercase; }
.sc-plan-range > strong { color: #f2efff; font: 790 24px/1.1 "Outfit", sans-serif; }
.sc-plan-range > small { color: var(--sc-subtle); font-size: 10px; }

.sc-plan-index {
    position: sticky;
    top: 76px;
    z-index: 30;
    border-bottom: 1px solid var(--sc-border-soft);
    background: rgba(10, 10, 14, .94);
    backdrop-filter: blur(16px);
}
.sc-plan-index .sc-container { display: flex; justify-content: center; gap: 6px; padding-block: 12px; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; }
.sc-plan-index .sc-container::-webkit-scrollbar { display: none; }
.sc-plan-index a { flex: none; padding: 8px 12px; border-radius: 9px; color: var(--sc-muted); font-size: 10px; font-weight: 800; }
.sc-plan-index a:hover { background: rgba(255,255,255,.055); color: var(--sc-text); }

.sc-plan-sections { background: #09090d; }
.sc-plan-section { padding: 84px 0; border-bottom: 1px solid var(--sc-border-soft); scroll-margin-top: 132px; }
.sc-plan-section:nth-child(even) { background: rgba(255,255,255,.012); }
.sc-plan-section__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 36px; }
.sc-plan-section__head > div { max-width: 680px; }
.sc-plan-section__head h2 { margin: 0; font: 780 clamp(34px, 4vw, 46px)/1.08 "Outfit", sans-serif; letter-spacing: -.035em; }
.sc-plan-section__head > div > strong { display: block; margin-top: 10px; color: #dedee6; font-size: 15px; }
.sc-plan-section__head > div > p:last-child { margin: 13px 0 0; color: var(--sc-muted); font-size: 14px; }

.sc-plan-grid { display: grid; gap: 16px; align-items: stretch; }
.sc-plan-grid--1 { grid-template-columns: minmax(0, 540px); }
.sc-plan-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sc-plan-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sc-plan-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 470px;
    padding: 28px;
    border: 1px solid var(--sc-border);
    border-radius: 20px;
    background: linear-gradient(155deg, rgba(23,23,33,.92), rgba(15,15,21,.92));
}
.sc-plan-card--featured { border-color: rgba(167,139,250,.42); box-shadow: 0 24px 70px -48px rgba(124,92,255,.9); }
.sc-plan-card__badge { position: absolute; top: 20px; right: 20px; padding: 5px 8px; border: 1px solid rgba(167,139,250,.26); border-radius: 99px; background: rgba(124,92,255,.11); color: #c8bdff; font: 700 8px "JetBrains Mono", monospace; letter-spacing: .06em; text-transform: uppercase; }
.sc-plan-card__kicker { margin: 0; color: #afa1f4; font: 750 9px "JetBrains Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
.sc-plan-card h3 { margin: 16px 0 0; padding-right: 92px; font: 760 24px/1.15 "Outfit", sans-serif; letter-spacing: -.025em; }
.sc-plan-card__summary { min-height: 68px; margin: 12px 0 0; color: var(--sc-muted); font-size: 12px; }
.sc-plan-card__was { margin: 13px 0 -3px; color: var(--sc-subtle); font-size: 10px; }
.sc-plan-card__was del { color: var(--sc-muted); }
.sc-plan-card__price { display: flex; align-items: baseline; gap: 5px; margin: 24px 0 0; }
.sc-plan-card__price > span { color: var(--sc-subtle); font-size: 11px; }
.sc-plan-card__price strong { font: 790 31px/1 "Outfit", sans-serif; letter-spacing: -.03em; }
.sc-plan-card__price small { color: var(--sc-subtle); font-size: 10px; }
.sc-plan-card ul { display: grid; gap: 11px; margin: 24px 0 28px; padding: 0; list-style: none; color: #d0d0d9; font-size: 12px; }
.sc-plan-card li { display: flex; align-items: flex-start; gap: 9px; }
.sc-plan-card li i { margin-top: 5px; color: var(--sc-green); font-size: 8px; }
.sc-plan-card .sc-button { margin-top: auto; }
.sc-plan-card__activation { display: block; margin-top: 11px; color: var(--sc-subtle); font-size: 9px; text-align: center; }
.sc-plan-requirement { display: flex; align-items: flex-start; gap: 10px; max-width: 900px; margin: 24px 0 0; padding: 14px 16px; border: 1px solid var(--sc-border-soft); border-radius: 13px; background: rgba(255,255,255,.018); color: var(--sc-muted); font-size: 11px; }
.sc-plan-requirement i { margin-top: 3px; color: var(--sc-brand-2); }
.sc-plan-requirement strong { color: #e0e0e7; }
.sc-plan-section .sc-plan-requirement + .sc-plan-grid { margin-top: 16px; }
.sc-plan-help { background: var(--sc-bg); }
.sc-plan-help__grid { display: flex; align-items: center; justify-content: space-between; gap: 50px; padding: 44px; border: 1px solid var(--sc-border); border-radius: 22px; background: var(--sc-surface); }
.sc-plan-help__grid > div:first-child { max-width: 650px; }
.sc-plan-help h2 { margin: 0; font: 770 34px/1.12 "Outfit", sans-serif; letter-spacing: -.03em; }
.sc-plan-help p:not(.sc-eyebrow) { margin: 14px 0 0; color: var(--sc-muted); font-size: 13px; }
.sc-plan-help__actions { display: grid; gap: 10px; flex: none; }
.sc-empty-state { max-width: 680px; margin-inline: auto; padding: 52px 34px; border: 1px solid var(--sc-border); border-radius: 20px; background: var(--sc-surface); text-align: center; }
.sc-empty-state > i { color: var(--sc-amber); font-size: 24px; }
.sc-empty-state h2 { margin: 18px 0 0; font: 760 30px/1.15 "Outfit", sans-serif; letter-spacing: -.025em; }
.sc-empty-state p { margin: 13px auto 24px; color: var(--sc-muted); font-size: 13px; }

/* Página de produto: Sincro ADD */
.sc-product-hero { position: relative; padding: 142px 0 82px; border-bottom: 1px solid var(--sc-border-soft); overflow: hidden; }
.sc-product-hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 78% 22%, rgba(69,212,157,.11), transparent 34rem), linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px); background-size: auto, 64px 64px, 64px 64px; pointer-events: none; }
.sc-product-page--violet .sc-product-hero::before { background: radial-gradient(circle at 78% 22%, rgba(124,92,255,.14), transparent 34rem), linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px); background-size: auto, 64px 64px, 64px 64px; }
.sc-product-page--amber .sc-product-hero::before { background: radial-gradient(circle at 78% 22%, rgba(245,185,92,.12), transparent 34rem), linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px); background-size: auto, 64px 64px, 64px 64px; }
.sc-product-hero__grid { position: relative; display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 62px; }
.sc-product-hero h1 { font-size: clamp(46px, 5.6vw, 66px); }
.sc-product-hero__copy > p:not(.sc-eyebrow) { margin: 22px 0 0; color: var(--sc-muted); font-size: 17px; }
.sc-hero-offer {
    display: grid;
    grid-template-columns: minmax(142px, auto) minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    margin-top: 28px;
    padding: 15px;
    border: 1px solid rgba(167,139,250,.38);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(124,92,255,.14), rgba(255,255,255,.025));
    box-shadow: 0 22px 55px -38px rgba(124,92,255,.95);
}
.sc-hero-offer__price { display: grid; gap: 3px; padding-left: 3px; }
.sc-hero-offer__price > span,
.sc-hero-offer__price > small {
    color: var(--sc-subtle);
    font: 700 9px/1.35 "JetBrains Mono", monospace;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.sc-hero-offer__price > strong { color: #f4f2ff; font: 790 25px/1.05 "Outfit", sans-serif; letter-spacing: -.025em; }
.sc-hero-offer__action { display: grid; justify-content: stretch; gap: 5px; }
.sc-hero-offer__action .sc-button { flex: 1 1 auto; }
.sc-hero-offer__secondary {
    padding: 10px 3px;
    color: var(--sc-muted);
    font-size: 11px;
    font-weight: 750;
    text-decoration: underline;
    text-decoration-color: rgba(255,255,255,.22);
    text-underline-offset: 4px;
    text-align: center;
}
.sc-hero-offer__secondary:hover { color: var(--sc-text); text-decoration-color: currentColor; }
.sc-product-hero__copy > .sc-cta-note,
.sc-cta-note {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin: 10px 0 0;
    color: var(--sc-subtle);
    font-size: 10px;
    line-height: 1.55;
}
.sc-cta-note i { flex: none; margin-top: 2px; color: var(--sc-brand-2); }
.sc-product-proof { display: flex; flex-wrap: wrap; gap: 9px 16px; margin: 23px 0 0; padding: 0; color: var(--sc-subtle); font-size: 11px; list-style: none; }
.sc-product-proof li { display: flex; align-items: center; gap: 7px; }
.sc-product-proof i { color: var(--sc-green); font-size: 8px; }
.sc-product-visual { position: relative; padding: 18px; border: 1px solid #353542; border-radius: 22px; background: rgba(17,17,24,.9); box-shadow: 0 38px 90px -46px #000; }
.sc-product-visual::before { content: attr(data-label); display: block; padding: 0 4px 13px; color: var(--sc-subtle); font: 700 9px "JetBrains Mono", monospace; letter-spacing: .06em; }
.sc-product-visual img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; border: 1px solid #3a3a47; border-radius: 12px; object-fit: cover; object-position: top; }
.sc-product-visual--contain img { background: #08080d; object-fit: contain; object-position: center; }
.sc-product-visual--dashboard img { height: 520px; aspect-ratio: auto; object-fit: cover; object-position: top; }

.sc-outcome-strip { border-bottom: 1px solid var(--sc-border-soft); background: #0b0b10; }
.sc-outcome-strip .sc-container { display: grid; grid-template-columns: repeat(4, 1fr); }
.sc-outcome-strip div { min-height: 120px; display: grid; align-content: center; gap: 5px; padding: 22px; border-left: 1px solid var(--sc-border-soft); }
.sc-outcome-strip div:last-child { border-right: 1px solid var(--sc-border-soft); }
.sc-outcome-strip i { color: var(--sc-green); font-size: 14px; }
.sc-outcome-strip strong { margin-top: 7px; font: 750 13px "Outfit", sans-serif; }
.sc-outcome-strip small { color: var(--sc-subtle); font-size: 10px; }

.sc-decision-strip { border-bottom: 1px solid var(--sc-border-soft); background: #0b0b10; }
.sc-decision-strip .sc-container { display: grid; grid-template-columns: repeat(3, 1fr); }
.sc-decision-strip article {
    min-height: 150px;
    display: grid;
    grid-template-columns: auto 1fr;
    align-content: center;
    gap: 14px;
    padding: 25px 23px;
    border-left: 1px solid var(--sc-border-soft);
}
.sc-decision-strip article:last-child { border-right: 1px solid var(--sc-border-soft); }
.sc-decision-strip article > i {
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(69,212,157,.22);
    border-radius: 10px;
    background: rgba(69,212,157,.07);
    color: var(--sc-green);
    font-size: 12px;
}
.sc-decision-strip article > span { display: grid; gap: 6px; }
.sc-decision-strip small { color: var(--sc-brand-2); font: 800 9px/1.25 "JetBrains Mono", monospace; letter-spacing: .07em; text-transform: uppercase; }
.sc-decision-strip strong { color: #d9d9e2; font: 680 12px/1.5 "Outfit", sans-serif; }

.sc-capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.sc-capability-card { min-height: 290px; padding: 26px; border: 1px solid var(--sc-border); border-radius: 19px; background: linear-gradient(145deg, var(--sc-surface-2), var(--sc-surface)); }
.sc-capability-card > i { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(69,212,157,.23); border-radius: 12px; background: rgba(69,212,157,.08); color: var(--sc-green); }
.sc-capability-card h3 { margin: 20px 0 0; font: 750 19px/1.25 "Outfit", sans-serif; }
.sc-capability-card p { margin: 11px 0 0; color: var(--sc-muted); font-size: 12px; }
.sc-capability-card ul { display: grid; gap: 7px; margin: 15px 0 0; padding: 0; color: var(--sc-subtle); font-size: 10px; list-style: none; }
.sc-capability-card li::before { content: "—"; margin-right: 7px; color: #6bdbad; }

.sc-operations { border-block: 1px solid var(--sc-border-soft); background: #0a0a0f; }
.sc-operations__grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 70px; }
.sc-operations__copy h2 { margin: 0; font: 780 clamp(34px,4vw,48px)/1.08 "Outfit", sans-serif; letter-spacing: -.035em; }
.sc-operations__copy > p:not(.sc-eyebrow) { margin: 18px 0 0; color: var(--sc-muted); font-size: 15px; }
.sc-operations__copy .sc-text-link { margin-top: 24px; }
.sc-operations__board { display: grid; gap: 10px; padding: 18px; border: 1px solid var(--sc-border); border-radius: 21px; background: var(--sc-surface); }
.sc-operation-row { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; padding: 16px; border: 1px solid var(--sc-border-soft); border-radius: 14px; background: rgba(255,255,255,.02); }
.sc-operation-row > span:first-child { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: rgba(69,212,157,.09); color: var(--sc-green); }
.sc-operation-row > span:nth-child(2) { display: grid; gap: 4px; }
.sc-operation-row strong { font: 740 12px "Outfit", sans-serif; }
.sc-operation-row small { color: var(--sc-subtle); font-size: 9px; }
.sc-operation-row > em { padding: 5px 8px; border-radius: 99px; background: rgba(255,255,255,.045); color: var(--sc-muted); font: 700 8px "JetBrains Mono", monospace; font-style: normal; }

.sc-how-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; counter-reset: sc-step; }
.sc-how-grid article { position: relative; min-height: 230px; padding: 25px; border: 1px solid var(--sc-border); border-radius: 18px; background: var(--sc-surface); counter-increment: sc-step; }
.sc-how-grid article::before { content: "0" counter(sc-step); display: block; margin-bottom: 35px; color: #7368a8; font: 750 10px "JetBrains Mono", monospace; }
.sc-how-grid h3 { margin: 0; font: 750 17px/1.25 "Outfit", sans-serif; }
.sc-how-grid p { margin: 10px 0 0; color: var(--sc-subtle); font-size: 11px; }

.sc-transparency { border-block: 1px solid var(--sc-border-soft); background: linear-gradient(145deg, rgba(245,185,92,.035), #0a0a0f 45%); }
.sc-transparency__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: start; }
.sc-transparency h2 { margin: 0; font: 780 clamp(32px,4vw,46px)/1.1 "Outfit", sans-serif; letter-spacing: -.035em; }
.sc-transparency__list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.sc-transparency__list li { display: flex; align-items: flex-start; gap: 13px; padding: 18px; border: 1px solid var(--sc-border); border-radius: 14px; background: var(--sc-surface); }
.sc-transparency__list i { margin-top: 3px; color: var(--sc-amber); }
.sc-transparency__list span { display: grid; gap: 4px; }
.sc-transparency__list strong { font: 740 13px "Outfit", sans-serif; }
.sc-transparency__list small { color: var(--sc-subtle); font-size: 10px; }

.sc-product-plan { background: var(--sc-bg); }
.sc-product-plan__grid { display: grid; grid-template-columns: 1fr 430px; gap: 70px; align-items: center; }
.sc-product-plan__copy h2 { margin: 0; font: 780 clamp(34px,4vw,48px)/1.08 "Outfit", sans-serif; letter-spacing: -.035em; }
.sc-product-plan__copy > p:not(.sc-eyebrow) { margin: 17px 0 0; color: var(--sc-muted); font-size: 15px; }
.sc-product-plan__copy ul { display: grid; gap: 11px; margin: 25px 0 0; padding: 0; color: #d4d4dc; font-size: 12px; list-style: none; }
.sc-product-plan__copy li { display: flex; gap: 9px; }
.sc-product-plan__copy li i { margin-top: 5px; color: var(--sc-green); font-size: 8px; }
.sc-product-plans { background: var(--sc-bg); }
.sc-product-plans .sc-plan-grid { margin-top: 4px; }
.sc-product-plans__compare { margin: 22px 0 0; text-align: center; }

/* Página de produto: Telegram Inbox */
.sc-inbox-hero::before { background: radial-gradient(circle at 78% 22%, rgba(90,167,255,.12), transparent 34rem), linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px); background-size: auto, 64px 64px, 64px 64px; }
.sc-inbox-visual { position: relative; border: 1px solid #353542; border-radius: 21px; background: #101017; box-shadow: 0 38px 90px -46px #000; overflow: hidden; }
.sc-inbox-visual__bar { min-height: 48px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 15px; border-bottom: 1px solid var(--sc-border-soft); color: var(--sc-subtle); font-size: 9px; }
.sc-inbox-visual__bar > span { display: flex; gap: 5px; }
.sc-inbox-visual__bar > span i { width: 7px; height: 7px; border-radius: 50%; background: #4b4b57; }
.sc-inbox-visual__bar > span i:first-child { background: #5aa7ff; }
.sc-inbox-visual__bar strong { color: #e8e8ed; font-size: 10px; }
.sc-inbox-visual__bar small { justify-self: end; }
.sc-inbox-visual__body { display: grid; grid-template-columns: 92px 170px 1fr; min-height: 440px; }
.sc-inbox-visual__body aside { padding: 15px 8px; border-right: 1px solid var(--sc-border-soft); background: #0d0d13; }
.sc-inbox-visual__body aside > strong { display: block; margin: 0 6px 12px; color: #777786; font: 700 7px "JetBrains Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
.sc-inbox-visual__body aside .sc-inbox-demo-row { display: flex; align-items: center; gap: 7px; margin-bottom: 5px; padding: 9px 7px; border-radius: 9px; color: #9b9baa; font-size: 8px; }
.sc-inbox-visual__body aside .sc-inbox-demo-row.is-active { background: rgba(90,167,255,.1); color: #d8eaff; }
.sc-inbox-visual__body aside .sc-inbox-demo-row > i { color: #77b6ff; }
.sc-inbox-visual__body aside .sc-inbox-demo-row > span { display: grid; min-width: 0; }
.sc-inbox-visual__body aside small { color: #6f6f7e; font-size: 6px; }
.sc-inbox-conversations { border-right: 1px solid var(--sc-border-soft); }
.sc-inbox-conversations__head { min-height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 0 13px; border-bottom: 1px solid var(--sc-border-soft); }
.sc-inbox-conversations__head > span { display: grid; }
.sc-inbox-conversations__head strong { font-size: 9px; }
.sc-inbox-conversations__head small { color: #747483; font-size: 7px; }
.sc-inbox-conversations__head > i { color: #6e6e7d; font-size: 8px; }
.sc-inbox-conversations > .sc-inbox-demo-row { min-height: 67px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; padding: 9px 11px; border-bottom: 1px solid rgba(255,255,255,.045); }
.sc-inbox-conversations > .sc-inbox-demo-row.is-active { background: rgba(90,167,255,.075); }
.sc-inbox-avatar { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(145deg, #5aa7ff, #705af0); color: white; font-size: 8px; font-weight: 800; }
.sc-inbox-conversations > .sc-inbox-demo-row > span:nth-child(2) { display: grid; min-width: 0; }
.sc-inbox-conversations strong { font-size: 8px; }
.sc-inbox-conversations small { color: #80808f; font-size: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sc-inbox-conversations em { align-self: start; color: #626270; font-size: 6px; font-style: normal; }
.sc-inbox-chat { display: flex; flex-direction: column; min-width: 0; }
.sc-inbox-chat__head { min-height: 58px; display: flex; align-items: center; gap: 8px; padding: 0 13px; border-bottom: 1px solid var(--sc-border-soft); }
.sc-inbox-chat__head > span:nth-child(2) { display: grid; }
.sc-inbox-chat__head strong { font-size: 8px; }
.sc-inbox-chat__head small { color: #6f6f7e; font-size: 6px; }
.sc-inbox-chat__head small i { display: inline-block; width: 5px; height: 5px; margin-right: 3px; border-radius: 50%; background: var(--sc-green); }
.sc-inbox-chat__head em { margin-left: auto; padding: 3px 5px; border-radius: 99px; background: rgba(90,167,255,.1); color: #9bcbff; font-size: 6px; font-style: normal; }
.sc-inbox-chat__messages { flex: 1; padding: 18px 13px; background: radial-gradient(circle at center, rgba(90,167,255,.035), transparent 70%); }
.sc-inbox-chat__messages p { max-width: 85%; margin: 0 0 9px; padding: 8px 9px; border: 1px solid var(--sc-border-soft); border-radius: 9px 9px 9px 2px; background: #191920; color: #c5c5ce; font-size: 7px; line-height: 1.45; }
.sc-inbox-chat__messages p.is-agent { margin-left: auto; border-color: rgba(90,167,255,.2); border-radius: 9px 9px 2px 9px; background: rgba(74,125,208,.22); color: #e0efff; }
.sc-inbox-chat__messages > span { display: inline-flex; align-items: center; gap: 4px; padding: 4px 6px; border-radius: 99px; background: rgba(124,92,255,.1); color: #bdb1f6; font-size: 6px; }
.sc-inbox-chat__composer { min-height: 49px; display: flex; align-items: center; justify-content: space-between; margin: 0 10px 10px; padding: 0 11px; border: 1px solid var(--sc-border); border-radius: 10px; color: #696978; font-size: 7px; }
.sc-inbox-chat__composer i { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 8px; background: #5a8ee2; color: white; }

.sc-inbox-journey { border-block: 1px solid var(--sc-border-soft); background: #0a0a0f; }
.sc-journey-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.sc-journey-grid article { min-height: 185px; padding: 23px; border: 1px solid var(--sc-border); border-radius: 17px; background: var(--sc-surface); }
.sc-journey-grid article > span { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(90,167,255,.22); border-radius: 11px; background: rgba(90,167,255,.08); color: var(--sc-blue); }
.sc-journey-grid h3 { margin: 18px 0 0; font: 750 16px/1.25 "Outfit", sans-serif; }
.sc-journey-grid p { margin: 9px 0 0; color: var(--sc-subtle); font-size: 10px; }
.sc-journey-control { display: grid; grid-template-columns: .8fr 1.2fr; gap: 55px; align-items: center; margin-top: 18px; padding: 34px; border: 1px solid var(--sc-border); border-radius: 20px; background: linear-gradient(145deg, rgba(90,167,255,.08), var(--sc-surface) 43%); }
.sc-journey-control h3 { margin: 0; font: 760 27px/1.15 "Outfit", sans-serif; letter-spacing: -.025em; }
.sc-journey-control > div > p:not(.sc-eyebrow) { margin: 13px 0 0; color: var(--sc-muted); font-size: 12px; }
.sc-journey-control ol { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 0; padding: 0; list-style: none; }
.sc-journey-control li { display: grid; grid-template-columns: auto 1fr; gap: 2px 10px; padding: 15px; border: 1px solid var(--sc-border-soft); border-radius: 12px; background: rgba(255,255,255,.022); }
.sc-journey-control li > span { grid-row: 1 / 3; width: 25px; height: 25px; display: grid; place-items: center; border-radius: 8px; background: rgba(90,167,255,.1); color: #9bcbff; font: 700 8px "JetBrains Mono", monospace; }
.sc-journey-control strong { font: 740 10px "Outfit", sans-serif; }
.sc-journey-control small { color: var(--sc-subtle); font-size: 7px; }

@media (max-width: 980px) {
    .sc-product-hero__grid { grid-template-columns: 1fr; }
    .sc-product-hero__copy { max-width: 760px; text-align: center; margin-inline: auto; }
    .sc-product-hero__copy .sc-eyebrow,
    .sc-product-proof,
    .sc-product-hero__copy .sc-actions { justify-content: center; }
    .sc-hero-offer { max-width: 680px; margin-inline: auto; text-align: left; }
    .sc-product-hero__copy > .sc-cta-note { max-width: 650px; justify-content: center; margin-inline: auto; text-align: left; }
    .sc-product-visual { max-width: 720px; margin-inline: auto; }
    .sc-product-visual--dashboard { width: min(100%, 620px); }
    .sc-capability-grid { grid-template-columns: repeat(2, 1fr); }
    .sc-operations__grid,
    .sc-transparency__grid { grid-template-columns: 1fr; gap: 40px; }
    .sc-how-grid { grid-template-columns: repeat(2, 1fr); }
    .sc-product-plan__grid { grid-template-columns: 1fr; }
    .sc-product-plan__grid .sc-plan-card { max-width: 500px; }
    .sc-inbox-visual { max-width: 720px; margin-inline: auto; }
    .sc-journey-control { grid-template-columns: 1fr; gap: 28px; }
}

@media (max-width: 880px) {
    .sc-plan-index { top: 68px; }
    .sc-plan-index .sc-container { justify-content: flex-start; }
    .sc-plan-section__head { display: grid; align-items: start; }
    .sc-plan-grid--3 { grid-template-columns: 1fr; }
    .sc-plan-grid--2 { grid-template-columns: 1fr; }
    .sc-plan-grid--1 { grid-template-columns: 1fr; }
    .sc-plan-card { min-height: 0; }
    .sc-plan-card__summary { min-height: 0; }
    .sc-plan-help__grid { display: grid; }
    .sc-plan-help__actions { grid-template-columns: repeat(2, 1fr); }
    .sc-outcome-strip .sc-container { grid-template-columns: repeat(2, 1fr); }
    .sc-outcome-strip div:nth-child(n+3) { border-top: 1px solid var(--sc-border-soft); }
    .sc-decision-strip .sc-container { grid-template-columns: 1fr; }
    .sc-decision-strip article { min-height: 0; border-right: 1px solid var(--sc-border-soft); border-top: 1px solid var(--sc-border-soft); }
    .sc-decision-strip article:first-child { border-top: 0; }
    .sc-journey-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
    .sc-page-hero { padding: 120px 0 66px; }
    .sc-page-hero h1,
    .sc-product-hero h1 { font-size: 39px; }
    .sc-page-hero__inner > p:not(.sc-eyebrow) { font-size: 16px; }
    .sc-page-facts { display: grid; justify-content: center; text-align: left; }
    .sc-plan-index a { min-height: 44px; display: inline-flex; align-items: center; padding-inline: 12px; font-size: 12px; }
    .sc-plan-section { padding: 64px 0; }
    .sc-plan-card { padding: 23px; }
    .sc-plan-card h3 { padding-right: 70px; font-size: 22px; }
    .sc-plan-help__grid { padding: 26px; }
    .sc-plan-help h2 { font-size: 28px; }
    .sc-plan-help__actions { grid-template-columns: 1fr; }
    .sc-product-hero { padding: 104px 0 52px; }
    .sc-product-hero__copy > p:not(.sc-eyebrow) { font-size: 15px; }
    .sc-product-hero__copy .sc-actions { display: grid; width: 100%; justify-content: stretch; gap: 10px; }
    .sc-product-hero__copy .sc-actions .sc-button { width: 100%; min-height: 56px; font-size: 15px; }
    .sc-hero-offer { grid-template-columns: 1fr; gap: 14px; padding: 16px; }
    .sc-hero-offer__price { justify-items: center; padding-left: 0; text-align: center; }
    .sc-hero-offer__price > strong { font-size: 27px; }
    .sc-hero-offer__action { display: grid; justify-content: stretch; gap: 4px; }
    .sc-hero-offer__action .sc-button { width: 100%; min-height: 58px; padding-inline: 16px; font-size: 14px; }
    .sc-hero-offer__secondary { text-align: center; }
    .sc-product-hero__copy > .sc-cta-note { font-size: 11px; }
    .sc-product-visual--dashboard img { height: 380px; }
    .sc-product-proof { font-size: 12px; }
    .sc-outcome-strip .sc-container { grid-template-columns: 1fr; }
    .sc-outcome-strip div { min-height: 100px; border-right: 1px solid var(--sc-border-soft); border-top: 1px solid var(--sc-border-soft); }
    .sc-outcome-strip div:first-child { border-top: 0; }
    .sc-capability-grid { grid-template-columns: 1fr; }
    .sc-capability-card { min-height: 0; }
    .sc-plan-card ul { font-size: 14px; }
    .sc-plan-card__activation { font-size: 12px; line-height: 1.45; }
    .sc-how-grid { grid-template-columns: 1fr; }
    .sc-how-grid article { min-height: 0; }
    .sc-product-plan__grid .sc-plan-card { width: 100%; }
    .sc-inbox-visual__body { grid-template-columns: 76px 1fr; min-height: 390px; }
    .sc-inbox-conversations { border-right: 0; }
    .sc-inbox-chat { display: none; }
    .sc-journey-grid { grid-template-columns: 1fr; }
    .sc-journey-grid article { min-height: 0; }
    .sc-journey-control { padding: 24px; }
    .sc-journey-control ol { grid-template-columns: 1fr; }
}

/* Premium v3 — planos e primeira dobra das páginas de produto */
.sc-plans-hero {
    padding: 118px 0 58px;
    background: radial-gradient(circle at 84% 12%, rgba(56,211,159,.085), transparent 31rem), #0a0d13;
}
.sc-plans-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(410px, .95fr);
    align-items: center;
    gap: 72px;
}
.sc-plans-hero__copy h1 {
    max-width: 700px;
    margin: 0;
    color: var(--sc-text);
    font: 810 clamp(46px,4.8vw,62px)/1 "Outfit", sans-serif;
    letter-spacing: -.045em;
}
.sc-plans-hero__copy h1 em { display: block; color: #b9aeff; font-style: normal; }
.sc-plans-hero__copy > p:not(.sc-eyebrow) { max-width: 650px; margin: 20px 0 0; color: #c0c5cf; font-size: 16px; line-height: 1.65; }
.sc-plans-hero__copy .sc-actions { margin-top: 25px; }
.sc-plans-hero__copy .sc-page-facts { justify-content: flex-start; gap: 10px 18px; margin-top: 23px; }
.sc-plans-hero__copy .sc-page-facts li { color: #aab0bc; }
.sc-plans-hero__copy .sc-page-facts li > span { color: #737f91; font: 750 9px "JetBrains Mono", monospace; }
.sc-plans-hero__offer {
    position: relative;
    padding: 26px;
    border: 1px solid rgba(56,211,159,.38);
    border-radius: 22px;
    background: linear-gradient(155deg, rgba(56,211,159,.095), #111521 40%);
    box-shadow: 0 34px 90px -52px #000;
}
.sc-plans-hero__discount {
    position: absolute;
    top: 22px;
    right: 22px;
    padding: 7px 9px;
    border-radius: 8px;
    background: var(--sc-green);
    color: #06110d;
    font: 900 12px/1 "Outfit", sans-serif;
}
.sc-plans-hero__offer > p:first-of-type { margin: 0 100px 14px 0; color: #dce1e8; font: 760 15px "Outfit", sans-serif; }
.sc-plans-hero__offer > ul { display: grid; gap: 5px; margin: 0; padding: 0; list-style: none; }
.sc-plans-hero__offer > ul li { display: grid; grid-template-columns: 16px auto 1fr; align-items: baseline; gap: 6px; padding: 7px 0; border-bottom: 1px solid rgba(255,255,255,.055); }
.sc-plans-hero__offer > ul li > span { color: var(--sc-green); font-size: 10px; }
.sc-plans-hero__offer > ul strong { font: 740 11px "Outfit", sans-serif; }
.sc-plans-hero__offer > ul small { color: #949ba8; font-size: 9px; text-align: right; }
.sc-plans-hero__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px; margin-top: 18px; }
.sc-plans-hero__price del { width: 100%; color: #989fac; font-size: 11px; }
.sc-plans-hero__price strong { color: #f5f4ef; font: 820 38px/1 "Outfit", sans-serif; letter-spacing: -.04em; }
.sc-plans-hero__price > span { color: #a3aab7; font-size: 11px; }
.sc-plans-hero__saving { margin: 8px 0 17px; color: var(--sc-green); font-size: 11px; font-weight: 800; }
.sc-plans-hero__offer .sc-button { min-height: 54px; font-size: 12px; }

.sc-plan-combo-section { padding: 62px 0; background: radial-gradient(circle at 90% 10%, rgba(56,211,159,.07), transparent 27rem), #0b0e14 !important; }
.sc-plan-combo-card {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(360px, .82fr);
    gap: 18px;
}
.sc-plan-combo-card__content,
.sc-plan-combo-card__offer { border: 1px solid #293141; border-radius: 22px; background: #111521; }
.sc-plan-combo-card__content { padding: 32px; }
.sc-plan-combo-card__content > h2 { max-width: 720px; margin: 0; font: 800 clamp(34px,3.8vw,48px)/1.05 "Outfit", sans-serif; letter-spacing: -.04em; }
.sc-plan-combo-card__content > p:not(.sc-eyebrow) { max-width: 700px; margin: 15px 0 0; color: #b7bdc8; font-size: 14px; }
.sc-plan-combo-items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 26px; }
.sc-plan-combo-items article { display: grid; grid-template-columns: 30px 1fr; gap: 10px; min-height: 144px; padding: 15px; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; background: rgba(255,255,255,.018); }
.sc-plan-combo-items article > span { color: var(--sc-green); font: 750 9px "JetBrains Mono", monospace; }
.sc-plan-combo-items article > div { display: grid; align-content: start; gap: 5px; }
.sc-plan-combo-items strong { font: 750 14px "Outfit", sans-serif; }
.sc-plan-combo-items small { color: #a5acb8; font-size: 9px; }
.sc-plan-combo-items ul { display: grid; gap: 3px; margin: 2px 0 0; padding: 0; color: #c4c8d0; font-size: 9px; line-height: 1.4; list-style: none; }
.sc-plan-combo-items li::before { content: "—"; margin-right: 5px; color: var(--sc-green); }
.sc-plan-combo-card__offer {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 34px;
    border-color: rgba(56,211,159,.4);
    background: linear-gradient(155deg, rgba(56,211,159,.1), #111521 42%);
}
.sc-plan-combo-card__badge { align-self: flex-start; margin-bottom: 25px; padding: 8px 10px; border-radius: 8px; background: var(--sc-green); color: #06110d; font: 900 13px/1 "Outfit", sans-serif; }
.sc-plan-combo-card__offer > small:first-of-type { color: #9ea5b2; font-size: 10px; }
.sc-plan-combo-card__offer > del { margin-top: 3px; color: #9ea5b2; font-size: 14px; }
.sc-plan-combo-card__offer > p { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px; margin: 20px 0 0; }
.sc-plan-combo-card__offer > p > span { width: 100%; color: #cbd0d8; font-size: 11px; font-weight: 750; }
.sc-plan-combo-card__offer > p > strong { color: #f5f4ef; font: 820 44px/1 "Outfit", sans-serif; letter-spacing: -.045em; }
.sc-plan-combo-card__offer > p > small { color: #9ea5b2; font-size: 11px; }
.sc-plan-combo-card__offer > b { margin: 10px 0 22px; color: var(--sc-green); font-size: 13px; }
.sc-plan-combo-card__offer .sc-button { font-size: 12px; }
.sc-plan-combo-card__requirements { display: grid; gap: 5px; margin-top: 22px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.07); }
.sc-plan-combo-card__requirements strong { color: #daddE3; font-size: 10px; text-transform: uppercase; letter-spacing: .055em; }
.sc-plan-combo-card__requirements p { margin: 0; color: #a7aeba; font-size: 10px; line-height: 1.5; }
.sc-plan-combo-card__requirements small { color: #858d9a; font-size: 9px; line-height: 1.45; }

.sc-product-hero { padding: 116px 0 58px; }
.sc-product-hero__grid { grid-template-columns: minmax(0, .97fr) minmax(430px, 1.03fr); gap: 44px; }
.sc-product-hero h1 { max-width: 680px; font-size: clamp(42px,4.2vw,50px); line-height: 1.01; }
.sc-product-hero__copy > p:not(.sc-eyebrow) { margin-top: 18px; font-size: 15px; line-height: 1.6; }
.sc-product-hero .sc-hero-offer { margin-top: 21px; }
.sc-product-hero .sc-product-proof { margin-top: 17px; }

/* Ícones públicos sem dependência de glifos externos: evita quadrados quebrados. */
.sc-cta-note > i { display: none !important; }
.sc-product-proof i,
.sc-plan-card li i,
.sc-product-plan__copy li i { display: none !important; }
.sc-product-proof li::before,
.sc-plan-card li::before,
.sc-product-plan__copy li::before { content: "✓"; flex: none; color: var(--sc-green); font: 800 11px/1.35 "Outfit", sans-serif; }
.sc-product-visual { background: #111521; }
.sc-product-visual img { filter: brightness(1.08) contrast(1.03); }

@media (max-width: 980px) {
    .sc-plans-hero__grid { grid-template-columns: 1fr; gap: 38px; }
    .sc-plans-hero__copy { max-width: 760px; margin-inline: auto; text-align: center; }
    .sc-plans-hero__copy .sc-eyebrow,
    .sc-plans-hero__copy .sc-actions,
    .sc-plans-hero__copy .sc-page-facts { justify-content: center; }
    .sc-plans-hero__offer { width: min(100%, 660px); margin-inline: auto; }
    .sc-plan-combo-card { grid-template-columns: 1fr; }
    .sc-product-hero__grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    .sc-plans-hero { padding: 102px 0 48px; }
    .sc-plans-hero__copy { text-align: left; }
    .sc-plans-hero__copy h1 { font-size: 40px; }
    .sc-plans-hero__copy h1 em { display: inline; }
    .sc-plans-hero__copy .sc-eyebrow,
    .sc-plans-hero__copy .sc-actions,
    .sc-plans-hero__copy .sc-page-facts { justify-content: flex-start; }
    .sc-plans-hero__copy .sc-actions { display: grid; }
    .sc-plans-hero__copy .sc-actions .sc-button { width: 100%; }
    .sc-plans-hero__copy .sc-page-facts { display: grid; }
    .sc-plans-hero__offer { padding: 21px; }
    .sc-plans-hero__offer > ul small { display: none; }
    .sc-plans-hero__price strong { font-size: 34px; }
    .sc-plan-combo-section { padding: 46px 0; }
    .sc-plan-combo-card__content,
    .sc-plan-combo-card__offer { padding: 23px; }
    .sc-plan-combo-card__content > h2 { font-size: 34px; }
    .sc-plan-combo-items { grid-template-columns: 1fr; }
    .sc-plan-combo-items article { min-height: 0; }
    .sc-plan-combo-card__offer > p > strong { font-size: 38px; }
    .sc-product-hero { padding: 100px 0 48px; }
    .sc-product-hero h1 { font-size: 38px; }
}

/* ============================================================
   CRO 12/08 — faixa de confianca + respiro vertical menor
   Anexado ao fim de public-pages.css (carregado depois de
   home-conversion.css, entao vence por ordem em specificidade igual).
   ============================================================ */

/* Faixa de confianca abaixo dos cards de plano ------------------------- */
.sc-plan-trust {
    list-style: none;
    margin: 26px 0 0;
    padding: 18px 20px;
    display: grid;
    /* auto-fit responde a LARGURA DO CONTAINER, nao do viewport: a mesma faixa
       aparece em secao larga (4 colunas) e na coluna estreita do /planos (1). */
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 14px 22px;
    border: 1px solid rgba(124, 231, 176, .18);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(45, 212, 145, .05), rgba(45, 212, 145, .015));
}
.sc-plan-trust li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-size: 12px;
    line-height: 1.5;
    color: #d7d7de;
}
.sc-plan-trust i {
    flex: none;
    margin-top: 2px;
    font-size: 13px;
    color: #4ade9b;
}
@media (max-width: 560px) {
    .sc-plan-trust { padding: 16px; }
}

/* Respiro vertical: 96px em cada lado criava ~192px de vazio entre secoes -- */
.sc-section { padding: 64px 0; }
@media (max-width: 1024px) { .sc-section { padding: 54px 0; } }
@media (max-width: 640px)  { .sc-section { padding: 44px 0; } }

/* O CTA do heroi quebrava em duas linhas dentro do botao ---------------- */
.sc-hero-offer__action .sc-button--conversion { white-space: nowrap; }
@media (max-width: 560px) {
    .sc-hero-offer__action .sc-button--conversion { white-space: normal; }
}

/* ============================================================================
   CAMADA DE DESIGN — 13/08
   Regra que passa a valer: UM acento (violeta da marca) carrega hierarquia e
   acao; o verde e SEMANTICO (confirmacao, incluso) e nunca decorativo. Antes,
   verde/violeta/ambar disputavam o mesmo card e nada tinha foco.
   Anexado ao fim de public-pages.css, que carrega depois de home-conversion.css.
   ========================================================================== */

/* --- Faixa de decisao: o icone era um ponto VERDE ao lado de um rotulo
   VIOLETA, no mesmo card. Passa a ser da familia da marca. ----------------- */
.sc-decision-strip article > i {
    border-color: rgba(140, 120, 255, .22);
    background: rgba(140, 120, 255, .07);
    color: var(--sc-brand-2);
}
.sc-decision-strip strong { color: var(--sc-text); }

/* --- Cards de plano -------------------------------------------------------
   Eram tres retangulos iguais, sem foco. O destacado ganha elevacao real e um
   fio de luz no topo; os outros recuam. A superficie passa a seguir a familia
   azul-ardosia do fundo (antes era cinza-arroxeada, destoando da pagina).    */
.sc-plan-card {
    background: linear-gradient(158deg, var(--sc-surface-2), var(--sc-surface));
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.sc-plan-card:hover { border-color: rgba(140, 120, 255, .3); }

.sc-plan-card--featured {
    border-color: rgba(140, 120, 255, .5);
    box-shadow: 0 28px 80px -50px rgba(140, 120, 255, .95), inset 0 1px 0 rgba(255, 255, 255, .05);
}
.sc-plan-card--featured::after {
    content: "";
    position: absolute;
    inset: -1px auto auto -1px;
    width: calc(100% + 2px);
    height: 2px;
    border-radius: 20px 20px 0 0;
    background: linear-gradient(90deg, transparent, var(--sc-brand-2), transparent);
}
@media (min-width: 901px) {
    .sc-plan-card--featured { transform: translateY(-8px); }
}

/* Letra miuda de 9px e ilegivel — sobe para 11px e ganha respiro. */
.sc-plan-card__activation {
    max-width: 30ch;
    margin-inline: auto;
    margin-top: 13px;
    color: var(--sc-subtle);
    font-size: 11px;
    line-height: 1.5;
}

/* --- Faixa de confianca ---------------------------------------------------
   Era um bloco verde inteiro logo abaixo de botoes violeta: duas areas de cor
   forte brigando. Vira superficie neutra, com o verde so nos icones.        */
.sc-plan-trust {
    border-color: var(--sc-border);
    background: var(--sc-surface);
}
.sc-plan-trust i { color: var(--sc-green); }
.sc-plan-trust li { color: var(--sc-muted); }

/* --- Aviso "Bom saber antes": alinha com a superficie dos demais cards ---- */
.sc-plan-requirement {
    border-color: var(--sc-border);
    background: var(--sc-surface);
}

/* --- Checks das listas de plano: verde semantico, peso menor -------------- */
.sc-plan-card ul li i { color: var(--sc-green); opacity: .85; }

/* --- Icones reais de volta: aplicar a mesma regra de acento -----------------
   Estruturais/decorativos = familia da marca (violeta). Verde continua
   reservado para confirmacao (checks, faixa de confianca). ----------------- */
.sc-capability-card > i,
.sc-outcome-strip i,
.sc-transparency__list i {
    border-color: rgba(140, 120, 255, .22);
    background: rgba(140, 120, 255, .07);
    color: var(--sc-brand-2);
}
/* O icone do botao primario acompanha o texto, sem competir com ele. */
.sc-button > i { font-size: .85em; opacity: .9; }
.sc-button--conversion > i { margin-left: 2px; }

/* ============================================================================
   CAMADA PREMIUM — páginas de produto + /planos (13/08, noite)
   Herda o sistema de 3 vozes da home v3: Outfit 700 nítido, ênfase do herói
   em Instrument Serif itálica, preço em peso alto de sans, mono só em rótulo.
   Menos moldura, mais espaço; um degradê de marca, um brilho.
   ========================================================================== */

/* — Display nítido (o 800 borrachudo morre aqui também) — */
.sc-public-page h1, .sc-public-page h2, .sc-public-page h3,
.sc-product-page h1, .sc-product-page h2, .sc-product-page h3,
.sc-inbox-page h1, .sc-inbox-page h2, .sc-inbox-page h3 {
    font-weight: 700;
    letter-spacing: -.022em;
}

/* — A ênfase do herói em serif itálica: a assinatura da marca — */
.sc-page-hero h1 em,
.sc-product-hero h1 em,
.sc-plans-hero__copy h1 em {
    font-family: "Instrument Serif", Georgia, serif;
    font-style: italic;
    font-weight: 400;
    font-size: 1.06em;
    letter-spacing: 0;
    color: #b6a7ff;
}

/* — Botão primário: o mesmo violeta profundo com brilho da home — */
.sc-button--primary,
.sc-button--conversion {
    background: linear-gradient(135deg, #6d55f0, #4a49cf);
    border-color: transparent;
    box-shadow: 0 22px 60px -28px rgba(139, 118, 255, .55);
    transition: transform .13s ease, box-shadow .18s ease;
}
.sc-button--primary:hover,
.sc-button--conversion:hover {
    transform: translateY(-1px);
    box-shadow: 0 26px 70px -26px rgba(139, 118, 255, .75);
}
.sc-button--primary:active, .sc-button--conversion:active { transform: translateY(1px); }

/* — Preço é dinheiro: mais presença, tabular — */
.sc-plan-card__price strong { font-size: 37px; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.sc-plans-hero__price strong,
.sc-combo-offer__price strong { font-variant-numeric: tabular-nums; }

/* — Destaque do plano: brilho da marca, fio de luz mais nítido — */
.sc-plan-card--featured {
    border-color: rgba(139, 118, 255, .45);
    box-shadow: 0 30px 80px -44px rgba(139, 118, 255, .8), inset 0 1px 0 rgba(255, 255, 255, .06);
}

/* — Des-caixificar avisos: nota com filete, não caixa — */
.sc-plan-requirement {
    padding: 4px 0 4px 16px;
    border: 0;
    border-left: 2px solid rgba(139, 118, 255, .32);
    border-radius: 0;
    background: transparent;
}
.sc-plan-requirement i { display: none; }

/* — Faixa de confiança: recibo, não outdoor — */
.sc-plan-trust {
    border: 0;
    border-block: 1px solid rgba(255, 255, 255, .08);
    border-radius: 0;
    background: transparent;
    padding-inline: 4px;
}

/* — Seleção e rolagem na identidade (estas páginas não carregam a home-v3) — */
.sc-public-page ::selection, .sc-product-page ::selection, .sc-inbox-page ::selection {
    background: rgba(139, 118, 255, .35); color: #fff;
}
html { scrollbar-color: #2a2a3a #090b10; }
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background: #090b10; }
::-webkit-scrollbar-thumb { background: #23232f; border-radius: 8px; border: 3px solid #090b10; }
::-webkit-scrollbar-thumb:hover { background: #32324a; }

/* Uma família só também nas páginas de produto: a serif itálica sai (14/08) */
.sc-page-hero h1 em,
.sc-product-hero h1 em,
.sc-plans-hero__copy h1 em {
    font-family: inherit;
    font-style: normal;
    font-weight: inherit;
    font-size: 1em;
    letter-spacing: inherit;
    color: #b7a8ff;
}

/* ============================================================================
   CTA DE ALTO CONTRASTE — 14/08
   Botão violeta sobre página violeta-escura era a mesma matiz: não saltava.
   O botão de venda agora usa o VERDE-dinheiro da própria paleta com texto
   escuro (contraste ~9:1) — matiz oposta ao fundo, impossível não ver.
   Violeta segue nos acentos e no secundário.
   ========================================================================== */
.sc-button--primary, .sc-button--conversion {
    background: #2fd695;
    color: #05261c;
    box-shadow: 0 14px 44px -14px rgba(47, 214, 149, .55);
    font-weight: 800;
}
.sc-button--primary:hover, .sc-button--conversion:hover {
    background: #49e2a7;
    color: #05261c;
    box-shadow: 0 18px 52px -14px rgba(47, 214, 149, .7);
}
.sc-button--primary > i, .sc-button--conversion > i { opacity: 1; }

/* ============================================================================
   CTA DEFINITIVO — BRANCO (14/08)
   Verde com texto escuro reprovou na leitura do dono. Solução sem margem para
   erro: botão BRANCO com texto quase-preto (contraste 19:1) sobre página
   escura — o ponto mais luminoso da tela, texto impossível de não ler.
   Halo violeta discreto mantém a marca.
   ========================================================================== */
.sc-button--primary, .sc-button--conversion {
    background: #ffffff;
    color: #0c0c14;
    font-weight: 800;
    letter-spacing: -.005em;
    box-shadow: 0 10px 34px -10px rgba(139, 118, 255, .5), 0 2px 10px rgba(0, 0, 0, .35);
}
.sc-button--primary:hover, .sc-button--conversion:hover {
    background: #ffffff;
    color: #0c0c14;
    transform: translateY(-1px);
    box-shadow: 0 16px 44px -12px rgba(139, 118, 255, .75), 0 2px 10px rgba(0, 0, 0, .35);
}
.sc-button--primary > i, .sc-button--conversion > i { color: #6d55f0; opacity: 1; }

/* ============================================================================
   CAUSA RAIZ DO CTA ILEGÍVEL (14/08) — `.sc-site a { color: inherit }` (0,1,1)
   sempre venceu `.sc-button--primary` (0,1,0): o texto de TODO botão-âncora
   herdava o cinza do corpo. Era isso, desde o início, o "sem contraste".
   Seletores com peso certo, cobrindo home e páginas de produto:
   ========================================================================== */
.sc-site .sc-button--primary,
.sc-site .sc-button--conversion,
.sc-public-page .sc-button--primary,
.sc-public-page .sc-button--conversion,
.sc-product-page .sc-button--primary,
.sc-product-page .sc-button--conversion,
.sc-inbox-page .sc-button--primary,
.sc-inbox-page .sc-button--conversion,
a.sc-button--primary, a.sc-button--conversion,
button.sc-button--primary, button.sc-button--conversion {
    background: #ffffff;
    color: #0c0c14;
}
.sc-site .sc-button--primary:hover,
.sc-site .sc-button--conversion:hover,
.sc-public-page .sc-button--primary:hover,
.sc-public-page .sc-button--conversion:hover,
.sc-product-page .sc-button--primary:hover,
.sc-product-page .sc-button--conversion:hover,
.sc-inbox-page .sc-button--primary:hover,
.sc-inbox-page .sc-button--conversion:hover,
a.sc-button--primary:hover, a.sc-button--conversion:hover {
    background: #ffffff;
    color: #0c0c14;
}