.app-promo-card{margin:var(--space-12) 0 var(--space-8);padding:var(--space-6);border:1px solid rgba(255,0,255,.45);border-left:3px solid var(--color-magenta);border-radius:4px;background:linear-gradient(135deg,rgba(255,0,255,.07),rgba(0,255,255,.03));font-family:var(--font-mono);-webkit-user-select:text;user-select:text}.app-promo-card.is-immersive{margin:var(--space-16) 0 var(--space-12);padding:0;border:1px solid rgba(255,0,255,.32);border-left:none;border-radius:2px;background:#08060e;overflow:hidden}.promo-hero{position:relative;padding:var(--space-12) var(--space-10) var(--space-10);isolation:isolate}.promo-hero-glow{position:absolute;inset:-30% -10% auto -10%;height:90%;z-index:-2;background:radial-gradient(60% 55% at 18% 0%,rgba(255,0,255,.3),transparent 70%),radial-gradient(55% 50% at 88% 12%,rgba(0,255,255,.24),transparent 70%);filter:blur(30px);pointer-events:none}.promo-hero-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.045) 0 1px,transparent 1px 4px);mask-image:linear-gradient(to bottom,#000 0%,transparent 65%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 65%)}.promo-hero-head{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8)}.promo-eyebrow{margin:0;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--color-cyan)}.promo-hero-title{display:flex;flex-direction:column;gap:0;margin:0;font-family:var(--font-display);line-height:.92;letter-spacing:-.02em}.promo-title-top{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:900;color:#f4f4f6}.promo-title-main{display:inline-block;align-self:flex-start;max-width:100%;transform:skew(-8deg) rotate(-1.5deg);transform-origin:left bottom;padding:.1em .28em .14em;margin-left:-.1em;font-size:clamp(2.5rem,7vw,4.75rem);font-weight:900;color:#08060e;background:linear-gradient(100deg,#f0f,#ff3d8b 48%,#0ff);box-shadow:6px 6px rgba(255,0,255,.28),-4px -4px rgba(0,255,255,.18);text-shadow:none}.promo-hero-sub{max-width:46ch;margin:0;font-family:var(--font-body);font-size:1rem;line-height:1.75;color:rgba(255,255,255,.72)}.promo-body{display:grid;grid-template-columns:minmax(0,268px) minmax(0,1fr);gap:var(--space-8);align-items:stretch;margin-bottom:var(--space-8)}.promo-compare{margin:0;position:sticky;top:96px}.promo-compare-stage{position:relative;width:100%;aspect-ratio:9 / 16;overflow:hidden;border:1px solid rgba(0,255,255,.45);border-radius:2px;background:#000;box-shadow:0 0 0 1px rgba(255,0,255,.2),0 18px 50px rgba(0,0,0,.7);cursor:ew-resize;touch-action:pan-y}.promo-compare-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.promo-compare-reveal{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.promo-compare-reveal .promo-compare-img.is-after{width:100%;height:100%;position:absolute;right:0;left:auto;width:auto;min-width:100%;max-width:none;object-fit:cover}.promo-compare-tag{position:absolute;top:12px;z-index:3;padding:3px 9px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:2px;pointer-events:none}.promo-compare-tag.is-before{left:12px;color:var(--color-void);background:rgba(255,255,255,.92)}.promo-compare-tag.is-after{right:12px;color:var(--color-void);background:var(--color-magenta)}.promo-compare-divider{position:absolute;top:0;bottom:0;z-index:4;width:2px;margin-left:-1px;background:rgba(255,255,255,.92);box-shadow:0 0 12px rgba(0,255,255,.9);pointer-events:none}.promo-compare-knob{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:38px;height:38px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.9);background:rgba(8,6,14,.9);color:#fff;font-size:14px;box-shadow:0 0 18px rgba(0,255,255,.55)}.promo-compare-range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent}.promo-compare-range:focus-visible{opacity:1;outline:2px solid var(--color-cyan);outline-offset:2px}.promo-compare-hint{margin-top:var(--space-3);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45)}.promo-live{display:flex;flex-direction:column;gap:var(--space-3);margin:0}.promo-live-frame{position:relative;aspect-ratio:1070 / 1200;overflow:hidden;border:1px solid rgba(0,255,255,.45);border-radius:2px;background:#000;box-shadow:0 0 0 1px rgba(255,0,255,.2),0 18px 50px rgba(0,0,0,.7)}.promo-live-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.promo-live-badge{position:absolute;right:12px;bottom:12px;padding:3px 9px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--color-void);background:var(--color-cyan);border-radius:2px}.promo-live-caption{margin:auto 0 0;font-family:var(--font-body);font-size:.8125rem;line-height:1.6;color:rgba(255,255,255,.55)}.promo-diff{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;list-style:none}.promo-diff-row{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-5);border:1px solid rgba(0,255,255,.16);border-left:2px solid var(--color-magenta);background:rgba(255,255,255,.02);font-family:var(--font-body);font-size:.9375rem;line-height:1.5;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.promo-diff-row:hover{border-left-color:var(--color-cyan);background:rgba(0,255,255,.04)}.promo-diff-web{display:flex;align-items:baseline;gap:var(--space-2);color:rgba(255,255,255,.38);font-size:.8125rem;text-decoration:line-through;text-decoration-color:rgba(255,0,255,.5)}.promo-diff-web:before{content:"WEB";flex:none;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.14em;color:rgba(255,255,255,.28);text-decoration:none}.promo-diff-app{color:#fff;font-weight:600}.promo-diff-app:before{content:"APP";display:inline-block;margin-right:var(--space-2);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.14em;color:var(--color-magenta)}.promo-diff-arrow{display:none}.promo-table-wrap{margin:var(--space-8) 0;overflow-x:auto}.promo-table{width:100%;table-layout:fixed;border-collapse:collapse;font-family:var(--font-mono);font-size:.8125rem;line-height:1.5}.promo-col-label{width:21%}.promo-col-web{width:33%}.promo-table-caption{padding-bottom:var(--space-3);text-align:left;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.45)}.promo-table th,.promo-table td{padding:9px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}.promo-table thead th{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);border-bottom-color:rgba(255,0,255,.4);white-space:nowrap}.promo-table thead th.is-app{color:var(--color-magenta)}.promo-table tbody th{font-weight:400;color:rgba(255,255,255,.55);white-space:nowrap}.promo-table tbody td{color:rgba(255,255,255,.62)}.promo-table tbody td.is-app{color:#fff;font-weight:600;background:rgba(255,0,255,.06)}.promo-actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.promo-cta-note{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:rgba(255,255,255,.42)}.app-promo-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);overflow:hidden;font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:700;letter-spacing:.05em;padding:12px 30px;background:var(--color-magenta);color:var(--color-void);border:1px solid var(--color-magenta);border-radius:2px;cursor:pointer;box-shadow:0 0 24px rgba(255,0,255,.6);transition:all var(--duration-fast) var(--ease-out)}.cta-shine-light{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);animation:buttonShine 3.5s infinite;pointer-events:none}@keyframes buttonShine{0%{left:-100%}25%{left:160%}to{left:160%}}.app-promo-cta.has-shine:hover{background:#fff;color:var(--color-void);border-color:#fff;box-shadow:0 0 32px rgba(255,0,255,.9);transform:translateY(-1px)}.app-promo-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-4)}.app-promo-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.app-promo-list li{display:grid;grid-template-columns:64px 1fr;gap:var(--space-3);align-items:start;font-family:var(--font-body);font-size:.9375rem;line-height:1.6;color:var(--color-text-body)}.app-promo-list strong{color:var(--color-text-primary)}.app-promo-names{display:block;margin-top:2px;font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary)}.app-promo-badge{font-family:var(--font-mono);font-size:12px;font-weight:700;text-align:center;padding:2px 0;border:1px solid var(--color-cyan);border-radius:3px;color:var(--color-cyan);margin-top:2px}.app-promo-badge.is-live{border-color:var(--color-error);color:#ff4d6d}@media(max-width:1023px){.promo-body{grid-template-columns:1fr;gap:var(--space-6)}.promo-compare{position:static}.promo-compare-stage{max-width:320px}}@media(max-width:860px){.promo-hero{padding:var(--space-8) var(--space-6) var(--space-6)}.promo-compare-stage{max-width:100%;aspect-ratio:9 / 16}.promo-diff-row{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4)}}@media(max-width:640px){.app-promo-card{padding:var(--space-4)}.app-promo-card.is-immersive{padding:0}.promo-hero{padding:var(--space-6) var(--space-4) var(--space-4)}.promo-title-main{transform:skew(-6deg);box-shadow:4px 4px rgba(255,0,255,.28)}.promo-table{font-size:.75rem}.promo-table th,.promo-table td{padding:8px}.promo-actions{flex-direction:column;align-items:stretch}.app-promo-cta{width:100%}}