:root {
    --pd-ink: #07111f;
    --pd-ink-soft: #132237;
    --pd-blue: #0b63f6;
    --pd-blue-bright: #2e83ff;
    --pd-cyan: #37d7ff;
    --pd-green: #33d69f;
    --pd-surface: #f4f7fb;
    --pd-line: #dce5f0;
    --pd-muted: #5e6b7d;
    --pd-white: #ffffff;
    --pd-shell: 1180px;
    --pd-radius: 24px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 92px; }
body { margin: 0; color: var(--pd-ink); background: var(--pd-white); font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.55; -webkit-font-smoothing: antialiased; }
body.pd-menu-open { overflow: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
.pd-shell { width: min(calc(100% - 40px), var(--pd-shell)); margin-inline: auto; }
.pd-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.pd-skip-link { position: fixed; z-index: 10000; top: 10px; left: 10px; transform: translateY(-140%); padding: 10px 14px; border-radius: 10px; background: #fff; color: var(--pd-ink); font-weight: 800; }
.pd-skip-link:focus { transform: translateY(0); }

.pd-nav { position: fixed; z-index: 5000; inset: 0 0 auto; border-bottom: 1px solid rgba(255,255,255,.12); background: rgba(7,17,31,.88); color: #fff; backdrop-filter: blur(18px); }
.pd-nav__inner { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.pd-nav__brand { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.pd-nav__brand img { width: 148px; height: auto; filter: brightness(0) invert(1); }
.pd-nav__brand span { display: inline-flex; align-items: center; justify-content: center; min-width: 29px; height: 25px; padding: 0 7px; border: 1px solid rgba(55,215,255,.45); border-radius: 8px; color: var(--pd-cyan); font-size: 11px; font-weight: 900; letter-spacing: .12em; }
.pd-nav__desktop { display: flex; align-items: center; justify-content: flex-end; gap: 23px; font-size: 14px; font-weight: 700; }
.pd-nav__desktop > a:not(.pd-button), .pd-nav__more > button { opacity: .78; transition: opacity .2s ease, color .2s ease; }
.pd-nav__desktop > a:not(.pd-button):hover, .pd-nav__more > button:hover, .pd-nav__desktop > a:focus-visible, .pd-nav__more > button:focus-visible { color: var(--pd-cyan); opacity: 1; }
.pd-nav__login { padding-left: 20px; border-left: 1px solid rgba(255,255,255,.18); }
.pd-nav__more { position: relative; }
.pd-nav__more > button { display: inline-flex; align-items: center; gap: 6px; padding: 12px 0; border: 0; background: transparent; cursor: pointer; font-weight: 700; color: inherit; }
.pd-nav__chevron { display: inline-block; width: 9px; height: 6px; stroke-width: 1.6; transition: transform .2s cubic-bezier(0.16, 1, 0.3, 1), opacity .2s ease; opacity: .75; vertical-align: middle; }
.pd-nav__more:hover .pd-nav__chevron, .pd-nav__more:focus-within .pd-nav__chevron { transform: rotate(180deg); opacity: 1; }
.pd-nav__dropdown { position: absolute; top: calc(100% + 6px); left: 50%; width: 220px; padding: 9px; border: 1px solid #d8e2ee; border-radius: 16px; background: #fff; color: var(--pd-ink); box-shadow: 0 24px 60px rgba(0,0,0,.24); opacity: 0; visibility: hidden; transform: translate(-50%, 8px); transition: .18s ease; }
.pd-nav__more:hover .pd-nav__dropdown, .pd-nav__more:focus-within .pd-nav__dropdown { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.pd-nav__dropdown a { display: block; padding: 10px 11px; border-radius: 10px; font-size: 13px; }
.pd-nav__dropdown a:hover, .pd-nav__dropdown a:focus-visible { background: var(--pd-surface); color: var(--pd-blue); }
.pd-nav__toggle { display: none; width: 44px; height: 44px; padding: 11px; border: 1px solid rgba(255,255,255,.2); border-radius: 13px; background: rgba(255,255,255,.06); cursor: pointer; }
.pd-nav__toggle span:not(.pd-sr-only) { display: block; height: 2px; margin: 4px 0; border-radius: 10px; background: #fff; }

.pd-mobile-menu { position: fixed; z-index: 6000; inset: 0; visibility: hidden; pointer-events: none; }
.pd-mobile-menu[data-open="true"] { visibility: visible; pointer-events: auto; }
.pd-menu-is-open { overflow: hidden; }
.pd-mobile-menu__overlay { position: absolute; inset: 0; border: 0; background: rgba(3,8,16,.72); opacity: 0; transition: opacity .25s ease; }
.pd-mobile-menu[data-open="true"] .pd-mobile-menu__overlay { opacity: 1; }
.pd-mobile-menu__panel { position: relative; width: min(90%, 390px); height: 100%; margin-left: auto; padding: 24px; overflow-y: auto; background: #fff; transform: translateX(100%); transition: transform .28s cubic-bezier(.16,1,.3,1); }
.pd-mobile-menu[data-open="true"] .pd-mobile-menu__panel { transform: translateX(0); }
.pd-mobile-menu__head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid var(--pd-line); }
.pd-mobile-menu__head strong { font-size: 18px; }
.pd-mobile-menu__head button { width: 40px; height: 40px; border: 0; border-radius: 12px; background: var(--pd-surface); font-size: 28px; cursor: pointer; }
.pd-mobile-menu__links { display: grid; gap: 5px; margin: 18px 0; }
.pd-mobile-menu__links a { padding: 12px 8px; border-bottom: 1px solid #edf1f6; font-weight: 750; }
.pd-mobile-menu__more { margin-top: 20px; padding-top: 14px; border-top: 1px solid var(--pd-line); }
.pd-mobile-menu__more summary { cursor: pointer; font-weight: 800; }
.pd-mobile-menu__more a { display: block; padding: 10px 0; color: var(--pd-muted); font-size: 14px; }

.pd-button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; padding: 0 22px; border: 1px solid transparent; border-radius: 14px; font-weight: 850; line-height: 1.15; text-align: center; transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease; }
.pd-button:hover { transform: translateY(-2px); }
.pd-button:focus-visible { outline: 3px solid rgba(55,215,255,.7); outline-offset: 3px; }
.pd-button--small { min-height: 42px; padding: 0 17px; border-radius: 12px; font-size: 13px; }
.pd-button--wide { width: 100%; }
.pd-button--primary { background: linear-gradient(135deg, var(--pd-blue-bright), #0b57db); color: #fff; box-shadow: 0 14px 30px -16px rgba(46,131,255,.85); }
.pd-button--primary:hover { box-shadow: 0 18px 36px -15px rgba(46,131,255,.95); }
.pd-button--ghost { border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.06); color: #fff; }
.pd-button--ghost:hover { background: rgba(255,255,255,.12); }
.pd-button--dark { background: var(--pd-ink); color: #fff; }
.pd-button--light { background: #fff; color: var(--pd-ink); box-shadow: 0 18px 40px -18px rgba(0,0,0,.55); }

.pd-hero { position: relative; overflow: hidden; padding: 126px 0 0; color: #fff; background: var(--pd-ink); }
.pd-hero::before { content: ""; position: absolute; width: 760px; height: 760px; top: -310px; right: -160px; border-radius: 50%; background: radial-gradient(circle, rgba(36,125,255,.32), rgba(7,17,31,0) 70%); pointer-events: none; }
.pd-hero::after { content: ""; position: absolute; width: 520px; height: 520px; bottom: -320px; left: -180px; border-radius: 50%; background: radial-gradient(circle, rgba(51,214,159,.15), rgba(7,17,31,0) 70%); pointer-events: none; }
.pd-hero__grid { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(to bottom, #000, transparent 86%); }
.pd-hero__layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr); gap: 72px; align-items: center; padding-bottom: 68px; }
.pd-eyebrow, .pd-kicker { margin: 0 0 18px; color: var(--pd-blue); font-size: 12px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.pd-eyebrow { display: flex; align-items: center; gap: 10px; color: var(--pd-cyan); }
.pd-eyebrow span { width: 28px; height: 1px; background: var(--pd-cyan); }
.pd-hero h1 { max-width: 760px; margin: 0; font-size: clamp(38px, 4.4vw, 62px); line-height: 1.05; letter-spacing: -.045em; font-weight: 700; color: #ffffff; }
.pd-hero h1 strong { font-weight: 900; color: #ffffff; }
.pd-hero h1 .pd-gradient-text { background: linear-gradient(135deg, #42c5ff 0%, #38e8ac 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 900; display: inline-block; text-shadow: 0 0 24px rgba(56,232,172,.25); }
.pd-hero h1 .pd-highlight-accent { color: #55d9ff; font-weight: 900; }
.pd-hero__lead { max-width: 720px; margin: 20px 0; color: #c3cfde; font-size: 17px; line-height: 1.58; }
.pd-trial-banner { display: flex; max-width: 620px; align-items: center; gap: 17px; padding: 16px 18px; border: 1px solid rgba(55,215,255,.55); border-radius: 18px; background: linear-gradient(115deg, rgba(14,70,106,.95), rgba(17,43,67,.82)); box-shadow: 0 18px 38px -25px rgba(55,215,255,.8), inset 0 1px 0 rgba(255,255,255,.08); }
.pd-trial-banner__icon { display: inline-flex; width: 58px; height: 58px; flex: 0 0 58px; align-items: center; justify-content: center; border-radius: 16px; background: linear-gradient(135deg, var(--pd-cyan), var(--pd-green)); color: var(--pd-ink); font-size: 11px; font-weight: 950; line-height: 1.05; text-align: center; box-shadow: 0 10px 24px -12px rgba(51,214,159,.9); }
.pd-trial-banner small { display: block; margin-bottom: 4px; color: #74e9ff; font-size: 9px; font-weight: 900; letter-spacing: .13em; }
.pd-trial-banner strong { display: block; font-size: 17px; letter-spacing: -.015em; }
.pd-trial-banner p { margin: 4px 0 0; color: #c5d6e8; font-size: 12px; }
.pd-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.pd-hero__note { margin: 14px 0 0; color: #8191a6; font-size: 12px; }
.pd-hero__visual { position: relative; min-height: 510px; }
.pd-system-window { position: absolute; inset: 25px 0 34px 24px; overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 27px; background: rgba(10,25,43,.9); box-shadow: 0 35px 80px rgba(0,0,0,.36); transform: perspective(1000px) rotateY(-3deg) rotateX(1deg); }
.pd-system-window__bar { display: flex; min-height: 56px; align-items: center; justify-content: space-between; padding: 0 20px; border-bottom: 1px solid rgba(255,255,255,.1); color: #8494a8; font-size: 11px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.pd-system-window__status { display: inline-flex; align-items: center; gap: 8px; color: #b9c7d8; }
.pd-system-window__status i, .pd-status i { width: 8px; height: 8px; border-radius: 50%; background: var(--pd-green); box-shadow: 0 0 0 5px rgba(51,214,159,.11); }
.pd-system-window__body { padding: 26px; }
.pd-system-window__intro { display: flex; align-items: center; gap: 14px; }
.pd-system-window__mark { display: inline-flex; width: 52px; height: 52px; align-items: center; justify-content: center; border-radius: 16px; background: linear-gradient(145deg, var(--pd-blue-bright), #0a53c7); font-size: 26px; font-weight: 950; }
.pd-system-window__intro small, .pd-system-window__intro strong { display: block; }
.pd-system-window__intro small { margin-bottom: 4px; color: var(--pd-cyan); font-size: 10px; font-weight: 900; letter-spacing: .16em; }
.pd-system-window__intro strong { font-size: 21px; }
.pd-system-window__metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 29px 0; }
.pd-system-window__metrics div { padding: 17px; border: 1px solid rgba(255,255,255,.09); border-radius: 16px; background: rgba(255,255,255,.04); }
.pd-system-window__metrics span, .pd-system-window__metrics strong { display: block; }
.pd-system-window__metrics span { margin-bottom: 7px; color: #75869a; font-size: 10px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.pd-system-window__metrics strong { color: #eaf3ff; font-size: 13px; }
.pd-system-window__flow { display: grid; gap: 10px; }
.pd-system-window__flow div { display: flex; min-height: 60px; align-items: center; gap: 14px; padding: 12px 15px; border-left: 2px solid var(--pd-blue-bright); border-radius: 0 14px 14px 0; background: linear-gradient(90deg, rgba(46,131,255,.12), rgba(255,255,255,.025)); }
.pd-system-window__flow span { color: var(--pd-cyan); font-size: 11px; font-weight: 900; }
.pd-system-window__flow p { margin: 0; color: #9eafc2; font-size: 13px; }
.pd-system-window__flow strong { color: #fff; }
.pd-floating-proof { position: absolute; z-index: 2; display: flex; align-items: center; gap: 11px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.16); border-radius: 15px; background: rgba(18,36,57,.96); box-shadow: 0 18px 40px rgba(0,0,0,.3); }
.pd-floating-proof > span { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 10px; background: rgba(51,214,159,.12); color: var(--pd-green); font-weight: 900; }
.pd-floating-proof small, .pd-floating-proof strong { display: block; }
.pd-floating-proof small { color: #77899e; font-size: 8px; font-weight: 900; letter-spacing: .13em; }
.pd-floating-proof strong { margin-top: 3px; font-size: 11px; }
.pd-floating-proof--human { right: -21px; top: 0; }
.pd-floating-proof--automation { left: 0; bottom: 0; }
.pd-proof-strip { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(255,255,255,.11); }
.pd-proof-strip span { padding: 19px 18px; border-right: 1px solid rgba(255,255,255,.1); color: #8d9eb2; font-size: 11px; font-weight: 850; letter-spacing: .07em; text-align: center; text-transform: uppercase; }
.pd-proof-strip span:last-child { border-right: 0; }

.pd-section { padding: 108px 0; }
.pd-section--dark { color: #fff; background: #0b1726; }
.pd-section--flow { background: #fff; }
.pd-section--system { position: relative; overflow: hidden; color: #fff; background: #07111f; }
.pd-section--system::before { content: ""; position: absolute; width: 760px; height: 760px; top: -390px; right: -240px; border-radius: 50%; background: radial-gradient(circle, rgba(46,131,255,.22), rgba(7,17,31,0) 70%); pointer-events: none; }
.pd-section--pricing { background: var(--pd-surface); }
.pd-section--services { position: relative; overflow: hidden; color: #fff; background: #07111f; }
.pd-section--services::before { content: ""; position: absolute; width: 820px; height: 820px; top: -430px; left: -330px; border-radius: 50%; background: radial-gradient(circle, rgba(11,99,246,.2), transparent 70%); pointer-events: none; }
.pd-section--services::after { content: ""; position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, #000, transparent 75%); pointer-events: none; }
.pd-section--services .pd-shell { position: relative; z-index: 1; }
.pd-section-heading { max-width: 790px; margin-bottom: 50px; }
.pd-section-heading h2 { margin: 0; font-size: clamp(34px, 4vw, 55px); line-height: 1.04; letter-spacing: -.045em; }
.pd-section-heading > p:last-child { max-width: 680px; margin: 22px 0 0; color: var(--pd-muted); font-size: 17px; line-height: 1.7; }
.pd-section-heading--light > p:last-child { color: #9babc0; }
.pd-section-heading--split { display: grid; max-width: none; grid-template-columns: 1.25fr .75fr; gap: 80px; align-items: end; }
.pd-section-heading--split > p { margin: 0 0 5px; }

.pd-tech-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(255,255,255,.12); border-left: 1px solid rgba(255,255,255,.12); }
.pd-tech-card { min-height: 280px; padding: 28px; border-right: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); }
.pd-tech-card > span { color: var(--pd-cyan); font-size: 11px; font-weight: 900; letter-spacing: .12em; }
.pd-tech-card h3 { margin: 58px 0 15px; font-size: 19px; letter-spacing: -.02em; }
.pd-tech-card p { margin: 0; color: #8fa0b5; font-size: 14px; line-height: 1.7; }
.pd-architecture { display: grid; grid-template-columns: 1fr auto 1.3fr auto 1fr; gap: 24px; align-items: center; margin-top: 42px; padding: 22px; border: 1px solid rgba(255,255,255,.1); border-radius: 20px; background: rgba(255,255,255,.025); text-align: center; }
.pd-architecture div { padding: 16px; }
.pd-architecture small, .pd-architecture strong { display: block; }
.pd-architecture small { margin-bottom: 7px; color: #687d94; font-size: 9px; font-weight: 900; letter-spacing: .15em; }
.pd-architecture strong { font-size: 14px; }
.pd-architecture > span { color: #52647a; font-size: 24px; }
.pd-architecture__core { border: 1px solid rgba(55,215,255,.22); border-radius: 14px; background: rgba(46,131,255,.09); }
.pd-architecture__core small { color: var(--pd-cyan); }

.pd-flow-list { display: grid; grid-template-columns: repeat(6, 1fr); margin: 0; padding: 0; border-top: 1px solid var(--pd-line); border-bottom: 1px solid var(--pd-line); list-style: none; }
.pd-flow-list li { position: relative; min-height: 210px; padding: 24px 20px; border-right: 1px solid var(--pd-line); }
.pd-flow-list li:last-child { border-right: 0; }
.pd-flow-list li::after { content: "→"; position: absolute; z-index: 1; top: 50%; right: -12px; width: 24px; height: 24px; border: 1px solid var(--pd-line); border-radius: 50%; background: #fff; color: var(--pd-blue); font-size: 12px; line-height: 22px; text-align: center; }
.pd-flow-list li:last-child::after { display: none; }
.pd-flow-list span { color: var(--pd-blue); font-size: 11px; font-weight: 900; }
.pd-flow-list strong { display: block; margin: 73px 0 7px; font-size: 17px; }
.pd-flow-list p { margin: 0; color: var(--pd-muted); font-size: 12px; line-height: 1.5; }

.pd-section-heading--system { position: relative; z-index: 1; }
.pd-section-heading--system > p:last-child { color: #aebed0; }
.pd-demo-flow { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: -12px 0 34px; padding: 16px 21px; overflow: hidden; border: 1px solid rgba(55,215,255,.18); border-radius: 18px; background: linear-gradient(90deg, rgba(46,131,255,.08), rgba(255,255,255,.025), rgba(51,214,159,.06)); }
.pd-demo-flow span { flex: 0 0 auto; color: #b9c8d9; font-size: 9px; font-weight: 950; letter-spacing: .14em; }
.pd-demo-flow i { position: relative; height: 1px; flex: 1 1 45px; overflow: hidden; background: rgba(55,215,255,.18); }
.pd-demo-flow i::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, var(--pd-cyan), transparent); transform: translateX(-100%); animation: pd-data-line 3.4s linear infinite; }
.pd-live-demo { position: relative; z-index: 2; display: grid; grid-template-columns: 245px minmax(0, 1fr); gap: 23px; align-items: start; }
.pd-live-demo__rail { position: sticky; top: 102px; display: grid; gap: 8px; }
.pd-live-demo__rail-heading { padding: 0 7px 14px; }
.pd-live-demo__rail-heading span, .pd-live-demo__rail-heading strong { display: block; }
.pd-live-demo__rail-heading span { margin-bottom: 5px; color: var(--pd-cyan); font-size: 8px; font-weight: 950; letter-spacing: .16em; }
.pd-live-demo__rail-heading strong { color: #dbe8f7; font-size: 13px; }
.pd-live-demo__rail-hint { display: block; margin-top: 4px; color: #5b728b; font-size: 10px; font-weight: 600; }
.pd-demo-tab { display: grid; width: 100%; min-height: 70px; grid-template-columns: 32px 1fr auto; gap: 11px; align-items: center; padding: 11px 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 15px; background: rgba(255,255,255,.025); color: #8295aa; cursor: pointer; text-align: left; transition: border-color .3s ease, background .3s ease, color .3s ease, transform .3s ease; }
.pd-demo-tab:hover { border-color: rgba(55,215,255,.22); color: #cdd9e8; transform: translateX(3px); }
.pd-demo-tab:focus-visible { outline: 2px solid var(--pd-cyan); outline-offset: 2px; }
.pd-demo-tab__num { color: #526980; font-size: 9px; font-weight: 950; }
.pd-demo-tab__body { min-width: 0; }
.pd-demo-tab__body small, .pd-demo-tab__body strong { display: block; }
.pd-demo-tab__body small { margin-bottom: 3px; color: #526980; font-size: 8px; font-weight: 950; letter-spacing: .12em; text-transform: uppercase; }
.pd-demo-tab__body strong { overflow: hidden; font-size: 11px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.pd-demo-tab__indicator { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: transparent; transition: background .3s ease, box-shadow .3s ease; }
.pd-demo-tab.is-active { border-color: rgba(55,215,255,.34); background: linear-gradient(110deg, rgba(46,131,255,.22), rgba(55,215,255,.055)); color: #fff; box-shadow: inset 3px 0 0 var(--pd-cyan), 0 18px 40px -34px rgba(46,131,255,.9); }
.pd-demo-tab.is-active .pd-demo-tab__num, .pd-demo-tab.is-active .pd-demo-tab__body small { color: var(--pd-cyan); }
.pd-demo-tab.is-active .pd-demo-tab__indicator { background: var(--pd-cyan); box-shadow: 0 0 10px var(--pd-cyan); }
.pd-live-demo__stage { position: sticky; top: 98px; min-width: 0; padding: 11px; border: 1px solid rgba(55,215,255,.11); border-radius: 28px; background: linear-gradient(145deg, rgba(46,131,255,.075), rgba(255,255,255,.02)); box-shadow: 0 40px 90px -58px rgba(0,0,0,.95); }
.pd-demo-orbit { position: absolute; z-index: -1; border: 1px solid rgba(55,215,255,.12); border-radius: 50%; pointer-events: none; }
.pd-demo-orbit::after { content: ""; position: absolute; width: 7px; height: 7px; top: 50%; left: -4px; border-radius: 50%; background: var(--pd-cyan); box-shadow: 0 0 18px var(--pd-cyan); }
.pd-demo-orbit--one { width: 330px; height: 330px; top: -105px; right: -125px; animation: pd-orbit 15s linear infinite; }
.pd-demo-orbit--two { width: 210px; height: 210px; bottom: -75px; left: -55px; border-color: rgba(51,214,159,.1); animation: pd-orbit 12s linear infinite reverse; }
.pd-demo-window { overflow: hidden; border: 1px solid rgba(255,255,255,.15); border-radius: 21px; background: #0b1726; box-shadow: 0 28px 65px -34px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.08); transform: perspective(1400px) rotateX(.45deg); transform-origin: 50% 100%; }
.pd-demo-window__chrome { display: grid; min-height: 49px; grid-template-columns: 86px 1fr auto; gap: 13px; align-items: center; padding: 0 16px; border-bottom: 1px solid rgba(255,255,255,.1); background: linear-gradient(180deg, #18263a, #111e30); }
.pd-demo-window__dots { display: flex; gap: 6px; }
.pd-demo-window__dots i { width: 8px; height: 8px; border-radius: 50%; background: #45586f; }
.pd-demo-window__dots i:first-child { background: #ff6d75; }
.pd-demo-window__dots i:nth-child(2) { background: #ffc44d; }
.pd-demo-window__dots i:last-child { background: var(--pd-green); }
.pd-demo-window__address { display: inline-flex; min-width: 0; align-items: center; gap: 8px; overflow: hidden; color: #6e8299; font-size: 9px; font-weight: 800; letter-spacing: .04em; text-overflow: ellipsis; white-space: nowrap; }
.pd-demo-window__address i { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: var(--pd-green); box-shadow: 0 0 0 4px rgba(51,214,159,.08); }
.pd-demo-window__live { display: inline-flex; align-items: center; gap: 7px; color: #9eb1c6; font-size: 8px; font-weight: 950; letter-spacing: .12em; }
.pd-demo-window__live i { width: 6px; height: 6px; border-radius: 50%; background: #ff6171; box-shadow: 0 0 0 5px rgba(255,97,113,.08); animation: pd-status-pulse 1.8s ease-in-out infinite; }
.pd-demo-window__viewport { position: relative; overflow: hidden; aspect-ratio: 16 / 9; background: #07111f; }
.pd-demo-scene { position: absolute; inset: 0; margin: 0; opacity: 0; transform: scale(1.035) translateY(12px); transition: opacity .55s cubic-bezier(.22,1,.36,1), transform .75s cubic-bezier(.22,1,.36,1); }
.pd-demo-scene.is-active { opacity: 1; transform: scale(1) translateY(0); }
.pd-demo-scene__zoom { display: block; width: 100%; height: 100%; padding: 0; overflow: hidden; border: 0; background: #07111f; cursor: zoom-in; }
.pd-demo-scene img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.pd-demo-scene__grid { position: absolute; inset: 0; opacity: .2; background-image: linear-gradient(rgba(55,215,255,.15) 1px, transparent 1px), linear-gradient(90deg, rgba(55,215,255,.12) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(135deg, #000, transparent 58%); pointer-events: none; }
.pd-demo-scene__scan { position: absolute; inset: -35% 0 auto; height: 38%; background: linear-gradient(to bottom, transparent, rgba(55,215,255,.12), rgba(55,215,255,.33), transparent); mix-blend-mode: screen; transform: translateY(-100%); animation: pd-scan 4.8s ease-in-out infinite; pointer-events: none; }
.pd-demo-hotspot { position: absolute; top: var(--pd-hotspot-y); left: var(--pd-hotspot-x); display: inline-flex; align-items: center; gap: 9px; transform: translate(-50%, -50%); padding: 8px 11px; border: 1px solid rgba(55,215,255,.5); border-radius: 99px; background: rgba(7,17,31,.86); color: #e9f8ff; box-shadow: 0 12px 32px -16px rgba(0,0,0,.8); pointer-events: none; backdrop-filter: blur(8px); }
.pd-demo-hotspot i { width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: var(--pd-cyan); box-shadow: 0 0 0 6px rgba(55,215,255,.13), 0 0 20px var(--pd-cyan); animation: pd-status-pulse 1.6s ease-in-out infinite; }
.pd-demo-hotspot strong { font-size: 9px; letter-spacing: .035em; }
.pd-demo-steps-nav {
    position: absolute;
    top: 14px;
    left: 16px;
    z-index: 10;
    display: flex;
    gap: 6px;
    padding: 4px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 99px;
    background: rgba(7, 17, 31, 0.88);
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 24px -6px rgba(0, 0, 0, 0.7);
    max-width: calc(100% - 32px);
    overflow-x: auto;
    scrollbar-width: none;
}
.pd-demo-steps-nav::-webkit-scrollbar { display: none; }
.pd-demo-step-tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 99px;
    background: transparent;
    color: #8fa4ba;
    font-size: 10.5px;
    font-weight: 750;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s ease;
}
.pd-demo-step-tab:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
}
.pd-demo-step-tab.is-active {
    border-color: rgba(55, 215, 255, 0.45);
    background: rgba(55, 215, 255, 0.15);
    color: var(--pd-cyan);
    box-shadow: 0 0 14px rgba(55, 215, 255, 0.25);
}
.pd-demo-scene__subcaption {
    position: absolute;
    bottom: 12px;
    left: 16px;
    right: 16px;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 12px;
    background: rgba(7, 17, 31, 0.88);
    backdrop-filter: blur(10px);
    box-shadow: 0 12px 30px -10px rgba(0, 0, 0, 0.8);
    pointer-events: none;
}
.pd-demo-scene__subbadge {
    flex-shrink: 0;
    padding: 3px 8px;
    border: 1px solid rgba(55, 215, 255, 0.35);
    border-radius: 6px;
    background: rgba(55, 215, 255, 0.1);
    color: var(--pd-cyan);
    font-size: 9.5px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.pd-demo-scene__subcaption p {
    margin: 0;
    color: #d2e3f4;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 550;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.pd-demo-copy { position: relative; min-height: 168px; margin: 8px 5px 0; overflow: hidden; }
.pd-demo-copy__scene { position: absolute; inset: 0; display: grid; grid-template-columns: 1fr; align-content: center; padding: 19px 17px; opacity: 0; transform: translateY(16px); transition: opacity .45s ease, transform .55s cubic-bezier(.22,1,.36,1); }
.pd-demo-copy__scene.is-active { opacity: 1; transform: translateY(0); }
.pd-demo-copy__scene > p { margin: 0 0 8px; color: var(--pd-cyan); font-size: 9px; font-weight: 950; letter-spacing: .12em; text-transform: uppercase; }
.pd-demo-copy__scene > p span { margin-right: 8px; padding: 5px 7px; border: 1px solid rgba(55,215,255,.24); border-radius: 7px; background: rgba(55,215,255,.06); }
.pd-demo-copy__scene h3 { max-width: 760px; margin: 0 0 12px; font-size: clamp(26px, 3vw, 39px); line-height: 1.04; letter-spacing: -.04em; }
.pd-demo-copy__scene > div { display: grid; grid-template-columns: 1.15fr .85fr; gap: 24px; align-items: end; }
.pd-demo-copy__scene > div > p { max-width: 640px; margin: 0; color: #8fa4ba; font-size: 12px; line-height: 1.65; }
.pd-demo-copy__scene > div > strong { display: flex; align-items: center; gap: 9px; justify-self: end; color: #d8e7f7; font-size: 10px; }
.pd-demo-copy__scene > div > strong i { width: 7px; height: 7px; border-radius: 50%; background: var(--pd-green); box-shadow: 0 0 0 5px rgba(51,214,159,.08); }
.pd-demo-controls { display: grid; min-height: 49px; grid-template-columns: auto auto 1fr auto; gap: 13px; align-items: center; margin: 0 5px 4px; padding: 8px 12px; border-top: 1px solid rgba(255,255,255,.09); }
.pd-demo-controls > button { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; padding: 0 10px; border: 1px solid rgba(255,255,255,.11); border-radius: 9px; background: rgba(255,255,255,.04); color: #b7c7d8; cursor: pointer; }
.pd-demo-controls > button:hover { border-color: rgba(55,215,255,.34); color: #fff; }
.pd-demo-controls > button:focus-visible { outline: 2px solid var(--pd-cyan); outline-offset: 2px; }
.pd-demo-controls > button span { color: var(--pd-cyan); font-size: 10px; }
.pd-demo-controls > button strong { font-size: 9px; }
.pd-demo-controls__stepper { display: inline-flex; align-items: center; gap: 7px; }
.pd-demo-btn-step { display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; background: rgba(255,255,255,.04); color: #c8d8e8; font-size: 15px; font-weight: bold; cursor: pointer; padding: 0; line-height: 1; transition: border-color .2s ease, background .2s ease, color .2s ease; }
.pd-demo-btn-step:hover { border-color: rgba(55,215,255,.4); color: #fff; background: rgba(55,215,255,.12); }
.pd-demo-btn-step:focus-visible { outline: 2px solid var(--pd-cyan); outline-offset: 1px; }
.pd-demo-controls__counter { color: #61758c; font-size: 9px; font-weight: 900; }
.pd-demo-controls__counter strong { color: #dce9f7; }
.pd-demo-controls__progress { height: 2px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.1); }
.pd-demo-controls__progress i { display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left; border-radius: inherit; background: linear-gradient(90deg, var(--pd-blue-bright), var(--pd-cyan), var(--pd-green)); }
.pd-demo-controls__progress i.is-running { animation: pd-demo-progress 6.5s linear forwards; }
.pd-demo-controls__status { display: inline-flex; align-items: center; gap: 7px; color: #71869d; font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.pd-demo-controls__status i { width: 6px; height: 6px; border-radius: 50%; background: var(--pd-green); box-shadow: 0 0 0 4px rgba(51,214,159,.08); }
.pd-capability-foundation { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 34px; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; background: rgba(255,255,255,.025); }
.pd-capability-foundation > div { padding: 22px; border-right: 1px solid rgba(255,255,255,.1); }
.pd-capability-foundation > div:last-child { border-right: 0; }
.pd-capability-foundation strong, .pd-capability-foundation span { display: block; }
.pd-capability-foundation strong { margin-bottom: 7px; color: #e8f2ff; font-size: 13px; }
.pd-capability-foundation span { color: #71869e; font-size: 11px; line-height: 1.5; }

.pd-human-card { display: grid; grid-template-columns: 1.25fr .75fr; gap: 70px; padding: 58px; overflow: hidden; border-radius: 30px; background: var(--pd-ink); color: #fff; box-shadow: 0 28px 70px -35px rgba(7,17,31,.65); }
.pd-human-card h2 { margin: 0; font-size: clamp(34px, 4vw, 53px); line-height: 1.05; letter-spacing: -.045em; }
.pd-human-card__copy > p:not(.pd-kicker) { max-width: 650px; margin: 22px 0 30px; color: #a8b6c8; font-size: 16px; }
.pd-human-card ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.pd-human-card li { display: flex; align-items: center; gap: 13px; padding: 13px 0; border-top: 1px solid rgba(255,255,255,.09); color: #d6dfeb; font-size: 13px; font-weight: 700; }
.pd-human-card li span { color: var(--pd-cyan); font-size: 10px; }
.pd-human-card__profile { align-self: stretch; padding: 34px; border: 1px solid rgba(255,255,255,.12); border-radius: 23px; background: linear-gradient(160deg, rgba(46,131,255,.18), rgba(255,255,255,.035)); }
.pd-human-card__avatar { display: flex; width: 62px; height: 62px; align-items: center; justify-content: center; margin-bottom: 52px; border-radius: 19px; background: linear-gradient(145deg, var(--pd-blue-bright), #0b50c6); font-size: 27px; font-weight: 950; }
.pd-human-card__profile small { display: block; color: var(--pd-cyan); font-size: 9px; font-weight: 900; letter-spacing: .15em; }
.pd-human-card__profile strong { display: block; margin: 8px 0 14px; font-size: 25px; line-height: 1.15; }
.pd-human-card__profile p { color: #9badc1; font-size: 13px; }
.pd-status { display: inline-flex; align-items: center; gap: 9px; margin-top: 20px; color: #cfe9df; font-size: 11px; font-weight: 850; }

.pd-growth-intro { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(45px, 7vw, 100px); align-items: center; margin-bottom: 72px; }
.pd-growth-intro__copy h2 { margin: 0; font-size: clamp(40px, 3.8vw, 57px); line-height: 1.01; letter-spacing: -.052em; }
.pd-growth-intro__copy h2 span { color: #8193aa; }
.pd-growth-intro__copy > p:last-child { margin: 25px 0 0; color: #9cadc1; font-size: 16px; line-height: 1.75; }
.pd-growth-console { position: relative; overflow: hidden; padding: 22px; border: 1px solid rgba(115,207,255,.2); border-radius: 26px; background: linear-gradient(145deg, rgba(14,34,57,.96), rgba(7,20,36,.88)); box-shadow: 0 35px 80px -45px rgba(0,138,255,.75), inset 0 1px rgba(255,255,255,.04); transition: border-color .3s ease, box-shadow .3s ease; }
.pd-growth-console__badge-action { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 99px; background: rgba(55, 215, 255, 0.15); color: #55d9ff; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; border: 1px solid rgba(55, 215, 255, 0.35); cursor: pointer; transition: all .25s ease; }
.pd-growth-console__badge-action:hover { background: var(--pd-cyan); border-color: var(--pd-cyan); color: #07111f; transform: scale(1.04); box-shadow: 0 0 15px rgba(55,215,255,.4); }
.pd-growth-console::before { content: ""; position: absolute; width: 320px; height: 320px; top: 25%; left: 50%; border-radius: 50%; background: radial-gradient(circle, rgba(20,173,255,.15), transparent 70%); transform: translate(-50%, -50%); pointer-events: none; }
.pd-growth-console__topline { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.09); color: #89e3ff; font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.pd-growth-console__topline span { display: inline-flex; align-items: center; gap: 8px; }
.pd-growth-console__topline i { width: 7px; height: 7px; border-radius: 50%; background: #24dca2; box-shadow: 0 0 14px #24dca2; animation: pd-status-pulse 1.8s ease-in-out infinite; }
.pd-growth-console__topline small { color: #637890; font-size: 8px; letter-spacing: .13em; }
.pd-growth-map { position: relative; display: grid; grid-template-columns: 1fr 128px 1fr; gap: 18px; align-items: center; min-height: 286px; }
.pd-growth-map::before, .pd-growth-map::after { content: ""; position: absolute; top: 50%; z-index: 0; height: 1px; background: linear-gradient(90deg, transparent, #22c9ff, transparent); animation: pd-data-line 2.5s linear infinite; }
.pd-growth-map::before { left: 25%; width: 24%; }
.pd-growth-map::after { right: 24%; width: 25%; }
.pd-growth-map__sources, .pd-growth-map__results { position: relative; z-index: 1; display: grid; gap: 9px; }
.pd-growth-map small { margin-bottom: 5px; color: #60778e; font-size: 8px; font-weight: 950; letter-spacing: .14em; }

/* Botones de Nodos de Adquisición */
.pd-growth-btn { display: flex; min-height: 44px; width: 100%; align-items: center; gap: 10px; padding: 10px 13px; border: 1px solid rgba(255,255,255,.12); border-radius: 13px; background: rgba(255,255,255,.035); color: #dbe7f4; font-size: 11px; font-weight: 800; cursor: pointer; text-align: left; transition: all .25s cubic-bezier(.22,1,.36,1); position: relative; }
.pd-growth-btn:hover { background: rgba(55, 215, 255, 0.16); border-color: rgba(55, 215, 255, 0.55); color: #ffffff; transform: translateX(3px) scale(1.02); box-shadow: 0 8px 24px -6px rgba(0, 138, 255, 0.45); }
.pd-growth-btn:active { transform: scale(0.98); }
.pd-growth-btn i { display: inline-flex; width: 22px; height: 22px; align-items: center; justify-content: center; border-radius: 7px; background: rgba(30,139,255,.18); color: #61d5ff; font-size: 9.5px; font-style: normal; font-weight: 950; flex-shrink: 0; transition: all .2s ease; }
.pd-growth-btn:hover i { background: var(--pd-cyan); color: #07111f; transform: scale(1.08); }
.pd-growth-btn strong { flex: 1; font-weight: 800; }
.pd-growth-btn__hint { font-size: 11px; font-weight: 900; color: #55d9ff; opacity: .65; transition: all .2s ease; margin-left: auto; }
.pd-growth-btn:hover .pd-growth-btn__hint { opacity: 1; transform: translate(2px, -2px); color: #ffffff; }

.pd-growth-btn--result i { width: 7px; height: 7px; border-radius: 50%; background: #26dba5; box-shadow: 0 0 10px rgba(38,219,165,.8); }
.pd-growth-btn--result:hover i { background: #26dba5; box-shadow: 0 0 16px #26dba5; transform: scale(1.2); }

/* Core Central Clickeable */
.pd-growth-map__core.pd-growth-core-btn { position: relative; z-index: 2; display: flex; width: 128px; height: 128px; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(75,203,255,.38); border-radius: 50%; background: radial-gradient(circle at 40% 30%, #153f6b, #0a1b31 68%); box-shadow: 0 0 42px rgba(20,166,255,.2), inset 0 0 24px rgba(30,150,255,.12); text-align: center; cursor: pointer; color: #ffffff; padding: 0; transition: all .3s cubic-bezier(.22,1,.36,1); }
.pd-growth-map__core.pd-growth-core-btn:hover { transform: scale(1.06); border-color: var(--pd-cyan); box-shadow: 0 0 50px rgba(20,166,255,.45), inset 0 0 30px rgba(30,150,255,.25); }
.pd-growth-map__core small { margin: 0 0 4px; color: #61d9ff; font-size: 8px; font-weight: 950; letter-spacing: .14em; }
.pd-growth-map__core strong { font-size: 17px; line-height: 1.02; font-weight: 900; }
.pd-growth-map__core em { margin-top: 5px; color: #7991a9; font-size: 7px; font-style: normal; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.pd-growth-core-btn__badge { position: absolute; bottom: -8px; display: inline-flex; align-items: center; padding: 2px 7px; border-radius: 99px; background: #0f2b48; border: 1px solid var(--pd-cyan); color: var(--pd-cyan); font-size: 7px; font-weight: 900; letter-spacing: .05em; opacity: .95; box-shadow: 0 4px 10px rgba(0,0,0,.6); transition: all .2s ease; }
.pd-growth-map__core.pd-growth-core-btn:hover .pd-growth-core-btn__badge { background: var(--pd-cyan); color: #07111f; transform: scale(1.06); }
.pd-growth-map__orbit { position: absolute; inset: -11px; border: 1px dashed rgba(85,205,255,.26); border-radius: 50%; animation: pd-orbit 14s linear infinite; pointer-events: none; }

/* Barra de Señal Inferior Clickeable */
.pd-growth-console__signal { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto; gap: 7px; align-items: center; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.09); color: #61778e; font-size: 7px; letter-spacing: .1em; }
.pd-growth-console__signal span { height: 1px; background: linear-gradient(90deg, transparent, rgba(52,194,255,.6)); }
.pd-growth-signal-btn { background: transparent; border: 0; padding: 3px 6px; color: #7992ad; font-size: 7.5px; font-weight: 900; letter-spacing: .1em; cursor: pointer; border-radius: 5px; transition: all .2s ease; }
.pd-growth-signal-btn:hover { color: #ffffff; background: rgba(55,215,255,.18); transform: translateY(-1px); }
.pd-service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.pd-service-card { position: relative; overflow: hidden; padding: 30px; border: 1px solid rgba(255,255,255,.1); border-radius: 19px; background: rgba(255,255,255,.035); transition: border-color .25s ease, background .25s ease, transform .25s ease; }
.pd-service-card:hover { border-color: rgba(72,199,255,.34); background: rgba(39,113,178,.1); transform: translateY(-4px); }
.pd-service-card__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 47px; }
.pd-service-card__head span { color: #32cfff; font-size: 12px; font-weight: 950; }
.pd-service-card__head small { color: #536b83; font-size: 8px; font-weight: 900; letter-spacing: .12em; }
.pd-service-card h3 { margin: 0 0 13px; color: #fff; font-size: 21px; letter-spacing: -.025em; }
.pd-service-card > p { min-height: 86px; margin: 0 0 22px; color: #91a3b7; font-size: 14px; line-height: 1.65; }
.pd-service-card ul { display: grid; gap: 10px; margin: 0; padding: 18px 0 0; border-top: 1px solid rgba(255,255,255,.09); list-style: none; }
.pd-service-card li { position: relative; padding-left: 16px; color: #d2deeb; font-size: 12px; font-weight: 750; }
.pd-service-card li::before { content: "+"; position: absolute; left: 0; color: #35ceff; }
.pd-cro-card { display: grid; grid-template-columns: 1fr 1fr; gap: 58px; align-items: center; margin-top: 68px; padding: 54px; border: 1px solid rgba(255,255,255,.1); border-radius: 28px; background: linear-gradient(145deg, #0d1b2c, #111f31); }
.pd-cro-card h3 { margin: 0; font-size: clamp(30px, 3vw, 43px); line-height: 1.08; letter-spacing: -.04em; }
.pd-cro-card__copy > p:not(.pd-kicker) { margin: 20px 0 27px; color: #91a3b7; font-size: 14px; line-height: 1.7; }
.pd-cro-insights { display: grid; border-top: 1px solid rgba(255,255,255,.1); }
.pd-cro-insights article { display: grid; grid-template-columns: 31px 1fr; gap: 12px; padding: 17px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.pd-cro-insights article > span { padding-top: 2px; color: #35ceff; font-size: 9px; font-weight: 950; }
.pd-cro-insights strong { display: block; margin-bottom: 5px; color: #edf6ff; font-size: 13px; }
.pd-cro-insights p { margin: 0; color: #8397ad; font-size: 11px; line-height: 1.55; }
.pd-cro-card__media { display: grid; gap: 13px; min-width: 0; }
.pd-cro-video { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; aspect-ratio: 16 / 9; border: 1px solid rgba(108,213,255,.28); border-radius: 20px; background: #030911; color: #fff; cursor: pointer; text-align: left; box-shadow: 0 25px 55px -32px rgba(0,159,255,.65); }
.pd-cro-video > img { width: 100%; height: 100%; object-fit: cover; opacity: .68; transition: opacity .3s ease, transform .5s ease; }
.pd-cro-video:hover > img { opacity: .82; transform: scale(1.025); }
.pd-cro-video__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(3,9,17,.08) 25%, rgba(3,9,17,.92) 100%); }
.pd-cro-video__play { position: absolute; top: 50%; left: 50%; display: flex; width: 66px; height: 66px; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; background: rgba(255,255,255,.93); color: #07111f; box-shadow: 0 0 0 10px rgba(255,255,255,.08), 0 15px 35px rgba(0,0,0,.35); transform: translate(-50%, -58%); transition: transform .25s ease, box-shadow .25s ease; }
.pd-cro-video:hover .pd-cro-video__play { box-shadow: 0 0 0 14px rgba(77,205,255,.12), 0 15px 35px rgba(0,0,0,.35); transform: translate(-50%, -58%) scale(1.06); }
.pd-cro-video__play svg { width: 26px; height: 26px; fill: currentColor; }
.pd-cro-video__caption { position: absolute; right: 23px; bottom: 20px; left: 23px; display: grid; gap: 5px; }
.pd-cro-video__caption small { color: #62d9ff; font-size: 8px; font-weight: 950; letter-spacing: .12em; }
.pd-cro-video__caption strong { max-width: 360px; font-size: 15px; line-height: 1.25; }
.pd-cro-video-frame { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 20px; background: #030911; }
.pd-cro-card__images { display: grid; grid-template-columns: 1.35fr .65fr; gap: 12px; }
.pd-cro-card__images figure { position: relative; margin: 0; overflow: hidden; height: 145px; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; background: #07111f; }
.pd-cro-card__images button { display: block; width: 100%; height: 100%; padding: 0; border: 0; background: transparent; cursor: zoom-in; }
.pd-cro-card__images img { width: 100%; height: 100%; object-fit: cover; object-position: top; opacity: .78; }
.pd-cro-card__images figcaption { position: absolute; right: 9px; bottom: 9px; left: 9px; padding: 7px 9px; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; background: rgba(4,12,22,.78); color: #cde7f5; font-size: 8px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; pointer-events: none; backdrop-filter: blur(8px); }
.pd-image-detail-hint { position: absolute; top: 13px; right: 13px; z-index: 4; display: inline-flex; min-height: 31px; align-items: center; gap: 8px; padding: 7px 10px; border: 1px solid rgba(135,225,255,.28); border-radius: 9px; background: rgba(4,15,27,.78); color: #dff8ff; font-size: 7px; font-weight: 950; letter-spacing: .11em; pointer-events: none; backdrop-filter: blur(10px); transition: border-color .25s ease, transform .25s ease; }
.pd-image-detail-hint i { position: relative; width: 12px; height: 12px; border: 1px solid #51d9ff; border-radius: 50%; }
.pd-image-detail-hint i::before, .pd-image-detail-hint i::after { content: ""; position: absolute; top: 50%; left: 50%; background: #51d9ff; transform: translate(-50%, -50%); }
.pd-image-detail-hint i::before { width: 6px; height: 1px; }
.pd-image-detail-hint i::after { width: 1px; height: 6px; }
[data-pd-insight-trigger]:hover .pd-image-detail-hint, [data-pd-insight-trigger]:focus-visible .pd-image-detail-hint { border-color: rgba(81,217,255,.7); transform: translateY(-2px); }
[data-pd-insight-trigger]:focus-visible { outline: 2px solid #51d9ff; outline-offset: -3px; }

/* ==========================================================================
   STORIES / VIDEO REEL VIEWER MODAL
   ========================================================================== */
.pd-story-modal[hidden] { display: none !important; }
.pd-story-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    place-items: center;
    padding: 20px;
    opacity: 0;
    transition: opacity .25s ease;
}
.pd-story-modal.is-open { opacity: 1; }
.pd-story-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(3, 8, 16, 0.92);
    backdrop-filter: blur(20px);
}
.pd-story-modal__dialog {
    position: relative;
    display: flex;
    flex-direction: column;
    width: min(940px, 96vw);
    height: min(840px, calc(100dvh - 36px));
    max-height: calc(100dvh - 36px);
    overflow: hidden;
    border: 1px solid rgba(55, 215, 255, 0.35);
    border-radius: 24px;
    background: #060e1a;
    color: #ffffff;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.9), 0 0 50px -10px rgba(11, 99, 246, 0.45);
    transform: translateY(16px) scale(0.98);
    transition: transform .3s cubic-bezier(0.2, 1, 0.3, 1);
}
.pd-story-modal.is-open .pd-story-modal__dialog { transform: translateY(0) scale(1); }

/* Progress bars row */
.pd-story-progress {
    display: flex;
    gap: 6px;
    padding: 12px 18px 6px;
    z-index: 10;
}
.pd-story-bar {
    flex: 1;
    height: 4px;
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.2);
    overflow: hidden;
    cursor: pointer;
}
.pd-story-bar__fill {
    display: block;
    height: 100%;
    width: 0%;
    border-radius: inherit;
    background: linear-gradient(90deg, #38d6ff, #25D366);
    box-shadow: 0 0 8px rgba(56, 214, 255, 0.6);
    transition: width .1s linear;
}
.pd-story-bar.is-completed .pd-story-bar__fill { width: 100% !important; }
.pd-story-bar.is-active .pd-story-bar__fill { width: 0%; }

/* Topbar */
.pd-story-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 18px 10px;
    z-index: 10;
}
.pd-story-topbar__meta {
    display: flex;
    align-items: center;
    gap: 12px;
}
.pd-story-topbar__avatar img {
    height: 28px;
    width: auto;
    object-fit: contain;
}
.pd-story-topbar__meta strong {
    display: block;
    font-size: 13px;
    font-weight: 800;
    color: #ffffff;
    letter-spacing: -0.01em;
}
.pd-story-topbar__meta span {
    font-size: 10px;
    font-weight: 700;
    color: var(--pd-cyan);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.pd-story-topbar__actions {
    display: flex;
    align-items: center;
    gap: 8px;
}
.pd-story-btn-ctrl {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background: rgba(14, 28, 45, 0.85);
    color: #ffffff;
    font-size: 13px;
    font-weight: 900;
    cursor: pointer;
    backdrop-filter: blur(8px);
    transition: all .2s ease;
}
.pd-story-btn-ctrl:hover {
    background: rgba(55, 215, 255, 0.2);
    border-color: var(--pd-cyan);
    color: var(--pd-cyan);
    transform: scale(1.08);
}
.pd-story-btn-ctrl--close:hover {
    background: #e63946;
    border-color: #ff6b6b;
    color: #ffffff;
}

/* Stage & Media */
.pd-story-stage {
    position: relative;
    flex: 1;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #02060e;
}
.pd-story-media {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pd-story-img, .pd-story-video {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: opacity .35s ease, transform .6s ease;
}
.pd-story-media.is-animating .pd-story-img {
    transform: scale(1.02);
}

/* Tap Zones */
.pd-story-tap {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 5;
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
}
.pd-story-tap--prev { left: 0; width: 35%; }
.pd-story-tap--next { right: 0; width: 65%; }

/* Hotspot */
.pd-story-hotspot {
    position: absolute;
    top: var(--pd-hotspot-y, 50%);
    left: var(--pd-hotspot-x, 50%);
    z-index: 6;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transform: translate(-50%, -50%);
    padding: 6px 12px;
    border: 1px solid rgba(55, 215, 255, 0.6);
    border-radius: 99px;
    background: rgba(7, 17, 31, 0.9);
    color: #e9f8ff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8), 0 0 15px rgba(55, 215, 255, 0.4);
    pointer-events: none;
    backdrop-filter: blur(10px);
}
.pd-story-hotspot i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--pd-cyan);
    box-shadow: 0 0 0 5px rgba(55, 215, 255, 0.2), 0 0 16px var(--pd-cyan);
    animation: pd-status-pulse 1.6s infinite ease-in-out;
}
.pd-story-hotspot strong {
    font-size: 10.5px;
    letter-spacing: .02em;
    white-space: nowrap;
}

/* Caption Overlay */
.pd-story-caption {
    position: absolute;
    bottom: 14px;
    left: 18px;
    right: 18px;
    z-index: 8;
    pointer-events: none;
}
.pd-story-caption__inner {
    padding: 16px 20px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 18px;
    background: rgba(7, 17, 31, 0.88);
    backdrop-filter: blur(16px);
    box-shadow: 0 16px 40px -10px rgba(0, 0, 0, 0.85);
    display: flex;
    flex-direction: column;
    gap: 6px;
    pointer-events: auto;
}
.pd-story-badge {
    align-self: flex-start;
    padding: 3px 8px;
    border: 1px solid rgba(55, 215, 255, 0.4);
    border-radius: 6px;
    background: rgba(55, 215, 255, 0.12);
    color: var(--pd-cyan);
    font-size: 9.5px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.pd-story-caption h3 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(16px, 2vw, 19px);
    font-weight: 800;
    line-height: 1.25;
}
.pd-story-caption p {
    margin: 0;
    color: #b0c4d8;
    font-size: 12.5px;
    line-height: 1.5;
}
.pd-story-caption__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 6px;
}
.pd-story-caption__actions .pd-button {
    padding: 8px 18px;
    font-size: 12.5px;
    font-weight: 800;
}

/* Footer Modules Rail */
.pd-story-footer {
    padding: 10px 18px 12px;
    background: rgba(5, 12, 22, 0.95);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    z-index: 10;
}
.pd-story-modules-rail {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    scrollbar-width: none;
    padding-bottom: 2px;
}
.pd-story-modules-rail::-webkit-scrollbar { display: none; }
.pd-story-module-pill {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.04);
    color: #8da4bc;
    font-size: 11px;
    font-weight: 750;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s ease;
}
.pd-story-module-pill:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}
.pd-story-module-pill.is-active {
    background: rgba(55, 215, 255, 0.18);
    border-color: rgba(55, 215, 255, 0.5);
    color: var(--pd-cyan);
    box-shadow: 0 0 12px rgba(55, 215, 255, 0.3);
}
.pd-story-modal-open { overflow: hidden; }

.pd-plan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-items: stretch; }
.pd-plan-card { position: relative; display: flex; flex-direction: column; padding: 31px; border: 1px solid var(--pd-line); border-radius: 23px; background: #fff; }
.pd-plan-card--featured { border-color: var(--pd-blue); box-shadow: 0 24px 65px -40px rgba(11,99,246,.65); }
.pd-plan-card__badge { position: absolute; top: 15px; right: 15px; padding: 7px 9px; border-radius: 8px; background: #eaf2ff; color: var(--pd-blue); font-size: 8px; font-weight: 950; letter-spacing: .1em; }
.pd-plan-card__name { margin: 0 0 23px; font-size: 18px; font-weight: 900; }
.pd-plan-card__price { display: flex; align-items: baseline; gap: 5px; }
.pd-plan-card__price span { color: var(--pd-blue); font-size: 11px; font-weight: 900; }
.pd-plan-card__price strong { font-size: 58px; line-height: 1; letter-spacing: -.05em; }
.pd-plan-card__price small { color: var(--pd-muted); font-size: 12px; }
.pd-plan-card__description { min-height: 74px; margin: 20px 0; color: var(--pd-muted); font-size: 13px; line-height: 1.6; }
.pd-plan-card ul { display: grid; flex: 1; gap: 11px; margin: 0 0 28px; padding: 22px 0 0; border-top: 1px solid var(--pd-line); list-style: none; }
.pd-plan-card li { display: flex; gap: 9px; align-items: flex-start; font-size: 12px; }
.pd-plan-card li span { color: var(--pd-green); font-weight: 950; }
.pd-plan-card__disclaimer { display: block; margin-top: 12px; color: #8b97a6; font-size: 9px; text-align: center; }
.pd-free-month { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 28px; padding: 24px 28px; border: 1px solid #cbdaf0; border-radius: 20px; background: #eaf3ff; }
.pd-free-month > div { display: flex; align-items: center; gap: 16px; }
.pd-free-month > div > span { display: inline-flex; width: 58px; height: 48px; flex: 0 0 58px; align-items: center; justify-content: center; border-radius: 14px; background: var(--pd-blue); color: #fff; font-size: 10px; font-weight: 950; }
.pd-free-month p { margin: 0; color: var(--pd-muted); font-size: 12px; }
.pd-free-month strong { display: block; color: var(--pd-ink); font-size: 15px; }

.pd-faq-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 85px; align-items: start; }
.pd-section-heading--sticky { position: sticky; top: 120px; margin: 0; }
.pd-faq-list { border-top: 1px solid var(--pd-line); }
.pd-faq-list details { border-bottom: 1px solid var(--pd-line); }
.pd-faq-list summary { display: flex; min-height: 82px; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; font-size: 16px; font-weight: 850; list-style: none; }
.pd-faq-list summary::-webkit-details-marker { display: none; }
.pd-faq-list summary span { color: var(--pd-blue); font-size: 22px; transition: transform .2s ease; }
.pd-faq-list details[open] summary span { transform: rotate(45deg); }
.pd-faq-list details > p { margin: -5px 0 24px; padding-right: 45px; color: var(--pd-muted); font-size: 14px; line-height: 1.7; }

.pd-final-cta { padding: 100px 0; overflow: hidden; background: linear-gradient(135deg, #0b63f6, #0749aa); color: #fff; text-align: center; }
.pd-final-cta__inner { max-width: 880px; }
.pd-final-cta .pd-kicker { color: #bdeeff; }
.pd-final-cta h2 { margin: 0; font-size: clamp(38px, 5vw, 65px); line-height: 1.02; letter-spacing: -.05em; }
.pd-final-cta p:not(.pd-kicker) { max-width: 680px; margin: 24px auto 30px; color: #d8e8ff; font-size: 16px; }

.pd-footer { padding: 62px 0 24px; background: var(--pd-ink); color: #fff; }
.pd-footer__grid { display: grid; grid-template-columns: 1.7fr repeat(3, 1fr); gap: 50px; }
.pd-footer__grid img { width: 150px; height: auto; filter: brightness(0) invert(1); }
.pd-footer__grid p { max-width: 270px; color: #8292a6; font-size: 13px; }
.pd-footer__grid > div { display: grid; align-content: start; gap: 9px; }
.pd-footer__grid strong { margin-bottom: 7px; color: #b9c8d9; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.pd-footer__grid a { color: #7f91a6; font-size: 12px; }
.pd-footer__grid a:hover { color: #fff; }
.pd-footer__bottom { display: flex; justify-content: space-between; margin-top: 48px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.09); color: #627489; font-size: 11px; }
.pd-floating-whatsapp {
    position: fixed;
    z-index: 9999;
    right: 24px;
    bottom: 24px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 6px 20px 6px 6px;
    border-radius: 999px;
    background: #0d1b2a;
    background: linear-gradient(135deg, #102438 0%, #0c1827 100%);
    border: 1px solid rgba(37, 211, 102, 0.45);
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.65), 0 0 22px rgba(37, 211, 102, 0.35);
    text-decoration: none;
    transition: transform .25s cubic-bezier(0.2, 0, 0, 1), box-shadow .25s ease, border-color .25s ease;
}
.pd-floating-whatsapp:hover {
    transform: translateY(-4px) scale(1.03);
    border-color: rgba(37, 211, 102, 0.85);
    box-shadow: 0 16px 36px -5px rgba(0, 0, 0, 0.75), 0 0 30px rgba(37, 211, 102, 0.6);
}
.pd-floating-whatsapp__logo {
    display: block;
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    filter: drop-shadow(0 2px 6px rgba(37, 211, 102, 0.4));
}
.pd-floating-whatsapp strong {
    color: #ffffff;
    font-size: 14px;
    font-weight: 750;
    letter-spacing: .01em;
    white-space: nowrap;
}

/* ==========================================================================
   FLYER SPOTLIGHTS (INTERCALADOS & EFECTOS VISUALES)
   ========================================================================== */
.pd-flyer-spotlight {
    display: grid;
    grid-template-columns: 310px 1fr;
    gap: 36px;
    align-items: center;
    margin: 46px 0 16px;
    padding: 28px;
    border-radius: 24px;
    background: radial-gradient(circle at top left, rgba(55,215,255,.14), transparent 55%), linear-gradient(135deg, rgba(14,35,58,.88), rgba(6,16,28,.95));
    border: 1px solid rgba(55, 215, 255, 0.32);
    box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.7), 0 0 35px -12px rgba(55, 215, 255, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    position: relative;
    overflow: hidden;
    transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s cubic-bezier(.22,1,.36,1), border-color .3s ease;
}
.pd-flyer-spotlight:hover {
    box-shadow: 0 30px 70px -20px rgba(0, 0, 0, 0.8), 0 0 45px -8px rgba(55, 215, 255, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    border-color: rgba(55, 215, 255, 0.55);
}
.pd-flyer-spotlight--reverse {
    grid-template-columns: 1fr 310px;
    background: radial-gradient(circle at top right, rgba(51,214,159,.14), transparent 55%), linear-gradient(135deg, rgba(14,35,58,.88), rgba(6,16,28,.95));
    border-color: rgba(51, 214, 159, 0.32);
    box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.7), 0 0 35px -12px rgba(51, 214, 159, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.pd-flyer-spotlight--reverse:hover {
    box-shadow: 0 30px 70px -20px rgba(0, 0, 0, 0.8), 0 0 45px -8px rgba(51, 214, 159, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    border-color: rgba(51, 214, 159, 0.55);
}
.pd-flyer-spotlight--reverse .pd-flyer-spotlight__image {
    order: 2;
}
.pd-flyer-spotlight--reverse .pd-flyer-spotlight__copy {
    order: 1;
}
.pd-flyer-spotlight--light {
    background: radial-gradient(circle at top left, rgba(11,99,246,.08), transparent 55%), linear-gradient(135deg, #ffffff, #f2f7ff);
    border: 1px solid rgba(11, 99, 246, 0.22);
    box-shadow: 0 20px 45px -20px rgba(11, 99, 246, 0.2), 0 4px 12px rgba(0,0,0,.03);
}
.pd-flyer-spotlight--light:hover {
    box-shadow: 0 26px 55px -18px rgba(11, 99, 246, 0.3), 0 0 30px -10px rgba(11, 99, 246, 0.25);
    border-color: rgba(11, 99, 246, 0.4);
}
.pd-flyer-spotlight--light.pd-flyer-spotlight--reverse {
    background: radial-gradient(circle at top right, rgba(11,99,246,.08), transparent 55%), linear-gradient(135deg, #ffffff, #f2f7ff);
}
.pd-flyer-spotlight__image {
    perspective: 900px;
}
.pd-flyer-spotlight__image button {
    display: block;
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    cursor: pointer;
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 16px 36px rgba(0,0,0,.45);
    transform: rotateY(-3deg) rotateX(1.5deg) scale(0.99);
    transition: transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s ease;
}
.pd-flyer-spotlight--reverse .pd-flyer-spotlight__image button {
    transform: rotateY(3deg) rotateX(1.5deg) scale(0.99);
}
.pd-flyer-spotlight__image button:hover {
    transform: rotateY(0) rotateX(0) scale(1.03);
    box-shadow: 0 22px 50px rgba(11, 99, 246, 0.5), 0 0 30px rgba(55, 215, 255, 0.35);
}
.pd-flyer-spotlight__image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    transition: transform .4s ease;
}
.pd-flyer-spotlight__image button:hover img {
    transform: scale(1.02);
}
.pd-flyer-spotlight__copy {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.pd-flyer-spotlight__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    align-self: flex-start;
    padding: 5px 12px;
    border-radius: 99px;
    background: rgba(55, 215, 255, 0.14);
    color: #55d9ff;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
    border: 1px solid rgba(55, 215, 255, 0.3);
}
.pd-flyer-spotlight__badge i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #33d69f;
    box-shadow: 0 0 8px #33d69f;
    animation: pd-status-pulse 1.8s ease-in-out infinite;
}
.pd-flyer-spotlight--light .pd-flyer-spotlight__badge {
    background: #eaf2ff;
    color: #0b63f6;
    border-color: rgba(11, 99, 246, 0.25);
}
.pd-flyer-spotlight__copy h3 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(21px, 2.5vw, 28px);
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: -.025em;
}
.pd-flyer-spotlight--light .pd-flyer-spotlight__copy h3 {
    color: #07111f;
}
.pd-flyer-spotlight__copy p {
    margin: 0;
    color: #b1c4d8;
    font-size: 14px;
    line-height: 1.62;
}
.pd-flyer-spotlight--light .pd-flyer-spotlight__copy p {
    color: #475569;
}
.pd-flyer-spotlight__copy .pd-button {
    align-self: flex-start;
    margin-top: 6px;
}

.pd-system-window::after { content: ""; position: absolute; z-index: 3; inset: -45% -80% auto; height: 45%; background: linear-gradient(to bottom, transparent, rgba(55,215,255,.08), transparent); transform: rotate(8deg) translateY(-100%); animation: pd-hero-scan 6.5s ease-in-out infinite; pointer-events: none; }
.pd-motion-ready .pd-hero__copy > * { opacity: 0; animation: pd-rise-in .8s cubic-bezier(.22,1,.36,1) forwards; }
.pd-motion-ready .pd-hero__copy > :nth-child(1) { animation-delay: .08s; }
.pd-motion-ready .pd-hero__copy > :nth-child(2) { animation-delay: .16s; }
.pd-motion-ready .pd-hero__copy > :nth-child(3) { animation-delay: .24s; }
.pd-motion-ready .pd-hero__copy > :nth-child(4) { animation-delay: .32s; }
.pd-motion-ready .pd-hero__copy > :nth-child(5) { animation-delay: .4s; }
.pd-motion-ready .pd-hero__copy > :nth-child(6) { animation-delay: .48s; }
.pd-motion-ready .pd-hero__visual { opacity: 0; animation: pd-stage-in 1s .26s cubic-bezier(.22,1,.36,1) forwards; }
.pd-motion-ready .pd-floating-proof--human { animation: pd-float 5.6s 1.2s ease-in-out infinite; }
.pd-motion-ready .pd-floating-proof--automation { animation: pd-float 6.2s .6s ease-in-out infinite reverse; }
.pd-motion-ready .pd-hero__grid { animation: pd-grid-drift 16s linear infinite; }
.pd-motion-ready .pd-architecture__core { animation: pd-core-glow 3.2s ease-in-out infinite; }
.pd-motion-ready .pd-architecture > span { animation: pd-arrow-flow 1.9s ease-in-out infinite; }
.pd-motion-ready .pd-reveal { opacity: 0; transform: translateY(28px); transition: opacity .75s cubic-bezier(.22,1,.36,1), transform .85s cubic-bezier(.22,1,.36,1); }
.pd-motion-ready .pd-reveal.is-visible { opacity: 1; transform: translateY(0); }
.pd-motion-ready .pd-reveal[data-pd-reveal-delay="1"] { transition-delay: .08s; }
.pd-motion-ready .pd-reveal[data-pd-reveal-delay="2"] { transition-delay: .16s; }
.pd-motion-ready .pd-reveal[data-pd-reveal-delay="3"] { transition-delay: .24s; }

@keyframes pd-rise-in { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes pd-stage-in { from { opacity: 0; transform: translate3d(32px, 24px, 0) scale(.97); } to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } }
@keyframes pd-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -9px; } }
@keyframes pd-grid-drift { from { background-position: 0 0, 0 0; } to { background-position: 58px 58px, 58px 58px; } }
@keyframes pd-core-glow { 0%, 100% { box-shadow: 0 0 0 rgba(55,215,255,0); } 50% { box-shadow: 0 0 38px -17px rgba(55,215,255,.75); } }
@keyframes pd-arrow-flow { 0%, 100% { color: #52647a; transform: translateX(0); } 50% { color: var(--pd-cyan); transform: translateX(4px); } }
@keyframes pd-hero-scan { 0%, 28% { transform: rotate(8deg) translateY(-140%); } 62%, 100% { transform: rotate(8deg) translateY(520%); } }
@keyframes pd-data-line { to { transform: translateX(100%); } }
@keyframes pd-orbit { to { transform: rotate(360deg); } }
@keyframes pd-scan { 0%, 20% { transform: translateY(-110%); opacity: 0; } 42% { opacity: 1; } 78%, 100% { transform: translateY(360%); opacity: 0; } }
@keyframes pd-status-pulse { 0%, 100% { opacity: .7; transform: scale(.9); } 50% { opacity: 1; transform: scale(1.12); } }
@keyframes pd-demo-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }

/* ==========================================================================
   1. CASOS REALES / RESULTADOS AUDITADOS
   ========================================================================== */
.pd-section--cases { background: #f7fafc; border-top: 1px solid var(--pd-line); border-bottom: 1px solid var(--pd-line); }
.pd-cases-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: stretch; margin-top: 10px; }
.pd-case-card { display: flex; flex-direction: column; padding: 28px; border: 1px solid rgba(11,99,246,.15); border-radius: 20px; background: #ffffff; box-shadow: 0 16px 40px -20px rgba(7,17,31,.08); transition: transform .25s ease, box-shadow .25s ease; }
.pd-case-card:hover { transform: translateY(-3px); box-shadow: 0 24px 50px -20px rgba(11,99,246,.2); }
.pd-case-card__header { display: flex; flex-direction: column; gap: 14px; padding-bottom: 18px; border-bottom: 1px solid var(--pd-line); }
.pd-case-card__header > div:first-child { display: flex; flex-direction: column; gap: 4px; }
.pd-case-card__badge { align-self: flex-start; padding: 5px 10px; border-radius: 6px; background: #eaf2ff; color: var(--pd-blue); font-size: 10px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.pd-case-card__header small { color: var(--pd-muted); font-size: 11px; }
.pd-case-card__revenue { display: flex; flex-direction: column; padding: 12px 14px; border-radius: 12px; background: linear-gradient(135deg, rgba(51,214,159,.12), rgba(11,99,246,.06)); border: 1px solid rgba(51,214,159,.3); }
.pd-case-card__revenue strong { font-size: 26px; font-weight: 900; line-height: 1.1; color: #0a8f5c; letter-spacing: -.03em; }
.pd-case-card__revenue small { color: #1e3a5f; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.pd-case-card__summary { margin: 18px 0; color: #435569; font-size: 13px; line-height: 1.6; }
.pd-case-card__metrics { display: grid; gap: 12px; margin-bottom: 20px; flex: 1; }
.pd-case-metric { display: flex; flex-direction: column; gap: 4px; padding: 10px 12px; border-radius: 10px; background: #f8fafc; border: 1px solid #edf2f7; }
.pd-case-metric__label { color: #64748b; font-size: 11px; font-weight: 700; }
.pd-case-metric__values { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pd-case-metric__before { color: #94a3b8; font-size: 12px; text-decoration: line-through; }
.pd-case-metric__arrow { color: #64748b; font-size: 11px; }
.pd-case-metric__after { color: #0f172a; font-size: 13px; font-weight: 900; }
.pd-case-metric__badge { margin-left: auto; padding: 2px 7px; border-radius: 99px; background: rgba(51,214,159,.18); color: #07794e; font-size: 10px; font-weight: 900; }
.pd-case-card__footer { display: flex; flex-direction: column; gap: 4px; padding-top: 14px; border-top: 1px solid var(--pd-line); }
.pd-case-card__footer small { color: #64748b; font-size: 10px; line-height: 1.4; }

/* ==========================================================================
   2. CIRCUITO EN 3 MINUTOS (STEPPER)
   ========================================================================== */
.pd-section--circuit { background: #07111f; }
.pd-circuit-stepper { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; margin-top: 20px; }
.pd-circuit-step { display: flex; flex-direction: column; padding: 22px; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; background: rgba(11,23,38,.75); backdrop-filter: blur(8px); position: relative; }
.pd-circuit-step:hover { border-color: rgba(55,215,255,.4); background: rgba(14,31,52,.85); }
.pd-circuit-step__indicator { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.pd-circuit-step__indicator span { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border-radius: 50%; background: #0f2b48; border: 1px solid rgba(55,215,255,.5); color: #55d9ff; font-size: 12px; font-weight: 900; box-shadow: 0 0 16px rgba(55,215,255,.25); }
.pd-circuit-step__indicator .pd-circuit-step__line { flex: 1; height: 1px; background: rgba(255,255,255,.12); }
.pd-circuit-step__top { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
.pd-circuit-step__top small { color: #7f95ac; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.pd-circuit-step__badge { padding: 3px 8px; border-radius: 6px; background: rgba(55,215,255,.12); color: #55d9ff; font-size: 9px; font-weight: 850; border: 1px solid rgba(55,215,255,.2); }
.pd-circuit-step h3 { margin: 0 0 8px; color: #ffffff; font-size: 16px; font-weight: 850; line-height: 1.25; }
.pd-circuit-step p { margin: 0 0 14px; color: #9bb0c4; font-size: 12px; line-height: 1.55; }
.pd-circuit-step__system { display: flex; align-items: flex-start; gap: 8px; padding: 10px 12px; border-radius: 10px; background: rgba(5,13,24,.8); border: 1px solid rgba(51,214,159,.2); }
.pd-circuit-step__system i { color: #33d69f; font-style: normal; font-size: 12px; margin-top: 1px; }
.pd-circuit-step__system span { color: #d1e2f2; font-size: 11px; line-height: 1.45; }
.pd-circuit-step__system span strong { color: #33d69f; }

/* ==========================================================================
   3. ATRIBUCIÓN DIRECTA DE DINERO
   ========================================================================== */
.pd-section--attribution { background: #ffffff; border-top: 1px solid var(--pd-line); border-bottom: 1px solid var(--pd-line); }
.pd-attribution-flow { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 24px 20px; border-radius: 20px; background: #071322; color: #fff; margin-bottom: 30px; overflow-x: auto; scrollbar-width: none; }
.pd-attribution-flow::-webkit-scrollbar { display: none; }
.pd-attr-node { flex: 1; min-width: 170px; padding: 14px; border-radius: 14px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); }
.pd-attr-node__index { display: inline-block; color: #55d9ff; font-size: 10px; font-weight: 900; letter-spacing: .08em; margin-bottom: 4px; }
.pd-attr-node strong { display: block; color: #ffffff; font-size: 13px; margin-bottom: 4px; }
.pd-attr-node p { margin: 0; color: #8fa0b5; font-size: 11px; line-height: 1.45; }
.pd-attr-arrow { color: #55d9ff; font-size: 18px; font-weight: 900; }
.pd-attribution-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.pd-attr-comp { padding: 20px 24px; border-radius: 16px; border: 1px solid var(--pd-line); }
.pd-attr-comp--bad { background: #fff5f5; border-color: rgba(230,57,70,.2); }
.pd-attr-comp--good { background: #f0fdf4; border-color: rgba(51,214,159,.3); }
.pd-attr-comp__tag { display: inline-block; font-size: 11px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 8px; }
.pd-attr-comp--bad .pd-attr-comp__tag { color: #c53030; }
.pd-attr-comp--good .pd-attr-comp__tag { color: #0d8a57; }
.pd-attr-comp p { margin: 0; font-size: 13px; line-height: 1.6; }
.pd-attr-comp--bad p { color: #742a2a; }
.pd-attr-comp--good p { color: #166534; font-weight: 600; }

/* ==========================================================================
   4. EMPLEADOS DIGITALES (3 AGENTES IA)
   ========================================================================== */
.pd-section--agents { background: #050e1b; }
.pd-agents-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: stretch; margin-top: 20px; }
.pd-agent-card { display: flex; flex-direction: column; padding: 28px; border: 1px solid rgba(55,215,255,.2); border-radius: 22px; background: rgba(10,22,38,.85); backdrop-filter: blur(10px); }
.pd-agent-card:hover { border-color: rgba(55,215,255,.45); transform: translateY(-3px); box-shadow: 0 20px 50px rgba(0,0,0,.6); transition: all .25s ease; }
.pd-agent-card__header { display: flex; align-items: center; gap: 14px; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.1); }
.pd-agent-card__avatar { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 14px; background: #0f253e; border: 1px solid rgba(55,215,255,.35); font-size: 22px; box-shadow: 0 4px 16px rgba(0,0,0,.4); }
.pd-agent-card__status { display: inline-flex; align-items: center; gap: 5px; color: #33d69f; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 2px; }
.pd-agent-card__status i { width: 6px; height: 6px; border-radius: 50%; background: #33d69f; box-shadow: 0 0 8px #33d69f; }
.pd-agent-card__header h3 { margin: 0; color: #ffffff; font-size: 18px; font-weight: 900; }
.pd-agent-card__header small { color: #8fa0b5; font-size: 11px; }
.pd-agent-card__desc { margin: 16px 0; color: #b1c4d8; font-size: 13px; line-height: 1.6; }
.pd-agent-card__caps { display: grid; gap: 8px; margin: 0 0 22px; padding: 0; list-style: none; flex: 1; }
.pd-agent-card__caps li { display: flex; gap: 8px; align-items: flex-start; }
.pd-agent-card__caps span { color: #33d69f; font-size: 11px; font-weight: 900; margin-top: 1px; }
.pd-agent-card__caps p { margin: 0; color: #dce7f3; font-size: 12px; line-height: 1.45; }
.pd-agent-card__roi { padding: 14px; border-radius: 12px; background: rgba(5,13,24,.9); border: 1px solid rgba(55,215,255,.2); }
.pd-agent-card__roi strong { display: block; color: #55d9ff; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 4px; }
.pd-agent-card__roi p { margin: 0; color: #ffffff; font-size: 12px; line-height: 1.45; font-weight: 600; }

/* ==========================================================================
   5. SEGURIDAD Y CONFIANZA EMPRESARIAL
   ========================================================================== */
.pd-section--security { background: #071220; }
.pd-security-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 20px; }
.pd-security-card { padding: 24px; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; background: rgba(12,24,40,.6); backdrop-filter: blur(8px); }
.pd-security-card__icon span { display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 8px; background: #0e2034; border: 1px solid rgba(55,215,255,.35); color: #55d9ff; font-size: 11px; font-weight: 900; margin-bottom: 12px; }
.pd-security-card h3 { margin: 0 0 8px; color: #ffffff; font-size: 16px; font-weight: 850; }
.pd-security-card p { margin: 0; color: #9bb0c4; font-size: 12px; line-height: 1.6; }

/* ==========================================================================
   6. MATRIZ DE INTEGRACIONES
   ========================================================================== */
.pd-section--integrations { background: #f8fafc; border-top: 1px solid var(--pd-line); border-bottom: 1px solid var(--pd-line); }
.pd-integrations-categories { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 20px; }
.pd-integration-category { padding: 24px; border: 1px solid var(--pd-line); border-radius: 18px; background: #ffffff; }
.pd-integration-category h3 { margin: 0 0 16px; font-size: 15px; font-weight: 900; color: #0f172a; padding-bottom: 10px; border-bottom: 1px solid var(--pd-line); }
.pd-integration-items { display: grid; gap: 10px; }
.pd-integration-item { padding: 12px 14px; border-radius: 12px; background: #f8fafc; border: 1px solid #e2e8f0; }
.pd-integration-item__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 4px; }
.pd-integration-item__head strong { font-size: 13px; color: #0f172a; font-weight: 800; }
.pd-integration-badge { padding: 2px 7px; border-radius: 5px; background: #e0f2fe; color: #0369a1; font-size: 9px; font-weight: 850; }
.pd-integration-item p { margin: 0; color: #64748b; font-size: 11px; line-height: 1.45; }

@media (max-width: 1080px) {
    .pd-nav__desktop { gap: 15px; font-size: 12px; }
    .pd-hero__layout { grid-template-columns: 1fr 430px; gap: 35px; }
    .pd-tech-grid { grid-template-columns: repeat(2, 1fr); }
    .pd-flow-list { grid-template-columns: repeat(3, 1fr); }
    .pd-flow-list li:nth-child(3) { border-right: 0; }
    .pd-flow-list li:nth-child(3)::after { display: none; }
    .pd-flow-list li:nth-child(-n+3) { border-bottom: 1px solid var(--pd-line); }
    .pd-live-demo { grid-template-columns: 215px minmax(0, 1fr); gap: 15px; }
    .pd-demo-tab { min-height: 65px; }
    .pd-demo-copy { min-height: 210px; }
    .pd-service-grid, .pd-plan-grid { gap: 12px; }
    .pd-service-card, .pd-plan-card { padding: 25px; }
}

@media (max-width: 900px) {
    .pd-nav__desktop { display: none; }
    .pd-nav__toggle { display: block; }
    .pd-hero { padding-top: 128px; }
    .pd-hero__layout { grid-template-columns: 1fr; }
    .pd-hero__copy { max-width: 760px; }
    .pd-hero__visual { width: min(100%, 620px); min-height: 480px; margin: 0 auto; }
    .pd-proof-strip { grid-template-columns: repeat(2, 1fr); }
    .pd-proof-strip span:nth-child(2) { border-right: 0; }
    .pd-proof-strip span:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.1); }
    .pd-section { padding: 82px 0; }
    .pd-section-heading--split { grid-template-columns: 1fr; gap: 20px; }
    .pd-live-demo { grid-template-columns: 1fr; gap: 20px; }
    .pd-live-demo__rail {
        position: relative;
        top: auto;
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
        margin-inline: -20px;
        padding: 0 20px 10px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .pd-live-demo__rail::-webkit-scrollbar { display: none; }
    .pd-live-demo__rail-heading {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 0 0 auto;
        padding: 0 12px 0 0;
        border-right: 1px solid rgba(255,255,255,.1);
    }
    .pd-demo-tab {
        min-width: 175px;
        flex: 0 0 175px;
        scroll-snap-align: center;
        display: grid;
        grid-template-columns: 28px 1fr auto;
        gap: 8px;
        padding: 10px 12px;
        min-height: 60px;
        border-radius: 14px;
        background: rgba(10,22,36,.85);
    }
    .pd-demo-tab:hover { transform: none; }
    .pd-demo-tab.is-active {
        box-shadow: 0 4px 18px -4px rgba(55,215,255,.35), inset 0 -3px 0 var(--pd-cyan);
    }
    .pd-live-demo__stage { position: relative; top: auto; }
    .pd-capability-foundation { grid-template-columns: 1fr; }
    .pd-capability-foundation > div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); }
    .pd-capability-foundation > div:last-child { border-bottom: 0; }
    .pd-human-card { grid-template-columns: 1fr; gap: 35px; padding: 42px; }
    .pd-human-card__avatar { margin-bottom: 30px; }
    .pd-growth-intro { grid-template-columns: 1fr; gap: 45px; }
    .pd-service-grid, .pd-plan-grid { grid-template-columns: 1fr; }
    .pd-cases-grid, .pd-agents-grid, .pd-security-grid, .pd-integrations-categories { grid-template-columns: 1fr; }
    .pd-cro-card { grid-template-columns: 1fr; gap: 40px; padding: 40px 30px; margin-top: 50px; }
    .pd-flyer-spotlight, .pd-flyer-spotlight--reverse { grid-template-columns: 1fr; gap: 20px; padding: 20px; }
    .pd-flyer-spotlight--reverse .pd-flyer-spotlight__image { order: 1; }
    .pd-flyer-spotlight--reverse .pd-flyer-spotlight__copy { order: 2; }
    .pd-flyer-spotlight__image { max-width: 320px; margin: 0 auto; width: 100%; }
    .pd-flyer-spotlight__image button { transform: none !important; }
    .pd-service-card > p, .pd-plan-card__description { min-height: 0; }
    .pd-story-modal { padding: 12px; }
    .pd-story-modal__dialog { width: min(840px, 100%); height: calc(100dvh - 24px); max-height: calc(100dvh - 24px); border-radius: 20px; }
    .pd-story-caption { bottom: 10px; left: 12px; right: 12px; }
    .pd-story-caption__inner { padding: 12px 16px; }
    .pd-faq-layout { grid-template-columns: 1fr; gap: 40px; }
    .pd-section-heading--sticky { position: static; }
    .pd-footer__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
    .pd-shell { width: min(calc(100% - 28px), var(--pd-shell)); }
    .pd-nav__inner { min-height: 68px; }
    .pd-nav__brand img { width: 130px; }
    .pd-hero { padding-top: 112px; }
    .pd-hero__layout { gap: 46px; padding-bottom: 60px; }
    .pd-hero h1 { font-size: clamp(40px, 12.7vw, 58px); }
    .pd-hero__lead { font-size: 16px; }
    .pd-trial-banner { padding: 14px; }
    .pd-trial-banner__icon { width: 50px; height: 50px; flex-basis: 50px; border-radius: 14px; }
    .pd-trial-banner strong { font-size: 15px; }
    .pd-hero__actions { display: grid; }
    .pd-hero__actions .pd-button { width: 100%; }
    .pd-hero__visual { min-height: 430px; }
    .pd-system-window { inset: 20px 0 38px; transform: none; }
    .pd-system-window__body { padding: 19px; }
    .pd-system-window__metrics { grid-template-columns: 1fr; margin: 20px 0; }
    .pd-system-window__metrics div { padding: 12px; }
    .pd-system-window__flow div { min-height: 51px; padding: 9px 12px; }
    .pd-system-window__flow div:last-child { display: none; }
    .pd-floating-proof--human { top: 0; right: 8px; }
    .pd-floating-proof--automation { left: 8px; bottom: 0; }
    .pd-floating-proof { padding: 9px 10px; }
    .pd-floating-proof > span { width: 31px; height: 31px; }
    .pd-proof-strip { width: 100%; }
    .pd-proof-strip span { padding: 15px 9px; font-size: 9px; }
    .pd-section { padding: 68px 0; }
    .pd-section-heading { margin-bottom: 35px; }
    .pd-section-heading h2 { font-size: 35px; }
    .pd-section-heading > p:last-child { font-size: 15px; }
    .pd-cases-grid, .pd-circuit-stepper, .pd-agents-grid, .pd-security-grid, .pd-integrations-categories { grid-template-columns: 1fr; }
    .pd-case-card, .pd-agent-card, .pd-security-card { padding: 20px 16px; }
    .pd-case-card__revenue strong { font-size: 22px; }
    .pd-attribution-flow { flex-direction: column; align-items: stretch; gap: 8px; }
    .pd-attr-arrow { display: none; }
    .pd-tech-grid { grid-template-columns: 1fr; }
    .pd-tech-card { min-height: 215px; }
    .pd-tech-card h3 { margin-top: 38px; }
    .pd-architecture { grid-template-columns: 1fr; }
    .pd-architecture > span { transform: rotate(90deg); }
    .pd-flow-list { grid-template-columns: repeat(2, 1fr); }
    .pd-flow-list li { min-height: 180px; }
    .pd-flow-list li:nth-child(2n) { border-right: 0; }
    .pd-flow-list li:nth-child(2n)::after { display: none; }
    .pd-flow-list li:nth-child(3) { border-right: 1px solid var(--pd-line); }
    .pd-flow-list li:nth-child(3)::after { display: block; }
    .pd-flow-list li:nth-child(-n+4) { border-bottom: 1px solid var(--pd-line); }
    .pd-flow-list strong { margin-top: 48px; }
    .pd-demo-flow { display: none; }
    .pd-live-demo__rail {
        margin-inline: -14px;
        padding-inline: 14px;
        padding-bottom: 12px;
        gap: 8px;
    }
    .pd-live-demo__rail-heading { display: none; }
    .pd-demo-tab {
        min-width: 152px;
        flex: 0 0 152px;
        min-height: 52px;
        padding: 8px 10px;
        gap: 8px;
        grid-template-columns: 24px 1fr auto;
        border-radius: 12px;
        border: 1px solid rgba(255,255,255,.08);
        background: rgba(8,18,30,.88);
    }
    .pd-demo-tab__num {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 22px;
        height: 22px;
        border-radius: 6px;
        background: rgba(255,255,255,.05);
        color: #728aa2;
        font-size: 10px;
        font-weight: 900;
    }
    .pd-demo-tab.is-active .pd-demo-tab__num {
        background: rgba(55,215,255,.18);
        color: var(--pd-cyan);
    }
    .pd-demo-tab__body small {
        font-size: 8px;
        margin-bottom: 2px;
        color: #7188a1;
        letter-spacing: .08em;
    }
    .pd-demo-tab__body strong {
        font-size: 11px;
        line-height: 1.2;
        color: #e4edf8;
    }
    .pd-demo-tab.is-active .pd-demo-tab__body small {
        color: var(--pd-cyan);
    }
    .pd-demo-tab.is-active {
        border-color: rgba(55,215,255,.5);
        background: linear-gradient(135deg, rgba(46,131,255,.24), rgba(12,25,40,.95));
        box-shadow: 0 4px 14px -3px rgba(55,215,255,.3), inset 0 -3px 0 var(--pd-cyan);
    }
    .pd-live-demo__stage { padding: 6px; border-radius: 18px; }
    .pd-demo-window { border-radius: 14px; transform: none; }
    .pd-demo-window__chrome { min-height: 38px; grid-template-columns: 48px 1fr auto; padding: 0 10px; }
    .pd-demo-window__address { display: none; }
    .pd-demo-window__viewport { aspect-ratio: 16 / 10; }
    .pd-demo-steps-nav {
        top: 8px;
        left: 8px;
        max-width: calc(100% - 16px);
        padding: 3px;
        gap: 4px;
    }
    .pd-demo-step-tab {
        min-height: 24px;
        padding: 0 9px;
        font-size: 9.5px;
    }
    .pd-demo-scene__subcaption {
        bottom: 8px;
        left: 8px;
        right: 8px;
        padding: 6px 10px;
        gap: 6px;
    }
    .pd-demo-scene__subbadge {
        font-size: 8.5px;
        padding: 2px 5px;
    }
    .pd-demo-scene__subcaption p {
        font-size: 9.5px;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .pd-demo-hotspot { padding: 6px 8px; }
    .pd-demo-hotspot strong { display: none; }
    .pd-demo-copy { min-height: auto; margin: 10px 4px 4px; }
    .pd-demo-copy__scene { position: relative; inset: auto; padding: 8px 4px; display: none; opacity: 1; transform: none; }
    .pd-demo-copy__scene.is-active { display: grid; }
    .pd-demo-copy__scene > p { font-size: 9px; margin-bottom: 6px; }
    .pd-demo-copy__scene > p span { padding: 3px 6px; font-size: 8.5px; }
    .pd-demo-copy__scene h3 { font-size: clamp(19px, 5.5vw, 24px); line-height: 1.18; margin-bottom: 8px; }
    .pd-demo-copy__scene > div { grid-template-columns: 1fr; gap: 8px; }
    .pd-demo-copy__scene > div > p { font-size: 12.5px; line-height: 1.55; color: #9ab0c6; }
    .pd-demo-copy__scene > div > strong { justify-self: start; font-size: 10px; margin-top: 4px; }
    .pd-demo-controls { grid-template-columns: auto auto 1fr; gap: 8px; padding: 8px 4px; }
    .pd-demo-controls button { min-height: 30px; padding: 0 8px; }
    .pd-demo-controls__status { display: none; }
    .pd-demo-btn-step { width: 26px; height: 26px; font-size: 13px; }
    .pd-human-card { padding: 29px 22px; border-radius: 23px; }
    .pd-human-card h2 { font-size: 36px; }
    .pd-growth-intro { margin-bottom: 46px; }
    .pd-growth-intro__copy h2 { font-size: 39px; }
    .pd-growth-console { padding: 16px; border-radius: 20px; }
    .pd-growth-console__topline small { display: none; }
    .pd-growth-map { grid-template-columns: 1fr; gap: 24px; min-height: auto; padding: 24px 0; }
    .pd-growth-map::before, .pd-growth-map::after { display: none; }
    .pd-growth-map__core { width: 112px; height: 112px; justify-self: center; grid-row: 2; }
    .pd-growth-map__results { grid-row: 3; }
    .pd-growth-console__signal { display: none; }
    .pd-service-card__head { margin-bottom: 30px; }
    .pd-cro-card { grid-template-columns: 1fr; gap: 24px; padding: 24px 16px; margin-top: 36px; border-radius: 20px; background: linear-gradient(160deg, #0e1e31, #0c1724); }
    .pd-cro-card h3 { font-size: clamp(21px, 6vw, 28px); line-height: 1.18; letter-spacing: -.03em; }
    .pd-cro-card__copy > p:not(.pd-kicker) { margin: 12px 0 20px; font-size: 13.5px; line-height: 1.6; color: #9cb0c5; }
    .pd-cro-insights { border-top: 1px solid rgba(255,255,255,.12); }
    .pd-cro-insights article { grid-template-columns: 30px 1fr; gap: 12px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
    .pd-cro-insights article > span { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 8px; background: rgba(53,206,255,.12); border: 1px solid rgba(53,206,255,.25); color: #35ceff; font-size: 11px; font-weight: 900; padding: 0; }
    .pd-cro-insights strong { font-size: 14px; color: #f1f7fe; margin-bottom: 3px; line-height: 1.3; }
    .pd-cro-insights p { font-size: 12px; line-height: 1.5; color: #8da1b6; }
    .pd-cro-card__media { gap: 12px; width: 100%; }
    .pd-cro-video { border-radius: 16px; box-shadow: 0 15px 35px -15px rgba(0,159,255,.45); }
    .pd-cro-video__play { width: 50px; height: 50px; transform: translate(-50%, -50%); box-shadow: 0 0 0 6px rgba(255,255,255,.12), 0 10px 25px rgba(0,0,0,.4); }
    .pd-cro-video__play svg { width: 20px; height: 20px; margin-left: 2px; }
    .pd-cro-video__caption { right: 14px; bottom: 12px; left: 14px; gap: 3px; }
    .pd-cro-video__caption small { font-size: 8.5px; font-weight: 900; letter-spacing: .09em; }
    .pd-cro-video__caption strong { font-size: 13px; line-height: 1.25; max-width: 100%; }
    .pd-cro-video-frame { border-radius: 16px; }
    .pd-cro-card__images { grid-template-columns: 1fr 1fr; gap: 10px; }
    .pd-cro-card__images figure { height: 120px; border-radius: 13px; border: 1px solid rgba(255,255,255,.12); }
    .pd-cro-card__images figcaption { right: 6px; bottom: 6px; left: 6px; padding: 5px 6px; font-size: 8px; font-weight: 850; border-radius: 6px; text-align: center; }
    .pd-story-modal { padding: 0; }
    .pd-story-modal__dialog { width: 100%; height: 100dvh; max-height: 100dvh; border-radius: 0; border: 0; }
    .pd-story-progress { padding: 10px 12px 4px; }
    .pd-story-topbar { padding: 4px 12px 6px; }
    .pd-story-topbar__avatar img { height: 22px; }
    .pd-story-topbar__meta strong { font-size: 11.5px; }
    .pd-story-topbar__meta span { font-size: 9px; }
    .pd-story-btn-ctrl { width: 32px; height: 32px; font-size: 11px; }
    .pd-story-caption { bottom: 8px; left: 8px; right: 8px; }
    .pd-story-caption__inner { padding: 10px 12px; border-radius: 14px; }
    .pd-story-caption h3 { font-size: 14.5px; }
    .pd-story-caption p { font-size: 11px; line-height: 1.4; }
    .pd-story-caption__actions .pd-button { width: 100%; justify-content: center; padding: 7px 12px; font-size: 11.5px; }
    .pd-story-footer { padding: 6px 8px 8px; }
    .pd-story-module-pill { padding: 4px 9px; font-size: 10px; }
    .pd-free-month { display: grid; padding: 20px; }
    .pd-free-month .pd-button { width: 100%; }
    .pd-faq-list summary { min-height: 72px; font-size: 14px; }
    .pd-final-cta { padding: 75px 0; }
    .pd-footer__grid { grid-template-columns: 1fr 1fr; gap: 35px 22px; }
    .pd-footer__grid > div:first-child { grid-column: 1 / -1; }
    .pd-floating-whatsapp {
        right: 18px;
        bottom: 18px;
        padding: 0;
        width: 58px;
        height: 58px;
        border-radius: 50%;
        justify-content: center;
        background: transparent;
        border: 0;
        box-shadow: none;
    }
    .pd-floating-whatsapp__logo {
        width: 58px;
        height: 58px;
        filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.45)) drop-shadow(0 2px 8px rgba(37, 211, 102, 0.5));
    }
    .pd-floating-whatsapp strong { display: none; }
}

/* Calculadora Interactiva de ROI e Impacto */
.pd-section--calculator { background: linear-gradient(180deg, #ffffff 0%, #f4f8fc 100%); border-top: 1px solid var(--pd-line); border-bottom: 1px solid var(--pd-line); }
.pd-calc-wrapper { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 42px; align-items: start; margin-top: 36px; }
.pd-calc-inputs { background: #ffffff; border: 1px solid var(--pd-line); border-radius: 24px; padding: 34px; box-shadow: 0 14px 40px -15px rgba(7,17,31,0.06); }
.pd-calc-field { margin-bottom: 28px; }
.pd-calc-field:last-child { margin-bottom: 0; }
.pd-calc-field__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.pd-calc-field__head label { font-size: 14.5px; font-weight: 750; color: var(--pd-ink); }
.pd-calc-val { display: inline-block; font-size: 14.5px; font-weight: 900; color: var(--pd-blue); background: rgba(11,99,246,0.08); padding: 4px 12px; border-radius: 8px; }
.pd-calc-slider { width: 100%; height: 8px; border-radius: 6px; background: #e2e8f0; outline: none; -webkit-appearance: none; cursor: pointer; }
.pd-calc-slider::-webkit-slider-thumb { -webkit-appearance: none; width: 22px; height: 22px; border-radius: 50%; background: var(--pd-blue); border: 3px solid #fff; box-shadow: 0 2px 8px rgba(11,99,246,0.5); cursor: pointer; transition: transform 0.15s ease; }
.pd-calc-slider::-webkit-slider-thumb:hover { transform: scale(1.15); }
.pd-calc-ticks { display: flex; justify-content: space-between; font-size: 11px; color: var(--pd-muted); font-weight: 600; margin-top: 6px; }
.pd-calc-delay-options { display: grid; grid-template-columns: 1fr; gap: 8px; margin-top: 10px; }
.pd-calc-delay-btn { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border: 1px solid var(--pd-line); border-radius: 12px; background: #fff; color: var(--pd-ink); font-size: 13.5px; font-weight: 700; cursor: pointer; transition: all 0.2s ease; text-align: left; }
.pd-calc-delay-btn span { font-size: 12px; color: var(--pd-muted); font-weight: 600; }
.pd-calc-delay-btn:hover { border-color: var(--pd-blue); background: rgba(11,99,246,0.03); }
.pd-calc-delay-btn.is-active { border-color: var(--pd-blue); background: rgba(11,99,246,0.08); color: var(--pd-blue); }
.pd-calc-delay-btn.is-active span { color: var(--pd-blue); font-weight: 800; }

.pd-calc-results { background: linear-gradient(135deg, #07111f 0%, #0d223f 100%); border-radius: 24px; padding: 34px; color: #fff; box-shadow: 0 20px 50px -15px rgba(7,17,31,0.35); border: 1px solid rgba(255,255,255,0.12); }
.pd-calc-card { border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 18px; margin-bottom: 18px; }
.pd-calc-card__tag { display: inline-block; font-size: 10.5px; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 6px; }
.pd-calc-card--loss .pd-calc-card__tag { color: #ff6b6b; }
.pd-calc-card--gain .pd-calc-card__tag { color: #38e8ac; }
.pd-calc-card--hours .pd-calc-card__tag { color: #55d9ff; }
.pd-calc-card__num { font-size: 32px; font-weight: 900; line-height: 1.1; letter-spacing: -0.03em; }
.pd-calc-card--loss .pd-calc-card__num { color: #ff8585; }
.pd-calc-card--gain .pd-calc-card__num { color: #38e8ac; }
.pd-calc-card--hours .pd-calc-card__num { color: #74e9ff; }
.pd-calc-card__num small { font-size: 14px; font-weight: 700; color: #a4b7cc; margin-left: 4px; }
.pd-calc-card p { margin: 6px 0 0; font-size: 12.5px; color: #b8c8da; line-height: 1.45; }
.pd-calc-cta { margin-top: 22px; }
.pd-calc-disclaimer { display: block; text-align: center; margin-top: 10px; font-size: 11px; color: #8ba0b8; }

@media (max-width: 900px) {
    .pd-calc-wrapper { grid-template-columns: 1fr; gap: 24px; }
    .pd-calc-inputs, .pd-calc-results { padding: 24px; border-radius: 20px; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
    .pd-motion-ready .pd-hero__copy > *, .pd-motion-ready .pd-hero__visual, .pd-motion-ready .pd-reveal { opacity: 1 !important; transform: none !important; }
    .pd-demo-scene__scan, .pd-demo-orbit, .pd-system-window::after { display: none !important; }
}