.pixel-page-wrapper{background-color:var(--color-bg);color:var(--color-text);min-height:100vh;}.pixel-hero-section{padding:clamp(64px, 10vh, 108px) 0 clamp(48px, 6vh, 72px);text-align:center;}.pixel-hero-shell{max-width:960px;margin:0 auto;}.pixel-hero-shell h1{font-size:clamp(32px, 4.4vw, 54px);line-height:1.08;letter-spacing:-0.035em;color:var(--color-text);margin:0 0 20px 0;font-weight:500;}.pixel-hero-shell h1 em{font-style:normal;color:var(--color-accent-blue);}.pixel-hero-lead{font-size:clamp(16px, 1.4vw, 19px);line-height:1.55;color:var(--color-body-muted);margin:0 auto 32px;max-width:780px;}.pixel-hero-actions{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:36px;}.cmo-metrics-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;margin:36px 0 24px;text-align:left;}.cmo-metric-card{background:var(--frame-bg);border:1px solid var(--frame-border);border-radius:var(--radius-card);padding:clamp(20px, 2.5vw, 28px);box-shadow:var(--frame-shadow-sm);transition:transform 0.2s ease, border-color 0.2s ease;}.cmo-metric-card:hover{transform:translateY(-2px);border-color:rgba(37, 99, 235, 0.3);}.cmo-metric-label{font-family:var(--font-secondary);font-size:10px;text-transform:uppercase;letter-spacing:-0.2px;color:var(--color-grey-text);display:block;margin-bottom:8px;}.cmo-metric-val{font-family:var(--font-primary);font-size:clamp(28px, 3vw, 36px);line-height:1.05;font-weight:500;color:var(--color-accent-blue);display:block;margin-bottom:6px;letter-spacing:-0.02em;}.cmo-metric-title{font-size:14px;font-weight:500;color:var(--color-text);display:block;margin-bottom:4px;}.cmo-metric-desc{font-size:12.5px;line-height:1.45;color:var(--color-body-muted);margin:0;}.pixel-compare-section{padding:clamp(48px, 7vh, 80px) 0;}.pixel-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px;text-align:left;}.pixel-compare-card{background:var(--frame-bg);border:1px solid var(--frame-border);border-radius:var(--radius-card);padding:clamp(24px, 3.5vw, 40px);box-shadow:var(--frame-shadow-sm);display:flex;flex-direction:column;}.pixel-compare-card.card-protected{border-color:rgba(37, 99, 235, 0.35);box-shadow:0 12px 36px rgba(37, 99, 235, 0.06);}.compare-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--frame-border);}.compare-badge{font-family:var(--font-secondary);font-size:10.5px;text-transform:uppercase;letter-spacing:-0.2px;padding:4px 10px;border-radius:6px;font-weight:600;}.compare-badge.badge-neutral{background:rgba(100, 116, 139, 0.12);color:#475569;}.compare-badge.badge-shield{background:rgba(37, 99, 235, 0.1);color:var(--color-accent-blue);}.compare-title{font-size:clamp(19px, 2.2vw, 24px);font-weight:500;color:var(--color-text);margin:0 0 10px 0;line-height:1.25;}.compare-sub{font-size:13.5px;line-height:1.5;color:var(--color-body-muted);margin:0 0 24px 0;}.compare-steps-list{display:flex;flex-direction:column;gap:12px;margin-top:auto;}.compare-step-item{background:var(--color-bg);border:1px solid rgba(27, 27, 27, 0.06);border-radius:10px;padding:12px 14px;display:flex;align-items:flex-start;gap:12px;}.compare-step-icon{font-family:var(--font-secondary);font-size:11px;font-weight:700;border-radius:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}.compare-step-icon.icon-neutral{background:rgba(100, 116, 139, 0.15);color:#475569;}.compare-step-icon.icon-shield{background:rgba(37, 99, 235, 0.12);color:var(--color-accent-blue);}.compare-step-text strong{display:block;font-size:13px;font-weight:500;color:var(--color-text);margin-bottom:2px;}.compare-step-text span{display:block;font-size:12px;color:var(--color-body-muted);line-height:1.4;}.pixel-pipeline-section{padding:clamp(56px, 8vh, 88px) 0;}.pixel-pipeline-steps{display:flex;flex-direction:column;gap:14px;margin-top:32px;}.pixel-pipeline-card{background:var(--frame-bg);border:1px solid var(--frame-border);border-radius:var(--radius-card);padding:clamp(22px, 3vw, 32px);display:grid;grid-template-columns:48px 1fr 240px;gap:20px;align-items:center;text-align:left;box-shadow:var(--frame-shadow-sm);transition:transform 0.2s ease, border-color 0.2s ease;}.pixel-pipeline-card:hover{transform:translateY(-2px);border-color:rgba(37, 99, 235, 0.25);}.pipeline-step-num{font-family:var(--font-secondary);font-size:12px;font-weight:700;color:var(--color-accent-blue);background:rgba(37, 99, 235, 0.08);border-radius:8px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;}.pipeline-step-copy h3{font-size:17px;font-weight:500;color:var(--color-text);margin:0 0 6px 0;line-height:1.25;}.pipeline-step-copy p{font-size:13.5px;line-height:1.5;color:var(--color-body-muted);margin:0;}.pipeline-step-tag{font-family:var(--font-secondary);font-size:10px;text-transform:uppercase;letter-spacing:-0.2px;color:var(--color-grey-text);display:block;margin-bottom:4px;}.pipeline-step-signal-box{background:var(--color-bg);border:1px solid rgba(27, 27, 27, 0.06);border-radius:10px;padding:12px 14px;text-align:left;}.pipeline-step-signal-box span{font-family:var(--font-secondary);font-size:9.5px;text-transform:uppercase;color:var(--color-grey-text);display:block;margin-bottom:2px;}.pipeline-step-signal-box strong{font-family:var(--font-primary);font-size:13.5px;color:var(--color-text);display:block;margin-bottom:2px;}.pipeline-step-signal-box small{font-size:11px;color:var(--color-body-muted);line-height:1.3;display:block;}.pixel-contrast-shell{background:#1b1b1b;color:#ffffff;border-radius:var(--radius-card);padding:clamp(32px, 4.5vw, 56px);margin:clamp(48px, 6vh, 72px) 0;text-align:left;}.pixel-contrast-shell h2{font-size:clamp(24px, 3.2vw, 38px);line-height:1.15;color:#ffffff;margin:0 0 16px 0;font-weight:500;}.pixel-contrast-shell h2 em{font-style:normal;color:var(--color-accent-cyan);}.pixel-contrast-shell p.lead{font-size:15px;line-height:1.6;color:#cbd5e1;margin:0 0 32px 0;max-width:820px;}.contrast-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid rgba(255, 255, 255, 0.1);}.contrast-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;}.contrast-table th, .contrast-table td{padding:14px 18px;border-bottom:1px solid rgba(255, 255, 255, 0.08);}.contrast-table th{font-family:var(--font-secondary);font-size:11px;text-transform:uppercase;letter-spacing:-0.2px;color:#94a3b8;background:rgba(255, 255, 255, 0.03);}.contrast-table td strong{color:#ffffff;}.contrast-table td.col-botrefund{background:rgba(37, 99, 235, 0.08);color:#93c5fd;font-weight:500;}.pixel-integrations-section{padding:clamp(48px, 6vh, 72px) 0;}.pixel-integrations-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;margin-top:32px;text-align:left;}.pixel-integration-card{background:var(--frame-bg);border:1px solid var(--frame-border);border-radius:var(--radius-card);padding:clamp(20px, 2.5vw, 26px);box-shadow:var(--frame-shadow-sm);display:flex;flex-direction:column;}.integration-badge{font-family:var(--font-secondary);font-size:10px;text-transform:uppercase;letter-spacing:-0.2px;color:var(--color-grey-text);margin-bottom:8px;}.pixel-integration-card h3{font-size:16px;font-weight:500;color:var(--color-text);margin:0 0 8px 0;line-height:1.25;}.pixel-integration-card p{font-size:13px;line-height:1.5;color:var(--color-body-muted);margin:0;}.pixel-faq-section{padding:clamp(48px, 6vh, 72px) 0;}.pixel-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px;text-align:left;}.pixel-faq-card{background:var(--frame-bg);border:1px solid var(--frame-border);border-radius:var(--radius-card);padding:clamp(20px, 2.5vw, 28px);box-shadow:var(--frame-shadow-sm);}.pixel-faq-card h3{font-size:15.5px;font-weight:500;color:var(--color-text);margin:0 0 8px 0;line-height:1.3;}.pixel-faq-card p{font-size:13.5px;line-height:1.55;color:var(--color-body-muted);margin:0;}@media (max-width:960px){.cmo-metrics-grid, .pixel-integrations-grid{grid-template-columns:repeat(2, 1fr);}.pixel-compare-grid, .pixel-faq-grid{grid-template-columns:1fr;}.pixel-pipeline-card{grid-template-columns:1fr;gap:14px;}}@media (max-width:600px){.cmo-metrics-grid, .pixel-integrations-grid{grid-template-columns:1fr;}.pixel-hero-actions{flex-direction:column;width:100%;}.pixel-hero-actions .btn, .pixel-hero-actions .button-solid{width:100%;}}