.creator-app-preview{display:grid;grid-template-columns:1fr 280px;gap:36px;align-items:center;background:linear-gradient(135deg,#17130e,#0d1114);border:1px solid #67522b}.creator-app-preview h2{margin:7px 0 12px;font:clamp(34px,4vw,54px) 'Playfair Display',serif}.creator-app-preview .app-preview-copy>p:not(.eyebrow){max-width:650px;color:var(--muted);line-height:1.6}.app-preview-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.app-preview-actions .button{border:1px solid var(--gold);cursor:pointer}.app-preview-copy small{display:block;margin-top:13px;color:#8d918f;line-height:1.4}.phone-preview{padding:12px;border:7px solid #222;border-radius:27px;background:#080a0c;box-shadow:0 22px 55px #0008}.phone-top{display:flex;align-items:center;gap:8px;padding:6px;color:#f2eee5;font-size:10px}.phone-top img{width:27px;height:27px;object-fit:contain;border-radius:7px;background:#fff}.phone-top span{margin-left:auto;color:#d0ac63;font-size:17px}.phone-cover{height:105px;border-radius:12px;margin-top:8px}.phone-body{padding:13px 4px 5px}.phone-body h3{margin:3px 0;font:22px 'Playfair Display',serif}.phone-body p:not(.eyebrow){color:#9ba3a7;font-size:10px;line-height:1.45}.phone-buttons{display:flex;gap:5px;margin-top:13px}.phone-buttons span{flex:1;text-align:center;padding:8px 3px;border:1px solid #4c3e22;color:#d8bc74;font-size:9px}@media(max-width:700px){.creator-app-preview{grid-template-columns:1fr}.phone-preview{max-width:280px;justify-self:center}}
.site-header .brand .affiliate-brand-logo{background:#fff;filter:none;border-radius:8px}.site-header .brand span small{display:block;color:#b9a06b;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.app-celebration-piece{position:fixed;z-index:90;top:-70px;width:42px;height:42px;object-fit:contain;padding:5px;background:#fff;border-radius:10px;box-shadow:0 3px 10px #0005;pointer-events:none;animation:app-piece-fall linear forwards}.app-celebration-dot{position:fixed;z-index:90;top:-12px;width:9px;height:16px;background:hsl(var(--hue),58%,62%);pointer-events:none;animation:app-dot-fall 3.2s linear forwards}@keyframes app-piece-fall{to{transform:translate3d(var(--drift),110vh,0) rotate(var(--spin));opacity:0}}@keyframes app-dot-fall{to{transform:translate3d(var(--drift),110vh,0) rotate(720deg);opacity:0}}
