:root {
  --bg: #050505;
  --surface: #100b0b;
  --surface-2: #1a1010;
  --text: #f8fafc;
  --muted: #9aa8bd;
  --line: rgba(255, 255, 255, 0.1);
  --accent: #ff3b30;
  --accent-rgb: 255, 59, 48;
  --accent-2: #ffd447;
  --radius: 22px;
  --content: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 12% 0%, rgba(var(--accent-rgb), .17), transparent 30rem),
    radial-gradient(circle at 92% 8%, rgba(255, 212, 71, .09), transparent 26rem),
    repeating-linear-gradient(135deg, rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px, transparent 1px, transparent 10px),
    var(--bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
body[data-theme="violet"], body[data-theme="cyan"], body[data-theme="rose"], body[data-theme="indigo"] { --accent: #ff3b30; --accent-rgb: 255,59,48; --accent-2: #ffd447; }
body[data-theme="amber"], body[data-theme="gold"] { --accent: #ffd447; --accent-rgb: 255,212,71; --accent-2: #ff3b30; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.container { width: min(calc(100% - 40px), var(--content)); margin-inline: auto; }
.site-header { position: relative; z-index: 10; border-bottom: 1px solid var(--line); background: rgba(5, 9, 17, .78); backdrop-filter: blur(18px); }
.site-header .container { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.brand { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; font-weight: 800; letter-spacing: -.02em; }
.brand-mark { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.05); color: var(--accent); font-size: 20px; }
.step { border: 1px solid rgba(var(--accent-rgb), .3); border-radius: 999px; padding: 7px 12px; color: var(--accent); background: rgba(var(--accent-rgb), .09); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hero { position: relative; padding: 86px 0 104px; border-top: 3px solid rgba(var(--accent-rgb), .72); }
.hero-grid { display: grid; grid-template-columns: 1.06fr .94fr; gap: 72px; align-items: center; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(var(--accent-rgb), .3); border-radius: 999px; padding: 8px 12px; background: rgba(var(--accent-rgb), .09); color: var(--accent); font-size: 12px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-family: Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Black", sans-serif; text-transform: uppercase; }
h1 { margin-bottom: 0; font-size: clamp(45px, 6.3vw, 78px); line-height: 1.015; letter-spacing: .01em; }
.gradient-text { color: var(--accent); background: linear-gradient(90deg, var(--accent), var(--accent-2)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.lead { max-width: 720px; margin: 27px 0 0; color: #c8d2e1; font-size: clamp(18px, 2vw, 21px); line-height: 1.65; }
.hero-points { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px; padding: 0; margin: 30px 0 0; list-style: none; }
.hero-points li, .check-list li { position: relative; padding-left: 29px; color: #cbd5e1; line-height: 1.55; }
.hero-points li::before, .check-list li::before { content: "✓"; position: absolute; left: 0; top: 0; display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; background: rgba(var(--accent-rgb), .12); color: var(--accent); font-size: 12px; font-weight: 900; }
.hero-cta { display: flex; align-items: center; gap: 18px; margin-top: 38px; }
.button { display: inline-flex; min-height: 56px; align-items: center; justify-content: center; gap: 10px; border: 0; border-radius: 13px; padding: 0 25px; background: var(--accent); color: #071019; box-shadow: 0 18px 50px rgba(var(--accent-rgb), .2); font-size: 17px; font-weight: 900; text-align: center; text-decoration: none; transition: transform .2s ease, filter .2s ease; }
.button:hover { transform: translateY(-2px); filter: brightness(1.08); }
.button.disabled { cursor: not-allowed; filter: grayscale(.25); opacity: .55; }
.microcopy { color: var(--muted); font-size: 13px; line-height: 1.55; }
.microcopy strong { color: white; font-size: 16px; }
.browser { position: relative; padding: 9px; border: 1px solid rgba(var(--accent-rgb), .3); border-radius: 23px; background: rgba(8, 14, 25, .9); box-shadow: 0 32px 90px rgba(0,0,0,.38), 0 0 90px rgba(var(--accent-rgb), .10); }
.browser-bar { display: flex; align-items: center; gap: 6px; padding: 8px 9px 14px; border-bottom: 1px solid var(--line); }
.dot { width: 9px; height: 9px; border-radius: 50%; background: #fb7185; }
.dot:nth-child(2) { background: #facc15; }.dot:nth-child(3) { background: #34d399; }
.address { height: 19px; flex: 1; margin-left: 8px; border-radius: 6px; background: rgba(255,255,255,.05); }
.dashboard { display: grid; min-height: 355px; grid-template-columns: 105px 1fr; gap: 12px; padding: 12px; }
.dash-nav, .dash-card { border: 1px solid rgba(255,255,255,.07); border-radius: 12px; background: rgba(255,255,255,.025); }
.dash-nav { padding: 10px; }
.nav-line { height: 23px; margin-bottom: 8px; border-radius: 6px; background: rgba(255,255,255,.05); }.nav-line:first-child { background: rgba(var(--accent-rgb), .14); }
.dash-main { display: grid; gap: 10px; align-content: start; }
.dash-heading { display: flex; justify-content: space-between; gap: 20px; padding: 6px 2px; }
.skeleton { height: 9px; border-radius: 99px; background: rgba(255,255,255,.13); }.skeleton.sm { width: 70px; }.skeleton.lg { width: 150px; }
.stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.stat { padding: 13px; border: 1px solid rgba(255,255,255,.07); border-radius: 11px; background: rgba(255,255,255,.03); }.stat small { color: #758399; }.stat b { display: block; margin-top: 6px; color: var(--accent); font-size: 22px; }
.campaign { display: grid; grid-template-columns: 78px 1fr; gap: 13px; padding: 13px; }.campaign-art { aspect-ratio: 1; border-radius: 9px; background: linear-gradient(135deg,var(--accent),var(--accent-2)); opacity: .75; }.campaign-copy { display: grid; gap: 9px; align-content: center; }
.section { padding: 100px 0; }.section-alt { border-block: 1px solid var(--line); background: rgba(255,255,255,.022); }
.section-label { color: var(--accent); font-size: 13px; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
.section h2 { margin: 13px 0 0; font-size: clamp(34px, 5vw, 54px); line-height: 1.08; letter-spacing: .01em; }
.section-intro { max-width: 720px; margin: 19px auto 0; color: var(--muted); font-size: 18px; line-height: 1.7; }
.center { text-align: center; }
.story-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; align-items: start; }.story-copy p { color: #bac7d8; font-size: 18px; line-height: 1.75; }
.mechanism { margin-top: 30px; border: 1px solid rgba(var(--accent-rgb), .28); border-radius: 18px; padding: 24px; background: rgba(var(--accent-rgb), .08); }.mechanism strong { display: block; color: var(--accent); }.mechanism p { margin: 8px 0 0; color: #c6d1e0; font-size: 16px; line-height: 1.65; }
.feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 48px; }.feature-card { border: 1px solid rgba(var(--accent-rgb), .22); border-radius: var(--radius); padding: 28px; background: rgba(8,14,25,.72); }.feature-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 12px; background: rgba(var(--accent-rgb),.12); color: var(--accent); font-size: 20px; }.feature-card h3 { margin: 20px 0 8px; font-size: 21px; }.feature-card > p { color: var(--muted); line-height: 1.6; }.check-list { display: grid; gap: 13px; padding: 0; margin: 22px 0 0; list-style: none; }.check-list li { font-size: 15px; }
.steps-fit { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; }.steps { display: grid; gap: 25px; margin-top: 38px; }.step-row { display: flex; gap: 17px; }.number { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; border: 1px solid rgba(var(--accent-rgb),.3); border-radius: 50%; background: rgba(var(--accent-rgb),.1); color: var(--accent); font-weight: 900; }.step-row h3 { margin: 1px 0 6px; }.step-row p { color: var(--muted); line-height: 1.6; }
.fit-card { border: 1px solid rgba(var(--accent-rgb), .26); border-radius: 26px; padding: 36px; background: rgba(8,14,25,.74); }.fit-card .check-list { margin-top: 28px; }.promise { margin: 28px 0 0; border-top: 1px solid var(--line); padding-top: 25px; color: #d9e1ed; font-size: 18px; line-height: 1.65; }
.bundle-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 42px; }.bundle-item { border: 1px solid rgba(var(--accent-rgb),.24); border-radius: 18px; padding: 24px; background: rgba(8,14,25,.7); }.bundle-item-head { display: flex; justify-content: space-between; gap: 20px; }.bundle-item h3 { margin: 0; }.bundle-item b { color: var(--accent); }.bundle-item p { margin: 10px 0 0; color: var(--muted); line-height: 1.6; }
.value-stack { max-width: 760px; margin: 45px auto 0; overflow: hidden; border: 1px solid var(--line); border-radius: 19px; background: rgba(8,14,25,.75); }.value-row { display: flex; align-items: center; justify-content: space-between; gap: 25px; border-bottom: 1px solid var(--line); padding: 17px 24px; }.value-row:last-child { border: 0; }.value-row span:first-child::before { content: "✓"; margin-right: 12px; color: var(--accent); font-weight: 900; }.value-row b { color: var(--muted); }.value-total { background: rgba(var(--accent-rgb),.09); font-size: 19px; font-weight: 900; }.value-total b { color: var(--accent); font-size: 25px; }
.price-card { max-width: 700px; margin: 48px auto 0; border: 1px solid rgba(var(--accent-rgb),.3); border-radius: 27px; padding: 39px; background: rgba(5,10,20,.86); text-align: center; box-shadow: 0 25px 80px rgba(0,0,0,.35); }.price-card .section-label { margin-bottom: 15px; }.price { display: flex; align-items: end; justify-content: center; gap: 10px; }.price del { padding-bottom: 12px; color: #69778d; font-size: 20px; }.price strong { font-size: 72px; line-height: 1; letter-spacing: -.06em; }.price-card .button { margin-top: 28px; }.trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px 25px; margin-top: 17px; color: var(--muted); font-size: 13px; }.decline { display: inline-block; margin-top: 22px; color: #68758a; font-size: 12px; text-underline-offset: 4px; }
.faq { max-width: 860px; margin: 42px auto 0; }.faq details { border: 1px solid var(--line); border-radius: 14px; padding: 18px 20px; background: rgba(255,255,255,.02); }.faq details + details { margin-top: 10px; }.faq summary { display: flex; cursor: pointer; justify-content: space-between; gap: 20px; font-weight: 750; list-style: none; }.faq summary::after { content: "+"; color: var(--accent); font-size: 21px; }.faq details[open] summary::after { content: "−"; }.faq details p { margin: 13px 0 0; color: var(--muted); line-height: 1.7; }
.video-frame { max-width: 960px; margin: 42px auto 0; overflow: hidden; border: 1px solid rgba(var(--accent-rgb), .3); border-radius: 20px; background: black; box-shadow: 0 25px 80px rgba(0,0,0,.35); }.video-frame video { display: block; width: 100%; aspect-ratio: 16/9; }
.offer-video-section { padding: 102px 0; border-block: 1px solid rgba(255,59,48,.18); background: radial-gradient(circle at 50% 45%,rgba(255,59,48,.15),transparent 31rem),#080303; }.offer-video-section h2 { margin: 13px 0 0; font-size: clamp(38px,5.4vw,66px); line-height: 1.02; letter-spacing: .01em; }.offer-video-shell { position: relative; max-width: 990px; aspect-ratio: 16/9; margin: 44px auto 0; overflow: hidden; border: 2px solid rgba(255,59,48,.55); border-radius: 20px; background: #020202; box-shadow: 0 0 0 8px rgba(255,59,48,.06),0 32px 90px rgba(0,0,0,.65); }.offer-video-shell::after { position: absolute; inset: 10px; border: 1px solid rgba(246,196,83,.13); border-radius: 12px; content: ""; pointer-events: none; }.offer-video-shell video,.offer-video-shell iframe { position: relative; z-index: 1; display: block; width: 100%; height: 100%; border: 0; object-fit: contain; }.offer-video-placeholder { display: grid; height: 100%; place-content: center; padding: 30px; text-align: center; background: radial-gradient(circle,rgba(255,59,48,.16),transparent 45%),repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 10px); }.offer-video-placeholder span { display: grid; width: 88px; height: 88px; margin: 0 auto 21px; place-items: center; border: 2px solid rgba(246,196,83,.55); border-radius: 50%; background: linear-gradient(145deg,#ff3b30,#a20f08); color: #fff; box-shadow: 0 17px 50px rgba(255,59,48,.28); font-size: 30px; }.offer-video-placeholder strong { color: #fff; font: 900 clamp(28px,4vw,47px)/1 Impact,Haettenschweiler,"Arial Black",sans-serif; letter-spacing: .02em; text-transform: uppercase; }.offer-video-placeholder p { margin: 12px 0 0; color: #f6c453; font-size: 13px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.jv-video-section { border-top-color: rgba(255,59,48,.28); }.bundles-video { border-color: rgba(246,196,83,.2); background: radial-gradient(circle at 50% 45%,rgba(246,196,83,.11),transparent 31rem),#080403; }.bundles-video .offer-video-shell { border-color: rgba(246,196,83,.5); box-shadow: 0 0 0 8px rgba(246,196,83,.05),0 32px 90px rgba(0,0,0,.65); }
.closing { padding: 0 0 100px; }.closing-card { position: relative; overflow: hidden; border: 1px solid rgba(var(--accent-rgb),.3); border-radius: 30px; padding: 70px 50px; background: rgba(var(--accent-rgb),.08); text-align: center; }.closing-card h2 { max-width: 850px; margin: 0 auto; }.closing-card p { max-width: 680px; margin: 18px auto 0; color: #c6d1e0; font-size: 18px; line-height: 1.65; }.closing-card .button { margin-top: 30px; }
.site-footer { border-top: 1px solid var(--line); padding: 42px 0; background: #050912; color: #718096; text-align: center; font-size: 12px; line-height: 1.7; }.footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 18px; margin-top: 18px; }.footer-links a:hover { color: white; }.disclaimer { max-width: 760px; margin: 18px auto 0; }
.required-sales-disclaimer { max-width: 980px; margin: 25px auto 18px; padding-top: 23px; border-top: 1px solid rgba(255,255,255,.08); color: #657185; text-align: left; font-size: 10px; line-height: 1.7; }.required-sales-disclaimer p { margin: 0; }.required-sales-disclaimer p + p { margin-top: 13px; }.required-sales-disclaimer strong { color: inherit; font-weight: 700; }
.jv-hero { padding: 82px 0 94px; }.jv-hero h1 { max-width: 920px; margin-top: 25px; }.jv-hero .lead { max-width: 820px; }.jv-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: 30px; }.button.secondary { border: 1px solid var(--line); background: rgba(255,255,255,.06); color: white; box-shadow: none; }.jv-stat-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; margin-top: 42px; }.jv-stat { border: 1px solid rgba(var(--accent-rgb),.22); border-radius: 16px; padding: 20px; background: rgba(8,14,25,.7); }.jv-stat strong { display: block; color: var(--accent); font-size: 29px; letter-spacing: -.04em; }.jv-stat span { display: block; margin-top: 6px; color: var(--muted); font-size: 13px; line-height: 1.45; }.jv-funnel { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; margin-top: 45px; }.jv-offer { position: relative; border: 1px solid rgba(var(--accent-rgb),.23); border-radius: 18px; padding: 23px; background: rgba(8,14,25,.68); }.jv-offer b { display: inline-block; color: var(--accent); font-size: 25px; }.jv-offer h3 { margin: 9px 0 7px; }.jv-offer p { min-height: 50px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.55; }.jv-offer a { display: inline-block; margin-top: 17px; color: var(--accent); font-size: 13px; font-weight: 800; text-decoration: none; }.jv-table { width: 100%; border-collapse: collapse; margin-top: 35px; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: rgba(8,14,25,.7); }.jv-table th,.jv-table td { padding: 15px 17px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }.jv-table th { color: var(--accent); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }.jv-table td { color: #ccd5e2; font-size: 14px; line-height: 1.5; }.jv-table tr:last-child td { border-bottom: 0; }.swipe-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; margin-top: 42px; }.swipe { border: 1px solid var(--line); border-radius: 18px; padding: 23px; background: rgba(8,14,25,.68); }.swipe h3 { margin-bottom: 12px; }.swipe pre { white-space: pre-wrap; margin: 0; color: #c9d4e3; font: inherit; font-size: 14px; line-height: 1.65; }.note { margin-top: 18px; border-left: 3px solid var(--accent); padding: 5px 0 5px 16px; color: var(--muted); font-size: 14px; line-height: 1.6; }
/* Front-end sales page: graphical VSL layout */
.fe-page { overflow: hidden; }
.fe-announcement { padding: 9px 18px; background: linear-gradient(90deg,#a90000,#ff3327,#a90000); color: #fff; text-align: center; font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.fe-header { border-bottom-color: rgba(255,59,48,.35); background: rgba(2,2,2,.9); }
.fe-header-link { border: 1px solid rgba(255,59,48,.48); border-radius: 999px; padding: 9px 15px; color: #ffd447; font-size: 12px; font-weight: 900; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }
.fe-hero { position: relative; padding: 78px 0 0; background: radial-gradient(circle at 50% 35%,rgba(255,48,35,.24),transparent 34rem); }
.fe-hero::before,.fe-hero::after { position: absolute; top: 13%; width: 220px; height: 560px; content: ""; opacity: .32; background: repeating-linear-gradient(90deg,transparent 0 18px,rgba(255,52,42,.45) 18px 20px); transform: skewY(-18deg); pointer-events: none; }
.fe-hero::before { left: -100px; }.fe-hero::after { right: -100px; transform: scaleX(-1) skewY(-18deg); }
.fe-hero .container { position: relative; z-index: 1; }
.fe-hero h1 { max-width: 1020px; margin: 23px auto 0; font-size: clamp(48px,7.5vw,102px); line-height: .94; text-shadow: 0 8px 35px rgba(0,0,0,.8); }
.fe-hero-lead { max-width: 860px; margin: 26px auto 0; color: #d4d8df; font-size: clamp(18px,2.2vw,23px); line-height: 1.6; }
.fe-hero-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 13px; margin-top: 30px; }
.fe-tiny { margin: 15px 0 0; color: #8d96a5; font-size: 12px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.fe-hero-art { display: block; width: min(1100px,112%); height: auto; margin: 16px auto -30px; filter: drop-shadow(0 28px 60px rgba(0,0,0,.72)); }
.fe-one-link { position: relative; z-index: 2; display: flex; max-width: 880px; align-items: center; justify-content: center; gap: 18px; margin: 0 auto; border: 1px solid rgba(255,59,48,.43); border-radius: 16px; padding: 17px 24px; background: rgba(8,3,3,.88); box-shadow: 0 16px 55px rgba(0,0,0,.55); font-size: 13px; letter-spacing: .09em; text-transform: uppercase; }
.fe-one-link span { color: #aab2bf; }.fe-one-link b { color: #ff3b30; font-size: 25px; }.fe-one-link strong { color: #ffd447; }
.fe-demo,.fe-process,.fe-benefits,.fe-offer { padding: 105px 0; }
.fe-demo { border-bottom: 1px solid rgba(255,255,255,.08); background: linear-gradient(#050505,rgba(22,5,5,.86)); }
.fe-demo h2,.fe-founder h2,.fe-visual-section h2,.fe-process h2,.fe-device-section h2,.fe-benefits h2,.fe-outcomes h2,.fe-offer h2 { margin: 13px 0 0; font-size: clamp(38px,5.6vw,66px); line-height: 1.02; letter-spacing: .01em; }
.fe-video-shell { position: relative; max-width: 980px; margin: 44px auto 0; overflow: hidden; border: 2px solid rgba(255,59,48,.62); border-radius: 18px; background: #000; box-shadow: 0 0 0 8px rgba(255,59,48,.07),0 30px 90px rgba(0,0,0,.65); }
.fe-video-shell video { display: block; width: 100%; aspect-ratio: 16/9; }.fe-video-tag { position: absolute; right: 14px; bottom: 14px; border-radius: 999px; padding: 8px 12px; background: rgba(0,0,0,.78); color: #ffd447; font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.fe-video-placeholder { display: grid; min-height: 440px; place-content: center; color: var(--muted); }.fe-play { display: grid; width: 82px; height: 82px; margin: 0 auto 18px; place-items: center; border-radius: 50%; background: #ff3b30; color: white; font-size: 29px; }
.fe-founder { padding: 92px 0; background: #f1f1ed; color: #161616; }.fe-founder-grid { display: grid; grid-template-columns: 260px 1fr; gap: 65px; align-items: center; }
.fe-founder-badge { display: grid; aspect-ratio: 1; place-content: center; border: 9px solid #161616; border-radius: 50%; background: radial-gradient(circle at 35% 25%,#ff695f,#8b0000); text-align: center; box-shadow: 18px 20px 0 #ffd447; }.fe-founder-badge span { color: white; font: 900 76px/1 Impact,Haettenschweiler,"Arial Black",sans-serif; }.fe-founder-badge small { max-width: 150px; margin: 8px auto 0; color: white; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.fe-founder .section-label { color: #bd130d; }.fe-founder p { max-width: 780px; color: #343434; font-size: 18px; line-height: 1.75; }.fe-quote { border-left: 6px solid #e92e24; padding: 12px 0 12px 22px; color: #930d08 !important; font-size: 22px !important; font-weight: 850; }
.fe-visual-section { padding: 102px 0 78px; }.fe-visual-dark { border-block: 1px solid rgba(255,59,48,.22); background: linear-gradient(180deg,#080303,#160606 55%,#050505); }.fe-visual-copy { max-width: 880px; margin: auto; }.fe-visual-copy p { max-width: 720px; margin: 20px auto 0; color: #b9c1cc; font-size: 18px; line-height: 1.7; }
.fe-wide-art { display: block; width: 100%; height: auto; margin: 46px auto 0; border: 1px solid rgba(255,59,48,.27); border-radius: 22px; box-shadow: 0 32px 90px rgba(0,0,0,.6); }.fe-process { background: #050505; }.fe-process-art { max-width: 1120px; }
.fe-step-grid { position: relative; display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; max-width: 1040px; margin: -32px auto 0; }.fe-step-grid article { border: 1px solid rgba(255,59,48,.36); border-radius: 17px; padding: 26px; background: rgba(10,5,5,.95); text-align: left; box-shadow: 0 20px 50px rgba(0,0,0,.45); }.fe-step-grid span,.fe-benefit > span { color: #ff3b30; font: 900 34px/1 Impact,Haettenschweiler,"Arial Black",sans-serif; }.fe-step-grid h3 { margin: 14px 0 7px; }.fe-step-grid p { margin: 0; color: var(--muted); line-height: 1.6; }
.fe-device-section { padding: 88px 0; border-block: 1px solid rgba(255,255,255,.08); background: radial-gradient(circle at 25% 50%,rgba(255,59,48,.14),transparent 30rem),#0a0807; }.fe-device-grid { display: grid; grid-template-columns: 1.12fr .88fr; gap: 45px; align-items: center; }.fe-device-grid > img { width: 112%; height: auto; margin-left: -12%; filter: drop-shadow(0 24px 55px rgba(0,0,0,.55)); }.fe-device-grid > div > p { color: #b7c0cc; font-size: 18px; line-height: 1.7; }.fe-device-grid .button { margin-top: 28px; }
.fe-benefits { background: linear-gradient(180deg,#050505,#110505); }.fe-benefit-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 44px; text-align: left; }.fe-benefit { min-height: 230px; border: 1px solid rgba(255,59,48,.3); border-radius: 20px; padding: 30px; background: linear-gradient(145deg,rgba(255,59,48,.1),rgba(255,255,255,.025)); }.fe-benefit-large { grid-row: span 2; min-height: 476px; background: radial-gradient(circle at 70% 80%,rgba(255,59,48,.28),transparent 14rem),rgba(255,255,255,.025); }.fe-benefit-wide { grid-column: span 2; }.fe-benefit h3 { margin: 22px 0 9px; font-size: 24px; }.fe-benefit p { color: var(--muted); line-height: 1.65; }
.fe-outcomes { padding: 95px 0; background: #f2d33d; color: #111; }.fe-outcome-head { display: grid; grid-template-columns: 1.15fr .85fr; gap: 70px; align-items: end; }.fe-outcome-head .section-label { color: #a20805; }.fe-outcome-head > p { margin: 0 0 5px; font-size: 18px; line-height: 1.7; }.fe-outcome-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 45px; }.fe-outcome-grid div { display: flex; gap: 11px; align-items: center; border: 2px solid #111; border-radius: 12px; padding: 16px 18px; background: rgba(255,255,255,.35); font-weight: 900; }.fe-outcome-grid span { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 50%; background: #d51c14; color: white; }
.fe-offer { border-bottom: 1px solid rgba(255,255,255,.08); background: radial-gradient(circle at 50% 60%,rgba(255,59,48,.17),transparent 32rem),#070303; }.fe-offer .price-card { border-width: 2px; box-shadow: 0 0 0 8px rgba(255,59,48,.06),0 35px 95px rgba(0,0,0,.6); }.fe-faq { background: #050505; }.fe-closing .closing-card { background: linear-gradient(135deg,rgba(255,59,48,.2),rgba(255,212,71,.07)); }

/* Graphical JV page */
.jv-page { background: radial-gradient(circle at 78% 5%,rgba(255,59,48,.18),transparent 28rem),#050505; }
.jv-site-header { background: rgba(2,2,2,.92); border-bottom-color: rgba(255,59,48,.26); }.jv-nav { display: flex; align-items: center; gap: 23px; }.jv-nav a { color: #aeb7c4; font-size: 13px; font-weight: 800; text-decoration: none; }.jv-nav a:hover { color: #fff; }.jv-nav .jv-nav-cta { border: 1px solid rgba(255,59,48,.5); border-radius: 999px; padding: 9px 15px; color: #ffd447; }
.jv-new-hero { overflow: hidden; padding: 82px 0 62px; background: repeating-linear-gradient(135deg,rgba(255,255,255,.017) 0,rgba(255,255,255,.017) 1px,transparent 1px,transparent 11px); }.jv-new-hero-grid { display: grid; grid-template-columns: .94fr 1.06fr; gap: 22px; align-items: center; }.jv-new-copy { position: relative; z-index: 2; }.jv-new-copy h1 { margin: 22px 0 0; font-size: clamp(48px,6.4vw,84px); line-height: .96; }.jv-new-copy > p { max-width: 690px; margin: 25px 0 0; color: #c4cbd5; font-size: 19px; line-height: 1.7; }.jv-new-art img { display: block; width: 123%; height: auto; margin-left: -10%; filter: drop-shadow(0 35px 75px rgba(0,0,0,.68)); }.jv-trust-row { display: flex; flex-wrap: wrap; gap: 9px 19px; margin-top: 22px; color: #8f99a8; font-size: 12px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }.jv-trust-row span::first-letter { color: #ff3b30; }
.jv-numbers { border-block: 1px solid rgba(255,59,48,.25); padding: 28px 0; background: #0c0505; }.jv-number-grid { display: grid; grid-template-columns: repeat(4,1fr); }.jv-number-grid article { border-right: 1px solid rgba(255,255,255,.1); padding: 10px 28px; }.jv-number-grid article:last-child { border-right: 0; }.jv-number-grid span { color: #8e98a7; font-size: 11px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }.jv-number-grid strong { display: block; margin-top: 8px; color: #ffd447; font: 900 43px/1 Impact,Haettenschweiler,"Arial Black",sans-serif; }.jv-number-grid p { margin: 8px 0 0; color: #abb4c1; font-size: 13px; }
.jv-reason { padding: 104px 0; background: #f2f0ea; color: #111; }.jv-reason-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 70px; align-items: center; }.jv-reason .section-label { color: #b51610; }.jv-reason h2,.jv-funnel-section h2,.jv-angles-section h2,.jv-promo-assets h2,.jv-swipes-section h2,.jv-compliance h2 { margin: 13px 0 0; font-size: clamp(38px,5vw,62px); line-height: 1.03; }.jv-reason p { color: #393939; font-size: 18px; line-height: 1.75; }.jv-angle-card { border: 4px solid #151515; border-radius: 23px; padding: 34px; background: #ffd447; box-shadow: 17px 17px 0 #df2118; }.jv-angle-card > span { color: #9a130e; font-size: 12px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }.jv-angle-card blockquote { margin: 18px 0 24px; font: 900 31px/1.18 Impact,Haettenschweiler,"Arial Black",sans-serif; text-transform: uppercase; }.jv-angle-card ul { display: grid; gap: 10px; margin: 0; padding-left: 22px; font-weight: 750; }
.jv-funnel-section { padding: 105px 0; background: linear-gradient(180deg,#050505,#160606 52%,#050505); }.jv-funnel-art { display: block; width: 100%; height: auto; margin-top: 44px; border: 1px solid rgba(255,59,48,.3); border-radius: 22px; box-shadow: 0 30px 90px rgba(0,0,0,.65); }.jv-offer-path { display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; margin-top: 22px; text-align: left; }.jv-offer-path article { position: relative; min-height: 305px; border: 1px solid rgba(255,59,48,.3); border-radius: 17px; padding: 23px 19px; background: rgba(9,5,5,.95); }.jv-offer-number { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 50%; background: rgba(255,59,48,.14); color: #ff544b; font-size: 12px; font-weight: 900; }.jv-offer-path strong { display: block; margin-top: 21px; color: #ffd447; font-size: 28px; }.jv-offer-path h3 { margin: 8px 0 9px; font-size: 18px; }.jv-offer-path p { color: #969fad; font-size: 14px; line-height: 1.55; }.jv-offer-path a,.jv-bundle-strip a { position: absolute; bottom: 21px; color: #ff5a51; font-size: 13px; font-weight: 850; text-decoration: none; }.jv-bundle-strip { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px; text-align: left; }.jv-bundle-strip.single { max-width: 760px; grid-template-columns: 1fr; margin-inline: auto; }.jv-bundle-strip > div { position: relative; min-height: 142px; border: 1px solid rgba(255,212,71,.35); border-radius: 16px; padding: 21px 150px 21px 22px; background: rgba(255,212,71,.07); }.jv-bundle-strip span { color: #ffd447; font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }.jv-bundle-strip strong { position: absolute; right: 25px; top: 27px; color: #ffd447; font-size: 36px; }.jv-bundle-strip p { margin: 9px 0 0; color: #b4bdca; }.jv-bundle-strip a { bottom: 19px; }
.jv-angles-section { padding: 100px 0; background: #080808; }.jv-angle-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin-top: 44px; }.jv-angle-grid article { min-height: 300px; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; padding: 27px; background: linear-gradient(145deg,rgba(255,59,48,.11),rgba(255,255,255,.02)); }.jv-angle-grid span { color: #ff3b30; font: 900 33px/1 Impact,Haettenschweiler,"Arial Black",sans-serif; }.jv-angle-grid h3 { margin: 24px 0 8px; font-size: 21px; }.jv-angle-grid b { color: #ffd447; font-size: 13px; text-transform: uppercase; }.jv-angle-grid p { margin-top: 16px; color: #aab3c0; line-height: 1.65; }
.jv-promo-assets { padding: 85px 0; border-block: 1px solid rgba(255,59,48,.2); background: radial-gradient(circle at 20% 50%,rgba(255,59,48,.15),transparent 27rem),#0d0807; }.jv-promo-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 48px; align-items: center; }.jv-promo-grid img { display: block; width: 118%; height: auto; margin-left: -15%; filter: drop-shadow(0 28px 60px rgba(0,0,0,.6)); }.jv-promo-grid p { color: #afb8c5; font-size: 18px; line-height: 1.7; }
.jv-swipes-section { padding: 105px 0; background: #050505; }.jv-swipe-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 46px; }.jv-swipe-card { overflow: hidden; border: 1px solid rgba(255,59,48,.27); border-radius: 18px; background: #0d0909; }.jv-swipe-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid rgba(255,255,255,.08); padding: 17px 20px; background: rgba(255,59,48,.07); }.jv-swipe-head h3 { margin: 0; }.jv-swipe-head button { border: 1px solid rgba(255,59,48,.45); border-radius: 999px; padding: 7px 13px; background: transparent; color: #ffd447; cursor: pointer; font: inherit; font-size: 12px; font-weight: 900; }.jv-swipe-card pre { min-height: 235px; margin: 0; padding: 22px; color: #c3cad4; white-space: pre-wrap; font: 15px/1.68 ui-monospace,SFMono-Regular,Menlo,monospace; }
.jv-compliance { padding: 95px 0; background: #f1d33e; color: #111; }.jv-compliance-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 70px; }.jv-compliance .section-label { color: #a6110c; }.jv-compliance p { font-size: 18px; line-height: 1.75; }.jv-do-dont { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 27px; }.jv-do-dont > div { display: grid; gap: 9px; border: 2px solid #161616; border-radius: 14px; padding: 18px; background: rgba(255,255,255,.32); }.jv-do-dont strong { margin-bottom: 4px; font-size: 17px; text-transform: uppercase; }.jv-do-dont span::before { content: "✓"; margin-right: 9px; color: #bd1710; font-weight: 900; }.jv-do-dont > div:last-child span::before { content: "×"; }.jv-closing { padding-top: 90px; background: #050505; }.jv-closing .closing-card { background: linear-gradient(135deg,rgba(255,59,48,.22),rgba(255,212,71,.07)); }

/* ProfitAgentsAI Unlimited OTO */
.unlimited-alert { padding: 10px 18px; background: linear-gradient(90deg,#8f0804,#ff3b30,#8f0804); color: #fff; text-align: center; font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }.unlimited-header { background: rgba(3,3,3,.92); border-bottom-color: rgba(255,59,48,.3); }.unlimited-page { overflow: hidden; }.unlimited-page h2 { margin: 13px 0 0; font-size: clamp(38px,5.4vw,66px); line-height: 1.02; letter-spacing: .01em; }
.unlimited-hero { position: relative; padding: 75px 0 0; background: radial-gradient(circle at 50% 38%,rgba(255,59,48,.24),transparent 34rem),repeating-linear-gradient(135deg,rgba(255,255,255,.016) 0,rgba(255,255,255,.016) 1px,transparent 1px,transparent 11px); }.unlimited-hero h1 { max-width: 1080px; margin: 23px auto 0; font-size: clamp(50px,7.4vw,98px); line-height: .94; }.unlimited-lead { max-width: 850px; margin: 26px auto 0; color: #c9d0da; font-size: clamp(18px,2vw,22px); line-height: 1.65; }.unlimited-actions { display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 31px; }.unlimited-actions > span { color: #8f99a8; font-size: 13px; line-height: 1.5; text-align: left; }.unlimited-actions > span b { color: #ffd447; font-size: 20px; }.unlimited-hero-art { display: block; width: min(1160px,105%); height: auto; margin: 25px auto -43px; border-radius: 28px; box-shadow: 0 32px 90px rgba(0,0,0,.55); }.unlimited-cap { position: relative; z-index: 2; display: grid; max-width: 760px; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 26px; margin: 0 auto; border: 1px solid rgba(255,59,48,.35); border-radius: 18px; padding: 17px; background: rgba(7,3,3,.94); box-shadow: 0 22px 60px rgba(0,0,0,.55); }.unlimited-cap > div { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2px 14px; text-align: left; }.unlimited-cap > div span { color: #8f99a8; font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }.unlimited-cap > div strong { grid-row: 1 / span 2; grid-column: 2; color: #fff; font: 900 44px/1 Impact,Haettenschweiler,"Arial Black",sans-serif; }.unlimited-cap > div small { color: #c3cad4; }.unlimited-cap > b { color: #ff3b30; font-size: 25px; }.unlimited-cap .active { border-radius: 12px; padding: 10px 15px; background: rgba(255,59,48,.12); }.unlimited-cap .active strong { color: #ffd447; }
.unlimited-problem { padding: 110px 0 95px; background: #f1f0eb; color: #141414; }.unlimited-problem-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 70px; align-items: center; }.unlimited-problem .section-label { color: #b51710; }.unlimited-problem p { color: #3d3d3d; font-size: 18px; line-height: 1.75; }.unlimited-mini-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 28px; }.unlimited-mini-grid span { border: 2px solid #171717; border-radius: 10px; padding: 13px; font-weight: 850; }.unlimited-mini-grid span::before { content: "✓"; margin-right: 9px; color: #d72219; }.unlimited-problem aside { border: 4px solid #171717; border-radius: 22px; padding: 33px; background: #ffd447; box-shadow: 17px 17px 0 #df2118; }.unlimited-problem aside strong { display: block; color: #99110c; font-size: 15px; text-transform: uppercase; }.unlimited-problem aside p { margin: 7px 0 23px; font-size: 16px; }.unlimited-problem aside p:last-child { margin-bottom: 0; }
.unlimited-break { padding: 105px 0 80px; background: linear-gradient(180deg,#050505,#160606 55%,#050505); }.unlimited-break img { display: block; width: 100%; height: auto; margin-top: 44px; border: 1px solid rgba(255,59,48,.3); border-radius: 22px; box-shadow: 0 30px 90px rgba(0,0,0,.65); }
.unlimited-controls { padding: 95px 0; border-block: 1px solid rgba(255,59,48,.22); background: #0b0706; }.unlimited-controls-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 52px; align-items: center; }.unlimited-controls-grid > img { display: block; width: 112%; height: auto; margin-left: -12%; border-radius: 22px; box-shadow: 0 28px 75px rgba(0,0,0,.6); }.unlimited-controls-grid > div > p { color: #abb5c3; font-size: 18px; line-height: 1.7; }.unlimited-feature-list { display: grid; gap: 15px; margin-top: 29px; }.unlimited-feature-list article { display: grid; grid-template-columns: 43px 1fr; gap: 14px; }.unlimited-feature-list span { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; background: rgba(255,59,48,.14); color: #ff554c; font-size: 12px; font-weight: 900; }.unlimited-feature-list h3 { margin: 1px 0 5px; }.unlimited-feature-list p { margin: 0; color: #929dab; line-height: 1.55; }
.unlimited-unlocks { padding: 102px 0; background: #050505; }.unlimited-unlock-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; margin-top: 44px; text-align: left; }.unlimited-unlock-grid article { min-height: 250px; border: 1px solid rgba(255,59,48,.3); border-radius: 19px; padding: 27px; background: linear-gradient(145deg,rgba(255,59,48,.11),rgba(255,255,255,.02)); }.unlimited-unlock-grid strong { color: #ffd447; font: 900 42px/1 Impact,Haettenschweiler,"Arial Black",sans-serif; }.unlimited-unlock-grid h3 { margin: 22px 0 8px; font-size: 21px; }.unlimited-unlock-grid p { color: #9ca6b4; line-height: 1.65; }.unlimited-token-note { max-width: 850px; margin: 26px auto 0; border: 1px solid rgba(255,212,71,.32); border-radius: 13px; padding: 17px 21px; background: rgba(255,212,71,.07); color: #c5ccd6; font-size: 14px; line-height: 1.6; }.unlimited-token-note b { color: #ffd447; }
.unlimited-fit { padding: 94px 0; background: #f2d43f; color: #111; }.unlimited-fit-grid { display: grid; grid-template-columns: .88fr 1.12fr; gap: 70px; align-items: center; }.unlimited-fit .section-label { color: #a5110c; }.unlimited-checks { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }.unlimited-checks span { display: flex; align-items: center; gap: 10px; border: 2px solid #131313; border-radius: 11px; padding: 15px; background: rgba(255,255,255,.3); font-weight: 850; }.unlimited-checks span::before { content: "✓"; display: grid; width: 25px; height: 25px; flex: 0 0 25px; place-items: center; border-radius: 50%; background: #d31e16; color: #fff; }
.unlimited-offer { padding: 105px 0; background: radial-gradient(circle at 50% 60%,rgba(255,59,48,.18),transparent 30rem),#070303; }.unlimited-offer .price-card { border-width: 2px; box-shadow: 0 0 0 8px rgba(255,59,48,.06),0 35px 95px rgba(0,0,0,.6); }.unlimited-faq { background: #050505; }.unlimited-closing { padding-top: 85px; background: #050505; }.unlimited-closing .closing-card { background: linear-gradient(135deg,rgba(255,59,48,.22),rgba(255,212,71,.07)); }.unlimited-decline { color: #7d8797; }

/* AI Traffic Suite OTO */
.traffic-alert { padding: 10px 18px; background: linear-gradient(90deg,#8d0703,#ff3b30,#8d0703); color: #fff; text-align: center; font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }.traffic-header { background: rgba(3,3,3,.92); border-bottom-color: rgba(255,59,48,.3); }.traffic-page { overflow: hidden; }.traffic-page h2 { margin: 13px 0 0; font-size: clamp(38px,5.4vw,66px); line-height: 1.02; letter-spacing: .01em; }
.traffic-hero { padding: 75px 0 0; background: radial-gradient(circle at 50% 36%,rgba(255,59,48,.23),transparent 34rem),repeating-linear-gradient(135deg,rgba(255,255,255,.016) 0,rgba(255,255,255,.016) 1px,transparent 1px,transparent 11px); }.traffic-hero h1 { max-width: 1080px; margin: 23px auto 0; font-size: clamp(50px,7.2vw,94px); line-height: .95; }.traffic-lead { max-width: 860px; margin: 26px auto 0; color: #c9d0da; font-size: clamp(18px,2vw,22px); line-height: 1.65; }.traffic-actions { display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 31px; }.traffic-actions > span { color: #929cab; font-size: 13px; line-height: 1.5; text-align: left; }.traffic-actions > span b { color: #ffd447; font-size: 20px; }.traffic-hero-art { display: block; width: min(1190px,106%); height: auto; margin: 28px auto -24px; border: 1px solid rgba(255,59,48,.24); border-radius: 28px; box-shadow: 0 32px 90px rgba(0,0,0,.6); }.traffic-format-strip { position: relative; z-index: 2; display: grid; max-width: 1020px; grid-template-columns: repeat(6,1fr); margin: 0 auto; overflow: hidden; border: 1px solid rgba(255,59,48,.35); border-radius: 15px; background: rgba(8,4,4,.95); box-shadow: 0 20px 55px rgba(0,0,0,.55); }.traffic-format-strip span { border-right: 1px solid rgba(255,255,255,.09); padding: 15px 9px; color: #c3cad4; font-size: 11px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }.traffic-format-strip span:last-child { border-right: 0; }
.traffic-problem { padding: 105px 0 95px; background: #f1f0eb; color: #151515; }.traffic-problem-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 70px; align-items: center; }.traffic-problem .section-label { color: #b51710; }.traffic-problem p { color: #3c3c3c; font-size: 18px; line-height: 1.75; }.traffic-problem aside { display: grid; gap: 10px; border: 4px solid #151515; border-radius: 22px; padding: 31px; background: #ffd447; box-shadow: 17px 17px 0 #df2118; }.traffic-problem aside strong { color: #95110c; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; }.traffic-problem aside strong:nth-of-type(2) { margin-top: 14px; }.traffic-problem aside span { font-weight: 780; }.traffic-problem aside span::before { content: "×"; margin-right: 9px; color: #b4150e; font-weight: 900; }.traffic-problem aside strong:nth-of-type(2) ~ span::before { content: "✓"; }
.traffic-distribution { padding: 105px 0 80px; background: linear-gradient(180deg,#050505,#150505 55%,#050505); }.traffic-distribution img { display: block; width: 100%; height: auto; margin-top: 44px; border: 1px solid rgba(255,59,48,.28); border-radius: 22px; box-shadow: 0 30px 90px rgba(0,0,0,.65); }
.traffic-dashboard { padding: 95px 0; border-block: 1px solid rgba(255,59,48,.22); background: #0b0706; }.traffic-dashboard-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 52px; align-items: center; }.traffic-dashboard-grid > img { display: block; width: 112%; height: auto; margin-left: -12%; border-radius: 22px; box-shadow: 0 28px 75px rgba(0,0,0,.62); }.traffic-dashboard-grid > div > p { color: #abb5c3; font-size: 18px; line-height: 1.7; }.traffic-feature-list { display: grid; gap: 15px; margin-top: 29px; }.traffic-feature-list article { display: grid; grid-template-columns: 43px 1fr; gap: 14px; }.traffic-feature-list span { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; background: rgba(255,59,48,.14); color: #ff554c; font-size: 12px; font-weight: 900; }.traffic-feature-list h3 { margin: 1px 0 5px; }.traffic-feature-list p { margin: 0; color: #929dab; line-height: 1.55; }
.traffic-formats { padding: 103px 0; background: #050505; }.traffic-card-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; margin-top: 44px; text-align: left; }.traffic-card-grid article { min-height: 230px; border: 1px solid rgba(255,59,48,.3); border-radius: 19px; padding: 27px; background: linear-gradient(145deg,rgba(255,59,48,.11),rgba(255,255,255,.02)); }.traffic-card-grid strong { color: #ffd447; font: 900 39px/1 Impact,Haettenschweiler,"Arial Black",sans-serif; }.traffic-card-grid h3 { margin: 22px 0 8px; font-size: 21px; }.traffic-card-grid p { color: #9ca6b4; line-height: 1.65; }.traffic-provider-note { max-width: 860px; margin: 26px auto 0; border: 1px solid rgba(255,212,71,.32); border-radius: 13px; padding: 17px 21px; background: rgba(255,212,71,.07); color: #c5ccd6; font-size: 14px; line-height: 1.6; }.traffic-provider-note b { color: #ffd447; }
.traffic-outcomes { padding: 94px 0; background: #f2d43f; color: #111; }.traffic-outcome-grid { display: grid; grid-template-columns: .86fr 1.14fr; gap: 70px; align-items: center; }.traffic-outcomes .section-label { color: #a5110c; }.traffic-checks { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }.traffic-checks span { display: flex; align-items: center; gap: 10px; border: 2px solid #131313; border-radius: 11px; padding: 15px; background: rgba(255,255,255,.3); font-weight: 850; }.traffic-checks span::before { content: "✓"; display: grid; width: 25px; height: 25px; flex: 0 0 25px; place-items: center; border-radius: 50%; background: #d31e16; color: #fff; }
.traffic-offer { padding: 105px 0; background: radial-gradient(circle at 50% 60%,rgba(255,59,48,.18),transparent 30rem),#070303; }.traffic-offer .price-card { border-width: 2px; box-shadow: 0 0 0 8px rgba(255,59,48,.06),0 35px 95px rgba(0,0,0,.6); }.traffic-faq { background: #050505; }.traffic-closing { padding-top: 85px; background: #050505; }.traffic-closing .closing-card { background: linear-gradient(135deg,rgba(255,59,48,.22),rgba(255,212,71,.07)); }.traffic-decline { color: #7d8797; }

/* AI Bonus Engine OTO */
.bonus-alert { padding: 10px 18px; background: linear-gradient(90deg,#8a0803,#e52b20,#8a0803); color: #fff; text-align: center; font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }.bonus-header { border-bottom-color: rgba(246,196,83,.28); background: rgba(3,3,3,.93); }.bonus-header .brand-mark { color: #f6c453; }.bonus-header .step { border-color: rgba(246,196,83,.35); background: rgba(246,196,83,.08); color: #f6c453; }.bonus-page { overflow: hidden; }.bonus-page h2 { margin: 13px 0 0; font-size: clamp(38px,5.4vw,66px); line-height: 1.02; letter-spacing: .01em; }
.bonus-hero { padding: 75px 0 0; background: radial-gradient(circle at 50% 35%,rgba(229,43,32,.21),transparent 34rem),radial-gradient(circle at 74% 47%,rgba(246,196,83,.09),transparent 28rem),repeating-linear-gradient(135deg,rgba(255,255,255,.016) 0,rgba(255,255,255,.016) 1px,transparent 1px,transparent 11px); }.bonus-hero .eyebrow { border-color: rgba(246,196,83,.35); background: rgba(246,196,83,.08); color: #f6c453; }.bonus-hero h1 { max-width: 1110px; margin: 23px auto 0; font-size: clamp(50px,7.1vw,93px); line-height: .95; }.bonus-gradient { color: #f6c453; background: linear-gradient(90deg,#ff3b30,#f6c453); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }.bonus-lead { max-width: 880px; margin: 26px auto 0; color: #c9d0da; font-size: clamp(18px,2vw,22px); line-height: 1.65; }.bonus-actions { display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 31px; }.bonus-actions > span { color: #929cab; font-size: 13px; line-height: 1.5; text-align: left; }.bonus-actions > span b { color: #f6c453; font-size: 20px; }.bonus-hero-art { display: block; width: min(1190px,106%); height: auto; margin: 28px auto -24px; border: 1px solid rgba(246,196,83,.28); border-radius: 28px; box-shadow: 0 32px 90px rgba(0,0,0,.64); }.bonus-format-strip { position: relative; z-index: 2; display: grid; max-width: 1040px; grid-template-columns: repeat(6,1fr); margin: 0 auto; overflow: hidden; border: 1px solid rgba(246,196,83,.38); border-radius: 15px; background: rgba(9,5,2,.96); box-shadow: 0 20px 55px rgba(0,0,0,.55); }.bonus-format-strip span { border-right: 1px solid rgba(255,255,255,.09); padding: 15px 9px; color: #d2c5aa; font-size: 11px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }.bonus-format-strip span:last-child { border-right: 0; }
.bonus-problem { padding: 105px 0 95px; background: #f1f0eb; color: #151515; }.bonus-problem-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 70px; align-items: center; }.bonus-problem .section-label { color: #a81710; }.bonus-problem p { color: #3c3c3c; font-size: 18px; line-height: 1.75; }.bonus-problem aside { display: grid; gap: 10px; border: 4px solid #151515; border-radius: 22px; padding: 31px; background: #f6c453; box-shadow: 17px 17px 0 #df2118; }.bonus-problem aside strong { color: #8c120d; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; }.bonus-problem aside strong:nth-of-type(2) { margin-top: 14px; }.bonus-problem aside span { font-weight: 780; }.bonus-problem aside span::before { content: "×"; margin-right: 9px; color: #b4150e; font-weight: 900; }.bonus-problem aside strong:nth-of-type(2) ~ span::before { content: "✓"; }
.bonus-workflow { padding: 105px 0 84px; background: linear-gradient(180deg,#050505,#170805 55%,#050505); }.bonus-workflow img { display: block; width: 100%; height: auto; margin-top: 44px; border: 1px solid rgba(246,196,83,.28); border-radius: 22px; box-shadow: 0 30px 90px rgba(0,0,0,.65); }.bonus-stage-labels { display: grid; grid-template-columns: repeat(5,1fr); margin: 13px 4% 0; color: #f6c453; font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.bonus-dashboard { padding: 95px 0; border-block: 1px solid rgba(246,196,83,.2); background: #0c0805; }.bonus-dashboard-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 52px; align-items: center; }.bonus-dashboard-grid > img { display: block; width: 112%; height: auto; margin-left: -12%; border-radius: 22px; box-shadow: 0 28px 75px rgba(0,0,0,.62); }.bonus-dashboard-grid > div > p { color: #b1b8c2; font-size: 18px; line-height: 1.7; }.bonus-feature-list { display: grid; gap: 15px; margin-top: 29px; }.bonus-feature-list article { display: grid; grid-template-columns: 43px 1fr; gap: 14px; }.bonus-feature-list span { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; background: rgba(246,196,83,.12); color: #f6c453; font-size: 12px; font-weight: 900; }.bonus-feature-list h3 { margin: 1px 0 5px; }.bonus-feature-list p { margin: 0; color: #929dab; line-height: 1.55; }
.bonus-formats { padding: 103px 0; background: #050505; }.bonus-card-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; margin-top: 44px; text-align: left; }.bonus-card-grid article { min-height: 230px; border: 1px solid rgba(246,196,83,.27); border-radius: 19px; padding: 27px; background: linear-gradient(145deg,rgba(246,196,83,.09),rgba(229,43,32,.05)); }.bonus-card-grid strong { color: #f6c453; font: 900 39px/1 Impact,Haettenschweiler,"Arial Black",sans-serif; }.bonus-card-grid h3 { margin: 22px 0 8px; font-size: 21px; }.bonus-card-grid p { color: #9ca6b4; line-height: 1.65; }.bonus-original-note { max-width: 860px; margin: 26px auto 0; border: 1px solid rgba(246,196,83,.34); border-radius: 13px; padding: 17px 21px; background: rgba(246,196,83,.07); color: #c5ccd6; font-size: 14px; line-height: 1.6; }.bonus-original-note b { color: #f6c453; }
.bonus-fulfilment { padding: 94px 0; background: #f6c453; color: #111; }.bonus-fulfilment-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 70px; align-items: center; }.bonus-fulfilment .section-label { color: #9d130d; }.bonus-flow { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }.bonus-flow article { display: flex; align-items: center; gap: 12px; border: 2px solid #131313; border-radius: 11px; padding: 15px; background: rgba(255,255,255,.28); font-weight: 850; }.bonus-flow b { display: grid; width: 28px; height: 28px; flex: 0 0 28px; place-items: center; border-radius: 50%; background: #d31e16; color: #fff; }
.bonus-offer { padding: 105px 0; background: radial-gradient(circle at 50% 60%,rgba(246,196,83,.13),transparent 30rem),#080402; }.bonus-offer .price-card { border-color: rgba(246,196,83,.35); border-width: 2px; box-shadow: 0 0 0 8px rgba(246,196,83,.05),0 35px 95px rgba(0,0,0,.6); }.bonus-offer .value-total b,.bonus-offer .section-label { color: #f6c453; }.bonus-faq { background: #050505; }.bonus-closing { padding-top: 85px; background: #050505; }.bonus-closing .closing-card { border-color: rgba(246,196,83,.28); background: linear-gradient(135deg,rgba(229,43,32,.2),rgba(246,196,83,.09)); }.bonus-closing .section-label { color: #f6c453; }.bonus-decline { color: #7d8797; }

/* ProfitAgentsAI Agency OTO */
.agency-alert { padding: 10px 18px; background: linear-gradient(90deg,#7f0b14,#e43a42,#7f0b14); color: #fff; text-align: center; font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }.agency-header { border-bottom-color: rgba(255,100,114,.28); background: rgba(3,3,3,.93); }.agency-header .brand-mark { color: #ff7b87; }.agency-header .step { border-color: rgba(255,123,135,.34); background: rgba(255,123,135,.08); color: #ff8994; }.agency-page { overflow: hidden; }.agency-page h2 { margin: 13px 0 0; font-size: clamp(38px,5.4vw,66px); line-height: 1.02; letter-spacing: .01em; }
.agency-hero { padding: 75px 0 0; background: radial-gradient(circle at 50% 35%,rgba(228,58,66,.23),transparent 34rem),radial-gradient(circle at 76% 46%,rgba(246,196,83,.07),transparent 29rem),repeating-linear-gradient(135deg,rgba(255,255,255,.016) 0,rgba(255,255,255,.016) 1px,transparent 1px,transparent 11px); }.agency-honest { display: inline-flex; border: 1px solid rgba(246,196,83,.38); border-radius: 999px; padding: 9px 15px; background: rgba(246,196,83,.08); color: #f6c453; font-size: 12px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }.agency-hero h1 { max-width: 1100px; margin: 24px auto 0; font-size: clamp(50px,7.15vw,94px); line-height: .95; }.agency-gradient { color: #ff7180; background: linear-gradient(90deg,#ff4f5e,#f6c453); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }.agency-lead { max-width: 880px; margin: 26px auto 0; color: #c9d0da; font-size: clamp(18px,2vw,22px); line-height: 1.65; }.agency-actions { display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 31px; }.agency-actions > span { color: #929cab; font-size: 13px; line-height: 1.5; text-align: left; }.agency-actions > span b { color: #ff8994; font-size: 20px; }.agency-hero-art { display: block; width: min(1190px,106%); height: auto; margin: 28px auto -24px; border: 1px solid rgba(255,100,114,.28); border-radius: 28px; box-shadow: 0 32px 90px rgba(0,0,0,.65); }.agency-cap-strip { position: relative; z-index: 2; display: grid; max-width: 1020px; grid-template-columns: repeat(5,1fr); margin: 0 auto; overflow: hidden; border: 1px solid rgba(255,100,114,.35); border-radius: 15px; background: rgba(9,4,5,.96); box-shadow: 0 20px 55px rgba(0,0,0,.55); }.agency-cap-strip span { border-right: 1px solid rgba(255,255,255,.09); padding: 15px 9px; color: #d3c4c7; font-size: 11px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }.agency-cap-strip span:last-child { border-right: 0; }
.agency-fit { padding: 105px 0 95px; background: #f1f0eb; color: #151515; }.agency-fit-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 70px; align-items: center; }.agency-fit .section-label { color: #a81720; }.agency-fit p { color: #3c3c3c; font-size: 18px; line-height: 1.75; }.agency-fit-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 29px; }.agency-fit-cards article { display: grid; gap: 10px; border: 2px solid #1b1b1b; border-radius: 15px; padding: 20px; background: #fff; }.agency-fit-cards article.active { background: #f6c453; }.agency-fit-cards strong { color: #9b181e; font-size: 13px; letter-spacing: .07em; text-transform: uppercase; }.agency-fit-cards span { font-size: 14px; font-weight: 750; line-height: 1.45; }.agency-fit-cards span::before { content: "•"; margin-right: 7px; color: #df2118; }.agency-fit aside { display: grid; gap: 10px; border: 4px solid #151515; border-radius: 22px; padding: 31px; background: #ffd9dd; box-shadow: 17px 17px 0 #dc303c; }.agency-fit aside strong { color: #94151c; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; }.agency-fit aside strong:nth-of-type(2) { margin-top: 14px; }.agency-fit aside span { font-weight: 780; }.agency-fit aside span::before { content: "×"; margin-right: 9px; color: #b4151d; font-weight: 900; }.agency-fit aside strong:nth-of-type(2) ~ span::before { content: "✓"; }
.agency-workspaces { padding: 105px 0 84px; background: linear-gradient(180deg,#050505,#160608 55%,#050505); }.agency-workspaces img { display: block; width: 100%; height: auto; margin-top: 44px; border: 1px solid rgba(255,100,114,.28); border-radius: 22px; box-shadow: 0 30px 90px rgba(0,0,0,.66); }
.agency-dashboard { padding: 95px 0; border-block: 1px solid rgba(255,100,114,.2); background: #0c0607; }.agency-dashboard-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 52px; align-items: center; }.agency-dashboard-grid > img { display: block; width: 112%; height: auto; margin-left: -12%; border-radius: 22px; box-shadow: 0 28px 75px rgba(0,0,0,.63); }.agency-dashboard-grid > div > p { color: #b1b8c2; font-size: 18px; line-height: 1.7; }.agency-feature-list { display: grid; gap: 15px; margin-top: 29px; }.agency-feature-list article { display: grid; grid-template-columns: 43px 1fr; gap: 14px; }.agency-feature-list span { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; background: rgba(255,100,114,.13); color: #ff7b87; font-size: 12px; font-weight: 900; }.agency-feature-list h3 { margin: 1px 0 5px; }.agency-feature-list p { margin: 0; color: #929dab; line-height: 1.55; }
.agency-features { padding: 103px 0; background: #050505; }.agency-card-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; margin-top: 44px; text-align: left; }.agency-card-grid article { min-height: 230px; border: 1px solid rgba(255,100,114,.28); border-radius: 19px; padding: 27px; background: linear-gradient(145deg,rgba(255,100,114,.1),rgba(246,196,83,.035)); }.agency-card-grid strong { color: #ff7b87; font: 900 39px/1 Impact,Haettenschweiler,"Arial Black",sans-serif; }.agency-card-grid h3 { margin: 22px 0 8px; font-size: 21px; }.agency-card-grid p { color: #9ca6b4; line-height: 1.65; }
.agency-process { padding: 94px 0; background: #f6c453; color: #111; }.agency-process-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 70px; align-items: center; }.agency-process .section-label { color: #98131b; }.agency-process-steps { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }.agency-process-steps article { display: flex; align-items: center; gap: 12px; border: 2px solid #131313; border-radius: 11px; padding: 15px; background: rgba(255,255,255,.29); font-weight: 850; }.agency-process-steps b { display: grid; width: 28px; height: 28px; flex: 0 0 28px; place-items: center; border-radius: 50%; background: #d31e29; color: #fff; }
.agency-offer { padding: 105px 0; background: radial-gradient(circle at 50% 60%,rgba(255,100,114,.14),transparent 30rem),#080304; }.agency-offer .price-card { border-color: rgba(255,100,114,.36); border-width: 2px; box-shadow: 0 0 0 8px rgba(255,100,114,.05),0 35px 95px rgba(0,0,0,.6); }.agency-offer .value-total b,.agency-offer .section-label { color: #ff7b87; }.agency-faq { background: #050505; }.agency-closing { padding-top: 85px; background: #050505; }.agency-closing .closing-card { border-color: rgba(255,100,114,.3); background: linear-gradient(135deg,rgba(228,58,66,.22),rgba(246,196,83,.07)); }.agency-closing .section-label { color: #ff8994; }.agency-decline { color: #7d8797; }

/* Combined bundle comparison page */
.bundles-alert { padding: 10px 18px; background: linear-gradient(90deg,#8f0c06,#ef372c,#8f0c06); color: #fff; text-align: center; font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }.bundles-header { border-bottom-color: rgba(246,196,83,.3); background: rgba(3,3,3,.93); }.bundles-header .brand-mark { color: #f6c453; }.bundles-header-link { border: 1px solid rgba(246,196,83,.38); border-radius: 999px; padding: 9px 15px; color: #f6c453; font-size: 12px; font-weight: 900; letter-spacing: .08em; text-decoration: none; text-transform: uppercase; }.bundles-page { overflow: hidden; }.bundles-page h2 { margin: 13px 0 0; font-size: clamp(38px,5.4vw,66px); line-height: 1.02; letter-spacing: .01em; }
.bundles-hero { padding: 75px 0 0; background: radial-gradient(circle at 45% 35%,rgba(239,55,44,.23),transparent 34rem),radial-gradient(circle at 73% 46%,rgba(246,196,83,.13),transparent 30rem),repeating-linear-gradient(135deg,rgba(255,255,255,.016) 0,rgba(255,255,255,.016) 1px,transparent 1px,transparent 11px); }.bundles-hero .eyebrow { border-color: rgba(246,196,83,.38); background: rgba(246,196,83,.08); color: #f6c453; }.bundles-hero h1 { max-width: 1060px; margin: 24px auto 0; font-size: clamp(52px,7.35vw,98px); line-height: .95; }.bundles-gradient { color: #f6c453; background: linear-gradient(90deg,#ff4f43,#f6c453); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }.bundles-lead { max-width: 870px; margin: 26px auto 0; color: #c9d0da; font-size: clamp(18px,2vw,22px); line-height: 1.65; }.bundles-actions { display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 31px; }.bundles-actions > span { color: #929cab; font-size: 13px; line-height: 1.5; text-align: left; }.bundles-actions > span b { color: #f6c453; font-size: 20px; }.bundles-hero-art { display: block; width: min(1190px,106%); height: auto; margin: 28px auto -24px; border: 1px solid rgba(246,196,83,.3); border-radius: 28px; box-shadow: 0 32px 90px rgba(0,0,0,.65); }.bundles-strip { position: relative; z-index: 2; display: grid; max-width: 1000px; grid-template-columns: repeat(4,1fr); margin: 0 auto; overflow: hidden; border: 1px solid rgba(246,196,83,.38); border-radius: 15px; background: rgba(9,4,3,.96); box-shadow: 0 20px 55px rgba(0,0,0,.55); }.bundles-strip span { border-right: 1px solid rgba(255,255,255,.09); padding: 16px 10px; color: #d2c7b1; font-size: 11px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }.bundles-strip span:last-child { border-right: 0; }.bundles-strip .optional { color: #f6c453; background: rgba(246,196,83,.06); }
.bundles-decision { padding: 105px 0 95px; background: #f1f0eb; color: #151515; }.bundles-decision-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }.bundles-decision .section-label { color: #a81710; }.bundles-decision p { color: #3c3c3c; font-size: 18px; line-height: 1.75; }.bundles-decision-cards { display: grid; gap: 14px; }.bundles-decision-cards article { border: 4px solid #151515; border-radius: 22px; padding: 28px; background: #fff; box-shadow: 12px 12px 0 #df2118; }.bundles-decision-cards article.featured { background: #f6c453; box-shadow: 12px 12px 0 #9b120d; }.bundles-decision-cards span { color: #a81710; font-size: 12px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }.bundles-decision-cards strong { display: block; margin-top: 9px; font: 900 36px/1 Impact,Haettenschweiler,"Arial Black",sans-serif; text-transform: uppercase; }.bundles-decision-cards p { margin: 10px 0 0; font-size: 15px; line-height: 1.5; }
.bundles-path { padding: 105px 0 84px; background: linear-gradient(180deg,#050505,#170604 55%,#050505); }.bundles-path img { display: block; width: 100%; height: auto; margin-top: 44px; border: 1px solid rgba(246,196,83,.28); border-radius: 22px; box-shadow: 0 30px 90px rgba(0,0,0,.66); }
.bundles-dashboard { padding: 95px 0; border-block: 1px solid rgba(246,196,83,.2); background: #0c0704; }.bundles-dashboard-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 52px; align-items: center; }.bundles-dashboard-grid > img { display: block; width: 112%; height: auto; margin-left: -12%; border-radius: 22px; box-shadow: 0 28px 75px rgba(0,0,0,.63); }.bundles-dashboard-grid > div > p { color: #b1b8c2; font-size: 18px; line-height: 1.7; }.bundles-feature-list { display: grid; gap: 15px; margin-top: 29px; }.bundles-feature-list article { display: grid; grid-template-columns: 43px 1fr; gap: 14px; }.bundles-feature-list span { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; background: rgba(246,196,83,.12); color: #f6c453; font-size: 12px; font-weight: 900; }.bundles-feature-list h3 { margin: 1px 0 5px; }.bundles-feature-list p { margin: 0; color: #929dab; line-height: 1.55; }
.bundles-comparison { padding: 103px 0; background: #050505; }.bundles-table-wrap { margin-top: 44px; overflow: hidden; border: 1px solid rgba(246,196,83,.3); border-radius: 20px; background: rgba(11,7,4,.94); }.bundles-table { width: 100%; border-collapse: collapse; text-align: left; }.bundles-table th,.bundles-table td { padding: 17px 21px; border-right: 1px solid rgba(255,255,255,.09); border-bottom: 1px solid rgba(255,255,255,.09); }.bundles-table th:last-child,.bundles-table td:last-child { border-right: 0; }.bundles-table tr:last-child td { border-bottom: 0; }.bundles-table th { background: rgba(246,196,83,.08); color: #f6c453; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }.bundles-table td { color: #c9d0da; }.bundles-table td:first-child { color: #fff; font-weight: 800; }.bundles-table td:nth-child(n+2) { text-align: center; }.bundles-table .price-row { background: rgba(239,55,44,.08); }.bundles-table del { color: #737b88; }.bundles-table strong { margin-left: 7px; color: #f6c453; font-size: 25px; }
.bundles-options { padding: 108px 0; background: radial-gradient(circle at 50% 57%,rgba(239,55,44,.18),transparent 33rem),#080302; }.bundles-price-grid { display: grid; max-width: 1040px; grid-template-columns: 1fr 1fr; gap: 24px; margin: 48px auto 0; align-items: stretch; text-align: left; }.bundle-price-card { position: relative; display: flex; flex-direction: column; border: 2px solid rgba(255,255,255,.15); border-radius: 27px; padding: 38px; background: rgba(8,8,10,.92); box-shadow: 0 28px 80px rgba(0,0,0,.42); }.bundle-price-card.featured { border-color: rgba(246,196,83,.6); background: linear-gradient(150deg,rgba(246,196,83,.12),rgba(12,7,5,.95) 38%); transform: translateY(-10px); box-shadow: 0 0 0 8px rgba(246,196,83,.05),0 35px 95px rgba(0,0,0,.55); }.bundle-tag { align-self: flex-start; border-radius: 999px; padding: 7px 11px; background: rgba(239,55,44,.14); color: #ff6258; font-size: 11px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }.bundle-price-card.featured .bundle-tag { background: rgba(246,196,83,.12); color: #f6c453; }.bundle-price-card h3 { margin: 22px 0 10px; font: 900 clamp(35px,4vw,51px)/.98 Impact,Haettenschweiler,"Arial Black",sans-serif; text-transform: uppercase; }.bundle-price-card > p { color: #aab3bf; line-height: 1.65; }.bundle-price-card ul { display: grid; gap: 12px; padding: 0; margin: 20px 0 26px; list-style: none; }.bundle-price-card li { position: relative; padding-left: 28px; color: #d2d8e1; }.bundle-price-card li::before { position: absolute; left: 0; content: "✓"; color: #f6c453; font-weight: 900; }.bundle-saving { align-self: flex-start; border: 1px solid rgba(246,196,83,.35); border-radius: 10px; padding: 8px 11px; background: rgba(246,196,83,.07); color: #f6c453; font-size: 13px; font-weight: 900; }.bundle-price { display: flex; align-items: end; gap: 10px; margin: 21px 0 24px; }.bundle-price del { padding-bottom: 11px; color: #6f7784; font-size: 19px; }.bundle-price strong { color: #fff; font-size: 67px; line-height: .9; letter-spacing: -.05em; }.bundle-price small { padding-bottom: 8px; color: #8f98a5; }.bundle-price-card .button { margin-top: auto; }.bundle-micro { margin: 14px 0 0 !important; color: #777f8b !important; font-size: 12px; text-align: center; }.bundles-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px 26px; margin-top: 28px; color: #8e98a7; font-size: 13px; }.bundles-faq { background: #050505; }
.bundles-price-grid.single { max-width: 650px; grid-template-columns: minmax(0,650px); justify-content: center; }.bundles-price-grid.single .bundle-price-card.featured { transform: none; }

/* ProfitAgentsAI token top-ups */
.tokens-actions { justify-content: center; }
.tokens-alert { padding: 10px 18px; background: linear-gradient(90deg,#8b0702,#e52b20 35%,#f0bd32 70%,#8b0702); color: #fff; text-align: center; font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }.tokens-header { border-bottom-color: rgba(246,196,83,.28); background: rgba(3,3,3,.93); }.tokens-header-link { border-bottom: 1px solid #f6c453; color: #f6c453; font-size: 13px; font-weight: 850; text-decoration: none; }.tokens-page { overflow: hidden; }.tokens-page h2 { margin: 13px 0 0; font-size: clamp(38px,5.4vw,66px); line-height: 1.02; }
.tokens-hero { padding: 86px 0 92px; background: radial-gradient(circle at 77% 42%,rgba(246,196,83,.18),transparent 28rem),radial-gradient(circle at 15% 10%,rgba(229,43,32,.2),transparent 30rem),repeating-linear-gradient(135deg,rgba(255,255,255,.016) 0,rgba(255,255,255,.016) 1px,transparent 1px,transparent 11px); }.tokens-hero-grid { display: grid; grid-template-columns: 1.02fr .98fr; gap: 60px; align-items: center; }.tokens-hero h1 { max-width: 720px; margin: 22px 0 0; font-size: clamp(54px,7vw,92px); line-height: .93; }.tokens-gradient { background: linear-gradient(90deg,#ff3b30,#f6c453); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }.tokens-lead { max-width: 700px; color: #c6ced8; font-size: clamp(18px,2vw,22px); line-height: 1.65; }.tokens-actions { display: flex; align-items: center; gap: 20px; margin-top: 30px; }.tokens-actions > span { color: #919baa; font-size: 13px; line-height: 1.5; }.tokens-actions b { color: #f6c453; font-size: 22px; }.tokens-trust { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 23px; color: #8f99a8; font-size: 12px; font-weight: 750; }
.tokens-visual { position: relative; min-height: 510px; border: 1px solid rgba(246,196,83,.23); border-radius: 50%; background: radial-gradient(circle,rgba(246,196,83,.17),rgba(229,43,32,.08) 40%,transparent 70%); }.tokens-visual::before,.tokens-visual::after { position: absolute; inset: 11%; border: 1px dashed rgba(246,196,83,.23); border-radius: 50%; content: ""; }.tokens-visual::after { inset: 26%; border-style: solid; border-color: rgba(255,255,255,.08); }.tokens-balance { position: absolute; z-index: 2; top: 50%; left: 50%; width: 265px; min-height: 235px; border: 2px solid rgba(246,196,83,.5); border-radius: 26px; padding: 29px; background: linear-gradient(145deg,#201706,#080707 58%); box-shadow: 0 28px 85px rgba(0,0,0,.7),0 0 60px rgba(246,196,83,.14); transform: translate(-50%,-50%); text-align: center; }.tokens-balance > span { color: #f6c453; font-size: 11px; font-weight: 900; letter-spacing: .15em; }.tokens-balance > strong { display: block; margin: 11px 0 2px; color: #fff; font: 900 87px/.9 Impact,Haettenschweiler,"Arial Black",sans-serif; }.tokens-balance > small { color: #9da7b5; }.tokens-balance > div { display: flex; justify-content: center; gap: 6px; margin-top: 22px; }.tokens-balance i { width: 30px; height: 8px; border-radius: 999px; background: linear-gradient(90deg,#e52b20,#f6c453); }.tokens-orbit { position: absolute; z-index: 3; display: grid; width: 72px; height: 72px; place-items: center; border: 3px solid #f6c453; border-radius: 50%; background: #120c05; color: #f6c453; font: 900 30px/1 Impact,Haettenschweiler,"Arial Black",sans-serif; box-shadow: 0 14px 35px rgba(0,0,0,.5); }.tokens-orbit.one { top: 7%; left: 28%; }.tokens-orbit.two { right: 4%; top: 42%; }.tokens-orbit.three { bottom: 4%; left: 23%; color: #ff5047; }.tokens-chip { position: absolute; z-index: 4; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; padding: 9px 13px; background: rgba(5,5,5,.92); color: #d5dbe3; font-size: 11px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }.tokens-chip::before { content: "✓"; margin-right: 7px; color: #f6c453; }.chip-a { top: 22%; right: 3%; }.chip-b { bottom: 18%; right: 9%; }.chip-c { bottom: 14%; left: 4%; }
.tokens-usage { padding: 104px 0 90px; background: #f1f0eb; color: #151515; }.tokens-usage .section-label { color: #a81710; }.tokens-usage .section-intro { color: #444; }.tokens-usage-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 17px; margin-top: 43px; text-align: left; }.tokens-usage-grid article { border: 3px solid #171717; border-radius: 20px; padding: 30px; background: #fff; box-shadow: 9px 10px 0 #e12a20; }.tokens-usage-grid strong { color: #d82017; font: 900 62px/1 Impact,Haettenschweiler,"Arial Black",sans-serif; }.tokens-usage-grid h3 { margin: 19px 0 8px; font-size: 22px; }.tokens-usage-grid p { margin: 0; color: #4b4b4b; line-height: 1.65; }.tokens-free-strip { display: grid; grid-template-columns: repeat(6,1fr); margin-top: 45px; overflow: hidden; border: 3px solid #151515; border-radius: 15px; background: #f6c453; }.tokens-free-strip span,.tokens-free-strip b { padding: 17px 9px; border-right: 2px solid #151515; font-size: 12px; font-weight: 900; text-transform: uppercase; }.tokens-free-strip b { border-right: 0; background: #d9251c; color: #fff; }
.tokens-packs { padding: 108px 0; background: radial-gradient(circle at 50% 48%,rgba(246,196,83,.14),transparent 34rem),#050505; }.tokens-pack-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 14px; margin-top: 50px; align-items: stretch; text-align: center; }.tokens-pack { position: relative; display: flex; min-height: 430px; flex-direction: column; align-items: center; border: 1px solid rgba(255,255,255,.13); border-radius: 22px; padding: 30px 17px 22px; background: linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.012)); }.tokens-pack.featured { border-color: rgba(246,196,83,.6); background: linear-gradient(155deg,rgba(246,196,83,.13),rgba(229,43,32,.06)); box-shadow: 0 0 0 5px rgba(246,196,83,.04),0 25px 70px rgba(0,0,0,.4); }.tokens-pack-badge { position: absolute; top: -13px; border-radius: 999px; padding: 7px 12px; background: #f6c453; color: #15100a; font-size: 10px; font-weight: 950; letter-spacing: .09em; text-transform: uppercase; }.tokens-coin { display: grid; width: 59px; height: 59px; place-items: center; border: 2px solid #f6c453; border-radius: 50%; background: rgba(246,196,83,.08); color: #f6c453; font-size: 25px; }.tokens-pack > strong { margin-top: 21px; font: 900 58px/.9 Impact,Haettenschweiler,"Arial Black",sans-serif; }.tokens-pack > span:not(.button) { margin-top: 6px; color: #f6c453; font-size: 11px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }.tokens-pack-price { display: grid; gap: 3px; margin-top: 24px; }.tokens-pack-price b { font-size: 33px; }.tokens-pack-price small,.tokens-pack > p { color: #818b99; font-size: 11px; }.tokens-pack > p { margin: 7px 0 19px; }.tokens-buy { width: 100%; margin-top: auto; padding: 13px 10px; font-size: 11px; }.tokens-buy.disabled { opacity: .48; cursor: not-allowed; filter: grayscale(.5); }.tokens-account-note { max-width: 850px; margin: 30px auto 0; border: 1px solid rgba(246,196,83,.3); border-radius: 14px; padding: 17px 21px; background: rgba(246,196,83,.06); color: #aeb7c3; font-size: 14px; line-height: 1.65; }.tokens-account-note b { color: #f6c453; }
.tokens-how { padding: 104px 0; border-block: 1px solid rgba(246,196,83,.18); background: #0c0704; }.tokens-how-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 45px; }.tokens-how-grid article { min-height: 250px; border: 1px solid rgba(246,196,83,.24); border-radius: 19px; padding: 29px; background: rgba(255,255,255,.025); }.tokens-how-grid b { color: #f6c453; font: 900 38px/1 Impact,Haettenschweiler,"Arial Black",sans-serif; }.tokens-how-grid h3 { margin: 27px 0 8px; }.tokens-how-grid p { color: #99a4b2; line-height: 1.65; }.tokens-plan-note { display: grid; grid-template-columns: .72fr 1.28fr; gap: 30px; max-width: 920px; margin: 34px auto 0; border: 2px solid rgba(229,43,32,.5); border-radius: 18px; padding: 27px; background: rgba(229,43,32,.08); }.tokens-plan-note strong { color: #f6c453; font-size: 23px; }.tokens-plan-note p { margin: 0; color: #b9c1cb; line-height: 1.65; }.tokens-faq { background: #050505; }.tokens-closing { padding-top: 86px; background: #050505; }.tokens-closing .closing-card { background: linear-gradient(135deg,rgba(229,43,32,.21),rgba(246,196,83,.1)); }

@media (max-width: 900px) { .hero-grid,.story-grid,.steps-fit { grid-template-columns: 1fr; gap: 48px; }.hero { padding-top: 60px; }.feature-grid { grid-template-columns: 1fr; }.browser { max-width: 620px; margin: auto; }.fe-founder-grid,.fe-device-grid,.fe-outcome-head { grid-template-columns: 1fr; }.fe-founder-badge { width: 210px; }.fe-device-grid > img { width: 100%; margin: 0; }.fe-benefit-grid { grid-template-columns: 1fr 1fr; }.fe-benefit-large { grid-row: auto; min-height: 230px; }.fe-benefit-wide { grid-column: span 2; }.jv-new-hero-grid,.jv-reason-grid,.jv-promo-grid,.jv-compliance-grid { grid-template-columns: 1fr; }.jv-new-art img,.jv-promo-grid img { width: 100%; margin: 0; }.jv-number-grid { grid-template-columns: 1fr 1fr; }.jv-number-grid article:nth-child(2) { border-right: 0; }.jv-offer-path { grid-template-columns: repeat(2,1fr); }.jv-angle-grid { grid-template-columns: 1fr 1fr; }.unlimited-problem-grid,.unlimited-controls-grid,.unlimited-fit-grid { grid-template-columns: 1fr; }.unlimited-controls-grid > img { width: 100%; margin: 0; }.unlimited-unlock-grid { grid-template-columns: 1fr 1fr; }.traffic-problem-grid,.traffic-dashboard-grid,.traffic-outcome-grid,.bonus-problem-grid,.bonus-dashboard-grid,.bonus-fulfilment-grid,.agency-fit-grid,.agency-dashboard-grid,.agency-process-grid,.bundles-decision-grid,.bundles-dashboard-grid,.tokens-hero-grid { grid-template-columns: 1fr; }.traffic-dashboard-grid > img,.bonus-dashboard-grid > img,.agency-dashboard-grid > img,.bundles-dashboard-grid > img { width: 100%; margin: 0; }.traffic-card-grid,.bonus-card-grid,.agency-card-grid { grid-template-columns: 1fr 1fr; }.traffic-format-strip,.bonus-format-strip { grid-template-columns: repeat(3,1fr); }.traffic-format-strip span:nth-child(3),.bonus-format-strip span:nth-child(3) { border-right: 0; }.traffic-format-strip span:nth-child(-n+3),.bonus-format-strip span:nth-child(-n+3) { border-bottom: 1px solid rgba(255,255,255,.09); }.agency-cap-strip { grid-template-columns: repeat(5,1fr); }.tokens-visual { width: min(100%,560px); margin: 0 auto; }.tokens-pack-grid { grid-template-columns: repeat(3,1fr); }.tokens-usage-grid,.tokens-how-grid { grid-template-columns: 1fr; }.tokens-usage-grid article,.tokens-how-grid article { min-height: auto; }.tokens-free-strip { grid-template-columns: repeat(3,1fr); }.tokens-free-strip span:nth-child(3) { border-right: 0; }.tokens-free-strip span:nth-child(-n+3) { border-bottom: 2px solid #151515; }.tokens-plan-note { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .container { width: min(calc(100% - 28px), var(--content)); }.site-header .container { min-height: 62px; }.step { max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.hero { padding: 46px 0 74px; }.hero-points,.bundle-grid,.swipe-grid { grid-template-columns: 1fr; }.hero-cta { align-items: stretch; flex-direction: column; }.button { width: 100%; }.dashboard { min-height: 310px; grid-template-columns: 68px 1fr; }.dash-nav { padding: 6px; }.stats { grid-template-columns: 1fr 1fr; }.stat:last-child { display: none; }.campaign { grid-template-columns: 58px 1fr; }.section { padding: 72px 0; }.feature-card,.fit-card { padding: 23px; }.price-card { padding: 29px 18px; }.price strong { font-size: 62px; }.value-row { padding: 15px 17px; }.closing-card { padding: 52px 22px; }.jv-hero { padding-top: 50px; }.jv-stat-grid,.jv-funnel { grid-template-columns: 1fr 1fr; }.jv-table { display: block; overflow-x: auto; white-space: nowrap; }.offer-video-section { padding: 76px 0; }.offer-video-shell { margin-top: 31px; border-radius: 14px; }.offer-video-placeholder span { width: 66px; height: 66px; font-size: 23px; }.fe-announcement { font-size: 9px; }.fe-header-link { display: none; }.fe-hero { padding-top: 54px; }.fe-hero-actions { flex-direction: column; }.fe-hero-art { width: 125%; margin-left: -12.5%; }.fe-one-link { flex-direction: column; gap: 5px; }.fe-one-link b { transform: rotate(90deg); }.fe-demo,.fe-process,.fe-benefits,.fe-offer { padding: 76px 0; }.fe-founder { padding: 70px 0; }.fe-founder-badge { width: 170px; margin: 0 auto; }.fe-founder-badge span { font-size: 56px; }.fe-wide-art { width: 120%; margin-left: -10%; border-radius: 13px; }.fe-step-grid { grid-template-columns: 1fr; margin-top: 20px; }.fe-benefit-grid,.fe-outcome-grid { grid-template-columns: 1fr; }.fe-benefit-wide { grid-column: auto; }.fe-outcomes { padding: 72px 0; }.fe-device-grid > img { width: 118%; margin-left: -9%; }.fe-video-tag { display: none; }.jv-nav > a:not(.jv-nav-cta) { display: none; }.jv-nav .jv-nav-cta { padding: 8px 11px; font-size: 11px; }.jv-new-hero { padding-top: 54px; }.jv-new-copy h1 { font-size: 49px; }.jv-number-grid,.jv-offer-path,.jv-angle-grid,.jv-swipe-grid,.jv-do-dont,.jv-bundle-strip { grid-template-columns: 1fr; }.jv-number-grid article { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); }.jv-number-grid article:last-child { border-bottom: 0; }.jv-angle-card { box-shadow: 9px 10px 0 #df2118; }.jv-funnel-art { width: 122%; margin-left: -11%; }.jv-offer-path article { min-height: 270px; }.jv-bundle-strip > div { padding-right: 110px; }.jv-bundle-strip strong { right: 18px; }.jv-swipe-card pre { min-height: auto; font-size: 13px; } }
@media (max-width: 620px) { .unlimited-alert { font-size: 9px; }.unlimited-header .step { display: none; }.unlimited-hero { padding-top: 52px; }.unlimited-hero h1 { font-size: 49px; }.unlimited-actions { align-items: stretch; flex-direction: column; }.unlimited-actions > span { text-align: center; }.unlimited-hero-art { width: 126%; margin-left: -13%; border-radius: 15px; }.unlimited-cap { grid-template-columns: 1fr; gap: 10px; }.unlimited-cap > b { transform: rotate(90deg); }.unlimited-cap > div { width: 100%; }.unlimited-problem { padding-top: 82px; }.unlimited-mini-grid,.unlimited-checks,.unlimited-unlock-grid { grid-template-columns: 1fr; }.unlimited-problem aside { box-shadow: 9px 10px 0 #df2118; }.unlimited-break img { width: 122%; margin-left: -11%; border-radius: 13px; }.unlimited-controls-grid > img { width: 118%; margin-left: -9%; }.unlimited-unlock-grid article { min-height: auto; }.unlimited-fit,.unlimited-offer { padding: 76px 0; } }
@media (max-width: 620px) { .traffic-alert { font-size: 9px; }.traffic-header .step { display: none; }.traffic-hero { padding-top: 52px; }.traffic-hero h1 { font-size: 49px; }.traffic-actions { align-items: stretch; flex-direction: column; }.traffic-actions > span { text-align: center; }.traffic-hero-art { width: 126%; margin-left: -13%; border-radius: 15px; }.traffic-format-strip { grid-template-columns: 1fr 1fr; }.traffic-format-strip span:nth-child(3) { border-right: 1px solid rgba(255,255,255,.09); }.traffic-format-strip span:nth-child(even) { border-right: 0; }.traffic-format-strip span:nth-child(-n+4) { border-bottom: 1px solid rgba(255,255,255,.09); }.traffic-problem { padding-top: 82px; }.traffic-problem aside { box-shadow: 9px 10px 0 #df2118; }.traffic-distribution img { width: 122%; margin-left: -11%; border-radius: 13px; }.traffic-dashboard-grid > img { width: 118%; margin-left: -9%; }.traffic-card-grid,.traffic-checks { grid-template-columns: 1fr; }.traffic-outcomes,.traffic-offer { padding: 76px 0; } }
@media (max-width: 620px) { .bonus-alert { font-size: 9px; }.bonus-header .step { display: none; }.bonus-hero { padding-top: 52px; }.bonus-hero h1 { font-size: 47px; }.bonus-actions { align-items: stretch; flex-direction: column; }.bonus-actions > span { text-align: center; }.bonus-hero-art { width: 126%; margin-left: -13%; border-radius: 15px; }.bonus-format-strip { grid-template-columns: 1fr 1fr; }.bonus-format-strip span:nth-child(3) { border-right: 1px solid rgba(255,255,255,.09); }.bonus-format-strip span:nth-child(even) { border-right: 0; }.bonus-format-strip span:nth-child(-n+4) { border-bottom: 1px solid rgba(255,255,255,.09); }.bonus-problem { padding-top: 82px; }.bonus-problem aside { box-shadow: 9px 10px 0 #df2118; }.bonus-workflow img { width: 132%; margin-left: -16%; border-radius: 13px; }.bonus-stage-labels { margin-inline: 0; font-size: 9px; }.bonus-dashboard-grid > img { width: 118%; margin-left: -9%; }.bonus-card-grid,.bonus-flow { grid-template-columns: 1fr; }.bonus-fulfilment,.bonus-offer { padding: 76px 0; } }
@media (max-width: 620px) { .agency-alert { font-size: 9px; }.agency-header .step { display: none; }.agency-hero { padding-top: 52px; }.agency-honest { border-radius: 14px; line-height: 1.4; }.agency-hero h1 { font-size: 46px; }.agency-actions { align-items: stretch; flex-direction: column; }.agency-actions > span { text-align: center; }.agency-hero-art { width: 126%; margin-left: -13%; border-radius: 15px; }.agency-cap-strip { grid-template-columns: 1fr 1fr; }.agency-cap-strip span { border-bottom: 1px solid rgba(255,255,255,.09); }.agency-cap-strip span:nth-child(even) { border-right: 0; }.agency-cap-strip span:last-child { grid-column: span 2; border-bottom: 0; }.agency-fit { padding-top: 82px; }.agency-fit-cards { grid-template-columns: 1fr; }.agency-fit aside { box-shadow: 9px 10px 0 #dc303c; }.agency-workspaces img { width: 132%; margin-left: -16%; border-radius: 13px; }.agency-dashboard-grid > img { width: 118%; margin-left: -9%; }.agency-card-grid,.agency-process-steps { grid-template-columns: 1fr; }.agency-process,.agency-offer { padding: 76px 0; } }
@media (max-width: 620px) { .bundles-alert { font-size: 9px; }.bundles-header-link { display: none; }.bundles-hero { padding-top: 52px; }.bundles-hero h1 { font-size: 48px; }.bundles-actions { align-items: stretch; flex-direction: column; }.bundles-actions > span { text-align: center; }.bundles-hero-art { width: 126%; margin-left: -13%; border-radius: 15px; }.bundles-strip { grid-template-columns: 1fr 1fr; }.bundles-strip span { border-bottom: 1px solid rgba(255,255,255,.09); }.bundles-strip span:nth-child(even) { border-right: 0; }.bundles-strip span:nth-last-child(-n+2) { border-bottom: 0; }.bundles-decision { padding-top: 82px; }.bundles-decision-cards article { box-shadow: 8px 9px 0 #df2118; }.bundles-decision-cards article.featured { box-shadow: 8px 9px 0 #9b120d; }.bundles-path img { width: 138%; margin-left: -19%; border-radius: 13px; }.bundles-dashboard-grid > img { width: 118%; margin-left: -9%; }.bundles-table-wrap { overflow-x: auto; }.bundles-table { min-width: 690px; }.bundles-price-grid { grid-template-columns: 1fr; }.bundle-price-card,.bundle-price-card.featured { padding: 29px 22px; transform: none; }.bundles-options { padding: 76px 0; }.bundle-price strong { font-size: 60px; } }
@media (max-width: 620px) { .tokens-alert { font-size: 9px; }.tokens-header-link { display: none; }.tokens-hero { padding: 56px 0 75px; }.tokens-hero h1 { font-size: 51px; }.tokens-actions { align-items: stretch; flex-direction: column; }.tokens-actions > span { text-align: center; }.tokens-visual { min-height: 380px; }.tokens-balance { width: 218px; min-height: 205px; padding: 25px 18px; }.tokens-balance > strong { font-size: 70px; }.tokens-orbit { width: 56px; height: 56px; font-size: 24px; }.tokens-chip { font-size: 9px; }.chip-a { right: 0; }.chip-b { right: 1%; }.chip-c { left: 0; }.tokens-pack-grid { grid-template-columns: 1fr; }.tokens-pack { min-height: 390px; }.tokens-free-strip { grid-template-columns: 1fr 1fr; }.tokens-free-strip span:nth-child(3) { border-right: 2px solid #151515; }.tokens-free-strip span:nth-child(even),.tokens-free-strip b { border-right: 0; }.tokens-free-strip span:nth-child(-n+4) { border-bottom: 2px solid #151515; }.tokens-plan-note { padding: 22px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.button { transition: none; } }