:root {
  --bg: #030305;
  --bg-soft: #07070a;
  --panel: rgba(10,10,14,.62);
  --panel-2: rgba(14,14,20,.76);
  --line: rgba(255,255,255,.075);
  --line-strong: rgba(255,255,255,.13);
  --text: #f5f5f5;
  --muted: #9696a2;
  --muted-2: #696973;
  --pink: #FE2C55;
  --pink-hover: #e9274e;
  --green: #47d18c;
  --danger: #ff637e;
  --shadow: 0 28px 80px rgba(0,0,0,.48);
  --radius: 22px;
  --header-h: 72px;
}

* { box-sizing: border-box; }
html { color-scheme: dark; }
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-stopped { overflow: hidden; }
body {
  margin: 0;
  min-height: 100vh;
  background:
    linear-gradient(rgba(3,3,5,.9), rgba(3,3,5,.97)),
    url("./background.png") center top / cover fixed no-repeat,
    var(--bg);
  color: var(--text);
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
button, input { font: inherit; }
button { color: inherit; }
a { color: inherit; }
::selection { background: rgba(254,44,85,.28); color: white; }
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,.09); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: rgba(254,44,85,.32); }

.ambient { position: fixed; width: 520px; height: 520px; border-radius: 50%; filter: blur(130px); pointer-events: none; z-index: -2; opacity: .12; }
.ambient-one { top: 8%; right: -240px; background: rgba(254,44,85,.48); }
.ambient-two { top: 58%; left: -280px; background: rgba(255,255,255,.11); opacity: .055; }
.noise { position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .017; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); mix-blend-mode: overlay; }

.section-shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.glass { background: var(--panel); border: 1px solid var(--line); backdrop-filter: blur(20px) saturate(140%); -webkit-backdrop-filter: blur(20px) saturate(140%); box-shadow: 0 18px 45px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035); }
.section-label { display: block; color: var(--pink); font-size: 10px; font-weight: 700; letter-spacing: .15em; }

.site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 80; transition: .25s ease; }
.site-header.scrolled { background: rgba(3,3,5,.72); border-bottom: 1px solid rgba(255,255,255,.055); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.header-inner { width: min(1180px, calc(100% - 40px)); height: var(--header-h); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.brand { text-decoration: none; display: inline-flex; align-items: baseline; font-weight: 700; letter-spacing: -.04em; }
.brand-name { font-size: 18px; }
.brand-main { color: var(--text); }
.brand-accent { color: var(--pink); }
.access-button { height: 36px; padding: 0 16px; border-radius: 10px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.035); color: #d8d8de; font-size: 10px; font-weight: 700; letter-spacing: .08em; cursor: pointer; transition: .18s ease; }
.access-button:hover { border-color: rgba(254,44,85,.28); background: rgba(254,44,85,.075); color: #fff; transform: translateY(-1px); }

.hero { position: relative; min-height: 100vh; padding-top: 148px; padding-bottom: 86px; text-align: center; }
.hero-glow { position: absolute; top: 130px; left: 50%; width: 580px; height: 320px; transform: translateX(-50%); background: radial-gradient(circle, rgba(254,44,85,.115), transparent 68%); filter: blur(20px); pointer-events: none; }
.eyebrow { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 10px; color: var(--pink); font-size: 10px; font-weight: 700; letter-spacing: .16em; margin-bottom: 21px; }
.eyebrow-line { width: 29px; height: 1px; background: linear-gradient(90deg, rgba(254,44,85,.8), transparent); }
.hero h1 { position: relative; z-index: 1; max-width: 980px; margin: 0 auto; font-size: clamp(48px, 6.2vw, 82px); line-height: .98; letter-spacing: -.062em; font-weight: 650; }
.hero h1 span { color: #85858f; font-weight: 560; }
.hero-copy { position: relative; z-index: 1; max-width: 720px; margin: 26px auto 42px; color: #92929d; font-size: 15px; line-height: 1.72; }

.vsl-shell { position: relative; max-width: 1010px; margin: 0 auto; padding: 9px; border-radius: 25px; overflow: hidden; }
.vsl-shell::after { content:""; position:absolute; inset:-1px; border-radius:inherit; pointer-events:none; background: linear-gradient(120deg, rgba(254,44,85,.12), transparent 25%, transparent 75%, rgba(255,255,255,.05)); opacity:.7; }
.vsl-frame { position: relative; aspect-ratio: 16/9; min-height: 390px; border-radius: 18px; overflow: hidden; background: radial-gradient(circle at 50% 42%, rgba(254,44,85,.085), transparent 30%), linear-gradient(140deg, #0b0b10, #040406 68%, #0b0b10); border: 1px solid rgba(255,255,255,.045); }
.vsl-frame::before { content:""; position:absolute; inset:0; background: linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px); background-size: 46px 46px; mask-image: linear-gradient(to bottom, black, transparent 92%); }
.vsl-placeholder { position:absolute; inset:0; display:grid; place-content:center; justify-items:center; gap:8px; color:#6e6e79; }
.vsl-placeholder strong { color:#b9b9c1; font-size:14px; }
.vsl-placeholder > span:last-child { font-size:11px; }
.vsl-play { width:66px; height:66px; display:grid; place-items:center; border-radius:50%; margin-bottom:10px; color:#e8e8ed; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); box-shadow:0 14px 40px rgba(0,0,0,.35); }
.vsl-play svg { width:25px; transform:translateX(1px); }
.hero-cta-row { display:flex; flex-direction:column; align-items:center; gap:12px; margin-top:27px; }
.primary-cta, .purchase-button { text-decoration:none; display:inline-flex; align-items:center; justify-content:center; height:50px; padding:0 28px; border-radius:13px; background:var(--pink); color:white; font-size:11px; font-weight:700; letter-spacing:.045em; transition:.2s ease; box-shadow:0 12px 35px rgba(254,44,85,.16); }
.primary-cta:hover, .purchase-button:hover { background:var(--pink-hover); transform:translateY(-2px); box-shadow:0 17px 42px rgba(254,44,85,.23); }
.hero-note { color:#5e5e68; font-size:9px; }
.hero-strip { max-width:860px; margin:30px auto 0; padding:14px 18px; display:flex; justify-content:center; gap:28px; flex-wrap:wrap; color:#777782; font-size:10px; border-top:1px solid rgba(255,255,255,.05); border-bottom:1px solid rgba(255,255,255,.05); }
.hero-strip span { display:flex; align-items:center; gap:7px; }
.hero-strip i { width:5px; height:5px; border-radius:50%; background:var(--pink); box-shadow:0 0 10px rgba(254,44,85,.4); }

.intro-section { padding: 120px 0 58px; text-align:center; }
.intro-section h2, .section-heading-center h2 { margin:9px auto 0; font-size:clamp(34px,4.5vw,58px); line-height:1.03; letter-spacing:-.05em; font-weight:620; }
.intro-section h2 span, .section-heading-center h2 span { color:#85858f; font-weight:540; }
.intro-section p, .section-heading-center p { max-width:650px; margin:18px auto 0; color:#7f7f8a; font-size:13px; line-height:1.7; }

.panel-story { height: 520vh; position: relative; }
.panel-sticky { position: sticky; top: 0; height: 100vh; display:flex; align-items:center; overflow:hidden; }
.panel-story-inner { display:grid; grid-template-columns: 310px minmax(0,1fr); gap:48px; align-items:center; }
.story-copy { position:relative; z-index:3; }
.story-count { display:block; color:#55555f; font-size:10px; font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; margin-bottom:26px; }
.story-copy h3 { margin:10px 0 16px; font-size:clamp(36px,4.3vw,62px); line-height:.95; letter-spacing:-.055em; font-weight:650; }
.story-copy p { margin:0; color:#7c7c87; font-size:12px; line-height:1.7; min-height:62px; }
.story-dots { display:flex; gap:7px; margin-top:28px; }
.story-dots button { width:22px; height:3px; border:0; padding:0; border-radius:999px; background:#2c2c34; cursor:pointer; transition:.25s ease; }
.story-dots button.active { width:38px; background:var(--pink); }
.panel-showcase { min-width:0; position:relative; perspective:1400px; }
.panel-showcase::before { content:""; position:absolute; width:70%; height:50%; left:15%; bottom:-4%; background:rgba(254,44,85,.12); filter:blur(95px); border-radius:50%; pointer-events:none; }
.panel-browser { position:relative; border-radius:20px; overflow:hidden; min-height:590px; background:rgba(6,6,9,.86); transform:rotateY(-3deg) rotateX(1deg); box-shadow:0 35px 100px rgba(0,0,0,.56), 0 0 0 1px rgba(255,255,255,.025) inset; transition:transform .45s cubic-bezier(.16,1,.3,1); }
.panel-showcase:hover .panel-browser { transform:rotateY(-1deg) rotateX(0); }
.panel-topbar { height:48px; display:flex; align-items:center; justify-content:space-between; padding:0 16px; border-bottom:1px solid rgba(255,255,255,.055); background:rgba(255,255,255,.018); }
.panel-brand { font-size:11px; font-weight:700; letter-spacing:-.03em; }
.panel-brand b { color:var(--pink); }
.panel-window-dots { display:flex; gap:5px; }
.panel-window-dots i { width:6px; height:6px; border-radius:50%; background:#303039; }
.panel-screens { position:relative; height:542px; }
.panel-screen { position:absolute; inset:0; opacity:0; transform:translateY(22px) scale(.985); transition:opacity .42s ease, transform .5s cubic-bezier(.16,1,.3,1); pointer-events:none; }
.panel-screen.active { opacity:1; transform:none; pointer-events:auto; }
.mobile-feature-copy { display:none; }
.mock-shell { height:100%; display:grid; grid-template-columns:58px 1fr; }
.mock-sidebar { padding:15px 0; border-right:1px solid rgba(255,255,255,.055); background:rgba(255,255,255,.012); display:flex; flex-direction:column; align-items:center; gap:17px; }
.mock-logo { width:27px; height:27px; border-radius:8px; display:grid; place-items:center; margin-bottom:8px; color:var(--pink); background:rgba(254,44,85,.08); border:1px solid rgba(254,44,85,.14); font-size:10px; font-weight:700; }
.mock-sidebar i { width:21px; height:21px; border-radius:6px; background:rgba(255,255,255,.035); position:relative; }
.mock-sidebar i::after { content:""; position:absolute; width:7px; height:7px; border:1px solid #55555f; border-radius:2px; inset:6px; }
.mock-sidebar i.active { background:rgba(254,44,85,.08); }
.mock-sidebar i.active::after { border-color:var(--pink); }
.mock-main { padding:27px 28px; min-width:0; }
.mock-heading { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:25px; }
.mock-heading small { display:block; color:#595964; font-size:7px; letter-spacing:.13em; margin-bottom:5px; }
.mock-heading strong { font-size:17px; letter-spacing:-.035em; font-weight:600; }
.mock-live-pill, .mock-filter { padding:7px 9px; border-radius:7px; font-size:7px; font-weight:650; color:#7f7f89; border:1px solid rgba(255,255,255,.06); background:rgba(255,255,255,.02); }
.mock-live-pill { color:#6fc79a; border-color:rgba(71,209,140,.13); background:rgba(71,209,140,.045); }
.safety-grid, .metric-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.safety-card, .metric-card { min-height:118px; border:1px solid rgba(255,255,255,.055); background:rgba(255,255,255,.02); border-radius:12px; padding:15px; display:flex; flex-direction:column; justify-content:center; }
.safety-card span, .metric-card span { color:#52525c; font-size:7px; letter-spacing:.1em; }
.safety-card strong, .metric-card strong { margin-top:7px; font-size:17px; letter-spacing:-.03em; }
.safety-card em, .metric-card em { margin-top:5px; color:#5d5d67; font-size:7px; font-style:normal; }
.safety-card.safe strong { color:#74d5a4; }
.event-log { margin-top:12px; border:1px solid rgba(255,255,255,.055); border-radius:12px; overflow:hidden; }
.event-row { min-height:61px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; padding:0 15px; border-bottom:1px solid rgba(255,255,255,.045); font-size:8px; color:#aaaab3; }
.event-row:last-child { border-bottom:0; }
.event-row i { width:7px; height:7px; border-radius:50%; background:#3d3d46; }
.event-row i.ok { background:var(--green); box-shadow:0 0 8px rgba(71,209,140,.35); }
.event-row small { color:#4f4f58; }
.event-row.muted { color:#60606a; }
.hero-metric { border-color:rgba(254,44,85,.1); background:rgba(254,44,85,.035); }
.hero-metric strong { color:#f4f4f6; }
.hero-metric em { color:#bb5670; }
.chart-card { height:245px; margin-top:12px; padding:22px 17px; border:1px solid rgba(255,255,255,.055); border-radius:12px; background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.008)); display:flex; align-items:flex-end; }
.chart-line { width:100%; height:100%; display:flex; align-items:flex-end; gap:9px; border-bottom:1px solid rgba(255,255,255,.04); background:repeating-linear-gradient(to top, transparent 0, transparent 48px, rgba(255,255,255,.028) 49px); }
.chart-line span { flex:1; height:var(--h); border-radius:4px 4px 0 0; background:linear-gradient(to top, rgba(254,44,85,.16), rgba(254,44,85,.75)); box-shadow:0 0 18px rgba(254,44,85,.08); }
.integration-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.integration-card { min-height:140px; padding:19px; display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; border:1px solid rgba(255,255,255,.055); background:rgba(255,255,255,.02); border-radius:14px; }
.app-icon { width:41px; height:41px; border-radius:11px; display:grid; place-items:center; background:#111116; border:1px solid rgba(255,255,255,.06); font-size:18px; }
.app-icon.roblox { color:#dddde2; }
.integration-card strong { display:block; font-size:10px; margin-bottom:5px; }
.integration-card span { color:#5f5f69; font-size:7px; }
.status-green { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 10px rgba(71,209,140,.35); }
.connection-flow { margin-top:18px; min-height:140px; border:1px solid rgba(255,255,255,.05); border-radius:14px; display:flex; align-items:center; justify-content:center; gap:14px; color:#71717b; font-size:8px; }
.connection-flow i { width:65px; height:1px; background:linear-gradient(90deg,#2a2a31,var(--pink),#2a2a31); position:relative; }
.connection-flow b { padding:11px 14px; border-radius:10px; color:#fff; background:rgba(254,44,85,.08); border:1px solid rgba(254,44,85,.15); }
.queue-list { display:grid; gap:9px; }
.queue-item { min-height:73px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; padding:0 15px; border:1px solid rgba(255,255,255,.055); background:rgba(255,255,255,.018); border-radius:12px; }
.queue-item.vip { border-color:rgba(254,44,85,.16); background:rgba(254,44,85,.04); }
.avatar { width:34px; height:34px; border-radius:50%; background:linear-gradient(135deg,#693347,#16161c); border:1px solid rgba(255,255,255,.08); }
.avatar.a2 { background:linear-gradient(135deg,#354166,#17171c); }.avatar.a3{background:linear-gradient(135deg,#3d604c,#17171c)}.avatar.a4{background:linear-gradient(135deg,#4e4e55,#17171c)}
.queue-item strong { display:block; font-size:9px; }.queue-item small{color:#565660;font-size:7px}.queue-item b{font-size:9px;color:#60606a}.queue-item.vip b{color:var(--pink)}.queue-item.dim{opacity:.65}
.test-layout { display:grid; grid-template-columns:.82fr 1.18fr; gap:12px; }
.test-controls, .test-console { min-height:330px; padding:18px; border:1px solid rgba(255,255,255,.055); background:rgba(255,255,255,.018); border-radius:12px; }
.test-controls label { display:block; color:#5b5b65; font-size:7px; margin:0 0 7px; }
.fake-input,.fake-select { height:37px; border-radius:8px; padding:0 10px; display:flex; align-items:center; justify-content:space-between; margin-bottom:15px; border:1px solid rgba(255,255,255,.06); background:#0a0a0e; color:#7c7c86; font-size:8px; }
.test-controls button { width:100%; height:39px; border:0; border-radius:8px; margin-top:7px; background:var(--pink); color:white; font-size:7px; font-weight:700; }
.test-console > small { color:#50505a; font-size:7px; letter-spacing:.1em; }
.test-console p { display:flex; gap:8px; align-items:center; min-height:46px; margin:9px 0 0; padding:0 10px; color:#74747e; font-size:8px; border-bottom:1px solid rgba(255,255,255,.04); }
.test-console p i { width:6px;height:6px;border-radius:50%;background:var(--green); }

.bonuses { padding:135px 0 115px; }
.section-heading-center { text-align:center; margin-bottom:42px; }
.bonus-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.bonus-card { border-radius:18px; overflow:hidden; min-width:0; transition:.24s cubic-bezier(.16,1,.3,1); }
.bonus-card:hover { transform:translateY(-4px); border-color:rgba(254,44,85,.16); background:rgba(13,13,18,.72); }
.bonus-media { position:relative; aspect-ratio:1.25/1; min-height:140px; overflow:hidden; background: radial-gradient(circle at 72% 18%, rgba(254,44,85,.18), transparent 34%), linear-gradient(145deg,#0b0b10,#050507); border-bottom:1px solid rgba(255,255,255,.05); }
.bonus-media::before { content:""; position:absolute; inset:0; background:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px); background-size:28px 28px; }
.bonus-media span { position:absolute; left:17px; bottom:13px; font-size:44px; font-weight:650; letter-spacing:-.07em; color:rgba(255,255,255,.065); }
.bonus-media i { position:absolute; top:13px; right:13px; padding:5px 7px; border-radius:6px; font-size:7px; font-style:normal; font-weight:700; letter-spacing:.08em; color:#8a8a94; border:1px solid rgba(255,255,255,.06); background:rgba(0,0,0,.22); }
.bonus-body { padding:17px 17px 20px; }
.bonus-body small { color:var(--pink); font-size:7px; letter-spacing:.12em; font-weight:700; }
.bonus-body h3 { margin:7px 0 9px; font-size:12px; line-height:1.25; letter-spacing:-.02em; }
.bonus-body p { margin:0; color:#686872; font-size:9px; line-height:1.55; }

.proof-section { padding:110px 0 120px; border-top:1px solid rgba(255,255,255,.04); border-bottom:1px solid rgba(255,255,255,.04); overflow:hidden; }
.proof-marquee { width:100%; overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); }
.proof-track { display:flex; gap:12px; width:max-content; padding:0 20px; animation:proofMove 38s linear infinite; }
.proof-marquee:hover .proof-track { animation-play-state:paused; }
@keyframes proofMove { to { transform:translateX(calc(-50% - 6px)); } }
.proof-card { width:320px; min-height:190px; border-radius:17px; padding:18px; }
.proof-avatar { width:34px;height:34px;border-radius:50%;float:left;margin-right:10px;background:linear-gradient(135deg,#292932,#0b0b0f);border:1px solid rgba(255,255,255,.06); }
.proof-meta { min-height:40px; }.proof-meta strong{display:block;font-size:9px;margin:3px 0 3px}.proof-meta small{color:#55555f;font-size:7px;letter-spacing:.08em}.proof-placeholder{clear:both;padding-top:20px;display:grid;gap:9px}.proof-placeholder span{height:7px;border-radius:99px;background:rgba(255,255,255,.045)}.proof-placeholder .short{width:61%}

.offer-section { padding:135px 0 70px; }
.offer-card { max-width:790px; margin:0 auto; padding:34px; border-radius:24px; background:radial-gradient(circle at 88% 10%,rgba(254,44,85,.075),transparent 30%),var(--panel); }
.offer-top { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; }
.offer-badge { display:inline-flex; height:25px; align-items:center; padding:0 8px; border-radius:7px; color:var(--pink); background:rgba(254,44,85,.065); border:1px solid rgba(254,44,85,.13); font-size:7px; font-weight:700; letter-spacing:.08em; }
.offer-top h3 { margin:15px 0 4px; font-size:34px; letter-spacing:-.055em; }
.offer-top p { margin:0; color:#676771; font-size:10px; }
.price-block { text-align:right; white-space:nowrap; }
.price-block small { display:block; margin-bottom:4px; color:#55555f; font-size:7px; letter-spacing:.1em; }
.price-block strong { display:inline-block; font-size:42px; letter-spacing:-.06em; }.price-block sup{font-size:14px;margin-right:4px}.price-block span{color:#686872;font-size:9px}
.offer-divider { height:1px; margin:28px 0; background:rgba(255,255,255,.06); }
.offer-includes { display:grid; grid-template-columns:1fr 1fr; gap:12px 25px; color:#9d9da6; font-size:10px; }.offer-includes span::first-letter{color:var(--pink)}
.purchase-button { width:100%; margin-top:30px; height:54px; }
.offer-small { margin:11px 0 0; text-align:center; color:#50505a; font-size:8px; }
.guarantee-card { max-width:790px; margin:12px auto 0; border-radius:19px; padding:23px 25px; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:20px; background:rgba(10,10,14,.46); }
.guarantee-seal { width:72px;height:72px;border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--pink);background:rgba(254,44,85,.055);border:1px solid rgba(254,44,85,.14);box-shadow:inset 0 0 25px rgba(254,44,85,.03)}
.guarantee-seal strong{font-size:25px;line-height:.85}.guarantee-seal span{margin-top:5px;font-size:7px;font-weight:700;letter-spacing:.12em}.guarantee-card h3{margin:5px 0 7px;font-size:16px;letter-spacing:-.03em}.guarantee-card p{margin:0;color:#686872;font-size:9px;line-height:1.55}

.faq-section { padding:100px 0 135px; }
.faq-list { max-width:840px; margin:0 auto; border-top:1px solid rgba(255,255,255,.06); }
.faq-list details { border-bottom:1px solid rgba(255,255,255,.06); }
.faq-list summary { list-style:none; min-height:68px; display:flex; align-items:center; justify-content:space-between; gap:18px; cursor:pointer; color:#c4c4cc; font-size:11px; font-weight:550; }
.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary span{font-size:20px;color:#5a5a64;font-weight:300;transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg);color:var(--pink)}.faq-list details p{margin:-4px 0 22px;max-width:700px;color:#686872;font-size:10px;line-height:1.65}

.site-footer { min-height:120px; display:flex; align-items:center; justify-content:center; border-top:1px solid rgba(255,255,255,.045); color:#4e4e57; font-size:9px; letter-spacing:.04em; padding:30px 20px; text-align:center; }

.modal-backdrop { position:fixed; inset:0; z-index:120; display:grid; place-items:center; padding:20px; background:rgba(0,0,0,.72); backdrop-filter:blur(9px); -webkit-backdrop-filter:blur(9px); opacity:0; visibility:hidden; transition:.2s ease; }
.modal-backdrop.open { opacity:1; visibility:visible; }
.access-modal { position:relative; width:min(430px,100%); padding:31px; border-radius:22px; background:rgba(13,13,18,.93); box-shadow:var(--shadow); transform:translateY(10px) scale(.985); transition:.22s cubic-bezier(.16,1,.3,1); }
.modal-backdrop.open .access-modal { transform:none; }
.modal-close { position:absolute; top:14px; right:14px; width:31px;height:31px;border:0;border-radius:8px;background:transparent;color:#5d5d67;display:grid;place-items:center;cursor:pointer; }.modal-close:hover{background:rgba(255,255,255,.045);color:#c3c3ca}.modal-close svg{width:15px}
.modal-icon { width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:var(--pink);background:rgba(254,44,85,.08);border:1px solid rgba(254,44,85,.16);margin-bottom:18px}.modal-icon svg{width:20px}
.access-modal h3 { margin:7px 0 0; font-size:20px; letter-spacing:-.035em; }.access-modal > p{margin:9px 0 0;color:#81818c;font-size:11px;line-height:1.6}
.access-modal form { margin-top:22px; }.access-modal label{display:block;margin:0 0 8px 2px;color:#acacb5;font-size:9px}.access-modal input{width:100%;height:46px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#fff;border-radius:12px;padding:0 13px;outline:0;font-size:11px;transition:.18s}.access-modal input:focus{border-color:rgba(254,44,85,.42);box-shadow:0 0 0 3px rgba(254,44,85,.08)}.access-modal input::placeholder{color:#4e4e58}
.form-message{min-height:17px;margin:7px 2px 0;color:var(--danger);font-size:9px;line-height:1.4}.primary-button{width:100%;height:44px;margin-top:11px;border:0;border-radius:12px;background:var(--pink);color:white;font-weight:700;font-size:10px;cursor:pointer;display:grid;place-items:center;transition:.18s}.primary-button:hover{background:var(--pink-hover);box-shadow:0 10px 30px rgba(254,44,85,.17)}.primary-button:disabled{cursor:wait;opacity:.75}.button-loader{display:none;width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.32);border-top-color:white;animation:spin .8s linear infinite}.primary-button.loading .button-label{display:none}.primary-button.loading .button-loader{display:block}@keyframes spin{to{transform:rotate(360deg)}}.privacy-note{display:block;margin-top:12px;text-align:center;color:#51515b;font-size:8px}.modal-open{overflow:hidden}

.scroll-reveal { opacity:0; transform:translateY(18px); transition:opacity .72s cubic-bezier(.16,1,.3,1), transform .72s cubic-bezier(.16,1,.3,1); will-change:opacity,transform; }.scroll-reveal.is-visible{opacity:1;transform:none}

@media (max-width: 1020px) {
  .bonus-grid { grid-template-columns:repeat(2,1fr); }
  .panel-story { height:auto; padding:80px 0 110px; }
  .panel-sticky { position:relative; height:auto; overflow:visible; display:block; }
  .panel-story-inner { display:block; }
  .story-copy { text-align:center; max-width:700px; margin:0 auto 34px; }
  .story-copy h3 { font-size:46px; }.story-copy p{min-height:0}.story-count,.story-dots{display:none}.story-copy #storyLabel,.story-copy #storyTitle,.story-copy #storyDescription{display:none}
  .panel-browser { transform:none; min-height:0; background:transparent; border:0; box-shadow:none; backdrop-filter:none; overflow:visible; }
  .panel-topbar { display:none; }.panel-screens{height:auto;display:grid;gap:14px}.panel-screen{position:relative;opacity:1;transform:none;pointer-events:auto;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(8,8,12,.75);box-shadow:0 18px 45px rgba(0,0,0,.24)}
  .mobile-feature-copy{display:block;padding:20px 20px 0}.mobile-feature-copy small{display:block;color:var(--pink);font-size:8px;letter-spacing:.12em;font-weight:700}.mobile-feature-copy strong{display:block;margin-top:7px;font-size:18px;letter-spacing:-.035em}.mobile-feature-copy p{margin:7px 0 0;color:#6e6e78;font-size:9px;line-height:1.5}.mock-shell{height:450px;margin-top:8px}.panel-showcase::before{display:none}
}

@media (max-width: 760px) {
  :root { --header-h:64px; }
  .section-shell,.header-inner { width:min(100% - 28px,1180px); }
  .site-header { background:rgba(3,3,5,.66); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-bottom:1px solid rgba(255,255,255,.045); }
  .brand-name { font-size:16px; }.access-button{height:34px;padding:0 13px;font-size:9px}
  .hero { min-height:auto; padding-top:115px; padding-bottom:72px; }.hero-glow{top:80px;width:390px;height:260px}.eyebrow{font-size:8px;margin-bottom:18px}.hero h1{font-size:clamp(39px,12.5vw,58px);line-height:.98}.hero-copy{font-size:12px;line-height:1.65;margin:20px auto 31px;padding:0 5px}.vsl-shell{padding:6px;border-radius:19px}.vsl-frame{min-height:0;aspect-ratio:16/9;border-radius:14px}.vsl-play{width:52px;height:52px}.hero-cta-row{margin-top:22px}.primary-cta{width:100%;height:48px}.hero-note{font-size:8px}.hero-strip{gap:13px 20px;margin-top:24px;padding:13px 4px;font-size:8px}
  .intro-section { padding:80px 0 38px; }.intro-section h2,.section-heading-center h2{font-size:clamp(32px,10.5vw,44px)}.intro-section p,.section-heading-center p{font-size:11px;line-height:1.6}.section-heading-center{margin-bottom:30px}
  .panel-story { padding-top:45px; }.mobile-feature-copy{padding:17px 16px 0}.mock-shell{height:365px;grid-template-columns:44px 1fr}.mock-sidebar{gap:12px}.mock-logo{width:24px;height:24px}.mock-sidebar i{width:18px;height:18px}.mock-sidebar i::after{inset:5px}.mock-main{padding:18px 15px}.mock-heading{margin-bottom:16px}.mock-heading strong{font-size:13px}.safety-grid,.metric-grid{gap:6px}.safety-card,.metric-card{min-height:88px;padding:9px}.safety-card strong,.metric-card strong{font-size:11px}.chart-card{height:165px}.integration-grid{gap:7px}.integration-card{min-height:92px;padding:10px;gap:7px}.app-icon{width:30px;height:30px;font-size:12px}.connection-flow{min-height:95px;gap:7px}.connection-flow i{width:28px}.queue-item{min-height:53px;padding:0 9px;gap:8px}.avatar{width:27px;height:27px}.test-layout{gap:7px}.test-controls,.test-console{min-height:235px;padding:10px}.fake-input,.fake-select{height:30px;margin-bottom:10px}.test-controls button{height:32px}.test-console p{min-height:34px;margin-top:6px}
  .bonuses { padding:90px 0 85px; }.bonus-grid{grid-template-columns:1fr;gap:10px}.bonus-card{display:grid;grid-template-columns:118px 1fr;min-height:135px}.bonus-media{aspect-ratio:auto;height:100%;min-height:135px;border-bottom:0;border-right:1px solid rgba(255,255,255,.05)}.bonus-media span{font-size:35px}.bonus-body{padding:16px}.bonus-body h3{font-size:11px}.bonus-body p{font-size:8.5px}
  .proof-section { padding:80px 0; }.proof-card{width:275px;min-height:170px}.proof-track{animation-duration:34s}
  .offer-section{padding:90px 0 50px}.offer-card{padding:23px 18px;border-radius:19px}.offer-top{display:block}.price-block{text-align:left;margin-top:25px}.price-block strong{font-size:38px}.offer-divider{margin:21px 0}.offer-includes{grid-template-columns:1fr;gap:10px}.purchase-button{height:50px;margin-top:24px}.guarantee-card{grid-template-columns:auto 1fr;padding:18px 16px;gap:13px}.guarantee-seal{width:62px;height:62px}.guarantee-card h3{font-size:13px}.guarantee-card p{font-size:8px}
  .faq-section{padding:75px 0 110px}.faq-list summary{font-size:10px;line-height:1.4;min-height:64px}.faq-list details p{font-size:9px}
  .site-footer{padding-bottom:30px}
  .access-modal{padding:27px 20px 22px}.access-modal h3{font-size:18px}
}

@media (max-width: 420px) {
  .hero h1{font-size:40px}.hero-strip{justify-content:flex-start;padding-left:3px}.bonus-card{grid-template-columns:100px 1fr}.mock-shell{height:335px}.mock-main{padding:14px 10px}.safety-card span,.metric-card span{font-size:5.5px}.safety-card em,.metric-card em{font-size:5.5px}.integration-card span{font-size:5.5px}.connection-flow{font-size:6px}.queue-item strong{font-size:7px}.queue-item small{font-size:5.5px}.test-layout{grid-template-columns:1fr}.test-console{display:none}.test-controls{min-height:210px}
}

@media (prefers-reduced-motion: reduce) {
  .scroll-reveal,.scroll-reveal.is-visible { opacity:1; transform:none; transition:none; }
  .proof-track { animation:none; }
}

/* ===== Sales v2 — prints reais + oferta reforçada ===== */
.brand-highlight { color: var(--pink) !important; font-weight: 650 !important; }

.real-panel-browser {
  min-height: 0;
  aspect-ratio: 16 / 10;
  background: #050505;
}
.real-panel-browser .panel-screens { height: 100%; }
.panel-real-shot {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top left;
  user-select: none;
  -webkit-user-drag: none;
}

.offer-card-v2 {
  max-width: 980px;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 9%, rgba(254,44,85,.105), transparent 28%),
    rgba(9,9,13,.72);
}
.offer-content-v2 { padding: 38px 38px 34px; }
.offer-main-copy h3 {
  margin: 15px 0 7px;
  max-width: 520px;
  font-size: 32px;
  line-height: 1.02;
  letter-spacing: -.05em;
}
.offer-main-copy > p { margin: 0; color: #75757f; font-size: 10px; line-height: 1.6; }
.offer-core-list { display: grid; gap: 10px; margin-top: 24px; }
.offer-core-list span { display: flex; align-items: center; gap: 9px; color: #b4b4bd; font-size: 10px; }
.offer-core-list i {
  width: 18px; height: 18px; flex: 0 0 18px;
  display: grid; place-items: center;
  border-radius: 50%;
  color: var(--pink); font-style: normal; font-size: 9px; font-weight: 800;
  background: rgba(254,44,85,.07); border: 1px solid rgba(254,44,85,.16);
}
.offer-bonus-box {
  margin-top: 28px;
  padding: 20px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.055);
  background: rgba(255,255,255,.018);
}
.offer-mini-label { display: block; margin-bottom: 14px; color: var(--pink); font-size: 7px; font-weight: 750; letter-spacing: .14em; }
.offer-bonus-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 18px; }
.offer-bonus-grid span { position: relative; padding-left: 12px; color: #777782; font-size: 8.5px; line-height: 1.45; }
.offer-bonus-grid span::before { content: "+"; position: absolute; left: 0; top: 0; color: var(--pink); font-weight: 800; }

.offer-price-panel {
  padding: 36px 28px;
  border-left: 1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(circle at 50% 17%, rgba(254,44,85,.10), transparent 31%),
    rgba(5,5,8,.54);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.price-kicker { color: #8d8d97; font-size: 7px; font-weight: 750; letter-spacing: .14em; }
.price-block-v2 { margin-top: 19px; text-align: left; }
.price-block-v2 small { margin-bottom: 3px; color: #696973; font-size: 7px; }
.price-block-v2 strong { font-size: 58px; line-height: .94; letter-spacing: -.075em; }
.price-block-v2 sup { font-size: 16px; vertical-align: 20px; margin-right: 5px; }
.price-block-v2 span { margin-left: 5px; color: #777782; font-size: 10px; }
.payment-method { margin: 12px 0 0; color: #d7d7dd; font-size: 10px; font-weight: 600; }
.offer-price-panel .purchase-button { width: 100%; height: 52px; margin-top: 24px; padding: 0 16px; text-align: center; }
.offer-price-panel .offer-small { margin-top: 11px; line-height: 1.5; }

@media (max-width: 1020px) {
  .real-panel-browser { aspect-ratio: auto; }
  .real-panel-browser .panel-screens { height: auto; }
  .panel-real-shot { height: auto; aspect-ratio: 16 / 10; border-top: 1px solid rgba(255,255,255,.045); }
  .offer-card-v2 { grid-template-columns: 1fr 300px; }
  .offer-content-v2 { padding: 32px; }
}

@media (max-width: 760px) {
  .offer-card-v2 { padding: 0; display: block; border-radius: 20px; }
  .offer-content-v2 { padding: 25px 20px 22px; }
  .offer-main-copy h3 { font-size: 27px; }
  .offer-core-list { margin-top: 21px; }
  .offer-bonus-box { margin-top: 23px; padding: 16px; }
  .offer-bonus-grid { grid-template-columns: 1fr; gap: 9px; }
  .offer-bonus-grid span { font-size: 8.5px; }
  .offer-price-panel { padding: 25px 20px 22px; border-left: 0; border-top: 1px solid rgba(255,255,255,.06); }
  .price-block-v2 { margin-top: 16px; }
  .price-block-v2 strong { font-size: 52px; }
  .price-block-v2 sup { vertical-align: 17px; }
  .offer-price-panel .purchase-button { margin-top: 21px; }
  .panel-real-shot { aspect-ratio: 16 / 10; }
}

/* ===== Sales v3 test — demonstracao automatizada ===== */
.automation-demo-section { padding: 25px 0 125px; }
.automation-demo-wrap {
  position: relative;
  overflow: hidden;
  padding: 30px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 80% 25%, rgba(254,44,85,.075), transparent 30%),
    radial-gradient(circle at 18% 70%, rgba(255,255,255,.025), transparent 25%),
    rgba(7,7,10,.76);
}
.automation-demo-wrap::before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(120deg,transparent 0 42%,rgba(255,255,255,.018) 49%,transparent 57%);
}
.automation-demo-head { position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:8px 7px 30px; }
.automation-demo-head h3 { margin:10px 0 0;font-size:clamp(30px,3.5vw,48px);line-height:1.02;letter-spacing:-.05em;font-weight:620; }
.automation-demo-head h3 span { color:#6f6f79;font-weight:540; }
.automation-status { flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(71,209,140,.12);border-radius:999px;background:rgba(71,209,140,.035);color:#75c9a0;font-size:7px;font-weight:760;letter-spacing:.1em; }
.automation-status i,.engine-live-state i,.engine-mini-card strong i { width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(71,209,140,.42); }

.automation-stage { position:relative;z-index:2;display:grid;grid-template-columns:minmax(260px,.72fr) 90px minmax(480px,1.28fr);align-items:center;gap:18px;min-height:565px; }
.live-simulator,.tokify-engine { min-width:0; }
.live-phone { width:min(100%,315px);aspect-ratio:9/16;margin:0 auto;border-radius:31px;padding:9px;background:#050507;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 70px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.04);position:relative;overflow:hidden; }
.live-phone::before { content:"";position:absolute;width:72px;height:18px;left:50%;top:12px;transform:translateX(-50%);border-radius:20px;background:#020203;z-index:5; }
.live-topbar { height:62px;padding:22px 9px 8px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3; }
.live-profile { display:flex;align-items:center;gap:7px; }
.live-avatar { width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),#60172d);font-size:9px;font-weight:800;border:1px solid rgba(255,255,255,.15); }
.live-profile strong { display:block;font-size:7.5px;line-height:1.15; }.live-profile small{display:block;color:#85858f;font-size:5.5px;margin-top:2px}
.live-badge { padding:4px 7px;border-radius:5px;background:var(--pink);font-size:6px;font-weight:800;letter-spacing:.05em; }
.live-scene { position:relative;height:calc(100% - 108px);border-radius:22px;overflow:hidden;background:
  radial-gradient(circle at 50% 30%,rgba(254,44,85,.12),transparent 32%),
  linear-gradient(180deg,#17151b,#08080b 68%);border:1px solid rgba(255,255,255,.035); }
.live-scene::before { content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.72)); }
.live-game-card { position:absolute;left:14%;right:14%;top:18%;height:160px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 50% 24%,rgba(254,44,85,.15),transparent 38%),#0e0e13;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 18px 45px rgba(0,0,0,.32); }
.live-game-card span { color:var(--pink);font-size:6px;font-weight:800;letter-spacing:.15em; }.live-game-card strong{margin-top:8px;font-size:10px;letter-spacing:-.03em}
.game-score { display:flex;gap:3px;margin-top:13px; }.game-score i{width:11px;height:3px;border-radius:5px;background:#292932;transition:.25s}.game-score i.on{background:var(--pink);box-shadow:0 0 7px rgba(254,44,85,.3)}
.live-comments { position:absolute;left:12px;right:12px;bottom:13px;display:grid;gap:7px; }
.live-comment { width:max-content;max-width:92%;padding:6px 8px;border-radius:9px;background:rgba(8,8,10,.52);backdrop-filter:blur(8px);font-size:6px;display:flex;gap:5px;transition:.3s; }.live-comment b{font-size:6px}.live-comment span{color:#c3c3ca}.live-comment.muted{opacity:.45}.live-comment.active{border:1px solid rgba(255,255,255,.05)}
.live-gift { display:flex;align-items:center;gap:7px;width:max-content;max-width:96%;padding:7px 9px;border:1px solid rgba(254,44,85,.17);border-radius:10px;background:rgba(254,44,85,.085);box-shadow:0 10px 28px rgba(254,44,85,.05);transition:.3s; }.live-gift>span{font-size:14px}.live-gift b{display:block;font-size:6px}.live-gift small{display:block;margin-top:2px;color:#d77a92;font-size:5.3px}
.live-bottom { height:44px;padding:8px 6px 4px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;color:#7a7a84; }.live-bottom span{padding:7px 9px;border:1px solid rgba(255,255,255,.06);border-radius:20px;font-size:5.5px}.live-bottom i{font-style:normal;font-size:11px;color:#b5b5bd}
.demo-caption { max-width:360px;margin:15px auto 0;display:flex;align-items:flex-start;gap:9px;color:#64646e;font-size:8px;line-height:1.55; }.demo-caption i{width:6px;height:6px;margin-top:3px;flex:0 0 6px;border-radius:50%;background:var(--pink);box-shadow:0 0 10px rgba(254,44,85,.3)}.demo-caption b{color:#a9a9b2;font-weight:650}

.automation-bridge { display:flex;align-items:center;justify-content:center;gap:4px;position:relative; }
.automation-bridge i { width:22px;height:1px;background:linear-gradient(90deg,#25252c,var(--pink),#25252c);position:relative;overflow:visible; }
.automation-bridge i::after { content:"";position:absolute;width:5px;height:5px;top:-2px;border-radius:50%;background:var(--pink);box-shadow:0 0 12px rgba(254,44,85,.55);animation:bridgePulse 1.8s ease-in-out infinite; }
.automation-bridge i:first-of-type::after{animation-delay:.2s}.automation-bridge i:last-of-type::after{animation-delay:1.05s}
.automation-bridge b { padding:8px 9px;border-radius:9px;color:#fff;background:rgba(254,44,85,.10);border:1px solid rgba(254,44,85,.19);font-size:6px;letter-spacing:.04em;box-shadow:0 0 25px rgba(254,44,85,.06); }
.bridge-node { width:5px;height:5px;border-radius:50%;background:#41414a; }
@keyframes bridgePulse { 0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}100%{left:calc(100% - 5px);opacity:0} }

.engine-window { min-height:470px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.07);background:#08080c;box-shadow:0 32px 85px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.025); }
.engine-topbar { min-height:55px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.012); }
.engine-brand { font-size:11px;font-weight:750;letter-spacing:-.035em }.engine-brand b{color:var(--pink)}.engine-brand span{margin-left:5px;padding:3px 5px;border-radius:4px;background:rgba(254,44,85,.08);color:#a74d64;font-size:5px;letter-spacing:.08em}
.engine-live-state{display:flex;align-items:center;gap:6px;color:#76c99f;font-size:6px;font-weight:700;letter-spacing:.08em}
.engine-connections{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:15px 15px 0}
.engine-connection{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:11px;border:1px solid rgba(255,255,255,.05);border-radius:11px;background:rgba(255,255,255,.015)}
.platform-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#111117;border:1px solid rgba(255,255,255,.055);font-size:12px}.roblox-icon{font-size:16px}
.engine-connection small{display:block;color:#50505a;font-size:5px;letter-spacing:.11em}.engine-connection strong{display:block;margin-top:3px;font-size:8px;font-weight:600}.engine-connection>i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(71,209,140,.32)}
.engine-processing{margin:13px 15px 0;border:1px solid rgba(255,255,255,.05);border-radius:13px;background:rgba(255,255,255,.01);overflow:hidden}
.engine-processing-head{height:39px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.045)}.engine-processing-head span{color:#5c5c66;font-size:5px;letter-spacing:.1em}.engine-processing-head b{color:#a95067;font-size:5px;letter-spacing:.08em}
.engine-event-list{display:grid}.engine-event{min-height:66px;padding:0 12px;display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:9px;border-bottom:1px solid rgba(255,255,255,.04);transition:.3s}.engine-event:last-child{border-bottom:0}.engine-event>i{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#111117;color:#5c5c65;font-size:8px;font-style:normal;border:1px solid rgba(255,255,255,.04)}.engine-event strong{display:block;font-size:8px;font-weight:590}.engine-event small{display:block;margin-top:4px;color:#575761;font-size:6px}.engine-event time{color:#43434c;font-size:5px}.engine-event.done>i{color:#6fc79a;background:rgba(71,209,140,.045);border-color:rgba(71,209,140,.1)}.engine-event.focus{background:rgba(254,44,85,.027)}.engine-event.focus>i{color:var(--pink);background:rgba(254,44,85,.065);border-color:rgba(254,44,85,.14);box-shadow:0 0 18px rgba(254,44,85,.045)}
.engine-footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:13px 15px 15px}.engine-mini-card{min-height:71px;padding:11px;border:1px solid rgba(255,255,255,.05);border-radius:10px;background:rgba(255,255,255,.014);display:flex;flex-direction:column;justify-content:center}.engine-mini-card small{color:#4f4f59;font-size:5px;letter-spacing:.09em}.engine-mini-card strong{display:flex;align-items:center;gap:5px;margin-top:7px;font-size:9px;font-weight:610}.engine-mini-card.accent{border-color:rgba(254,44,85,.12);background:rgba(254,44,85,.025)}.engine-mini-card.accent strong{color:#f1f1f3}

.automation-proof-strip { position:relative;z-index:2;margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.055);display:grid;grid-template-columns:repeat(4,1fr);gap:8px; }
.automation-proof-strip span { min-height:62px;padding:12px;border-radius:12px;background:rgba(255,255,255,.012);border:1px solid rgba(255,255,255,.04);color:#666670;font-size:7px;line-height:1.45;display:flex;flex-wrap:wrap;align-content:center;gap:5px }.automation-proof-strip i{font-style:normal;color:var(--pink);font-size:5px;font-weight:800;letter-spacing:.08em;width:100%}.automation-proof-strip b{color:#a6a6af;font-weight:600}
.demo-pulse { animation:demoPulse .62s cubic-bezier(.16,1,.3,1); }
@keyframes demoPulse { 0%{transform:translateY(4px);opacity:.35}45%{transform:translateY(-2px);opacity:1}100%{transform:none;opacity:1} }

@media(max-width:1020px){
  .automation-demo-section{padding:20px 0 100px}.automation-demo-wrap{padding:24px}.automation-stage{grid-template-columns:minmax(230px,.75fr) 54px minmax(400px,1.25fr);gap:10px}.automation-bridge i{width:11px}.engine-window{min-height:440px}.live-phone{width:min(100%,270px)}
  .automation-proof-strip{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .automation-demo-section{padding:10px 0 85px}.automation-demo-wrap{padding:17px;border-radius:21px}.automation-demo-head{display:block;padding:4px 2px 22px}.automation-demo-head h3{font-size:30px}.automation-status{width:max-content;margin-top:15px;padding:8px 10px}
  .automation-stage{display:flex;flex-direction:column;gap:15px;min-height:0}.live-phone{width:min(100%,275px)}.live-simulator,.tokify-engine{width:100%}.automation-bridge{height:55px;transform:rotate(90deg)}.automation-bridge i{width:18px}.engine-window{min-height:0;border-radius:18px}.engine-footer-grid{grid-template-columns:1fr 1fr}.engine-connections{grid-template-columns:1fr 1fr}.demo-caption{font-size:8px;padding:0 4px}.automation-proof-strip{grid-template-columns:1fr 1fr;margin-top:24px}.automation-proof-strip span{min-height:58px}
}
@media(max-width:430px){
  .automation-demo-wrap{padding:14px}.automation-demo-head h3{font-size:27px}.engine-connections{grid-template-columns:1fr}.engine-event{grid-template-columns:25px 1fr}.engine-event time{display:none}.automation-proof-strip{grid-template-columns:1fr 1fr}.automation-proof-strip span{padding:10px}.live-phone{width:min(100%,255px)}
}
@media(prefers-reduced-motion:reduce){.automation-bridge i::after{animation:none}.demo-pulse{animation:none}}

/* ===== Sales v4 — contraste SEM TOKiFY x COM TOKiFY ===== */
.tokify-contrast-section{padding:25px 0 125px}.contrast-shell{position:relative;overflow:hidden;border-radius:26px;padding:34px;background:radial-gradient(circle at 76% 23%,rgba(254,44,85,.07),transparent 30%),rgba(8,8,12,.72)}.contrast-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 83%);pointer-events:none}.contrast-heading{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:36px;padding:6px 4px 30px}.contrast-heading h3{margin:10px 0 0;font-size:clamp(31px,3.5vw,48px);line-height:1.02;letter-spacing:-.055em;font-weight:620}.contrast-heading h3 span{color:#6b6b75;font-weight:540}.contrast-heading>p{max-width:310px;margin:0;color:#6e6e78;font-size:9px;line-height:1.65}.contrast-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);gap:12px;align-items:stretch}.contrast-side{min-width:0;border:1px solid rgba(255,255,255,.06);border-radius:21px;padding:24px;background:rgba(5,5,8,.62);box-shadow:0 22px 55px rgba(0,0,0,.28)}.contrast-manual{opacity:.76;background:linear-gradient(150deg,rgba(255,255,255,.018),rgba(6,6,9,.55))}.contrast-auto{position:relative;border-color:rgba(254,44,85,.14);background:radial-gradient(circle at 82% 8%,rgba(254,44,85,.085),transparent 31%),rgba(7,7,11,.77)}.contrast-auto:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);pointer-events:none}.contrast-side-head{display:flex;align-items:center;gap:10px;padding-bottom:19px;border-bottom:1px solid rgba(255,255,255,.055)}.contrast-dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px}.contrast-dot.muted{background:#3a3a43}.contrast-dot.active,.pulse-dot{background:var(--pink);box-shadow:0 0 14px rgba(254,44,85,.38)}.contrast-side-head small{display:block;color:#575761;font-size:6.5px;font-weight:750;letter-spacing:.14em}.contrast-auto .contrast-side-head small{color:var(--pink)}.contrast-side-head strong{display:block;margin-top:4px;color:#c7c7ce;font-size:11px;letter-spacing:-.02em}.manual-stack{display:grid;gap:7px;margin-top:18px}.manual-task{min-height:50px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:0 12px;border:1px solid rgba(255,255,255,.045);border-radius:11px;background:rgba(255,255,255,.012)}.manual-task i{font-size:6.5px;font-style:normal;color:#50505a}.manual-task span{color:#7c7c86;font-size:8px}.manual-task b{color:#474750;font-size:5.8px;letter-spacing:.1em}.manual-result{display:flex;align-items:baseline;gap:7px;margin-top:17px;padding:14px;border-radius:12px;background:rgba(255,255,255,.018);color:#55555e}.manual-result span{font-size:19px;font-weight:650;letter-spacing:-.05em}.manual-result strong{font-size:7px;font-weight:600}.contrast-switch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--pink)}.contrast-switch i{width:1px;height:38px;background:linear-gradient(transparent,rgba(254,44,85,.26),transparent)}.contrast-switch span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(254,44,85,.15);background:rgba(254,44,85,.055);font-size:15px}.fake-start-button{position:relative;width:100%;height:54px;margin-top:18px;border:1px solid rgba(254,44,85,.25);border-radius:12px;background:linear-gradient(180deg,#fe2c55,#e81944);color:white;font:inherit;font-size:8px;font-weight:780;letter-spacing:.1em;box-shadow:0 14px 34px rgba(254,44,85,.16);pointer-events:none}.fake-start-button span{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:white;box-shadow:0 0 0 5px rgba(255,255,255,.1)}.auto-network{position:relative;display:grid;gap:7px;margin-top:16px}.auto-line{position:absolute;left:20px;top:-16px;bottom:20px;width:1px;background:linear-gradient(rgba(254,44,85,.22),rgba(254,44,85,.05))}.auto-task{position:relative;z-index:1;min-height:53px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:0 12px;border:1px solid rgba(254,44,85,.075);border-radius:11px;background:rgba(255,255,255,.018)}.auto-task>i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-style:normal;color:var(--pink);font-size:8px;background:#0c0c10;border:1px solid rgba(254,44,85,.16)}.auto-task small{display:block;color:#55555f;font-size:5.8px;letter-spacing:.11em}.auto-task strong{display:block;margin-top:3px;color:#bcbcc5;font-size:8px}.auto-task>span{color:#e5e5ea;font-size:5.5px;font-weight:800;letter-spacing:.11em}.auto-result{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:17px;padding:15px 16px;border:1px solid rgba(254,44,85,.1);border-radius:13px;background:rgba(254,44,85,.035)}.auto-result small{display:block;color:var(--pink);font-size:5.7px;letter-spacing:.12em;font-weight:750}.auto-result strong{display:block;margin-top:3px;font-size:21px;letter-spacing:-.05em}.auto-result>span{color:#797983;font-size:8px}.auto-result>span b{color:var(--pink)}.contrast-bottom-line{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;margin:25px auto 0;padding:13px 18px;max-width:650px;border-radius:999px;border:1px solid rgba(255,255,255,.055);background:rgba(0,0,0,.18)}.pulse-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;animation:tokifySoftPulse 2s ease-in-out infinite}.contrast-bottom-line p{margin:0;color:#64646e;font-size:7.5px;line-height:1.45}.contrast-bottom-line b{color:#aaaab2}@keyframes tokifySoftPulse{0%,100%{opacity:.45;box-shadow:0 0 0 rgba(254,44,85,0)}50%{opacity:1;box-shadow:0 0 15px rgba(254,44,85,.38)}}

/* ===== Sales v4 — oferta vertical ===== */
.offer-vertical-card{position:relative;max-width:650px;margin:0 auto;padding:34px;border-radius:25px;overflow:hidden;background:radial-gradient(circle at 75% 4%,rgba(254,44,85,.085),transparent 28%),rgba(8,8,12,.76)}.offer-vertical-card:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(254,44,85,.55),transparent)}.offer-vertical-top{text-align:center}.offer-vertical-top h3{max-width:500px;margin:14px auto 8px;font-size:32px;line-height:1.02;letter-spacing:-.05em}.offer-vertical-top p{max-width:470px;margin:0 auto;color:#72727c;font-size:9.5px;line-height:1.6}.vertical-bonuses{margin-top:27px;padding:20px;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:rgba(255,255,255,.016)}.vertical-bonuses .offer-mini-label{text-align:center}.vertical-bonus-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.vertical-bonus-list span{display:flex;align-items:flex-start;gap:8px;color:#8c8c96;font-size:8.5px;line-height:1.4}.vertical-bonus-list i{width:15px;height:15px;flex:0 0 15px;display:grid;place-items:center;border-radius:50%;font-size:6px;font-style:normal;color:var(--pink);background:rgba(254,44,85,.065);border:1px solid rgba(254,44,85,.12)}.plans-title-row{margin-top:28px;text-align:center}.plans-title-row .offer-mini-label{margin-bottom:7px}.plans-title-row strong{display:block;color:#777781;font-size:8px;font-weight:550}.pricing-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.pricing-option{position:relative;min-height:208px;padding:22px 20px 19px;border:1px solid rgba(255,255,255,.06);border-radius:17px;background:rgba(255,255,255,.015)}.pricing-option.selected{border-color:rgba(254,44,85,.22);background:radial-gradient(circle at 80% 10%,rgba(254,44,85,.09),transparent 34%),rgba(254,44,85,.025);box-shadow:0 18px 45px rgba(254,44,85,.055)}.best-value{position:absolute;top:0;right:16px;transform:translateY(-50%);padding:5px 8px;border-radius:99px;color:#fff;background:var(--pink);font-size:5.8px;font-weight:800;letter-spacing:.1em}.plan-head span{display:block;color:#bcbcc4;font-size:9px;font-weight:750;letter-spacing:.08em}.annual-plan .plan-head span{color:var(--pink)}.plan-head small{display:block;margin-top:4px;color:#575761;font-size:6.5px}.plan-price{display:flex;align-items:baseline;gap:4px;margin-top:20px}.plan-price>small{color:#83838d;font-size:8px;font-weight:650}.plan-price>strong{font-size:35px;line-height:1;letter-spacing:-.06em}.plan-price>span{color:#65656f;font-size:7px}.monthly-plan>p{margin:13px 0 0;color:#666670;font-size:7.5px}.annual-equivalent{margin-top:13px;padding-top:12px;border-top:1px solid rgba(255,255,255,.055)}.annual-equivalent>span{display:block;color:#575761;font-size:6px}.annual-equivalent>strong{display:block;margin-top:4px;color:#f0f0f3;font-size:15px;letter-spacing:-.03em}.annual-equivalent small{color:#777781;font-size:7px}.annual-saving{margin-top:9px;color:var(--pink);font-size:6.5px;font-weight:650}.vertical-purchase{width:100%;height:54px;margin-top:22px;text-align:center}.vertical-offer-note{margin-top:11px!important}

@media(max-width:760px){.tokify-contrast-section{padding:10px 0 88px}.contrast-shell{padding:19px;border-radius:21px}.contrast-heading{display:block;padding:3px 1px 22px}.contrast-heading h3{font-size:30px}.contrast-heading>p{margin-top:13px;max-width:none}.contrast-grid{display:flex;flex-direction:column;gap:13px}.contrast-side{padding:18px;border-radius:17px}.contrast-switch{height:42px;flex-direction:row}.contrast-switch i{width:38px;height:1px}.contrast-switch span{transform:rotate(90deg);width:30px;height:30px}.manual-task{min-height:47px}.contrast-auto{box-shadow:0 16px 45px rgba(254,44,85,.06)}.fake-start-button{height:50px}.auto-result{align-items:center}.contrast-bottom-line{border-radius:14px;justify-content:flex-start}.contrast-bottom-line p{font-size:7.5px}.offer-vertical-card{padding:24px 18px;border-radius:20px}.offer-vertical-top h3{font-size:27px}.vertical-bonuses{padding:16px}.vertical-bonus-list{grid-template-columns:1fr;gap:9px}.pricing-options{grid-template-columns:1fr;gap:14px}.pricing-option{min-height:0;padding:20px 18px}.plan-price{margin-top:16px}.plan-price>strong{font-size:38px}.annual-equivalent{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.annual-equivalent>strong{font-size:15px}.vertical-purchase{height:52px}.best-value{right:14px}}
@media(max-width:420px){.contrast-shell{padding:15px}.contrast-heading h3{font-size:27px}.manual-task{grid-template-columns:25px 1fr}.manual-task b{display:none}.auto-task{grid-template-columns:27px 1fr auto;padding:0 9px}.auto-result{display:block}.auto-result>span{display:block;margin-top:7px}.offer-vertical-card{padding:22px 15px}.vertical-bonuses{padding:14px}.pricing-option{padding:19px 16px}.annual-equivalent{display:block}}
@media(prefers-reduced-motion:reduce){.pulse-dot{animation:none}}

/* ==============================
   SALES V5 — PANEL + PRICING
   ============================== */
.panel-benefits-intro{padding-bottom:34px}
.panel-benefits{padding:0 0 120px}
.panel-benefits .bonus-grid{margin-top:0}
.panel-benefits .bonus-card{background:linear-gradient(145deg,rgba(255,255,255,.022),rgba(7,7,10,.58));transition:transform .22s ease,border-color .22s ease,background .22s ease}
.panel-benefits .bonus-card:hover{transform:translateY(-3px);border-color:rgba(254,44,85,.13);background:linear-gradient(145deg,rgba(254,44,85,.025),rgba(7,7,10,.62))}

.pricing-heading{margin-bottom:46px}
.pricing-reference-grid{max-width:920px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.pricing-reference-card{position:relative;min-width:0;padding:30px 28px 25px;border-radius:22px;overflow:visible;background:rgba(7,7,10,.74)}
.monthly-reference-card{border-color:rgba(254,44,85,.28);background:radial-gradient(circle at 18% 7%,rgba(254,44,85,.14),transparent 34%),linear-gradient(145deg,rgba(254,44,85,.045),rgba(7,7,10,.82));box-shadow:0 34px 90px rgba(0,0,0,.42),0 20px 64px rgba(254,44,85,.09),inset 0 1px 0 rgba(255,255,255,.055);transform:translateY(-5px)}
.annual-reference-card{background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.045),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.025),rgba(7,7,10,.68));border-color:rgba(255,255,255,.095);box-shadow:0 26px 66px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.045)}
.pricing-card-highlight{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:7px 12px;border-radius:999px;background:var(--pink);color:#fff;font-size:7px;font-weight:800;letter-spacing:.12em;white-space:nowrap;box-shadow:0 8px 24px rgba(254,44,85,.24)}
.pricing-card-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:30px}
.pricing-plan-name{display:flex;align-items:center;gap:10px}
.pricing-plan-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#f2f2f3,#9e9ea6);color:#111;font-size:12px;font-weight:850;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.pricing-plan-icon.accent{background:linear-gradient(145deg,#ff5070,#fe2c55);color:#fff;box-shadow:0 8px 24px rgba(254,44,85,.15)}
.pricing-plan-name strong{font-size:18px;letter-spacing:-.035em}
.pricing-save-pill{padding:6px 8px;border-radius:999px;color:var(--pink);border:1px solid rgba(254,44,85,.14);background:rgba(254,44,85,.055);font-size:6.5px;font-weight:750;letter-spacing:.075em;white-space:nowrap}
.pricing-main-price{display:flex;align-items:baseline;gap:5px;margin-top:23px;white-space:nowrap}
.pricing-main-price .currency{font-size:18px;font-weight:650;color:#e9e9ed}
.pricing-main-price strong{font-size:52px;line-height:.95;letter-spacing:-.07em;font-weight:680}
.pricing-main-price .period{font-size:13px;color:#70707a;font-weight:550}
.annual-monthly-price strong{color:#fff}
.annual-total-copy{margin:10px 0 0!important;color:#6f6f79!important;font-size:8px!important;line-height:1.5!important}
.annual-total-copy strong{color:#bbbcc4;font-weight:650}
.annual-total-copy span{color:#666670}
.pricing-description{min-height:42px;margin:18px 0 0;color:#85858f;font-size:10px;line-height:1.6}
.pricing-card-button{width:100%;height:48px;margin-top:22px;display:flex;align-items:center;justify-content:center;border-radius:12px;text-decoration:none;font-size:9px;font-weight:750;letter-spacing:.045em;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.pricing-card-button:hover{transform:translateY(-2px)}
.pricing-card-button-light{color:#111;background:linear-gradient(180deg,#fff,#dedee2);box-shadow:0 7px 26px rgba(255,255,255,.12)}
.pricing-card-button-light:hover{filter:brightness(1.04);box-shadow:0 10px 34px rgba(255,255,255,.16)}
.pricing-card-button-pink{color:#fff;background:linear-gradient(180deg,#ff345c,#ea1946);box-shadow:0 10px 30px rgba(254,44,85,.18)}
.pricing-card-button-pink:hover{filter:brightness(1.05);box-shadow:0 14px 38px rgba(254,44,85,.25)}
.pricing-divider{height:1px;margin:25px 0 20px;background:rgba(255,255,255,.065)}
.pricing-feature-list{list-style:none;padding:0;margin:0;display:grid;gap:13px}
.pricing-feature-list li{display:flex;align-items:center;gap:10px;color:#b1b1ba;font-size:9px;line-height:1.35}
.pricing-feature-list i{width:16px;height:16px;flex:0 0 16px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:6px;color:#eee;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.09)}
.monthly-reference-card .pricing-feature-list i{color:var(--pink);background:rgba(254,44,85,.07);border-color:rgba(254,44,85,.16)}
.pricing-payment-note{margin:25px 0 0!important;padding-top:16px;border-top:1px solid rgba(255,255,255,.045);color:#5e5e68!important;font-size:7.5px!important}
.pricing-footnote{max-width:920px;margin:13px auto 0;text-align:right;color:#4e4e57;font-size:7px;line-height:1.45}
.offer-section .guarantee-card{margin-top:28px}

@media(max-width:760px){
  .panel-benefits-intro{padding-bottom:25px}
  .panel-benefits{padding:0 0 82px}
  .pricing-heading{margin-bottom:34px}
  .pricing-reference-grid{grid-template-columns:1fr;gap:20px;max-width:520px}
  .pricing-reference-card{padding:27px 22px 22px;border-radius:20px}
  .monthly-reference-card{order:1;transform:none}
  .annual-reference-card{order:2;margin-top:4px}
  .pricing-main-price strong{font-size:48px}
  .pricing-description{min-height:0}
  .pricing-card-button{height:50px}
  .pricing-footnote{max-width:520px;text-align:center;font-size:6.5px;margin-top:11px}
  .offer-section .guarantee-card{margin-top:22px}
}
@media(max-width:420px){
  .pricing-reference-card{padding:25px 18px 20px}
  .pricing-card-topline{align-items:flex-start}
  .pricing-save-pill{font-size:5.8px;padding:5px 7px}
  .pricing-plan-name strong{font-size:16px}
  .pricing-main-price strong{font-size:44px}
  .pricing-main-price .currency{font-size:15px}
  .pricing-main-price .period{font-size:11px}
  .annual-total-copy span{display:block;margin-top:2px}
}

/* ==============================
   SALES V7 — PRICING REFINEMENT
   ============================== */
.pricing-plan-name{gap:0}
.pricing-plan-icon{display:none!important}
.pricing-description{display:none!important}
.pricing-main-price{margin-top:20px}
.pricing-payment-note{
  margin:10px 0 0!important;
  padding:0!important;
  border-top:0!important;
  color:#f2f2f5!important;
  font-size:10px!important;
  line-height:1.3!important;
  letter-spacing:-.01em;
}
.pricing-payment-note strong{font-weight:750}
.pricing-card-button{margin-top:18px}
.pricing-divider{margin:24px 0 18px}
.pricing-includes-label{margin-bottom:15px;color:#686872;font-size:6.8px;font-weight:800;letter-spacing:.12em}
.pricing-feature-list{gap:11px}
.pricing-feature-list li{align-items:flex-start;font-size:8.7px;line-height:1.4}
.pricing-feature-list i{margin-top:0}
.annual-full-price strong{color:#fff}
.annual-equivalent-copy{margin:9px 0 0!important;color:#6f6f79!important;font-size:8.5px!important;line-height:1.45!important}
.annual-equivalent-copy strong{color:#a9a9b2;font-weight:700}
.pricing-footnote{display:none!important}

@media(max-width:760px){
  .pricing-payment-note{font-size:10.5px!important}
  .pricing-feature-list li{font-size:9.2px}
  .pricing-includes-label{font-size:7px}
}

@media(max-width:420px){
  .annual-full-price strong{font-size:41px}
  .annual-equivalent-copy{font-size:8px!important}
}


/* =========================================
   SALES V9 — 4 PASSOS + LEGIBILIDADE MOBILE
   ========================================= */
.steps-scroll-section{
  position:relative;
  height:235vh;
  padding:0;
}
.steps-sticky{
  position:sticky;
  top:0;
  min-height:100vh;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.steps-shell{padding:78px 0 70px}
.steps-heading{max-width:760px;margin:0 auto 58px}
.steps-heading p{max-width:620px}
.steps-flow{
  --steps-progress:0;
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.steps-connector{
  position:absolute;
  z-index:4;
  left:12.5%;
  right:12.5%;
  top:70px;
  height:2px;
  overflow:visible;
  background:rgba(255,255,255,.055);
  box-shadow:0 0 0 1px rgba(0,0,0,.18);
}
.steps-connector-progress{
  display:block;
  width:100%;
  height:100%;
  transform:scaleX(var(--steps-progress));
  transform-origin:left center;
  border-radius:999px;
  background:linear-gradient(90deg,var(--pink),#ff5b7b);
  box-shadow:0 0 14px rgba(254,44,85,.45),0 0 30px rgba(254,44,85,.13);
  transition:transform .12s linear;
}
.step-card{
  position:relative;
  z-index:2;
  min-height:270px;
  padding:24px 22px 25px;
  overflow:hidden;
  border-radius:20px;
  background:
    radial-gradient(circle at 15% 5%,rgba(255,255,255,.035),transparent 33%),
    linear-gradient(145deg,rgba(38,38,43,.76),rgba(14,14,18,.92));
  border-color:rgba(255,255,255,.07);
  opacity:.42;
  transform:translateY(18px) scale(.985);
  transition:opacity .38s cubic-bezier(.16,1,.3,1),transform .38s cubic-bezier(.16,1,.3,1),border-color .38s ease,box-shadow .38s ease,background .38s ease;
}
.step-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(125deg,rgba(254,44,85,.035),transparent 38%);
  transition:opacity .35s ease;
}
.step-card.is-active{
  opacity:1;
  transform:none;
  border-color:rgba(254,44,85,.17);
  box-shadow:0 20px 60px rgba(0,0,0,.32),0 0 34px rgba(254,44,85,.045),inset 0 1px 0 rgba(255,255,255,.035);
}
.step-card.is-active::after{opacity:1}
.step-node{
  position:absolute;
  z-index:5;
  top:70px;
  left:50%;
  width:15px;
  height:15px;
  transform:translate(-50%,-50%) scale(.72);
  border-radius:50%;
  background:#17171c;
  border:2px solid #34343c;
  box-shadow:0 0 0 5px rgba(3,3,5,.92);
  transition:.35s ease;
}
.step-card.is-active .step-node{
  transform:translate(-50%,-50%) scale(1);
  background:var(--pink);
  border-color:#ff6a87;
  box-shadow:0 0 0 5px rgba(3,3,5,.92),0 0 18px rgba(254,44,85,.72);
}
.step-number{
  position:absolute;
  top:10px;
  left:17px;
  right:-18px;
  font-size:118px;
  line-height:.9;
  font-weight:750;
  letter-spacing:-.095em;
  user-select:none;
  background:linear-gradient(90deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.07) 39%,rgba(255,255,255,0) 83%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  opacity:.82;
}
.step-content{position:relative;z-index:3;padding-top:112px}
.step-content small{display:block;color:var(--pink);font-size:8px;font-weight:800;letter-spacing:.14em}
.step-content h3{margin:8px 0 10px;font-size:18px;line-height:1.15;letter-spacing:-.035em}
.step-content p{margin:0;color:#888893;font-size:11.5px;line-height:1.62}

@media(max-width:760px){
  .steps-scroll-section{height:auto;padding:18px 0 88px}
  .steps-sticky{position:relative;min-height:0;display:block;overflow:visible}
  .steps-shell{padding:0}
  .steps-heading{margin-bottom:38px}
  .steps-flow{display:grid;grid-template-columns:1fr;gap:18px;padding-left:24px}
  .steps-connector{
    left:7px;
    right:auto;
    top:30px;
    bottom:30px;
    width:2px;
    height:auto;
  }
  .steps-connector-progress{
    width:100%;
    height:100%;
    transform:scaleY(var(--steps-progress));
    transform-origin:center top;
  }
  .step-card{min-height:215px;padding:23px 20px 22px;opacity:.36;transform:translateY(12px);border-radius:18px}
  .step-node{top:50%;left:-18px;transform:translate(-50%,-50%) scale(.72);box-shadow:0 0 0 5px #030305}
  .step-card.is-active .step-node{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 0 5px #030305,0 0 18px rgba(254,44,85,.72)}
  .step-number{top:8px;left:14px;font-size:106px}
  .step-content{padding-top:91px}
  .step-content p{font-size:13.5px;line-height:1.58;color:#92929d}

  /* Textos de leitura maiores no celular — headlines permanecem inalteradas. */
  .hero-strip{display:none}
  .hero-copy{font-size:14px;line-height:1.7}
  .hero-note{font-size:10px;line-height:1.45;text-align:center}
  .hero-strip{font-size:10.5px;line-height:1.45}
  .intro-section p,.section-heading-center p{font-size:14px;line-height:1.65}
  .bonus-body p{font-size:12.5px;line-height:1.55;color:#7f7f8a}
  .bonus-body small{font-size:8.5px}
  .proof-meta small{font-size:9px}
  .pricing-payment-note{font-size:12.5px!important;line-height:1.45!important}
  .annual-equivalent-copy{font-size:11.5px!important;line-height:1.5!important}
  .pricing-feature-list li{font-size:12px;line-height:1.45;gap:11px}
  .pricing-includes-label{font-size:8.5px}
  .guarantee-card p{font-size:11.5px;line-height:1.55}
  .faq-list details p{font-size:12.5px;line-height:1.65}
  .access-modal>p{font-size:13px;line-height:1.6}
  .access-modal label{font-size:11px}
  .access-modal input{font-size:13px}
  .privacy-note{font-size:10px;line-height:1.45}
}

@media(max-width:420px){
  .steps-flow{padding-left:22px}
  .steps-connector{left:6px}
  .step-card{padding:22px 18px 21px}
  .step-number{font-size:96px}
  .step-content{padding-top:83px}
}

@media(prefers-reduced-motion:reduce){
  .steps-connector-progress{transition:none}
  .step-card{opacity:1;transform:none;transition:none}
}

/* =========================================
   SALES V11 — CONTORNO PROGRESSIVO DOS PASSOS
   Desktop: a linha percorre a borda de cada card e segue ao próximo.
   Mobile preserva o fluxo vertical da V10.
   ========================================= */
.step-border-svg,
.step-link{display:none}

@media(min-width:761px){
  .steps-scroll-section{height:275vh}
  .steps-flow{overflow:visible;gap:20px}
  .steps-connector{display:none}

  .step-card{
    --border-progress:0;
    overflow:visible;
    border-color:rgba(255,255,255,.065);
  }
  .step-card.is-active{
    border-color:rgba(255,255,255,.075);
    box-shadow:0 20px 60px rgba(0,0,0,.32),0 0 38px rgba(254,44,85,.05),inset 0 1px 0 rgba(255,255,255,.035);
  }
  .step-card.is-complete{
    box-shadow:0 22px 64px rgba(0,0,0,.34),0 0 46px rgba(254,44,85,.07),inset 0 1px 0 rgba(255,255,255,.04);
  }
  .step-node{display:none}

  .step-border-svg{
    display:block;
    position:absolute;
    z-index:7;
    inset:-1px;
    width:calc(100% + 2px);
    height:calc(100% + 2px);
    pointer-events:none;
    overflow:visible;
    filter:drop-shadow(0 0 5px rgba(254,44,85,.36));
  }
  .step-border-half{
    fill:none;
    stroke:var(--pink);
    stroke-width:2;
    vector-effect:non-scaling-stroke;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-dasharray:1;
    stroke-dashoffset:calc(1 - var(--border-progress));
    transition:stroke-dashoffset .1s linear;
  }
  .step-card.is-complete .step-border-half{
    stroke:#ff355f;
    filter:drop-shadow(0 0 4px rgba(254,44,85,.35));
  }

  .step-link{
    --link-progress:0;
    display:block;
    position:absolute;
    z-index:8;
    top:50%;
    height:2px;
    transform:translateY(-50%);
    background:rgba(255,255,255,.055);
    overflow:visible;
    pointer-events:none;
  }
  .step-link::before,
  .step-link::after{
    content:"";
    position:absolute;
    top:50%;
    width:5px;
    height:5px;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    transform:translateY(-50%);
  }
  .step-link::before{left:-2px}
  .step-link::after{right:-2px}
  .step-link i{
    position:absolute;
    inset:0;
    display:block;
    border-radius:999px;
    transform:scaleX(var(--link-progress));
    transform-origin:left center;
    background:linear-gradient(90deg,#ff355f,var(--pink));
    box-shadow:0 0 10px rgba(254,44,85,.58),0 0 24px rgba(254,44,85,.18);
    transition:transform .1s linear;
  }
  .step-link-1{left:calc(25% - 15px);width:20px}
  .step-link-2{left:calc(50% - 10px);width:20px}
  .step-link-3{left:calc(75% - 5px);width:20px}
}

@media(max-width:760px){
  .step-border-svg,.step-link{display:none!important}
}

@media(prefers-reduced-motion:reduce) and (min-width:761px){
  .step-border-half{stroke-dashoffset:0!important;transition:none}
  .step-link i{transform:scaleX(1)!important;transition:none}
}

/* V11.2 — aproxima a seção dos 4 passos do bloco anterior no desktop */
@media(min-width:761px){
  .hero{
    min-height:auto;
    padding-bottom:48px;
  }
  .steps-shell{
    padding-top:42px;
  }
}

/* V11.3 — reduz o respiro entre os 4 passos e a seção O PAINEL no desktop */
@media(min-width:761px){
  .steps-sticky{
    min-height:80vh;
  }
  .panel-benefits-intro{
    padding-top:58px;
  }
}
