
/* Audio Motion Music 2.27.64 — Public Creative Studio 3.1
   Public root only, no changes to client/admin rights, API calls or private playback.
   Intentional final overrides of earlier public page design revisions. */
#home.hero{isolation:isolate;position:relative}
#home.hero::before{content:"";position:absolute;pointer-events:none;inset:0 0 auto 0;height:760px;z-index:-1;background:radial-gradient(ellipse at 76% 10%,rgba(104,71,197,.16),transparent 52%),radial-gradient(ellipse at 1% 60%,rgba(53,131,171,.12),transparent 62%)}
#home .amm-v3-kicker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;font-weight:850;letter-spacing:.15em;color:#9edaff;line-height:1.3}
#home .amm-v3-pulse,.amm-v3-signal-head i{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:#8fe4ff;box-shadow:0 0 0 4px rgba(122,204,243,.13),0 0 13px rgba(117,219,255,.64)}
#home .amm-v3-release{font-size:9px;font-weight:800;letter-spacing:.10em;border:1px solid rgba(189,162,253,.30);border-radius:100px;padding:4px 8px;color:#d6c1ff;background:rgba(113,86,169,.14)}
#home.hero h1{font-weight:880;letter-spacing:-.067em;line-height:.98}
#home.hero h1 span{background:linear-gradient(105deg,#e1ceff 8%,#abcbff 59%,#70e1f9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
#home .amm-v3-actions a{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
#home .amm-v3-actions a span{font-weight:500;font-size:19px;opacity:.76}
#home .amm-v3-signal{position:relative;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;width:100%;max-width:650px;min-height:230px;text-decoration:none;color:#f4f7ff;border:1px solid rgba(181,193,255,.31);border-radius:24px;background:radial-gradient(ellipse at 16% 96%,rgba(79,131,201,.21),transparent 60%),radial-gradient(ellipse at 87% 7%,rgba(137,83,229,.29),transparent 55%),linear-gradient(145deg,#17213a,#0a1323 72%,#101123);box-shadow:0 22px 60px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.1);padding:19px 22px 18px;transition:transform .22s,border-color .22s,box-shadow .22s}
#home .amm-v3-signal::after{content:"";position:absolute;inset:auto -15% -85% 10%;height:170px;border-radius:50%;background:#a57aff;filter:blur(75px);opacity:.15;z-index:-1;pointer-events:none}
#home .amm-v3-signal:hover,#home .amm-v3-signal:focus-visible{transform:translateY(-3px);border-color:rgba(195,190,255,.65);box-shadow:0 24px 68px #0007,0 0 50px #825bc61f}
#home .amm-v3-signal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;font-weight:800;letter-spacing:.14em;color:#bac8e8}
#home .amm-v3-signal-head>span:first-child{display:flex;align-items:center;gap:9px}
#home .amm-v3-signal-head i{width:6px;height:6px}
#home .amm-v3-signal-main{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;align-items:center;min-height:128px}
#home .amm-v3-signal-art{display:grid;place-items:center;width:96px;height:96px;border:1px solid #9aaff04b;border-radius:21px;background:linear-gradient(135deg,#29334f,#10182c);box-shadow:0 14px 30px #0005,inset 0 1px #ffffff1b;transform:rotate(-6deg)}
#home .amm-v3-signal-art img{width:84%;height:84%;object-fit:contain;filter:drop-shadow(0 0 8px #78c5ff48)}
#home .amm-v3-signal-wave{height:92px;display:flex;align-items:center;justify-content:center;gap:4px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
#home .amm-v3-signal-wave b{width:5px;height:calc(80px * var(--n));flex:1 1 5px;max-width:9px;border-radius:50px;background:linear-gradient(0deg,#a289ed,#9bd8ff 65%,#dbf7ff);opacity:.88;box-shadow:0 0 12px #a78bf143;animation:amm-v3-wave 2.7s ease-in-out infinite;animation-delay:calc(-2s * var(--n))}
@keyframes amm-v3-wave{0%,100%{transform:scaleY(.68);opacity:.7}50%{transform:scaleY(1.13);opacity:1}}
#home .amm-v3-signal-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:12px;border-top:1px solid rgba(195,203,255,.12)}
#home .amm-v3-signal-foot>span:first-child{display:flex;flex-direction:column;gap:3px}
#home .amm-v3-signal-foot strong{font-size:18px;letter-spacing:-.025em}
#home .amm-v3-signal-foot small{font-size:11px;color:#b2bfd5;line-height:1.3}
#home .amm-v3-signal-arrow{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;flex:none;border:1px solid #cad0ff4f;background:#aec1ff1e;font-size:21px}
@media(min-width:821px){
 #home .amm-v3-signal{max-width:610px;margin-top:24px}
 #home .amm-v3-kicker{margin-bottom:19px}
 #home.hero h1{font-size:clamp(56px,6.4vw,105px);max-width:830px}
 #home .hero-actions{margin-top:30px}
}
@media(max-width:820px){
 /* Avoid a second enormous toolbar row. Keep navigation when it becomes usable. */
 body>.topbar:has(.amm-mobile-history){padding:calc(8px + env(safe-area-inset-top,0px)) 18px 9px!important;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:0;background:rgba(5,11,20,.95)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(153,180,242,.13)}
 body>.topbar .brand{gap:10px!important;min-width:0}
 body>.topbar .brand-logo-wrap{width:47px!important;height:47px!important;flex:0 0 47px!important}
 body>.topbar .brand-type{display:flex!important;flex-direction:column!important;gap:1px!important;min-width:0}
 body>.topbar .brand-type strong{font-size:11px!important;letter-spacing:.07em!important;white-space:nowrap!important}
 body>.topbar .brand-type small{font-size:10px!important;letter-spacing:.24em!important}
 body>.topbar .top-actions{display:flex!important;align-items:center;min-width:0}
 body>.topbar #headerAskAmm{font-size:12px!important;min-height:39px!important;padding:8px 12px!important;border-radius:13px!important;white-space:nowrap}
 body>.topbar .amm-mobile-history{display:flex;min-height:30px;padding:3px 0 0;gap:8px}
 body>.topbar .amm-mobile-history:has(.amm-history-btn:disabled:first-child):has(.amm-history-btn:disabled:nth-child(2)){display:none!important}
 .amm-mobile-history .amm-history-btn{min-height:30px!important;padding:4px 10px!important;font-size:12px!important;border-radius:9px!important}
 .amm-mobile-history .amm-history-btn svg{width:14px;height:14px}
 .amm-mobile-history .amm-history-context{font-size:10px}
 #home.hero{padding:21px 17px 30px!important;display:block!important;min-height:auto!important;max-width:100%!important}
 #home .hero-copy{width:100%!important;max-width:100%!important;padding:0!important}
 #home .amm-v3-kicker{font-size:10px!important;letter-spacing:.11em!important;gap:9px!important;margin:0 0 15px!important}
 #home .amm-v3-release{font-size:8px!important;letter-spacing:.04em!important;padding:3px 7px!important}
 #home.hero h1{font-size:clamp(41px,10vw,65px)!important;line-height:.99!important;letter-spacing:-.06em!important;margin:0!important;max-width:560px!important}
 #home .lede{font-size:clamp(14px,3.75vw,17px)!important;line-height:1.42!important;margin:15px 0 18px!important;color:#afbed0!important;max-width:540px!important}
 #home .hero-actions.amm-v3-actions{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;gap:9px!important;margin:0 0 18px!important}
 #home .hero-actions.amm-v3-actions a{min-width:0!important;min-height:47px!important;padding:9px 8px!important;font-size:clamp(12px,3.3vw,15px)!important;font-weight:800!important;border-radius:14px!important;white-space:nowrap!important;letter-spacing:-.015em!important}
 #home .hero-actions.amm-v3-actions a span{font-size:16px}
 #home .amm-v3-signal{margin:0!important;width:100%!important;max-width:none!important;min-height:185px!important;padding:13px 14px 14px!important;border-radius:20px!important}
 #home .amm-v3-signal-head{font-size:9px!important;letter-spacing:.07em!important}
 #home .amm-v3-signal-main{min-height:100px!important;grid-template-columns:83px minmax(0,1fr)!important;gap:10px!important}
 #home .amm-v3-signal-art{width:70px!important;height:70px!important;border-radius:18px!important}
 #home .amm-v3-signal-wave{height:75px!important;gap:3px!important}
 #home .amm-v3-signal-wave b{height:calc(68px * var(--n));max-width:7px}
 #home .amm-v3-signal-foot{padding-top:10px!important}
 #home .amm-v3-signal-foot strong{font-size:15px!important}
 #home .amm-v3-signal-foot small{font-size:10px!important}
 #home .amm-v3-signal-arrow{width:34px;height:34px;font-size:18px}
 #home .amm-install-spot{margin:12px 0 0!important;display:flex!important;gap:5px!important}
 #home #ammInstallBtn{min-height:36px!important;font-size:11px!important;padding:7px 11px!important;gap:7px!important;border-radius:11px!important}
 #home #ammInstallBtn svg{width:15px!important;height:15px!important}
 #home .amm-install-note{display:none!important}
 #home .trust-row{margin:14px 0 0!important;gap:5px!important;flex-wrap:wrap!important}
 #home .trust-row span{font-size:10px!important;min-height:24px!important;padding:4px 7px!important}
 #home .amm-sculpt-nav{display:none!important}
 #home .hero-visual{display:none!important}
 body .mobile-dock.amm-public-dock{left:14px!important;right:14px!important;bottom:calc(11px + env(safe-area-inset-bottom))!important;padding:4px 6px!important;border-radius:19px!important}
 body .amm-public-dock .amm-public-dock-link{min-height:54px!important;padding:3px 1px!important;gap:3px!important;border-radius:12px!important}
 body .amm-public-dock .amm-public-dock-icon{width:21px!important;height:21px!important}
 body .amm-public-dock .amm-public-dock-icon svg{width:20px!important;height:20px!important}
 body .amm-public-dock .amm-public-dock-label{font-size:10px!important;font-weight:700!important}
 body:has(.amm-public-dock){padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}
}
@media(max-width:360px){body>.topbar .brand-type strong{font-size:10px!important}#home .amm-v3-kicker{font-size:9px!important}#home.hero h1{font-size:clamp(37px,10.6vw,45px)!important}#home .hero-actions.amm-v3-actions a{font-size:11px!important}#home .amm-v3-signal-head{font-size:8px!important}}
@media(prefers-reduced-motion:reduce){#home .amm-v3-signal-wave b{animation:none}#home .amm-v3-signal{transition:none}}
