:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:#0a0e1a;color:#e8e6dd}body{font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit}::selection{background:#7fe0c4;color:#06090f}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}@keyframes auroraBloom{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}25%{opacity:.65}to{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}@keyframes auroraBloomReduced{0%{opacity:0;transform:translate(-50%,-50%) scale(1)}30%{opacity:.4}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@keyframes auroraParticle{0%{opacity:0;transform:translate(-50%,-50%) translate(0)}20%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%) translate(var(--dx, 0px),var(--dy, -40px))}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7fe0c41a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#7fe0c433}@media(max-width:960px){.work-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:640px){.work-grid{grid-template-columns:1fr!important}}.brand-creative-page{min-height:100vh;background:#f4f6f8;color:#151a21;padding:28px 16px 40px}.brand-creative-container{max-width:1040px;margin:0 auto}.brand-creative-container h1{margin:0;font-size:clamp(1.8rem,3.5vw,2.4rem);line-height:1.2}.brand-creative-subtitle{margin:10px 0 0;max-width:780px;color:#4a5565}.brand-picker{margin-top:20px;display:grid;gap:10px}.brand-button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-button{border:1px solid #cfd6df;background:#fff;color:#2a3240;border-radius:10px;padding:11px 14px;text-align:left;font-weight:600;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.brand-button:hover{transform:translateY(-1px)}.brand-button.active{border-color:var(--brand-primary);box-shadow:inset 0 0 0 1px var(--brand-secondary)}.production-input{border:1px solid #d8dfe7;border-radius:10px;background:#eef1f5;color:#7b8796;padding:10px 14px}.production-input::placeholder{color:#7b8796}.mock-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}.mock-card{background:#fff;border:1px solid #d7dde5;border-radius:14px;padding:14px}.label{margin:0;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;color:#6a7584;font-weight:700}.inbox-header{margin-top:10px;display:flex;justify-content:space-between;font-size:.76rem;color:#687486;border-bottom:1px solid #e4e9ef;padding-bottom:7px}.inbox-dot{color:#93a0b2}.subject-line{margin:10px 0 0;font-weight:700;color:#1a2230}.preheader-text{margin:5px 0 0;font-size:.9rem;color:#4a5565}.email-hero-module{margin-top:12px;border-radius:12px;padding:14px;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1c}.hero-brand,.hero-offer{margin:0}.hero-brand{font-weight:700;letter-spacing:.01em}.hero-offer{margin-top:3px;font-size:1.02rem;font-weight:700}.hero-headline{margin:8px 0 0;font-size:1.15rem;line-height:1.3;max-width:34ch}.hero-chip-row{margin-top:10px;display:flex;gap:7px;flex-wrap:wrap}.hero-chip{background:#ffffff26;border:1px solid #ffffff52;border-radius:999px;padding:4px 9px;font-size:.77rem;font-weight:600}.primary-cta,.activate-cta{margin-top:11px;border-radius:9px;padding:9px 12px;font-weight:700;border:1px solid transparent;cursor:pointer}.primary-cta{background:#fff;color:#1e2736}.email-copy{margin:11px 0 0;color:#3b4654;line-height:1.45}.toast-mock{background:#f9fafc}.browser-shell{margin-top:10px;border:1px solid #dbe2eb;border-radius:12px;background:#fff;overflow:hidden}.browser-context{margin:0;font-size:.8rem;color:#586577;padding:8px 10px;border-bottom:1px solid #e6ebf2;background:#f4f7fb}.toast-stage{min-height:182px;padding:12px;display:grid;place-items:center}.toast-surface{border:1px solid;background:#fff;border-radius:11px;padding:12px;width:100%;max-width:260px}.toast-brand,.toast-offer,.toast-copy,.toast-signal{margin:0}.toast-brand{font-size:.92rem;font-weight:700}.toast-offer{margin-top:5px;font-size:1.15rem;font-weight:700}.toast-copy{margin-top:6px;color:#3d4856;font-size:.91rem}.toast-signal{margin-top:8px;font-size:.78rem;color:#5d6a7b}.activate-cta{width:100%;color:#fff}.upsell-card{margin-top:14px;background:#fff;border:1px solid #d7dde5;border-radius:14px;padding:14px;box-shadow:0 1px #eaf0f6}.upsell-grid{margin-top:10px;display:grid;gap:12px}.upsell-grid p{margin:0;color:#364252;line-height:1.45}.upsell-kicker{color:#1d2735!important;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700;margin-bottom:4px!important}.demo-note{margin:14px 0 0;color:#556173;font-size:.9rem}@media(min-width:768px){.brand-creative-page{padding:34px 28px 48px}.brand-button-row{grid-template-columns:repeat(4,minmax(0,1fr))}.mock-grid{grid-template-columns:1.35fr .95fr;align-items:start}.upsell-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}