* {
    box-sizing: border-box
}

body {
    margin: 0;
    background: #101216;
    color: #eef1f5;
    font: 15px system-ui, Arial
}

header {
    padding: 20px max(20px, calc((100% - 900px)/2));
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #282d35;
    background: #15181d
}

header small {
    display: block;
    color: #8f98a6;
    margin-top: 3px
}

/* Navega\u00e7\u00e3o do painel do cliente */
.app-header {
    gap: 20px;
    align-items: center;
}

.app-brand b {
    font-size: 1rem;
}

.tenant-menu {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tenant-menu a {
    color: #cbd2dc;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 8px 10px;
    font-size: .9rem;
    line-height: 1;
    transition: .15s ease;
}

.tenant-menu a:hover {
    background: #20252d;
    border-color: #303a47;
    color: #fff;
}

.tenant-menu a[href="/upgrade"] {
    background: #dff8ea;
    border-color: #dff8ea;
    color: #075c36;
    font-weight: 750;
    margin-left: 4px;
}

.tenant-menu a[href="/upgrade"]:hover {
    background: #9de8be;
    border-color: #9de8be;
    color: #04391f;
}

.menu-divider {
    height: 22px;
    width: 1px;
    background: #303640;
    margin: 0 4px;
}

.tenant-menu .logout-link {
    color: #f0a4a8;
}

.tenant-menu .logout-link:hover {
    background: #322124;
    border-color: #573337;
    color: #ffd3d5;
}

a {
    color: #cbd2dc;
    text-decoration: none
}

main {
    max-width: 900px;
    margin: 28px auto;
    padding: 0 20px
}

.grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px
}

/* O seletor 'section' já aplica o background, borda e padding aos cards */
.grid article,
section,
.login main {
    background: #171a20;
    border: 1px solid #282e37;
    border-radius: 12px;
    padding: 18px;
    margin-bottom: 16px;
}

.grid small {
    color: #8f98a6
}

.grid strong {
    display: block;
    font-size: 1.45rem;
    margin: 8px 0 13px
}

/* Barras de progresso do Grid (CPU/RAM/Disco) */
.grid i {
    display: block;
    height: 5px;
    background: #303640;
    border-radius: 8px;
    overflow: hidden
}

.grid i:after {
    content: '';
    display: block;
    height: 100%;
    width: var(--w, 0);
    background: #dfe4e9;
    transition: width 0.3s ease;
}

h1 {
    margin: 0 0 3px;
    font-size: 1.5rem
}

h2 {
    font-size: 1rem;
    margin-top: 0;
}

h2 span {
    float: right;
    color: #9bd2a9;
    font-size: .8rem
}

/* ──────────────────────────────────────────
   NOVO: Estilos do Card Consumo do Plano
────────────────────────────────────────── */
.plan-details {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 14px;
}

.plan-details .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.95rem;
}

.plan-details .row span {
    color: #8f98a6;
}

.plan-details hr {
    border: 0;
    border-top: 1px dashed #282e37;
    margin: 6px 0;
}

/* Barra de progresso do Plano (Maior e com cor) */
.bar-container {
    height: 8px;
    background: #20252d;
    border-radius: 8px;
    overflow: hidden;
    margin: 4px 0;
}

.bar-container i {
    display: block;
    height: 100%;
    width: var(--w, 0%);
    background: #4ade80; /* Verde dinâmico */
    border-radius: 8px;
    transition: width 0.4s ease;
}

.warning-text {
    color: #fbbf24;
    font-weight: 600;
    font-size: 0.85rem;
    background: #2a2215;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #453314;
    text-align: center;
}

.highlight strong {
    color: #f87171;
}

.savings strong {
    color: #4ade80;
}

.btn-upgrade {
    width: 100%;
    margin-top: 6px;
    background: #22c55e;
    color: #052e16;
    padding: 11px;
    border: 0;
    border-radius: 8px;
    font-weight: 700;
    font-size: 0.95rem;
    cursor: pointer;
    transition: background 0.15s ease;
}

.btn-upgrade:hover {
    background: #16a34a;
    color: #ffffff;
}

/* ────────────────────────────────────────── */

.stations {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px
}

.stations > a {
    background: #111419;
    padding: 13px;
    border-radius: 8px;
    transition: .15s
}

.stations > a:hover {
    background: #20252d
}

.stations em {
    float: right;
    color: #9bd2a9;
    font-style: normal;
    font-size: .8rem
}
.station-item { background:#111419; border-radius:8px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 10px; }
.station-item > a:first-child { padding:5px; flex:1; min-width:0; }
.station-actions { display:flex; align-items:center; gap:8px; }
.copy-station-link,.copy-link,.listen-station-link { border:1px solid #2f4e43; background:#16271f; color:#a9efc7; border-radius:7px; padding:7px 9px; cursor:pointer; font:inherit; font-size:.78rem; white-space:nowrap; }
.copy-station-link:hover,.copy-link:hover,.listen-station-link:hover { background:#1f392d; color:#fff; }
.setup-link { color:#9bd2a9; }
.manage-link { color:#9bd2a9; padding:7px 3px; font-size:.8rem; }

.login {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 20px
}

.login main {
    width: min(390px, 100%)
}

.login h1 {
    margin-top: 24px
}

.login p,
.muted {
    color: #8f98a6
}

.login label,
.upload label {
    display: block;
    margin: 16px 0 6px;
    color: #aab3bf
}

.login input,
.upload input {
    width: 100%;
    padding: 11px;
    border-radius: 8px;
    border: 1px solid #303640;
    background: #0f1216;
    color: #fff
}

.login button,
.upload button,
.danger {
    padding: 10px 14px;
    border: 0;
    border-radius: 8px;
    font-weight: 700;
    cursor: pointer
}

.login button {
    width: 100%;
    margin-top: 20px
}

.error {
    background: #3b2023;
    padding: 9px;
    border-radius: 7px;
    color: #f2b8bc
}

.success {
    background: #173426;
    padding: 9px;
    border-radius: 7px;
    color: #b7efc5;
    margin-bottom: 14px;
}

.account-card {
    max-width: 560px;
}

.account-card label,
.account-card input {
    display: block;
    width: 100%;
}

.account-card label {
    margin: 16px 0 6px;
    color: #aab3bf;
}

.account-card input {
    padding: 11px;
    border-radius: 8px;
    border: 1px solid #303640;
    background: #0f1216;
    color: #fff;
}

.account-card input[readonly] {
    color: #aab3bf;
}

.account-card button {
    margin-top: 18px;
    padding: 10px 14px;
    border: 0;
    border-radius: 8px;
    font-weight: 700;
    cursor: pointer;
}
.stream-links { margin-top:24px; padding-top:18px; border-top:1px solid #282e37; }
.stream-links ul { padding-left:18px; }
.stream-links li { margin:12px 0; overflow-wrap:anywhere; display:flex; gap:10px; align-items:flex-start; }
.stream-links code { color:#b7efc5; font-size:.82rem; }

.upload {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid #282e37
}

.upload button {
    margin-top: 12px
}

.upload small {
    display: block;
    color: #8f98a6;
    margin-top: 9px
}

.table-wrap {
    overflow: auto
}

table {
    width: 100%;
    border-collapse: collapse
}

th,
td {
    text-align: left;
    padding: 12px 9px;
    border-bottom: 1px solid #282e37
}

th {
    color: #8f98a6;
    font-size: .8rem
}

.danger {
    background: #3a2023;
    color: #f1c2c5
}

.empty {
    text-align: center;
    color: #8f98a6;
    padding: 25px
}

@media(max-width:700px) {
    .app-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .tenant-menu {
        justify-content: flex-start;
        width: 100%;
    }

    .grid {
        grid-template-columns: 1fr 1fr
    }

    .stations {
        grid-template-columns: 1fr
    }

    main {
        margin-top: 18px
    }
}

/* Landing pública e planos */
.public-page { background:#090c12; color:#f5f7fb; }
.public-nav { max-width:1180px; margin:auto; padding:18px 28px; display:flex; justify-content:space-between; align-items:center; background:transparent; border:0; }
.public-nav nav { display:flex; gap:22px; align-items:center; }
.brand { font-weight:800; letter-spacing:-.03em; color:#fff; font-size:1.08rem; }
.nav-cta,.button { display:inline-flex; justify-content:center; align-items:center; background:#fff; color:#0a0d13; border-radius:999px; padding:11px 18px; font-weight:750; border:0; cursor:pointer; }
.landing { max-width:1180px; margin:0 auto; padding:0 28px 64px; }
.hero { position:relative; min-height:630px; overflow:hidden; border-radius:28px; border:1px solid #1e2635; background:#0d1119; }
.hero img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; opacity:.82; }
.hero:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,10,16,.97) 0%,rgba(7,10,16,.76) 41%,rgba(7,10,16,.05) 78%),linear-gradient(0deg,rgba(7,10,16,.55),transparent 45%); }
.hero-copy { position:relative; z-index:1; width:min(580px,92%); padding:120px 64px; }
.eyebrow { color:#74d4ff; text-transform:uppercase; letter-spacing:.13em; font-size:.75rem; font-weight:800; }
.hero h1,.plans-section h2,.contract-page h1 { font-size:clamp(2.6rem,6vw,5.5rem); letter-spacing:-.065em; line-height:.98; margin:.35rem 0 22px; }
.hero p:not(.eyebrow) { color:#c0c8d4; font-size:1.1rem; line-height:1.6; max-width:490px; }
.hero-actions { display:flex; gap:12px; margin-top:30px; flex-wrap:wrap; }
.button-secondary { background:rgba(255,255,255,.1); color:#fff; border:1px solid rgba(255,255,255,.2); }
.feature-grid,.plan-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.feature-grid { margin:56px 0 88px; }
.feature-grid article,.plan-card { background:#111722; border:1px solid #222c3d; border-radius:18px; padding:24px; }
.feature-grid span { color:#74d4ff; font-weight:800; font-size:.8rem; }
.feature-grid h2 { font-size:1.25rem; margin:17px 0 10px; }
.feature-grid p,.plan-card p { color:#98a5b7; line-height:1.5; }
.plans-section { text-align:center; padding:24px 0 20px; }
.plans-section h2 { font-size:clamp(2.1rem,4vw,3.6rem); margin-bottom:12px; }
.plans-section > .muted { max-width:520px; margin:0 auto 30px; }
.plan-grid { text-align:left; margin-top:32px; }
.plan-card { display:flex; flex-direction:column; min-height:270px; }
.plan-card h3 { font-size:1.2rem; margin:0 0 15px; }
.plan-card strong { font-size:2rem; letter-spacing:-.05em; }
.plan-card .button,.plan-card button { margin-top:auto; width:100%; }
.plan-card button[disabled] { opacity:.45; cursor:not-allowed; }
.public-footer { max-width:1180px; margin:32px auto 0; padding:28px; color:#718096; border-top:1px solid #1d2634; }
.contract-page { max-width:680px; margin:40px auto; padding:0 24px; }
.contract-page section { padding:34px; }
.contract-page h1 { font-size:clamp(2.4rem,5vw,4rem); }
.lead-form label,.lead-form input,.lead-form select { display:block; width:100%; }
.lead-form label { margin:17px 0 6px; color:#aab3bf; }
.lead-form input,.lead-form select { padding:12px; border-radius:9px; border:1px solid #303c50; background:#0d121b; color:#fff; }
.lead-form button { margin-top:22px; width:100%; padding:13px; border:0; border-radius:999px; background:#fff; color:#0b0d12; font-weight:800; cursor:pointer; }
.lead-form .consent { display:flex; gap:9px; align-items:flex-start; line-height:1.45; font-size:.9rem; }
.lead-form .consent input { width:auto; margin-top:3px; }
.lead-form .consent a { color:#a9d7ff; text-decoration:underline; }
.usage-summary { display:grid; grid-template-columns:1fr 1fr; gap:12px; background:transparent; padding:0; border:0; }
.usage-summary div { background:#171a20; border:1px solid #282e37; border-radius:12px; padding:17px; }
.usage-summary small,.usage-summary span { display:block; color:#8f98a6; }
.usage-summary strong { display:block; margin:7px 0; font-size:1.1rem; }
.login-help { margin-top:18px; text-align:center; }
@media(max-width:760px) { .public-nav{padding:16px 20px}.public-nav nav a:not(.nav-cta){display:none}.landing{padding:0 16px 40px}.hero{min-height:590px;border-radius:20px}.hero-copy{padding:82px 28px}.feature-grid,.plan-grid{grid-template-columns:1fr}.usage-summary{grid-template-columns:1fr}.hero h1{font-size:3.1rem} }

/* Landing imersiva 2026 */
.rp-landing { --rp-bg:#07090d; --rp-panel:#0e1219; --rp-line:rgba(255,255,255,.12); --rp-muted:#aab2c0; --rp-cyan:#6de1ff; --rp-amber:#ffb45f; background:var(--rp-bg); overflow-x:hidden; }
.rp-landing *, .rp-landing *:before, .rp-landing *:after { box-sizing:border-box; }
.rp-landing main { width:100%; max-width:none; margin:0; padding:0; }
.rp-landing em { color:var(--rp-cyan); font-style:normal; }
.rp-nav { position:fixed; z-index:100; top:18px; left:50%; width:min(1180px,calc(100% - 40px)); height:66px; padding:0 12px 0 22px; display:flex; align-items:center; justify-content:space-between; transform:translateX(-50%); border:1px solid rgba(255,255,255,.08); border-radius:18px; background:rgba(8,11,16,.55); backdrop-filter:blur(18px) saturate(140%); transition:background .25s,border-color .25s,top .25s,box-shadow .25s; }
.rp-nav.is-scrolled { top:10px; background:rgba(8,11,16,.9); border-color:rgba(255,255,255,.14); box-shadow:0 16px 50px rgba(0,0,0,.35); }
.rp-brand { display:inline-flex; align-items:center; gap:11px; color:#fff; font-size:1.03rem; font-weight:750; letter-spacing:-.03em; white-space:nowrap; }
.rp-brand b { color:var(--rp-cyan); }
.rp-brand-wave { width:24px; height:24px; display:flex; gap:2px; align-items:center; justify-content:center; border-radius:7px; background:rgba(109,225,255,.12); }
.rp-brand-wave i { display:block; width:2px; height:7px; border-radius:5px; background:var(--rp-cyan); }
.rp-brand-wave i:nth-child(2) { height:14px; }.rp-brand-wave i:nth-child(3) { height:10px; }.rp-brand-wave i:nth-child(4) { height:17px; }
.rp-nav nav { display:flex; align-items:center; gap:28px; }
.rp-nav nav a { color:#c7ced9; font-size:.86rem; transition:color .2s; }
.rp-nav nav a:hover { color:#fff; }
.rp-nav-cta { display:inline-flex; gap:9px; align-items:center; padding:12px 17px; border-radius:11px; background:#fff; color:#090c11; font-size:.86rem; font-weight:800; transition:transform .2s,box-shadow .2s; }
.rp-nav-cta:hover,.rp-button:hover { transform:translateY(-2px); box-shadow:0 12px 35px rgba(109,225,255,.15); }
.rp-language-switch { display:flex !important; gap:5px !important; margin-left:10px; }
.rp-language-switch a { padding:6px 7px; border:1px solid transparent; border-radius:7px; color:#9da8b8 !important; font-size:.7rem !important; font-weight:700; }
.rp-language-switch a:hover,.rp-language-switch a.is-active { color:#fff !important; border-color:rgba(255,255,255,.2); background:rgba(255,255,255,.08); }
.rp-hero { position:relative; min-height:100svh; display:flex; align-items:center; overflow:hidden; isolation:isolate; background:#16100b; }
.rp-currency-note { max-width:760px; margin:14px auto 0; color:rgba(220,230,240,.68); font-size:.8rem; line-height:1.5; text-align:center; }
.rp-parallax-media { position:absolute; z-index:-3; inset:-5%; width:110%; height:110%; object-fit:cover; transform:translate3d(0,calc(var(--rp-scroll,0px) * .07),0); will-change:transform; }
.rp-hero-shade { position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,rgba(5,7,11,.96) 0%,rgba(5,7,11,.75) 43%,rgba(5,7,11,.08) 76%),linear-gradient(0deg,#07090d 0%,transparent 30%,rgba(0,0,0,.18) 100%); }
.rp-hero-content { width:min(1180px,calc(100% - 64px)); margin:0 auto; padding:150px 0 125px; }
.rp-kicker { display:flex; align-items:center; gap:10px; margin:0 0 20px; color:#d2d8e1; font-size:.72rem; font-weight:850; letter-spacing:.16em; text-transform:uppercase; }
.rp-kicker > span { width:28px; height:1px; background:var(--rp-cyan); box-shadow:0 0 10px var(--rp-cyan); }
.rp-hero h1 { max-width:780px; margin:0; color:#fff; font-size:clamp(3.4rem,6.7vw,7.4rem); line-height:.88; letter-spacing:-.072em; text-wrap:balance; }
.rp-hero h1 em { color:var(--rp-amber); }
.rp-hero-lead { max-width:610px; margin:30px 0 0; color:#c1c8d2; font-size:clamp(1rem,1.35vw,1.2rem); line-height:1.65; }
.rp-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.rp-button { min-height:52px; display:inline-flex; align-items:center; justify-content:center; gap:16px; padding:0 22px; border:1px solid transparent; border-radius:12px; font-weight:800; transition:transform .2s,box-shadow .2s,background .2s; }
.rp-button-primary { color:#051014; background:var(--rp-cyan); }
.rp-button-primary span { font-size:1.25rem; }
.rp-button-ghost { color:#fff; background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.18); backdrop-filter:blur(10px); }
.rp-live-pill { position:absolute; right:max(32px,calc((100vw - 1180px)/2)); bottom:64px; display:flex; align-items:center; gap:13px; padding:14px 18px; border:1px solid rgba(255,255,255,.15); border-radius:14px; background:rgba(7,10,15,.67); backdrop-filter:blur(14px); }
.rp-live-pill small,.rp-live-pill strong { display:block; }.rp-live-pill small { margin-bottom:3px; color:#72f6c5; font-size:.62rem; letter-spacing:.15em; }.rp-live-pill strong { font-size:.86rem; }
.rp-live-dot { width:9px; height:9px; border-radius:50%; background:#45e4a7; box-shadow:0 0 0 6px rgba(69,228,167,.13),0 0 18px #45e4a7; animation:rp-pulse 2s infinite; }
.rp-scroll-cue { position:absolute; bottom:42px; left:50%; display:flex; align-items:center; gap:10px; color:#9ba5b3; font-size:.67rem; letter-spacing:.14em; text-transform:uppercase; transform:translateX(-50%) rotate(-90deg) translateX(50%); transform-origin:center; }
.rp-scroll-cue span { width:42px; height:1px; background:currentColor; }
@keyframes rp-pulse { 50% { box-shadow:0 0 0 9px rgba(69,228,167,0),0 0 24px #45e4a7; } }

.rp-statement,.rp-possibilities,.rp-monetization,.rp-how,.rp-plans,.rp-final-cta { width:min(1180px,calc(100% - 64px)); margin-left:auto; margin-right:auto; }
.rp-statement { padding:145px 0 130px; text-align:center; }
.rp-statement .rp-kicker,.rp-plans .rp-kicker { justify-content:center; }
.rp-statement h2,.rp-section-heading h2,.rp-cinematic h2,.rp-control-copy h2,.rp-plans h2,.rp-final-cta h2 { margin:0; font-size:clamp(2.5rem,5vw,5.3rem); line-height:1; letter-spacing:-.06em; }
.rp-bridge { display:grid; grid-template-columns:1fr 160px 1fr; align-items:center; gap:32px; margin-top:70px; text-align:left; }
.rp-bridge-side { min-height:260px; padding:30px; border:1px solid var(--rp-line); border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015)); }
.rp-bridge-icon { width:48px; height:48px; display:grid; place-items:center; margin-bottom:38px; border:1px solid rgba(109,225,255,.25); border-radius:14px; color:var(--rp-cyan); background:rgba(109,225,255,.07); font-size:1.35rem; }
.rp-bridge-side small { display:block; margin-bottom:8px; color:#7e8a9b; font-weight:850; letter-spacing:.12em; }.rp-bridge-side strong { display:block; font-size:1.35rem; }.rp-bridge-side p { margin:12px 0 0; color:var(--rp-muted); line-height:1.6; }
.rp-signal { display:flex; align-items:center; gap:4px; color:var(--rp-cyan); }
.rp-signal i { width:4px; height:24px; border-radius:5px; background:currentColor; opacity:.18; animation:rp-signal 1.4s ease-in-out infinite; }.rp-signal i:nth-child(2),.rp-signal i:nth-last-child(2){height:42px;animation-delay:.1s}.rp-signal i:nth-child(3),.rp-signal i:nth-last-child(3){height:62px;animation-delay:.2s}
.rp-signal b { padding:9px; font-size:.6rem; letter-spacing:.12em; white-space:nowrap; }
@keyframes rp-signal { 50% { opacity:1; transform:scaleY(.65); } }

.rp-cinematic { position:relative; min-height:760px; display:flex; align-items:center; overflow:hidden; isolation:isolate; }
.rp-cinematic .rp-parallax-media,.rp-control-scene .rp-parallax-media { transform:translate3d(0,calc((var(--rp-scroll,0px) - 1100px) * .035),0); }
.rp-cinematic-shade { position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,transparent 10%,rgba(6,8,13,.18) 44%,rgba(6,8,13,.96) 78%),linear-gradient(0deg,#07090d 0%,transparent 20%,transparent 80%,#07090d 100%); }
.rp-cinematic-copy { width:min(1180px,calc(100% - 64px)); margin:0 auto; }.rp-copy-right { padding-left:min(58%,680px); }
.rp-cinematic h2 { font-size:clamp(2.7rem,4.8vw,5.4rem); }.rp-cinematic-copy > p:not(.rp-kicker) { color:#b7c0ce; line-height:1.7; font-size:1.05rem; }
.rp-check-list { display:grid; gap:13px; margin:28px 0 0; padding:0; list-style:none; color:#d5dbe4; }.rp-check-list span { display:inline-grid; width:21px; height:21px; place-items:center; margin-right:8px; border-radius:50%; color:#061016; background:var(--rp-cyan); font-size:.7rem; font-weight:900; }

.rp-possibilities { padding:150px 0; }.rp-section-heading { display:grid; grid-template-columns:1.4fr .6fr; align-items:end; gap:70px; margin-bottom:55px; }.rp-section-heading > p { margin:0 0 8px; color:var(--rp-muted); line-height:1.7; }
.rp-use-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.rp-use-card { position:relative; min-height:315px; display:flex; flex-direction:column; padding:27px; overflow:hidden; border:1px solid var(--rp-line); border-radius:20px; background:linear-gradient(145deg,#111722,#0c1017); transition:transform .25s,border-color .25s; }.rp-use-card:hover { transform:translateY(-5px); border-color:rgba(109,225,255,.38); }
.rp-use-card-featured { background:radial-gradient(circle at 85% 5%,rgba(255,180,95,.22),transparent 42%),linear-gradient(145deg,#17130f,#0c1017); }.rp-use-number { color:#596575; font-size:.7rem; font-weight:800; letter-spacing:.12em; }.rp-use-icon { position:absolute; top:23px; right:24px; color:var(--rp-cyan); font-size:1.4rem; }.rp-use-card h3 { margin:auto 0 9px; font-size:1.32rem; }.rp-use-card p { min-height:84px; margin:0; color:var(--rp-muted); line-height:1.55; }.rp-use-card small { margin-top:24px; color:#788598; font-weight:700; text-transform:uppercase; letter-spacing:.1em; }

.rp-monetization { padding:20px 0 150px; }.rp-revenue-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.rp-revenue-card { position:relative; min-height:330px; display:flex; flex-direction:column; padding:30px; border:1px solid var(--rp-line); border-radius:20px; background:linear-gradient(145deg,#111923,#0b1017); }.rp-revenue-card-featured { border-color:rgba(109,225,255,.28); background:radial-gradient(circle at 85% 5%,rgba(109,225,255,.17),transparent 42%),linear-gradient(145deg,#121b25,#0b1017); }.rp-revenue-card small { color:var(--rp-cyan); font-weight:800; letter-spacing:.11em; text-transform:uppercase; }.rp-revenue-card h3 { margin:auto 0 12px; font-size:1.45rem; line-height:1.15; }.rp-revenue-card p { margin:0; color:var(--rp-muted); line-height:1.62; }.rp-investment-note { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) auto; align-items:center; gap:28px; margin-top:14px; padding:27px 30px; border:1px solid rgba(109,225,255,.22); border-radius:20px; background:linear-gradient(120deg,rgba(18,37,49,.9),rgba(11,16,23,.96)); }.rp-investment-note strong { font-size:1.18rem; line-height:1.3; }.rp-investment-note p { margin:0; color:#a8b4c3; line-height:1.58; }.rp-investment-note .rp-button { white-space:nowrap; }
.rp-listening-network { display:grid; grid-template-columns:1.05fr .95fr; gap:45px; margin-top:14px; padding:38px; border:1px solid rgba(109,225,255,.2); border-radius:22px; background:radial-gradient(circle at 0 0,rgba(109,225,255,.12),transparent 38%),#0b1118; }.rp-listening-network h3 { max-width:520px; margin:8px 0 15px; font-size:clamp(1.8rem,3vw,3rem); line-height:1; letter-spacing:-.045em; }.rp-listening-network-copy > p:not(.rp-kicker) { max-width:590px; margin:0; color:var(--rp-muted); line-height:1.65; }.rp-listening-places { display:flex; flex-wrap:wrap; gap:8px; margin-top:25px; }.rp-listening-places span { padding:8px 11px; border:1px solid rgba(109,225,255,.17); border-radius:999px; background:rgba(109,225,255,.055); color:#b8eefa; font-size:.72rem; font-weight:750; }.rp-listening-modes { display:grid; align-content:center; gap:10px; }.rp-listening-modes article { display:grid; grid-template-columns:38px 1fr; gap:14px; padding:17px; border:1px solid var(--rp-line); border-radius:15px; background:#090e14; }.rp-listening-modes article > b { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:rgba(109,225,255,.09); color:var(--rp-cyan); font-size:.7rem; }.rp-listening-modes strong { display:block; margin:1px 0 6px; }.rp-listening-modes p { margin:0; color:#8f9cad; font-size:.8rem; line-height:1.5; }.rp-listening-modes > small { padding:7px 4px 0; color:#748294; font-size:.69rem; line-height:1.5; }

.rp-control-scene { position:relative; min-height:820px; display:flex; align-items:center; overflow:hidden; isolation:isolate; }.rp-control-scene .rp-parallax-media { transform:translate3d(0,calc((var(--rp-scroll,0px) - 3300px) * .03),0); }.rp-control-overlay { position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,rgba(5,8,13,.96) 0%,rgba(5,8,13,.78) 37%,transparent 72%),linear-gradient(0deg,#07090d 0%,transparent 20%,transparent 80%,#07090d 100%); }.rp-control-copy { width:min(1180px,calc(100% - 64px)); margin:auto; }.rp-control-copy > p:not(.rp-kicker) { max-width:540px; color:#b7c0ce; font-size:1.05rem; line-height:1.7; }.rp-control-stats { max-width:610px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:38px; }.rp-control-stats div { padding:18px; border:1px solid var(--rp-line); border-radius:15px; background:rgba(8,12,18,.65); backdrop-filter:blur(10px); }.rp-control-stats strong,.rp-control-stats span { display:block; }.rp-control-stats strong { color:var(--rp-cyan); font-size:1.7rem; }.rp-control-stats span { margin-top:6px; color:#9ea8b6; font-size:.78rem; line-height:1.35; }

.rp-how { padding:145px 0; }.rp-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:0; padding:0; list-style:none; border:1px solid var(--rp-line); border-radius:22px; overflow:hidden; background:var(--rp-line); }.rp-steps li { min-height:260px; padding:28px; background:#0d1219; }.rp-steps li > span { color:var(--rp-cyan); font-size:.7rem; font-weight:850; letter-spacing:.14em; }.rp-steps li div { margin-top:90px; }.rp-steps h3 { margin:0 0 10px; font-size:1.3rem; }.rp-steps p { margin:0; color:var(--rp-muted); line-height:1.55; }
.rp-plans { position:relative; padding-top:135px; padding-bottom:135px; text-align:center; }.rp-plans-glow { position:absolute; z-index:-1; top:10%; left:50%; width:70%; height:50%; transform:translateX(-50%); background:radial-gradient(ellipse,rgba(56,176,221,.16),transparent 68%); filter:blur(25px); }.rp-plans h2 { font-size:clamp(2.8rem,5vw,5.4rem); }.rp-plans-lead { max-width:570px; margin:24px auto 0; color:var(--rp-muted); line-height:1.6; }.rp-listener-explainer { max-width:850px; display:flex; align-items:flex-start; gap:16px; margin:34px auto 0; padding:18px 20px; border:1px solid rgba(109,225,255,.2); border-radius:15px; background:rgba(109,225,255,.055); text-align:left; }.rp-listener-explainer > span { width:36px; height:36px; display:grid; flex:none; place-items:center; border-radius:50%; color:#071116; background:var(--rp-cyan); font-weight:900; }.rp-listener-explainer strong { display:block; color:#eaf9fc; font-size:.88rem; }.rp-listener-explainer p { margin:6px 0 0; color:#8f9dad; font-size:.78rem; line-height:1.55; }.rp-plans .plan-grid { margin-top:30px; }.rp-plans .plan-card { min-width:0; min-height:380px; padding:29px; border-color:var(--rp-line); border-radius:20px; background:linear-gradient(145deg,#121925,#0c1118); text-align:left; }.rp-plans .plan-card strong { color:#fff; font-size:2.4rem; }.rp-plans .plan-card .founder-price { display:grid; gap:5px; line-height:1; }.rp-plans .founder-price s { color:#8e99a8; font-size:1.05rem; font-weight:650; letter-spacing:-.02em; }.rp-plans .founder-price span { display:block; }.rp-plans .founder-price small { margin-left:3px; }.rp-plans .plan-card .button { background:var(--rp-cyan); }.rp-plans .founder-badge { display:inline-flex; width:max-content; max-width:100%; margin:13px 0 5px; padding:7px 10px; border-radius:7px; color:#071014; background:var(--rp-amber); font-size:.72rem; font-weight:800; }
.rp-final-cta { min-height:350px; display:flex; align-items:center; justify-content:space-between; gap:40px; margin-bottom:100px; padding:60px; border:1px solid rgba(109,225,255,.22); border-radius:28px; background:radial-gradient(circle at 80% 50%,rgba(109,225,255,.14),transparent 38%),linear-gradient(135deg,#121923,#0b0f15); }.rp-final-cta h2 { font-size:clamp(2.3rem,4.4vw,4.4rem); }.rp-final-cta .rp-button { flex:none; }
.rp-footer { width:min(1180px,calc(100% - 64px)); display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:auto; padding:45px 0; border-top:1px solid var(--rp-line); color:#778394; }.rp-footer p { margin:0; text-align:right; }.rp-footer nav { display:flex; gap:24px; }.rp-footer nav a { color:#9ba6b4; }.rp-footer small { text-align:right; }
.rp-statement,.rp-possibilities,.rp-monetization,.rp-how,.rp-plans { padding-left:32px; padding-right:32px; }
[data-reveal] { opacity:0; transform:translateY(28px); transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1); }[data-reveal].is-visible { opacity:1; transform:none; }

@media (max-width:980px) {
    .rp-nav nav { display:none; }.rp-nav .rp-language-switch { display:flex !important; margin-left:auto; margin-right:8px; }.rp-language-switch a { font-size:0 !important; padding:7px 5px; }.rp-language-switch a::after { font-size:.68rem; }.rp-language-switch a[href*="lang=pt"]::after { content:'PT'; }.rp-language-switch a[href*="lang=en"]::after { content:'EN'; }.rp-language-switch a[href*="lang=es"]::after { content:'ES'; }.rp-hero h1 { font-size:clamp(3.5rem,9vw,6rem); }.rp-live-pill { right:32px; }
    .rp-bridge { grid-template-columns:1fr 100px 1fr; gap:18px; }.rp-copy-right { padding-left:45%; }.rp-use-grid { grid-template-columns:repeat(2,1fr); }.rp-revenue-grid { grid-template-columns:repeat(2,1fr); }.rp-listening-network { grid-template-columns:1fr; gap:28px; }.rp-investment-note { grid-template-columns:1fr 1fr; }.rp-investment-note .rp-button { grid-column:1/-1; width:max-content; }
    .rp-section-heading { grid-template-columns:1fr; gap:25px; }.rp-final-cta { padding:45px; }
}
@media (max-width:700px) {
    .rp-hero,.rp-cinematic,.rp-control-scene,.rp-statement,.rp-possibilities,.rp-monetization,.rp-how,.rp-plans,.rp-final-cta { width:calc(100% - 16px); margin-left:8px; margin-right:8px; }
    .rp-nav { top:10px; width:calc(100% - 24px); height:58px; padding-left:14px; border-radius:15px; }.rp-nav-cta { padding:10px 13px; font-size:.77rem; }.rp-nav-cta span { display:none; }
    .rp-hero { min-height:1050px; align-items:flex-start; background:#07090d; }.rp-parallax-media { inset:0; width:100%; transform:none!important; }.rp-hero .rp-parallax-media { top:68px; height:auto; aspect-ratio:1672/940; object-fit:contain; object-position:center top; }.rp-hero-shade { background:linear-gradient(0deg,#07090d 0%,#07090d 45%,rgba(7,9,13,.86) 61%,rgba(7,9,13,.08) 83%,rgba(7,9,13,.28) 100%); }
    .rp-hero-content { width:calc(100% - 32px); padding:305px 0 150px; }.rp-hero h1 { max-width:100%; font-size:clamp(2.45rem,11.5vw,3.2rem); line-height:.95; letter-spacing:-.055em; text-wrap:pretty; }.rp-hero h1 br,.rp-statement h2 br,.rp-cinematic h2 br,.rp-control-copy h2 br,.rp-section-heading h2 br,.rp-plans h2 br,.rp-final-cta h2 br { display:none; }.rp-hero-lead { margin-top:24px; font-size:1rem; line-height:1.58; }.rp-actions { display:grid; gap:10px; margin-top:26px; }.rp-button { width:100%; min-height:50px; }.rp-live-pill { right:16px; bottom:28px; left:16px; }.rp-scroll-cue { display:none; }
    .rp-statement,.rp-possibilities,.rp-monetization,.rp-how,.rp-plans { padding-left:16px; padding-right:16px; }.rp-statement { padding-top:88px; padding-bottom:88px; }.rp-statement h2,.rp-section-heading h2,.rp-cinematic h2,.rp-control-copy h2,.rp-plans h2,.rp-final-cta h2 { font-size:clamp(2.25rem,10.8vw,3.35rem); line-height:1.04; letter-spacing:-.052em; text-wrap:pretty; }
    .rp-kicker { margin-bottom:16px; font-size:.66rem; line-height:1.45; }.rp-bridge { grid-template-columns:1fr; gap:20px; margin-top:40px; }.rp-bridge-side { min-height:auto; padding:25px; border-radius:18px; }.rp-bridge-icon { margin-bottom:22px; }.rp-bridge-side strong { font-size:1.25rem; line-height:1.25; }.rp-signal { height:auto; min-height:54px; justify-content:center; transform:none; }.rp-signal i { height:18px; }.rp-signal i:nth-child(2),.rp-signal i:nth-last-child(2) { height:32px; }.rp-signal i:nth-child(3),.rp-signal i:nth-last-child(3) { height:44px; }
    .rp-cinematic { min-height:0; display:block; padding-top:245px; background:#07090d; }.rp-cinematic .rp-parallax-media { top:0; height:245px; object-fit:cover; object-position:center center; }.rp-cinematic-shade { background:linear-gradient(0deg,#07090d 0%,transparent 58%),linear-gradient(90deg,rgba(7,9,13,.12),rgba(7,9,13,.12)); }.rp-cinematic-copy { width:calc(100% - 32px); padding:48px 0 82px; }.rp-copy-right { padding-left:0; }.rp-cinematic-copy > p:not(.rp-kicker) { line-height:1.62; }.rp-check-list { gap:15px; }
    .rp-possibilities { padding-top:88px; padding-bottom:88px; }.rp-section-heading { gap:20px; margin-bottom:38px; }.rp-section-heading > p { line-height:1.62; }.rp-use-grid { grid-template-columns:1fr; gap:12px; }.rp-use-card { min-height:0; padding:25px; }.rp-use-card h3 { margin:62px 0 9px; }.rp-use-card p { min-height:auto; }.rp-use-card small { margin-top:22px; }.rp-monetization { padding-top:0; padding-bottom:88px; }.rp-revenue-grid { grid-template-columns:1fr; gap:12px; }.rp-revenue-card { min-height:0; padding:25px; }.rp-revenue-card h3 { margin:62px 0 10px; }.rp-listening-network { padding:24px; }.rp-listening-network h3 { font-size:2.15rem; }.rp-listening-modes article { grid-template-columns:34px 1fr; padding:14px; }.rp-listening-modes article > b { width:34px; height:34px; }.rp-investment-note { grid-template-columns:1fr; gap:15px; padding:25px; }.rp-investment-note .rp-button { grid-column:auto; width:100%; margin-top:8px; }
    .rp-control-scene { min-height:0; display:block; padding-top:245px; background:#07090d; }.rp-control-scene .rp-parallax-media { top:0; height:245px; object-fit:cover; object-position:center center; }.rp-control-overlay { background:linear-gradient(0deg,#07090d 0%,transparent 62%),linear-gradient(90deg,rgba(7,9,13,.08),rgba(7,9,13,.08)); }.rp-control-copy { width:calc(100% - 32px); padding:48px 0 85px; }.rp-control-copy > p:not(.rp-kicker) { line-height:1.62; }.rp-control-stats { grid-template-columns:1fr; gap:10px; margin-top:30px; }.rp-control-stats div:last-child { grid-column:auto; }.rp-control-stats div { display:grid; grid-template-columns:84px 1fr; align-items:center; padding:16px 18px; }.rp-control-stats strong { font-size:1.45rem; }.rp-control-stats span { margin:0; }
    .rp-cinematic .rp-parallax-media,.rp-control-scene .rp-parallax-media { z-index:0; display:block; opacity:1; }
    .rp-cinematic-shade,.rp-control-overlay { z-index:1; pointer-events:none; }
    .rp-cinematic-copy,.rp-control-copy { position:relative; z-index:2; }
    .rp-how { padding-top:88px; padding-bottom:88px; }.rp-steps { grid-template-columns:1fr; border-radius:18px; }.rp-steps li { min-height:0; padding:25px; }.rp-steps li div { margin-top:48px; }.rp-steps p { line-height:1.58; }
    .rp-plans { padding-top:88px; padding-bottom:88px; }.rp-plans-lead { margin-top:18px; line-height:1.6; }.rp-plans .plan-grid { grid-template-columns:1fr; margin-top:38px; }.rp-plans .plan-card { min-height:330px; padding:25px; }.rp-final-cta { display:block; min-height:0; margin-bottom:55px; padding:32px 24px; border-radius:20px; }.rp-final-cta .rp-button { margin-top:28px; }
    .rp-footer { width:calc(100% - 32px); grid-template-columns:1fr; padding:38px 0; }.rp-footer p,.rp-footer small { text-align:left; }.rp-footer nav { flex-wrap:wrap; gap:14px 20px; }
}
@media (prefers-reduced-motion:reduce) { .rp-landing * { scroll-behavior:auto!important; animation:none!important; transition:none!important; }.rp-parallax-media { transform:none!important; }[data-reveal] { opacity:1; transform:none; } }

/* Checkout público */
.checkout-shell { --checkout-cyan:#6de1ff; --rp-cyan:#6de1ff; --checkout-muted:#9ca8b9; min-height:100vh; background:radial-gradient(circle at 10% 0%,rgba(52,151,188,.13),transparent 34%),#07090d; color:#f6f8fb; }
.checkout-nav { position:relative; z-index:10; width:min(1240px,calc(100% - 48px)); height:76px; display:flex; align-items:center; justify-content:space-between; margin:18px auto 0; padding:0 22px; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:rgba(11,15,21,.82); backdrop-filter:blur(18px); }
.checkout-back { display:inline-flex; align-items:center; gap:8px; color:#c5cdd8; font-weight:700; }.checkout-back span { color:var(--checkout-cyan); font-size:1.2rem; }
.checkout-page { width:min(1240px,calc(100% - 48px)); max-width:none; display:grid; grid-template-columns:minmax(300px,.72fr) minmax(570px,1.28fr); gap:34px; margin:34px auto 70px; padding:0; }
.checkout-page section,.checkout-page aside { margin:0; }
.checkout-summary { padding:0; border:0; background:transparent; }
.checkout-summary-sticky { position:sticky; top:24px; padding:38px; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:24px; background:radial-gradient(circle at 90% 0%,rgba(109,225,255,.13),transparent 32%),linear-gradient(145deg,#111923,#0b1017); }
.checkout-summary-sticky:after { content:""; position:absolute; right:-75px; top:170px; width:220px; height:220px; border:1px solid rgba(109,225,255,.1); border-radius:50%; box-shadow:0 0 0 35px rgba(109,225,255,.025),0 0 0 75px rgba(109,225,255,.018); pointer-events:none; }
.checkout-summary h1 { position:relative; z-index:1; margin:0; font-size:clamp(2.25rem,3.4vw,4rem); line-height:.98; letter-spacing:-.06em; text-wrap:balance; }
.checkout-summary-copy { position:relative; z-index:1; margin:22px 0 0; color:#aab4c2; line-height:1.65; }
.checkout-progress { position:relative; z-index:1; display:grid; gap:0; margin:38px 0; padding:0; list-style:none; }
.checkout-progress li { position:relative; min-height:68px; display:flex; gap:14px; align-items:flex-start; color:#7f8a99; }.checkout-progress li:not(:last-child):after { content:""; position:absolute; top:29px; bottom:-3px; left:14px; width:1px; background:#2b3542; }
.checkout-progress li > span { position:relative; z-index:1; width:29px; height:29px; display:grid; flex:none; place-items:center; border:1px solid #3a4655; border-radius:50%; background:#111822; font-size:.67rem; font-weight:850; }
.checkout-progress strong,.checkout-progress small { display:block; }.checkout-progress strong { color:#c6ced8; font-size:.9rem; }.checkout-progress small { margin-top:4px; font-size:.75rem; }.checkout-progress .is-active > span { border-color:var(--checkout-cyan); color:#061116; background:var(--checkout-cyan); box-shadow:0 0 18px rgba(109,225,255,.22); }.checkout-progress .is-active strong { color:#fff; }
.checkout-plan-summary { position:relative; z-index:1; padding:24px; border:1px solid rgba(109,225,255,.22); border-radius:18px; background:rgba(6,10,15,.68); }
.checkout-plan-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; }.checkout-plan-heading small { color:#7f8c9f; font-size:.63rem; letter-spacing:.13em; }.checkout-plan-heading strong { font-size:1.05rem; }
.checkout-price { margin-top:22px; }.checkout-price span { color:var(--checkout-cyan); font-size:2.25rem; font-weight:850; letter-spacing:-.055em; }.checkout-price small { color:#8895a6; }
.checkout-regular-price { margin:4px 0 0; color:#8d98a7; font-size:.75rem; text-decoration:line-through; }
.checkout-plan-summary ul { display:grid; gap:9px; margin:22px 0 0; padding:18px 0 0; border-top:1px solid rgba(255,255,255,.09); list-style:none; color:#9da8b6; font-size:.83rem; }.checkout-plan-summary li:before { content:"✓"; margin-right:8px; color:var(--checkout-cyan); }.checkout-plan-summary b { color:#eaf0f6; }
.checkout-listener-note { margin:15px 0 0; padding-top:14px; border-top:1px solid rgba(255,255,255,.07); color:#778596; font-size:.7rem; line-height:1.5; }
.checkout-form-card { padding:42px; border:1px solid rgba(255,255,255,.11); border-radius:24px; background:#11161e; }
.checkout-form-heading { padding-bottom:34px; border-bottom:1px solid rgba(255,255,255,.1); }.checkout-form-heading h2 { max-width:640px; margin:0; font-size:clamp(2.35rem,4.2vw,4.4rem); line-height:.98; letter-spacing:-.06em; }.checkout-form-heading > p:not(.rp-kicker) { max-width:620px; margin:18px 0 0; color:var(--checkout-muted); font-size:1rem; line-height:1.65; }
.checkout-form-card > .error,.checkout-form-card > .success { margin:24px 0 0; padding:15px 17px; border-radius:12px; line-height:1.5; }.checkout-form-card > .error { border:1px solid rgba(255,119,128,.3); background:rgba(122,34,43,.2); color:#ffc2c6; }.checkout-form-card > .success { border:1px solid rgba(69,228,167,.3); background:rgba(25,107,76,.2); color:#a8f4d6; }
.checkout-form fieldset { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:0; padding:38px 0; border:0; border-bottom:1px solid rgba(255,255,255,.1); }.checkout-form fieldset:last-child { padding-bottom:0; border-bottom:0; }
.checkout-form legend { width:100%; display:flex; gap:14px; align-items:center; margin:0 0 25px; padding:0; grid-column:1/-1; }.checkout-form legend > span { width:34px; height:34px; display:grid; flex:none; place-items:center; border:1px solid rgba(109,225,255,.25); border-radius:10px; color:var(--checkout-cyan); background:rgba(109,225,255,.06); font-size:.67rem; font-weight:850; }.checkout-form legend strong,.checkout-form legend small { display:block; }.checkout-form legend strong { font-size:1.05rem; }.checkout-form legend small { margin-top:3px; color:#7f8b9b; font-size:.75rem; }
.checkout-field { min-width:0; }.checkout-field-full { grid-column:1/-1; }.checkout-field-wide { grid-column:span 1; }.checkout-field label { display:block; margin:0 0 8px; color:#c9d1dc; font-size:.82rem; font-weight:750; }
.checkout-form input,.checkout-form select { width:100%; height:50px; margin:0; padding:0 14px; border:1px solid #303a48; border-radius:11px; outline:none; background:#0a0f16; color:#f7f9fc; font:inherit; transition:border-color .2s,box-shadow .2s,background .2s; }.checkout-form input::placeholder { color:#667283; }.checkout-form input:hover,.checkout-form select:hover { border-color:#435164; }.checkout-form input:focus,.checkout-form select:focus { border-color:var(--checkout-cyan); box-shadow:0 0 0 3px rgba(109,225,255,.11); background:#0c131c; }
.field-help { display:block; margin-top:9px; color:#788698; font-size:.74rem; line-height:1.45; }.field-help code { color:#a9eafa; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; overflow-wrap:anywhere; }
.checkout-privacy-note { display:flex; gap:13px; align-items:flex-start; padding:15px; border:1px solid rgba(109,225,255,.13); border-radius:12px; background:rgba(109,225,255,.045); }.checkout-privacy-note > span { color:var(--checkout-cyan); font-size:1.4rem; }.checkout-privacy-note p { margin:0; color:#8795a6; font-size:.78rem; line-height:1.5; }.checkout-privacy-note strong { display:block; margin-bottom:2px; color:#cbd5df; }
.checkout-founder:empty { display:none; }.checkout-founder .founder-badge { margin:0; padding:13px 15px; border:1px solid rgba(255,180,95,.3); border-radius:11px; background:rgba(255,180,95,.09); color:#ffd4a2; line-height:1.45; }
.checkout-consents { display:grid; gap:12px; }.checkout-form .consent { display:grid; grid-template-columns:20px 1fr; gap:11px; align-items:start; margin:0; color:#929ead; font-size:.79rem; line-height:1.5; cursor:pointer; }.checkout-form .consent input { width:18px; height:18px; margin:2px 0 0; padding:0; accent-color:var(--checkout-cyan); }.checkout-form .consent a { color:#b9ecfa; text-decoration:underline; text-underline-offset:2px; }
.checkout-submit { grid-column:1/-1; min-height:56px; display:flex; align-items:center; justify-content:center; gap:18px; margin:2px 0 0; padding:0 22px; border:0; border-radius:12px; background:var(--checkout-cyan); color:#071116; font-size:.95rem; font-weight:850; cursor:pointer; transition:transform .2s,box-shadow .2s; }.checkout-submit:hover { transform:translateY(-2px); box-shadow:0 14px 35px rgba(109,225,255,.16); }.checkout-submit span { font-size:1.25rem; }
.checkout-submit-note { grid-column:1/-1; margin:-8px 0 0; color:#748193; text-align:center; font-size:.72rem; }.checkout-submit-note span { margin-right:5px; color:#8b9bad; }
.checkout-footer { width:min(1240px,calc(100% - 48px)); display:flex; justify-content:space-between; gap:20px; margin:0 auto; padding:28px 0 40px; border-top:1px solid rgba(255,255,255,.09); background:transparent; color:#707d8d; font-size:.76rem; }

@media(max-width:900px) {
    .checkout-page { grid-template-columns:1fr; }.checkout-summary-sticky { position:static; }.checkout-progress { grid-template-columns:repeat(3,1fr); gap:8px; }.checkout-progress li { min-height:0; display:block; }.checkout-progress li:not(:last-child):after { top:14px; bottom:auto; right:-8px; left:29px; width:auto; height:1px; }.checkout-progress li div { margin-top:10px; }.checkout-progress small { display:none; }
}
@media(max-width:620px) {
    .checkout-nav { width:calc(100% - 16px); height:64px; margin-top:8px; padding:0 13px; border-radius:16px; }.checkout-nav .rp-brand { font-size:.92rem; }.checkout-back { font-size:0; }.checkout-back span { width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.12); border-radius:10px; font-size:1.15rem; }
    .checkout-page { width:calc(100% - 16px); gap:12px; margin:12px 8px 42px; }.checkout-summary-sticky,.checkout-form-card { border-radius:19px; }.checkout-summary-sticky { padding:27px 22px; }.checkout-summary h1 { font-size:2.65rem; }.checkout-summary-copy { line-height:1.58; }.checkout-progress { margin:30px 0; }.checkout-progress strong { font-size:.7rem; line-height:1.25; }.checkout-plan-summary { padding:20px; }.checkout-price span { font-size:2rem; }
    .checkout-form-card { padding:28px 20px; }.checkout-form-heading { padding-bottom:28px; }.checkout-form-heading h2 { font-size:2.7rem; }.checkout-form fieldset { grid-template-columns:1fr; gap:17px; padding:32px 0; }.checkout-field,.checkout-field-full,.checkout-field-wide,.checkout-field-number { grid-column:1; }.checkout-form legend { margin-bottom:20px; }.checkout-form input,.checkout-form select { height:52px; }.checkout-submit { min-height:58px; }.checkout-footer { width:calc(100% - 32px); display:grid; gap:8px; text-align:center; }
}

/* Painel administrativo 2026 */
.admin-shell,.admin-login { --admin-bg:#070a0f; --admin-panel:#10151d; --admin-panel-2:#0b1017; --admin-line:rgba(255,255,255,.1); --admin-muted:#8d99aa; --admin-cyan:#6de1ff; min-height:100vh; background:radial-gradient(circle at 8% 0%,rgba(52,151,188,.1),transparent 30%),var(--admin-bg); color:#f6f8fb; }
.admin-shell a,.admin-login a { transition:color .2s,background .2s,border-color .2s,transform .2s; }
.admin-header { position:sticky; z-index:50; top:0; width:100%; min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:12px max(28px,calc((100% - 1240px)/2)); border-bottom:1px solid var(--admin-line); background:rgba(7,10,15,.84); backdrop-filter:blur(18px) saturate(140%); }
.admin-brand { display:inline-flex; align-items:center; gap:12px; min-width:0; color:#fff; }.admin-brand > span:last-child { min-width:0; }.admin-brand b { display:block; overflow:hidden; font-size:.96rem; text-overflow:ellipsis; white-space:nowrap; }.admin-brand small { display:block; overflow:hidden; margin-top:4px; color:#8090a4; font-size:.72rem; text-overflow:ellipsis; white-space:nowrap; }
.admin-brand-wave { width:38px; height:38px; display:flex; flex:none; align-items:center; justify-content:center; gap:2px; border:1px solid rgba(109,225,255,.12); border-radius:11px; background:rgba(109,225,255,.09); }.admin-brand-wave i { width:2px; height:8px; display:block; border-radius:5px; background:var(--admin-cyan); }.admin-brand-wave i:nth-child(2){height:18px}.admin-brand-wave i:nth-child(3){height:13px}.admin-brand-wave i:nth-child(4){height:21px}
.admin-shell .tenant-menu { gap:7px; flex-wrap:nowrap; }.admin-shell .tenant-menu a { padding:10px 12px; border-radius:9px; color:#aeb9c7; font-size:.82rem; font-weight:700; }.admin-shell .tenant-menu a:hover { border-color:rgba(255,255,255,.1); background:#151d27; color:#fff; }.admin-shell .tenant-menu a[href="/upgrade"] { border:1px solid rgba(109,225,255,.18); background:rgba(109,225,255,.1); color:#a8efff; }.admin-shell .tenant-menu .logout-link { color:#ef9ea5; }.master-email { color:#8290a2; font-size:.76rem; }
.panel-language { display:inline-flex; gap:4px; align-items:center; margin-left:6px; white-space:nowrap; color:#657386; font-size:.7rem; font-weight:700; }
.panel-language-link { padding:5px 6px; border:1px solid transparent; border-radius:6px; color:#93a0b1 !important; text-decoration:none; }
.panel-language-link:hover,.panel-language-link.is-active { color:#fff !important; border-color:rgba(255,255,255,.18); background:rgba(255,255,255,.08); }
.admin-main { width:min(1240px,calc(100% - 48px)); max-width:none; margin:0 auto; padding:56px 0 80px; }.admin-narrow { width:min(1080px,calc(100% - 48px)); }
.admin-page-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin:0 0 38px; }.admin-page-heading.compact { margin-bottom:30px; }.admin-page-heading h1 { max-width:780px; margin:5px 0 0; font-size:clamp(2.5rem,5vw,5rem); line-height:.95; letter-spacing:-.06em; text-wrap:balance; }.admin-page-heading.compact h1 { font-size:clamp(2.35rem,4.2vw,4rem); }.admin-page-heading > div > p:last-child { max-width:620px; margin:17px 0 0; color:var(--admin-muted); font-size:1rem; line-height:1.6; }
.admin-eyebrow { margin:0; color:var(--admin-cyan); font-size:.68rem; font-weight:850; letter-spacing:.16em; text-transform:uppercase; }
.total-listeners-badge,.operation-pill { display:inline-flex; flex:none; align-items:center; gap:8px; padding:12px 15px; border:1px solid rgba(56,230,164,.22); border-radius:999px; background:rgba(30,173,119,.09); color:#74e8ba; font-size:.76rem; font-weight:750; }.total-listeners-badge i,.operation-pill i { width:7px; height:7px; border-radius:50%; background:#48e5a5; box-shadow:0 0 12px #48e5a5; }.total-listeners-badge b { font-weight:750; }
.total-listeners-badge.radio-status-offline { border-color:rgba(255,105,105,.3); background:rgba(204,58,58,.1); color:#ffaaaa; }.total-listeners-badge.radio-status-offline i { background:#ff6b6b; box-shadow:0 0 12px #ff6b6b; }
.admin-shell section,.admin-shell .grid article { margin:0; border:1px solid var(--admin-line); border-radius:20px; background:linear-gradient(145deg,#111720,#0c1118); }.admin-panel { padding:28px; margin-bottom:16px!important; }.admin-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:25px; margin-bottom:24px; }.admin-section-heading h2 { margin:5px 0 0; font-size:1.4rem; letter-spacing:-.025em; }.admin-section-heading > p { max-width:440px; margin:0; color:var(--admin-muted); font-size:.82rem; line-height:1.5; text-align:right; }
.admin-usage { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0 0 16px!important; padding:0; border:0!important; background:transparent!important; }.admin-usage article { min-height:126px; display:flex; align-items:center; gap:18px; padding:24px; border:1px solid var(--admin-line); border-radius:20px; background:linear-gradient(145deg,#111720,#0c1118); }.metric-icon { width:48px; height:48px; display:grid; flex:none; place-items:center; border-radius:14px; background:rgba(109,225,255,.08); color:var(--admin-cyan); font-size:.76rem; font-weight:850; }.admin-usage small,.admin-usage span { display:block; color:var(--admin-muted); }.admin-usage strong { display:flex; align-items:baseline; gap:5px; margin:7px 0 5px; font-size:1.35rem; }.admin-usage strong em { color:#718094; font-size:.8em; font-style:normal; font-weight:600; }.admin-usage strong #listener-usage { color:#f6f8fb; }
.admin-usage article > div { min-width:0; padding:0; border:0; border-radius:0; background:transparent; }.admin-usage article > .metric-icon { display:grid; border-radius:14px; background:rgba(109,225,255,.08); }.admin-usage article > div:last-child { flex:1; }
.admin-usage .backup-status-card { position:relative; }.admin-usage .backup-status-card .metric-icon { background:rgba(71,220,161,.1); color:#72e8b5; }.admin-usage .backup-status-card strong { color:#72e8b5; }.admin-usage .backup-status-card > div:last-child > span { display:block; margin-top:4px; color:#91a0b1; font-size:.76rem; }.admin-usage .backup-status-disabled { border-color:rgba(255,190,70,.28); background:linear-gradient(145deg,#171710,#0c1118); }.admin-usage .backup-status-disabled .metric-icon { background:rgba(255,190,70,.1); color:#ffd27a; }.admin-usage .backup-status-disabled strong { color:#ffd27a; }.backup-metric-link { display:inline-flex; align-items:center; gap:9px; margin-top:9px; color:#9aeaff; font-size:.76rem; font-weight:800; }.backup-metric-link:hover { color:#fff; }
.admin-shell .backup-offer { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:22px; margin:0 0 16px; padding:24px 26px; border-color:rgba(109,225,255,.24); background:linear-gradient(120deg,rgba(17,35,48,.98),rgba(10,16,24,.98)); }.backup-offer-icon { width:52px; height:52px; display:grid; place-items:center; border:1px solid rgba(109,225,255,.24); border-radius:15px; background:rgba(109,225,255,.1); color:var(--admin-cyan); font-size:1.35rem; font-weight:900; }.backup-offer-copy { min-width:0; }.backup-offer-copy h2 { max-width:720px; margin:5px 0 7px; font-size:1.35rem; letter-spacing:-.03em; }.backup-offer-copy > p:last-of-type { max-width:760px; margin:0; color:#9ba9ba; font-size:.82rem; line-height:1.55; }.backup-offer-facts { display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:13px; color:#8edff2; font-size:.74rem; font-weight:750; }.backup-offer-facts span { white-space:nowrap; }.backup-offer-facts b { color:#fff; }.backup-offer-action { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:18px; padding:0 18px; border-radius:11px; background:var(--admin-cyan); color:#071116; font-size:.8rem; font-weight:850; white-space:nowrap; }.backup-offer-action:hover { transform:translateY(-1px); box-shadow:0 12px 28px rgba(109,225,255,.13); }
.admin-shell .stations { gap:12px; }.admin-shell .station-item,.admin-shell .stations > a { min-height:66px; padding:11px 13px; border:1px solid rgba(255,255,255,.06); border-radius:13px; background:#090e14; }.admin-shell .stations > a { display:flex; align-items:center; justify-content:space-between; }.admin-shell .station-item:hover,.admin-shell .stations > a:hover { border-color:rgba(109,225,255,.16); background:#0d151e; }.admin-shell .station-item > a:first-child { color:#edf2f7; font-weight:700; }.admin-shell .listener-count { color:#8190a2; background:#171e27; }.admin-shell .copy-station-link,.admin-shell .copy-link,.admin-shell .listen-station-link { border-color:rgba(109,225,255,.16); background:rgba(109,225,255,.07); color:#9aeaff; }.admin-shell .manage-link,.admin-shell .stations em { color:#86e7b9; }
.admin-shell .listener-trend { display:inline-flex; flex:none; align-items:center; margin-left:0; padding:2px 5px; border-radius:5px; font-size:.65rem; font-weight:850; line-height:1.15; white-space:nowrap; cursor:help; }.admin-shell .listener-trend-up { color:#72e8b5; background:rgba(52,208,143,.12); }.admin-shell .listener-trend-down { color:#ff9e9e; background:rgba(255,91,91,.12); }.admin-shell .listener-trend-neutral { color:#8996a7; background:rgba(137,150,167,.12); }
.admin-shell .listener-trend[hidden],.admin-shell #listener-metric[hidden],.admin-shell #listener-metric em[hidden],.admin-shell #listener-metric span[hidden] { display:none!important; }
.insertion-groups { display:grid; gap:24px; }.insertion-group + .insertion-group { padding-top:22px; border-top:1px solid rgba(255,255,255,.09); }.insertion-group-heading { display:flex; align-items:baseline; justify-content:space-between; gap:18px; margin:0 0 12px; }.insertion-group-heading h3 { margin:0; color:#eef3f8; font-size:.95rem; letter-spacing:-.01em; }.insertion-group-heading p { margin:0; color:var(--admin-muted); font-size:.75rem; line-height:1.45; text-align:right; }.insertion-intro-group .insertion-group-heading h3 { color:var(--admin-cyan); }
.admin-shell .station-item > a:first-child > span { display:flex; align-items:center; gap:8px; min-width:0; }.admin-shell .station-item .listener-count { flex:none; margin-left:0; white-space:nowrap; }.copy-short { display:none; }
.billing-card { margin-top:16px; }.billing-grid { grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; }.admin-shell .billing-grid article strong { font-size:1.05rem; line-height:1.25; overflow-wrap:normal; word-break:normal; }.cancel-subscription { margin-top:20px; padding-top:20px; border-top:1px solid var(--admin-line); }.cancel-subscription .danger { padding:11px 16px; border-radius:10px; }
.billing-notice { margin:20px 0 4px; padding:16px 18px; border:1px solid rgba(109,225,255,.18); border-radius:12px; background:rgba(109,225,255,.055); }.billing-notice strong { display:block; color:#b8f1ff; font-size:.84rem; }.billing-notice p { margin:7px 0 0; color:#9aa8b9; font-size:.8rem; line-height:1.6; }
.billing-operations table { min-width:1180px; }.billing-operations td { vertical-align:top; }.billing-operations td small { display:block; margin-top:6px; color:var(--admin-muted); }.billing-status { display:inline-flex; padding:6px 9px; border:1px solid var(--admin-line); border-radius:999px; font-size:.78rem; font-weight:800; white-space:nowrap; }.billing-cancellation_pending,.billing-cancelled,.billing-refunded,.billing-purged { color:#ffb4a9; border-color:rgba(255,120,105,.3); background:rgba(255,90,75,.08); }.billing-active,.billing-paid_pending_provisioning { color:#70edbc; border-color:rgba(68,222,166,.3); background:rgba(31,190,135,.09); }.billing-overdue,.billing-suspended { color:#ffd27a; border-color:rgba(255,190,70,.3); background:rgba(255,180,55,.08); }.billing-identifiers small { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; overflow-wrap:anywhere; max-width:220px; }
.admin-two-column { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.admin-two-column .admin-panel { min-width:0; }.tables-column { align-items:start; }.tables-column .admin-panel { overflow:hidden; }
.admin-form { margin:0; padding:0; border:0; }.admin-form label { display:block; margin:17px 0 7px; color:#bdc6d2; font-size:.79rem; font-weight:750; }.admin-form input,.admin-form select { width:100%; height:50px; padding:0 14px; border:1px solid #2c3745; border-radius:11px; outline:none; background:#080d13; color:#f6f8fb; font:inherit; }.admin-form input:focus,.admin-form select:focus { border-color:var(--admin-cyan); box-shadow:0 0 0 3px rgba(109,225,255,.1); }.admin-form input[readonly] { color:#8d99a8; background:#0d1219; }.field-note { margin:11px 0 0; color:#768496; font-size:.76rem; line-height:1.5; }.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 16px; }.field-full { grid-column:1/-1; }

/* TTS textarea styling: match admin form inputs with improved focus and placeholder */
.admin-form textarea, #tts-text {
    width:100%;
    min-height:130px;
    padding:12px 14px;
    border:1px solid #2c3745;
    border-radius:11px;
    outline:none;
    background:#080d13;
    color:#f6f8fb;
    font:inherit;
    line-height:1.45;
    resize:vertical;
    transition:border-color .18s,box-shadow .18s,background .18s;
}
.admin-form textarea::placeholder, #tts-text::placeholder {
    color:#667283;
}
.admin-form textarea:focus, #tts-text:focus {
    border-color:var(--admin-cyan);
    box-shadow:0 0 0 3px rgba(109,225,255,.1);
    background:#0c131c;
}
.admin-primary { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:24px; margin-top:20px; padding:0 18px; border:0; border-radius:11px; background:var(--admin-cyan); color:#071116; font:inherit; font-size:.84rem; font-weight:850; cursor:pointer; }.admin-primary:hover { transform:translateY(-1px); box-shadow:0 12px 28px rgba(109,225,255,.13); }.admin-primary span { font-size:1.12rem; }
.upload-panel .upload { padding:0; border:0; }.file-drop { position:relative; min-height:118px; display:flex!important; flex-direction:column; justify-content:center; margin:0!important; padding:24px; border:1px dashed #394758; border-radius:14px; background:#090e14; cursor:pointer; }.file-drop:hover { border-color:var(--admin-cyan); }.file-drop span { color:#e8edf3; font-weight:750; }.file-drop small { margin-top:7px!important; }.file-drop input { height:auto; margin-top:17px; padding:9px; }
.upload-selection-error { color:#f0a6ad!important; }.upload-progress { margin-top:18px; padding:17px 18px; border:1px solid rgba(109,225,255,.18); border-radius:13px; background:#090e14; }.upload-progress-head { display:flex; align-items:center; justify-content:space-between; gap:16px; }.upload-progress-head strong { color:#eaf2f8; font-size:.84rem; }.upload-progress-head b { color:var(--admin-cyan); font-size:.82rem; }.upload-progress-track { height:8px; margin-top:13px; overflow:hidden; border-radius:999px; background:#19222d; }.upload-progress-track i { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,#49c9e8,#6de1ff); transition:width .18s ease; }.upload-progress p { margin:10px 0 0; color:#8997a8; font-size:.75rem; line-height:1.45; }.upload-progress.is-complete { border-color:rgba(72,229,165,.3); }.upload-progress.is-complete .upload-progress-track i { background:#48e5a5; }.upload-progress.is-error { border-color:rgba(240,106,118,.28); }.upload-progress.is-error .upload-progress-head strong,.upload-progress.is-error p { color:#f0a6ad; }.admin-primary:disabled { opacity:.55; cursor:wait; transform:none; box-shadow:none; }
.admin-shell .table-wrap { border:1px solid rgba(255,255,255,.07); border-radius:14px; background:#090e14; }.admin-shell th,.admin-shell td { padding:14px 15px; border-color:rgba(255,255,255,.07); }.admin-shell th { color:#778699; font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; }.admin-shell td { color:#c8d0db; font-size:.83rem; }.admin-shell tbody tr:last-child td { border-bottom:0; }.admin-shell tbody tr:hover td { background:rgba(255,255,255,.018); }.admin-shell .danger { min-height:36px; background:rgba(197,65,77,.12); color:#f0a6ad; }
.security-callout { display:flex; gap:16px; margin-bottom:22px; padding:18px; border:1px solid rgba(109,225,255,.13); border-radius:14px; background:rgba(109,225,255,.04); }.security-callout > span { color:var(--admin-cyan); font-size:1.6rem; }.security-callout strong { display:block; }.security-callout p { margin:5px 0 0; color:var(--admin-muted); font-size:.8rem; line-height:1.5; }.stream-access-panel form { margin-bottom:10px; }.admin-shell .stream-links { margin-top:28px; padding-top:26px; border-color:var(--admin-line); }.admin-shell .stream-links ul { margin:0; padding:0; list-style:none; }.admin-shell .stream-links li { justify-content:space-between; gap:16px; margin:10px 0; padding:14px; border:1px solid rgba(255,255,255,.07); border-radius:12px; background:#090e14; }.admin-shell .stream-links code { color:#b4eafa; }
.listen-panel { max-width:760px; }.listen-now { display:flex; align-items:center; gap:14px; margin-bottom:26px; }.listen-now > div small,.listen-now > div strong { display:block; }.listen-now small { color:var(--admin-cyan); font-size:.66rem; font-weight:850; letter-spacing:.15em; }.listen-now strong { margin-top:4px; font-size:1.25rem; }.listen-pulse { width:13px; height:13px; border-radius:50%; background:#45e4a7; box-shadow:0 0 0 8px rgba(69,228,167,.09),0 0 22px rgba(69,228,167,.45); }.listen-panel audio { width:100%; min-height:52px; }.listen-panel > p { margin:20px 0 0; color:var(--admin-muted); font-size:.82rem; line-height:1.6; }
.upgrade-plans { padding:0!important; border:0!important; background:transparent!important; }.admin-shell .plan-grid { gap:16px; }.admin-shell .plan-card { min-height:350px; padding:28px; border-color:var(--admin-line); border-radius:20px; background:linear-gradient(145deg,#121925,#0b1017); }.admin-shell .plan-card.selected { border-color:rgba(109,225,255,.5); box-shadow:0 0 0 1px rgba(109,225,255,.08),0 18px 50px rgba(0,0,0,.2); }
.admin-shell .plan-card p { margin:9px 0; }.admin-shell .plan-card form { display:flex; flex-direction:column; gap:13px; margin-top:22px; }.admin-shell .plan-card form label { display:block; margin:0; color:#b9c4d1; font-size:.76rem; font-weight:750; }.admin-shell .plan-card form input,.admin-shell .plan-card form select { display:block; width:100%; height:48px; margin-top:6px; padding:0 13px; border:1px solid #2c3745; border-radius:10px; outline:none; background:#080d13; color:#f6f8fb; font:inherit; }.admin-shell .plan-card form input:focus,.admin-shell .plan-card form select:focus { border-color:var(--admin-cyan); box-shadow:0 0 0 3px rgba(109,225,255,.1); }.admin-shell .plan-card form button { min-height:48px; margin-top:7px; border:0; border-radius:11px; background:var(--admin-cyan); color:#071116; font:inherit; font-size:.82rem; font-weight:850; cursor:pointer; }.reactivation-page { width:min(760px,calc(100% - 48px)); }.reactivation-page .plan-grid { grid-template-columns:1fr; }.reactivation-page .plan-card { min-height:0; }
.upgrade-quote { margin:18px 0 2px; padding:15px 16px; border:1px solid rgba(109,225,255,.22); border-radius:12px; background:rgba(109,225,255,.06); }.admin-shell .plan-card .upgrade-quote p { margin:5px 0; color:#b9c7d5; font-size:.78rem; line-height:1.45; }.admin-shell .plan-card .upgrade-quote strong { color:#f4fbff; font-size:inherit; letter-spacing:0; }
.metric-grid { gap:12px; }.admin-shell .metric-grid article { min-height:120px; padding:20px; border-radius:14px; background:#090e14; }.admin-shell .metric-grid small { color:#7e8b9d; }.admin-shell .metric-grid strong { margin:12px 0 0; color:#f6f8fb; font-size:1.7rem; }.resource-grid { grid-template-columns:repeat(3,1fr); }
.resource-card span { display:block; margin-top:12px; color:#75e8b9; font-size:.7rem; font-weight:800; }.admin-shell .resource-warning { border-color:rgba(255,190,70,.32); background:rgba(255,180,55,.055); }.resource-warning span { color:#ffd27a; }.admin-shell .resource-critical { border-color:rgba(255,110,95,.38); background:rgba(255,90,75,.065); }.resource-critical span { color:#ffb4a9; }
.admin-login { position:relative; display:grid; grid-template-columns:minmax(400px,.8fr) minmax(520px,1.2fr); padding:0; }.admin-login > .panel-language { position:absolute; top:24px; left:24px; z-index:3; margin:0; }.admin-login main { width:min(470px,calc(100% - 48px)); align-self:center; justify-self:center; margin:0; padding:46px; border:1px solid var(--admin-line); border-radius:24px; background:linear-gradient(145deg,#111720,#0b1017); }.login-brand { display:flex; align-items:center; gap:12px; margin-bottom:48px; }.login-brand b { font-size:1.05rem; }.login-brand em { color:var(--admin-cyan); font-style:normal; }.admin-login h1 { margin:8px 0 0; font-size:clamp(2.65rem,4vw,4rem); line-height:.95; letter-spacing:-.06em; }.login-intro { margin:17px 0 28px; color:var(--admin-muted); line-height:1.55; }.admin-login .admin-primary { width:100%; }.admin-login .login-help { margin:18px 0 0; }.admin-login .login-help a { color:#a8eafb; }.login-back { display:block; margin-top:42px; color:#758397; text-align:center; font-size:.76rem; }.admin-login aside { position:relative; display:flex; align-items:flex-end; margin:18px 18px 18px 0; padding:64px; overflow:hidden; border:1px solid var(--admin-line); border-radius:25px; background:linear-gradient(0deg,rgba(6,9,14,.92),rgba(6,9,14,.1)),radial-gradient(circle at 65% 20%,rgba(109,225,255,.18),transparent 36%),#111823; }.admin-login aside:before { content:""; position:absolute; inset:0; opacity:.32; background:repeating-linear-gradient(90deg,transparent 0 79px,rgba(109,225,255,.08) 80px),repeating-linear-gradient(0deg,transparent 0 79px,rgba(109,225,255,.06) 80px); }.admin-login aside > div { position:relative; max-width:650px; }.admin-login aside h2 { margin:10px 0 20px; font-size:clamp(3rem,5vw,6rem); line-height:.9; letter-spacing:-.065em; }.admin-login aside h2 em { color:var(--admin-cyan); font-style:normal; }.admin-login aside p:last-child { max-width:480px; color:#a6b1bf; font-size:1.05rem; line-height:1.6; }

@media(max-width:900px) {
  .admin-main,.admin-narrow { width:calc(100% - 32px); padding-top:38px; }.admin-page-heading { align-items:flex-start; flex-direction:column; gap:22px; }.admin-two-column { grid-template-columns:1fr; }.tables-column { display:block; }.admin-shell .plan-grid { grid-template-columns:1fr; }.admin-shell .backup-offer { grid-template-columns:auto minmax(0,1fr); }.backup-offer-action { grid-column:1/-1; width:100%; }.admin-login { grid-template-columns:1fr; }.admin-login aside { display:none; }.admin-login main { margin:30px auto; }
}
@media(max-width:680px) {
  .admin-header { position:relative; min-height:auto; align-items:flex-start; flex-direction:column; gap:12px; padding:14px 16px; }.admin-shell .tenant-menu { width:100%; overflow-x:auto; padding-bottom:2px; }.admin-shell .tenant-menu a { flex:none; }.admin-shell .menu-divider,.master-email { display:none; }.admin-main,.admin-narrow { width:calc(100% - 16px); padding:30px 0 55px; }.admin-page-heading { margin-bottom:26px; padding:0 8px; }.admin-page-heading h1,.admin-page-heading.compact h1 { font-size:2.75rem; }.admin-page-heading > div > p:last-child { font-size:.92rem; }.total-listeners-badge,.operation-pill { margin-left:0; }.admin-panel { padding:20px; border-radius:18px!important; }.admin-section-heading { align-items:flex-start; flex-direction:column; gap:9px; }.admin-section-heading > p { text-align:left; }.admin-usage { grid-template-columns:1fr; gap:8px; }.admin-usage article { min-height:104px; padding:19px; border-radius:17px; }.admin-shell .stations { grid-template-columns:1fr; }.admin-shell .station-item { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:6px; min-height:58px; padding:8px 10px; }.admin-shell .station-item > a:first-child { width:auto; min-width:0; padding:2px; font-size:.86rem; }.admin-shell .station-item > a:first-child > span { gap:5px; }.admin-shell .station-item .listener-count { padding:2px 5px; font-size:.65rem; }.admin-shell .station-actions { width:auto; gap:4px; justify-content:flex-end; }.admin-shell .copy-station-link,.admin-shell .manage-link { padding:6px; font-size:.68rem; }.copy-full { display:none; }.copy-short { display:inline; }.form-grid { grid-template-columns:1fr; }.field-full { grid-column:auto; }.admin-shell .stream-links li { align-items:stretch; flex-direction:column; }.admin-shell .stream-links .copy-link { align-self:flex-end; }.metric-grid,.resource-grid { grid-template-columns:1fr 1fr; }.admin-shell .metric-grid article { min-height:105px; }.table-wrap { overflow-x:auto; }.admin-shell table { min-width:620px; }.admin-shell .audio-table-wrap { overflow:visible; border:0; background:transparent; }.admin-shell .audio-table { min-width:0; }.admin-shell .audio-table thead { display:none; }.admin-shell .audio-table,.admin-shell .audio-table tbody,.admin-shell .audio-table tr,.admin-shell .audio-table td { display:block; width:100%; }.admin-shell .audio-table tr { margin-bottom:10px; padding:14px; border:1px solid rgba(255,255,255,.08); border-radius:13px; background:#090e14; }.admin-shell .audio-table td { display:grid; grid-template-columns:72px minmax(0,1fr); gap:12px; align-items:start; padding:7px 0; border:0; overflow-wrap:anywhere; }.admin-shell .audio-table td:before { content:attr(data-label); color:#728094; font-size:.62rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.admin-shell .audio-table td[data-label="Ação"] { align-items:center; }.admin-shell .audio-table .danger { width:100%; }.admin-shell .audio-table .empty { display:block; padding:22px 14px; text-align:center; }.admin-shell .audio-table .empty:before { display:none; }.admin-login main { width:calc(100% - 16px); margin:8px; padding:30px 22px; border-radius:19px; }.login-brand { margin-bottom:40px; }.admin-login h1 { font-size:3rem; }
  .insertion-group-heading { display:block; }.insertion-group-heading p { margin-top:5px; text-align:left; }
}
@media(max-width:680px) { .admin-shell .backup-offer { grid-template-columns:1fr; gap:15px; padding:20px; }.backup-offer-icon { width:44px; height:44px; }.backup-offer-copy h2 { font-size:1.2rem; }.backup-offer-facts { gap:8px 13px; }.backup-offer-action { grid-column:auto; } }
.admin-login.auth-simple { display:grid; grid-template-columns:1fr; place-items:center; }.admin-login.auth-simple main { margin:32px auto; }
@media(max-width:900px) and (min-width:681px) { .admin-usage { grid-template-columns:1fr 1fr; }.admin-usage article:last-child { grid-column:1/-1; } }
@media(max-width:680px) { .admin-usage article:last-child { grid-column:auto; } }
@media(max-width:680px) { .billing-grid { grid-template-columns:1fr; gap:8px; }.admin-shell .billing-grid article { min-height:0; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:16px 18px; }.admin-shell .billing-grid article strong { max-width:62%; margin:0; font-size:1rem; text-align:right; }.billing-card .field-note { padding:4px 2px 0; } }
.node-form { margin-top:22px; padding-top:20px; border-top:1px solid var(--admin-line); }.node-form summary { color:#a8eafb; font-size:.82rem; font-weight:800; cursor:pointer; }.node-form form { margin-top:8px; }.node-status { display:inline-flex; padding:5px 8px; border-radius:999px; font-size:.66rem; font-weight:800; text-transform:uppercase; }.node-active { color:#75e8b9; background:rgba(35,190,129,.12); }.node-maintenance { color:#ffd09a; background:rgba(221,148,61,.12); }.node-disabled { color:#ef9ea5; background:rgba(197,65,77,.12); }
@media(max-width:680px) { .admin-shell .listen-station-link { padding:6px; font-size:.68rem; }.listen-panel { padding:20px; } }
@media(max-width:680px) { .reactivation-page { width:calc(100% - 16px); }.admin-shell .plan-card { min-height:0; padding:22px; }.admin-shell .plan-card strong { font-size:1.75rem; }.admin-shell .plan-card form { gap:12px; margin-top:20px; } }
.checkout-capacity-notice{margin:0 0 24px;padding:20px 22px;border:1px solid rgba(89,215,244,.35);border-radius:18px;background:rgba(89,215,244,.08);color:#dce9f2}.checkout-capacity-notice strong{display:block;margin-bottom:6px;color:#59d7f4;font-size:1.05rem}.checkout-capacity-notice p{margin:0;line-height:1.55}.checkout-submit:disabled{cursor:not-allowed;opacity:.62;filter:saturate(.45)}
.capacity-grid{margin-bottom:26px}.capacity-card{position:relative}.capacity-card strong{font-size:2rem}.capacity-card span{color:var(--admin-muted);font-size:.78rem}.capacity-card.capacity-critical{border-color:rgba(255,170,72,.42);background:rgba(255,170,72,.06)}.capacity-card.capacity-critical strong{color:#ffb45f}.capacity-card.capacity-ok strong{color:#75e8b9}.reservation-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:10px 0 14px}.reservation-heading h3{margin:0}.reservation-heading p{max-width:560px;margin:0;color:var(--admin-muted);font-size:.82rem}@media(max-width:680px){.reservation-heading{display:block}.reservation-heading p{margin-top:6px}}
.coupon-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem}.coupon-input-row button{border:1px solid rgba(96,217,255,.38);border-radius:12px;background:rgba(96,217,255,.1);color:#8de8ff;font-weight:800;padding:0 1rem;cursor:pointer}.coupon-success{color:#7cf0bd!important}.coupon-error{color:#ff9b9b!important}.affiliate-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.affiliate-form-grid .field-full{grid-column:1/-1}.admin-actions-inline{display:flex;gap:.5rem;align-items:center}.commission-pay{white-space:nowrap}.master-form-error{max-width:none;margin:0 0 1rem;padding:1rem 1.15rem;border:1px solid rgba(255,107,122,.38);border-radius:14px;background:rgba(116,24,37,.28)}
.partner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.partner-card{min-width:0;overflow:hidden;padding:20px;border:1px solid rgba(109,225,255,.22);border-radius:16px;background:linear-gradient(145deg,rgba(18,31,42,.9),rgba(10,16,24,.9))}.partner-card .admin-section-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:12px}.partner-card .billing-status{margin-left:auto}.partner-card h3{margin:0;font-size:1.15rem}.partner-card h3 small{display:block;margin-top:5px;color:var(--admin-muted);font-size:.72rem;font-weight:600}.partner-card .partner-meta{margin:0;color:#b9c7d5;font-size:.8rem;line-height:1.6;overflow-wrap:anywhere}.partner-card .field-note{overflow-wrap:anywhere}.partner-payment-form{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.partner-payment-form label{margin-top:10px}.partner-payment-form input,.partner-payment-form select{height:44px}.partner-history-title{margin:28px 0 12px}.partner-operations table{min-width:980px}
@media(max-width:760px){.coupon-input-row{grid-template-columns:1fr}.coupon-input-row button{min-height:46px}.affiliate-form-grid{grid-template-columns:1fr}.affiliate-form-grid .field-full{grid-column:auto}}

.live-card {
    margin: 0 0 24px;
    padding: 22px;

    background: #101823;

    border:
        1px solid
        #243241;

    border-radius: 14px;
}

/* Mixer e fontes da entrada ao vivo */
.live-controls { align-items: end; }
.live-source-field { min-width: min(280px, 100%); }
.live-source-field select { width: 100%; }
.live-help { display:block; margin-top:6px; color:#8493a5; font-size:.72rem; line-height:1.4; }
.live-mixer { margin-top:22px; padding:22px; border:1px solid rgba(109,225,255,.16); border-radius:14px; background:rgba(7,13,20,.52); }
.live-mixer-title { display:flex; justify-content:space-between; align-items:flex-start; gap:28px; margin-bottom:18px; }
.live-mixer-title strong,.live-mixer-title span { display:block; }
.live-mixer-title strong { color:#eaf2f8; font-size:.9rem; }
.live-mixer-title span { margin-top:4px; color:#8493a5; font-size:.74rem; }
.live-desktop-note { max-width:390px; text-align:right; }
.live-mixer-grid { display:grid; grid-template-columns:repeat(3,132px) minmax(320px,1fr); align-items:stretch; gap:20px; }
.live-fader { box-sizing:border-box; display:flex; width:100%; min-height:238px; flex-direction:column; align-items:center; gap:9px; padding:14px 10px 12px; border:1px solid #27394a; border-radius:11px; background:rgba(9,17,26,.74); color:#b9c7d5; font-size:.73rem; font-weight:800; }
.live-fader-name,.live-fader output { display:block; width:100%; margin:0; text-align:center; }
.live-fader-name { color:#eaf2f8; line-height:1.2; }
.live-fader-track { position:relative; display:block; width:100%; min-height:150px; flex:1 1 auto; }
.live-fader input[type=range] { position:absolute; top:50%; left:50%; display:block; width:158px; height:22px; margin:0; transform:translate(-50%,-50%) rotate(-90deg); transform-origin:center; accent-color:var(--admin-cyan); }
.live-fader output { color:#8de8ff; font-size:.72rem; font-variant-numeric:tabular-nums; }
.live-mute { min-width:64px; padding:6px 10px; border:1px solid #344454; border-radius:7px; background:#101a25; color:#acbac8; font:inherit; font-size:.65rem; cursor:pointer; }
.live-mute.is-muted { border-color:#e58f9b; background:rgba(197,65,77,.18); color:#ffb6bf; }
.live-music-picker { min-width:0; padding:14px 16px 12px; border:1px solid #27394a; border-radius:11px; background:rgba(9,17,26,.45); }
.live-music-picker-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:7px; }
.live-music-picker-heading label { display:block; margin:0; color:#eaf2f8; font-size:.78rem; font-weight:800; }
.live-music-now { min-width:0; overflow:hidden; color:#8493a5; font-size:.68rem; font-weight:750; line-height:1.25; text-align:right; text-overflow:ellipsis; white-space:nowrap; }
.live-music-now.is-playing { color:#8de8ff; }
.live-music-picker input[type=search],.live-music-picker select { width:100%; box-sizing:border-box; border:1px solid #2e3e4e; border-radius:9px; background:#09111a; color:#eaf2f8; font:inherit; }
.live-music-picker input[type=search] { height:42px; padding:0 12px; }
.live-music-picker select { margin-top:8px; padding:5px; }
.live-music-picker option { padding:8px; }
.live-music-actions { display:flex; gap:8px; margin-top:9px; }
.live-music-actions button:disabled { opacity:.45; cursor:not-allowed; }
@media(max-width:760px) { .live-mixer { padding:16px; }.live-mixer-grid { grid-template-columns:repeat(3,104px) minmax(0,1fr); gap:12px; }.live-mixer-title { display:block; }.live-desktop-note { max-width:none; margin-top:8px; text-align:left; }.live-fader input[type=range] { width:142px; } }
@media(max-width:560px) { .live-mixer-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }.live-music-picker { grid-column:1/-1; }.live-fader { min-height:215px; padding-left:6px; padding-right:6px; }.live-music-picker-heading { align-items:flex-start; flex-direction:column; gap:4px; }.live-music-now { max-width:100%; text-align:left; } }
@media(max-width:380px) { .live-mixer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.live-fader { min-height:215px; } }


.live-header {
    display: flex;

    justify-content:
        space-between;

    align-items:
        flex-start;

    gap: 24px;
}


.live-header h2 {
    margin:
        3px 0 6px;
}


.live-description {
    margin: 0;

    color: #8e9aaa;

    font-size: 14px;

    line-height: 1.5;
}


.live-status {
    display: inline-flex;

    align-items: center;

    gap: 7px;

    white-space:
        nowrap;

    padding:
        8px 12px;

    border-radius:
        999px;

    font-size:
        12px;

    font-weight: 800;
}


.live-status.offline {
    background:
        #18222d;

    color:
        #8996a5;
}


.live-status.online {
    background:
        rgba(
            229,
            57,
            53,
            .13
        );

    color:
        #ff8585;
}


.live-dot {
    width: 7px;

    height: 7px;

    border-radius:
        50%;

    background:
        currentColor;
}


.live-status.online
.live-dot {
    animation:
        livePulse
        1.2s
        infinite;
}


@keyframes livePulse {

    0% {
        opacity: 1;
    }

    50% {
        opacity: .3;
    }

    100% {
        opacity: 1;
    }
}


.live-controls {
    display: grid;

    grid-template-columns:
        minmax(190px, 1fr)
        minmax(190px, 1fr)
        minmax(220px, 1.3fr);

    gap: 14px;

    align-items:
        end;

    margin-top: 22px;
}


.live-field label,
.live-mic-header {
    display: block;

    margin-bottom: 7px;

    color:
        #b7c1cb;

    font-size: 12px;

    font-weight: 700;
}


.live-field select {
    width: 100%;

    height: 44px;

    padding:
        0 12px;

    border:
        1px solid
        #243241;

    border-radius:
        9px;

    background:
        #0d141d;

    color:
        #f3f6f9;

    outline: none;
}


.live-field select:focus {
    border-color:
        #67d8f4;
}


.live-mic-area {
    padding-bottom:
        5px;
}


.live-mic-header {
    display: flex;

    justify-content:
        space-between;

    align-items:
        center;
}


.live-mic-label {
    color:
        #8e9aaa;

    font-weight:
        500;
}


.meter-track {
    height: 8px;

    overflow: hidden;

    background:
        #202b36;

    border-radius:
        999px;
}


.meter-level {
    width: 0;

    height: 100%;

    border-radius:
        inherit;

    background:
        #67d8f4;

    transition:
        width
        .06s
        linear;
}


.live-actions {
    display: flex;

    align-items: center;

    gap: 10px;

    margin-top: 20px;
}


.btn-live,
.btn-stop {
    height: 46px;

    padding:
        0 18px;

    border: 0;

    border-radius:
        9px;

    font-weight: 800;

    cursor: pointer;
}


.btn-live {
    display:
        inline-flex;

    align-items:
        center;

    gap: 8px;

    background:
        #e53935;

    color:
        white;
}


.live-button-dot {
    width: 8px;

    height: 8px;

    background:
        white;

    border-radius:
        50%;
}


.btn-stop {
    background:
        #28191b;

    color:
        #ff8585;
}


.btn-live:disabled,
.btn-stop:disabled {
    opacity: .45;

    cursor:
        not-allowed;
}


.live-timer {
    margin-left:
        auto;

    font-size:
        22px;

    font-variant-numeric:
        tabular-nums;

    font-weight:
        800;
}


.live-message {
    margin-top:
        15px;

    color:
        #8e9aaa;

    font-size:
        12px;
}


@media (
    max-width: 850px
) {

    .live-header {
        display: block;
    }


    .live-status {
        margin-top: 12px;
    }


    .live-controls {
        grid-template-columns:
            1fr;
    }


    .live-actions {
        flex-wrap: wrap;
    }


    .live-timer {
        width: 100%;

        margin:
            6px 0 0;
    }
}
.seo-page { --seo-bg:#07090d; --seo-panel:#0e141d; --seo-line:rgba(255,255,255,.12); --seo-muted:#aab5c4; --seo-cyan:#6de1ff; background:var(--seo-bg); color:#f5f7fb; overflow-x:hidden; }
.seo-page header.seo-nav { width:min(1280px,calc(100% - 32px)) !important; max-width:1280px !important; margin:14px auto 0 !important; padding:10px 14px 10px 21px !important; border:1px solid rgba(255,255,255,.1); border-radius:16px; background:rgba(10,14,21,.88); }
.seo-page main { display:block; width:100%; max-width:none; margin:0; padding:0; }
.seo-page section:not(.seo-hero):not(.seo-section):not(.seo-cta-panel):not(.seo-related) { width:auto; max-width:none; margin:0; padding:0; border:0; border-radius:0; background:transparent; }
.seo-page .rp-brand-wave { width:24px; height:24px; display:flex; align-items:center; justify-content:center; gap:2px; border-radius:7px; background:rgba(109,225,255,.12); }
.seo-page .rp-brand-wave i { display:block; width:2px; height:7px; border-radius:5px; background:var(--seo-cyan); }
.seo-page .rp-brand-wave i:nth-child(2) { height:14px; }.seo-page .rp-brand-wave i:nth-child(3) { height:10px; }.seo-page .rp-brand-wave i:nth-child(4) { height:17px; }
.rp-seo-links { grid-column:1/-1; flex-wrap:wrap; gap:14px!important; }.rp-seo-links a { color:#6de1ff!important; font-size:.72rem!important; }
.seo-page * { box-sizing:border-box; }.seo-page a { color:inherit; text-decoration:none; }
.seo-nav { position:sticky; z-index:20; top:14px; width:min(1220px,calc(100% - 32px)); min-height:64px; margin:14px auto 0; padding:10px 14px 10px 21px; display:flex; align-items:center; gap:28px; border:1px solid rgba(255,255,255,.1); border-radius:16px; background:rgba(10,14,21,.88); backdrop-filter:blur(20px); box-shadow:0 18px 45px rgba(0,0,0,.22); }
.seo-brand { display:inline-flex; align-items:center; gap:10px; flex:none; font-size:1rem; font-weight:800; letter-spacing:-.03em; }.seo-brand b { color:var(--seo-cyan); }
.seo-nav > nav { display:flex; align-items:center; justify-content:center; gap:22px; flex:1; }.seo-nav > nav a,.seo-footer nav a { color:#aeb8c6; font-size:.8rem; transition:color .2s; }.seo-nav > nav a:hover,.seo-footer nav a:hover,.seo-text-link:hover { color:#fff; }
.seo-nav-actions { display:flex; align-items:center; gap:14px; flex:none; }.seo-cta-small { padding:10px 13px; border-radius:9px; color:#061016!important; background:var(--seo-cyan); font-size:.76rem; font-weight:850; white-space:nowrap; }.seo-language-links { color:#7f8b9d; font-size:.7rem; white-space:nowrap; }.seo-language-links a { padding:4px 5px; border-radius:5px; }.seo-language-links a.is-active,.seo-language-links a:hover { color:#fff; background:rgba(255,255,255,.1); }
.seo-hero { position:relative; min-height:610px; width:min(1280px,calc(100% - 32px)) !important; max-width:1280px !important; margin:8px auto 0 !important; display:flex; align-items:center; overflow:hidden; border:1px solid rgba(109,225,255,.16); border-radius:28px; background:radial-gradient(circle at 85% 22%,rgba(109,225,255,.13),transparent 38%),linear-gradient(135deg,#111a25,#080b11 68%); }.seo-hero-glow { position:absolute; width:520px; height:520px; right:-130px; top:30px; border-radius:50%; background:radial-gradient(circle,rgba(109,225,255,.2),transparent 66%); filter:blur(8px); }.seo-hero-copy { position:relative; z-index:1; max-width:760px; padding:100px 7%; }
.seo-kicker { display:flex; align-items:center; gap:10px; margin:0 0 19px; color:var(--seo-cyan); font-size:.7rem; font-weight:850; letter-spacing:.16em; text-transform:uppercase; }.seo-kicker > span { width:27px; height:1px; background:var(--seo-cyan); box-shadow:0 0 12px var(--seo-cyan); }.seo-hero h1 { max-width:720px; margin:0; font-size:clamp(3rem,7vw,6.7rem); line-height:.92; letter-spacing:-.075em; text-wrap:balance; }.seo-lead { max-width:640px; margin:28px 0 0; color:#b8c3d1; font-size:1.08rem; line-height:1.65; }
.seo-actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:31px; }.seo-button { min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:14px; padding:0 19px; border-radius:11px; font-size:.86rem; font-weight:850; transition:transform .2s,box-shadow .2s; }.seo-button:hover { transform:translateY(-2px); box-shadow:0 12px 32px rgba(109,225,255,.14); }.seo-button-primary { color:#051014!important; background:var(--seo-cyan); }.seo-button-ghost { color:#eef4f8!important; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.06); }.seo-trust-line { margin-top:33px; color:#778699; font-size:.72rem; }.seo-trust-line span { color:#62e3b5; font-weight:900; }
.seo-hero-signal { position:absolute; right:9%; bottom:70px; display:flex; align-items:center; gap:5px; height:150px; opacity:.55; transform:rotate(-7deg); }.seo-hero-signal span { display:block; width:4px; border-radius:7px; background:var(--seo-cyan); animation:seo-wave 1.5s ease-in-out infinite; }.seo-hero-signal span:nth-child(1),.seo-hero-signal span:nth-child(7){height:30px}.seo-hero-signal span:nth-child(2),.seo-hero-signal span:nth-child(6){height:76px;animation-delay:.12s}.seo-hero-signal span:nth-child(3),.seo-hero-signal span:nth-child(5){height:125px;animation-delay:.23s}.seo-hero-signal span:nth-child(4){height:150px;animation-delay:.35s}@keyframes seo-wave{50%{transform:scaleY(.45);opacity:.45}}
.seo-section { width:min(1280px,calc(100% - 48px)); max-width:1280px; margin:0 auto; padding:120px 0 0; border:0; border-radius:0; background:transparent; }.seo-section + .seo-section { padding-top:140px; }.seo-section-heading { max-width:760px; margin-bottom:42px; }.seo-section-heading h2 { margin:0; font-size:clamp(2.3rem,5vw,4.7rem); line-height:.98; letter-spacing:-.065em; }.seo-feature-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }.seo-feature-card { min-height:275px; display:flex; flex-direction:column; padding:28px; border:1px solid var(--seo-line); border-radius:17px; background:linear-gradient(145deg,#111925,#0c1118); }.seo-feature-card:nth-child(2) { background:radial-gradient(circle at 90% 0,rgba(109,225,255,.12),transparent 45%),#101923; }.seo-feature-index { color:#647286; font-size:.68rem; font-weight:850; letter-spacing:.12em; }.seo-feature-card h3 { margin:auto 0 10px; font-size:1.18rem; line-height:1.15; }.seo-feature-card p { margin:0; color:var(--seo-muted); font-size:.85rem; line-height:1.55; }
.seo-steps ol { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:0; padding:0; overflow:hidden; list-style:none; border:1px solid var(--seo-line); border-radius:18px; background:var(--seo-line); }.seo-steps li { min-height:245px; padding:25px; background:#0c121a; }.seo-steps li > span { color:var(--seo-cyan); font-size:.7rem; font-weight:850; letter-spacing:.14em; }.seo-steps h3 { margin:82px 0 9px; font-size:1.23rem; }.seo-steps p { margin:0; color:var(--seo-muted); font-size:.86rem; line-height:1.55; }
.seo-video-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.seo-video-card { overflow:hidden; border:1px solid var(--seo-line); border-radius:16px; background:#0e141d; }.seo-video-frame { aspect-ratio:16/9; background:#05070a; }.seo-video-frame iframe { width:100%; height:100%; border:0; }.seo-video-card h3 { margin:20px 20px 8px; font-size:1.08rem; }.seo-video-card p { margin:0 20px 14px; color:var(--seo-muted); font-size:.82rem; line-height:1.5; }.seo-text-link { display:inline-block; margin:0 20px 20px; color:var(--seo-cyan); font-size:.76rem; font-weight:800; }
.seo-faq-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.seo-faq-list details { padding:20px 22px; border:1px solid var(--seo-line); border-radius:13px; background:#0d131b; }.seo-faq-list details:last-child { grid-column:1/-1; }.seo-faq-list summary { cursor:pointer; color:#eef5fa; font-weight:750; font-size:.93rem; }.seo-faq-list p { margin:13px 0 0; color:var(--seo-muted); font-size:.84rem; line-height:1.6; }
.seo-cta-panel { width:min(1280px,calc(100% - 48px)); max-width:1280px; min-height:300px; display:flex; align-items:center; justify-content:space-between; gap:30px; margin:140px auto 0; padding:56px; border:1px solid rgba(109,225,255,.24); border-radius:22px; background:radial-gradient(circle at 80% 45%,rgba(109,225,255,.16),transparent 37%),linear-gradient(135deg,#121d28,#0b1017); }.seo-cta-panel h2 { max-width:680px; margin:0; font-size:clamp(2.2rem,4.5vw,4.5rem); line-height:.98; letter-spacing:-.06em; }.seo-cta-panel > div > p:not(.seo-kicker) { max-width:570px; margin:21px 0 0; color:var(--seo-muted); line-height:1.6; }.seo-cta-actions { display:flex; flex-direction:column; align-items:stretch; gap:12px; min-width:200px; }.seo-store-link { display:block; padding:14px 16px; border:1px solid rgba(255,255,255,.16); border-radius:10px; color:#d0dae5!important; font-size:.78rem; font-weight:750; text-align:center; }
.seo-related { width:min(1280px,calc(100% - 48px)); max-width:1280px; display:flex; justify-content:space-between; gap:25px; margin:30px auto 0; padding:19px 0; border-bottom:1px solid var(--seo-line); color:#95a2b2; font-size:.78rem; }.seo-related > div { display:flex; flex-wrap:wrap; gap:18px; }.seo-related a { color:var(--seo-cyan); font-weight:750; }.seo-footer { width:min(1280px,calc(100% - 48px)); max-width:1280px; display:grid; grid-template-columns:1fr 1fr auto; align-items:center; gap:25px; margin:0 auto; padding:38px 0 50px; color:#778596; }.seo-footer p { margin:0; font-size:.76rem; }.seo-footer nav { display:flex; flex-wrap:wrap; gap:15px; justify-content:flex-end; }
@media (max-width:900px){.seo-nav > nav{display:none}.seo-nav-actions{margin-left:auto}.seo-feature-grid{grid-template-columns:repeat(2,1fr)}.seo-video-grid{grid-template-columns:repeat(2,1fr)}.seo-cta-panel{align-items:flex-start;flex-direction:column}.seo-cta-actions{width:100%;max-width:320px}.seo-footer{grid-template-columns:1fr 1fr}.seo-footer nav{grid-column:1/-1;justify-content:flex-start}}
@media (max-width:600px){.seo-nav{width:calc(100% - 18px);min-height:56px;padding:8px 9px 8px 13px}.seo-brand{font-size:.88rem}.seo-cta-small{padding:9px 8px;font-size:.68rem}.seo-language-links{font-size:0}.seo-language-links a{font-size:.68rem;padding:4px 3px}.seo-hero{width:calc(100% - 16px);min-height:720px;margin-top:8px;border-radius:20px;align-items:flex-start}.seo-hero-copy{padding:115px 23px 75px}.seo-hero h1{font-size:clamp(2.7rem,14vw,4.1rem)}.seo-lead{font-size:.98rem}.seo-actions{display:grid}.seo-button{width:100%}.seo-hero-signal{right:24px;bottom:35px;transform:scale(.65) rotate(-7deg);transform-origin:right bottom}.seo-section,.seo-cta-panel,.seo-related,.seo-footer{width:calc(100% - 32px)}.seo-section{padding-top:85px}.seo-section-heading h2{font-size:clamp(2.3rem,12vw,3.3rem)}.seo-feature-grid,.seo-video-grid,.seo-faq-list,.seo-steps ol{grid-template-columns:1fr}.seo-feature-card{min-height:205px}.seo-steps li{min-height:205px}.seo-steps h3{margin:55px 0 9px}.seo-cta-panel{margin-top:85px;padding:31px 24px}.seo-cta-panel h2{font-size:clamp(2.25rem,11vw,3.25rem)}.seo-related{display:block}.seo-related>div{margin-top:13px}.seo-footer{display:block}.seo-footer p{margin:18px 0}.seo-footer nav{justify-content:flex-start}}
@media (max-width:600px){.seo-page header.seo-nav{width:calc(100% - 18px)!important;max-width:none!important}.seo-page .seo-hero{width:calc(100% - 16px)!important;max-width:none!important}}