/* Premium accents for the 1.4.2 public release. */
.release-badge { position:relative; display:flex; align-items:center; gap:13px; width:max-content; max-width:100%; margin-top:18px; padding:10px 14px 10px 11px; overflow:hidden; border:1px solid #6b371c; border-radius:14px; background:linear-gradient(105deg,#17100cdd,#101216dd 60%,#1c100add); box-shadow:0 16px 40px #0006,inset 0 1px #ffffff0b; transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease; }
.release-badge::before { content:""; position:absolute; inset:0; transform:translateX(-120%); background:linear-gradient(100deg,transparent,#ff7a0014,transparent); animation:releaseSweep 5s ease-in-out infinite; }
.release-badge:hover { transform:translateY(-3px); border-color:#ff721f; box-shadow:0 18px 48px #0009,0 0 28px #ff61001b; }
.release-badge__spark { position:relative; width:34px; height:34px; flex:0 0 auto; border:1px solid #ff6a25; border-radius:11px; background:radial-gradient(circle at 35% 30%,#ffaf45,#ff6200 35%,#401507 70%); box-shadow:0 0 20px #ff60004d; }
.release-badge__spark::before,.release-badge__spark::after { content:""; position:absolute; inset:50%; width:13px; height:2px; border-radius:4px; background:#fff; box-shadow:0 0 10px #fff; transform:translate(-50%,-50%); }
.release-badge__spark::after { transform:translate(-50%,-50%) rotate(90deg); }
.release-badge span:nth-child(2) { display:flex; flex-direction:column; line-height:1.3; }
.release-badge strong { font-size:11px; letter-spacing:.12em; }
.release-badge small { color:#8f96a2; font-size:10px; }
.release-badge>b { margin-left:auto; color:var(--orange); font-size:17px; }
.app-window { transition:filter .45s ease; }
.app-window::before { content:""; position:absolute; z-index:-2; inset:-18px; border-radius:25px; background:conic-gradient(from 0deg,transparent 0 34%,#ff650048 43%,#ff9b364f 50%,transparent 61% 100%); filter:blur(12px); animation:appAura 9s linear infinite; pointer-events:none; }
.app-window:hover { filter:drop-shadow(0 46px 75px #000) drop-shadow(0 0 28px #ff61002a); }
.shot-stage::after { content:""; position:absolute; width:min(530px,92vw); height:min(590px,120vw); border:1px solid #ff660021; border-radius:42px; box-shadow:0 0 0 22px #ff650007,0 0 80px #ff650018; animation:shotBreath 4.2s ease-in-out infinite; pointer-events:none; }
@keyframes releaseSweep { 0%,58% { transform:translateX(-120%); } 82%,100% { transform:translateX(120%); } }
@keyframes appAura { to { transform:rotate(360deg); } }
@keyframes shotBreath { 0%,100% { transform:scale(.98); opacity:.45; } 50% { transform:scale(1.02); opacity:1; } }
@media (max-width:1050px) { .release-badge { margin-inline:auto; } }
@media (max-width:680px) { .hero { grid-template-columns:minmax(0,1fr); } .hero-copy { min-width:0; } .hero h1 { max-width:100%; font-size:36px; line-height:.94; letter-spacing:-.06em; } .release-badge { width:100%; text-align:left; } .release-badge small { font-size:9px; } .app-window::before { inset:-10px; } .shot-stage::after { width:90vw; height:108vw; } }
@media (prefers-reduced-motion:reduce) { .release-badge::before,.app-window::before,.shot-stage::after { animation:none; } }
