/* AMM 385 Visual Attention Rhythm: small, isolated, CSS-first. No external scripts. */
.amm385{--a385-cyan:#82deff;--a385-violet:#a996ff;--a385-mint:#87f4dd;--a385-top:#172646;--a385-bottom:#09142a;position:relative;box-sizing:border-box;isolation:isolate;overflow:hidden;width:min(1120px,calc(100% - 32px));margin:28px auto;padding:clamp(18px,3vw,30px);border:1px solid rgba(144,195,255,.27);border-radius:26px;background:radial-gradient(ellipse at 83% 12%,rgba(120,91,243,.18),transparent 55%),linear-gradient(145deg,var(--a385-top),var(--a385-bottom));color:#edf6ff;font-family:inherit;box-shadow:0 22px 75px rgba(0,5,17,.18)}
.amm385 *{box-sizing:border-box}.amm385 a{color:inherit}.amm385 button{font:inherit}.amm385 button:focus-visible,.amm385 a:focus-visible{outline:3px solid #8ff3ff;outline-offset:3px}.amm385:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(165,183,255,.035) 48%,transparent 72%);opacity:.7}
.amm385-header{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:15px;position:relative;z-index:1}.amm385-kicker{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#a9deff}.amm385-heading{font-size:clamp(23px,3.1vw,34px);line-height:1.14;letter-spacing:-.04em;margin:7px 0;color:#fff;font-weight:850;max-width:680px}.amm385-lede{color:#c8d6ec;font-size:clamp(13px,1.5vw,15px);line-height:1.55;margin:4px 0 0;max-width:730px}.amm385-pause{flex:0 0 auto;appearance:none;cursor:pointer;border:1px solid #4a5a81;background:#141f3b;border-radius:999px;padding:8px 10px;min-height:37px;color:#b9cbe8;font-size:12px}.amm385-pause:hover{border-color:#a9c9ff;color:#fff}
.amm385-body{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(240px,.78fr);gap:16px;align-items:stretch;position:relative;z-index:1}.amm385-visual{position:relative;min-height:184px;overflow:hidden;border:1px solid rgba(125,196,255,.2);border-radius:20px;background:radial-gradient(circle at 50% 40%,rgba(112,116,252,.15),transparent 56%),linear-gradient(160deg,#0a1630,#0c1830)}
.amm385-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(132,172,235,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(132,172,235,.06) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.amm385-visual-label{position:absolute;top:12px;left:14px;font-size:9px;letter-spacing:.16em;font-weight:750;color:#c9e6ff;z-index:2}
.amm385-halo{position:absolute;width:190px;height:190px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(174,189,253,.38);border-radius:50%;box-shadow:0 0 28px rgba(96,135,248,.11),inset 0 0 30px rgba(86,147,249,.09)}.amm385-halo:before,.amm385-halo:after{content:"";position:absolute;inset:17px;border:1px dashed rgba(141,204,255,.26);border-radius:50%}.amm385-halo:after{inset:-12px;border-color:rgba(145,217,255,.15)}.amm385-ring-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--a385-mint);top:7px;left:40%;box-shadow:0 0 16px var(--a385-mint)}.amm385[data-visible="true"]:not([data-paused="true"]) .amm385-ring-dot{animation:amm385-orbit 12s linear infinite;transform-origin:32px 88px}
.amm385-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:110px;min-height:96px;display:grid;place-content:center;text-align:center;border-radius:20px;border:1px solid rgba(135,193,255,.5);background:linear-gradient(155deg,#1c2b55,#101f3c);box-shadow:0 0 35px rgba(106,139,234,.25)}.amm385-center strong{font-size:22px;font-weight:850;letter-spacing:-.06em}.amm385-center span{font-size:9px;letter-spacing:.17em;font-weight:750;color:#8ee9ff}.amm385-center-signal{margin:8px auto 0;display:flex;align-items:center;justify-content:center;gap:3px;height:21px}.amm385-center-signal i{display:block;width:3px;height:var(--hh,9px);background:linear-gradient(#ad9cff,#88f3f6);border-radius:3px;opacity:.8}.amm385[data-visible="true"]:not([data-paused="true"]) .amm385-center-signal i{animation:amm385-breathe calc(1.5s + var(--d,0s)) ease-in-out infinite alternate}
.amm385-side-label{position:absolute;font-size:9px;letter-spacing:.13em;font-weight:750;color:#a9d4ec;padding:8px;background:rgba(10,22,45,.9);border:1px solid rgba(132,199,255,.27);border-radius:8px}.amm385-side-label.left{left:14px;bottom:14px}.amm385-side-label.right{right:14px;bottom:14px}.amm385-signal-line{position:absolute;left:9%;right:9%;height:2px;top:50%;background:linear-gradient(90deg,transparent,#8ea8f7 32%,#a4e3fa 68%,transparent);opacity:.35}.amm385[data-visible="true"]:not([data-paused="true"]) .amm385-signal-line:after{content:"";position:absolute;top:-2px;width:22%;height:6px;background:linear-gradient(90deg,transparent,#b8f8fd,transparent);filter:blur(2px);animation:amm385-flow 6s ease-in-out infinite alternate}
.amm385-controls{display:grid;gap:8px;align-content:start}.amm385-option{min-width:0;display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:47px;cursor:pointer;text-align:left;padding:10px 13px;border-radius:13px;background:rgba(23,36,64,.65);color:#c8d9f5;border:1px solid rgba(133,182,255,.2);transition:border-color .18s,background .18s,transform .18s}.amm385-option b{font-size:13px;line-height:1.3}.amm385-option small{font-size:10px;color:#a8ccdf;font-weight:750;letter-spacing:.08em}.amm385-option:hover{background:rgba(41,58,97,.85);border-color:rgba(154,216,255,.7)}.amm385-option[aria-pressed="true"]{color:#fff;border-color:#91e7f4;background:linear-gradient(105deg,rgba(90,143,223,.26),rgba(124,83,199,.24));box-shadow:inset 3px 0 #8ef3ee}.amm385-option[aria-pressed="true"] small{color:#a7fff1}
.amm385-response{padding:10px 12px 12px;border:1px solid rgba(138,186,255,.16);border-radius:13px;background:rgba(7,18,38,.4)}.amm385-response strong{font-size:14px;color:#fff;display:block}.amm385-response p{color:#c2d3ed;font-size:12px;line-height:1.5;margin:5px 0 9px}.amm385-response a{font-size:12px;font-weight:800;color:#97ecff;text-decoration:none;border-bottom:1px solid rgba(139,219,253,.4);padding-bottom:3px}.amm385-response a:hover{color:#fff}
.amm385-fineprint{font-size:10px;line-height:1.5;color:#99aec8;margin:12px 0 0;position:relative;z-index:1}
/* Workflow frames, a storyboard and progress checkpoints instead of decorative motion. */
.amm385-frame-grid{position:absolute;inset:45px 12px 24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;align-items:stretch}.amm385-frame{border:1px solid rgba(130,192,255,.24);background:linear-gradient(150deg,rgba(109,122,226,.19),rgba(5,17,42,.25));border-radius:13px;min-width:0;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;position:relative}.amm385-frame span{font-size:clamp(9px,1.2vw,12px);font-weight:750;color:#d6eaff}.amm385-frame em{font-style:normal;color:#a4e8ff;font-size:12px}.amm385-frame:nth-child(2){background:linear-gradient(150deg,rgba(55,176,212,.19),rgba(5,17,42,.25))}.amm385-frame:nth-child(3){background:linear-gradient(150deg,rgba(146,95,218,.19),rgba(5,17,42,.25))}
.amm385-frame:after{content:"";position:absolute;bottom:5px;left:10px;right:10px;height:2px;border-radius:3px;background:rgba(160,191,243,.23)}.amm385-frame.current{border-color:rgba(135,244,241,.82);box-shadow:inset 0 0 26px rgba(116,204,237,.13)}.amm385-frame.current:after{background:#82f7e9;box-shadow:0 0 9px #82f7e9}
.amm385-rights-grid{position:absolute;inset:50px 15px 25px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.amm385-rights-rail{position:relative;border:1px solid rgba(143,196,254,.32);border-radius:14px;background:linear-gradient(160deg,rgba(46,60,110,.4),rgba(9,20,46,.3));padding:16px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.amm385-rights-rail b{font-size:15px;letter-spacing:-.02em}.amm385-rights-rail span{font-size:10px;color:#abcde4;line-height:1.35}.amm385-rights-rail:after{content:"";position:absolute;inset:-1px;border:1px solid transparent;border-radius:14px;pointer-events:none}.amm385[data-active="0"] .amm385-rights-rail:first-child:after,.amm385[data-active="1"] .amm385-rights-rail:nth-child(2):after{border-color:#93eaff;box-shadow:0 0 22px rgba(102,209,237,.18)}.amm385-rights-dot{display:block;width:16px;height:16px;border:2px solid #a2d9fe;border-radius:50%;box-shadow:0 0 12px rgba(137,189,248,.5)}.amm385[data-visible="true"]:not([data-paused="true"]) .amm385-rights-dot{animation:amm385-glow 3s ease-in-out infinite alternate}.amm385-rights-hold{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:9px;color:#a5bad6;background:rgba(9,18,38,.88);padding:6px 2px}
.amm385-palette-stage{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 58% 55%,rgba(156,119,231,.33),transparent 46%),linear-gradient(150deg,#0b1731,#1c2358);transition:background .5s ease}.amm385[data-active="1"] .amm385-palette-stage{background:radial-gradient(circle at 60% 55%,rgba(103,222,204,.3),transparent 48%),linear-gradient(135deg,#081f34,#1a3761)}.amm385[data-active="2"] .amm385-palette-stage{background:radial-gradient(circle at 60% 55%,rgba(250,163,144,.24),transparent 48%),linear-gradient(135deg,#261a37,#142747)}.amm385-palette-disc{height:122px;width:122px;border-radius:50%;border:1px solid rgba(255,255,255,.23);box-shadow:0 0 55px rgba(133,126,245,.24),inset 0 0 26px rgba(208,187,255,.14);display:flex;align-items:center;justify-content:center;gap:4px}.amm385-palette-disc i{width:5px;height:var(--hh);border-radius:9px;background:linear-gradient(#f5f4ff,#68dbea);opacity:.84}.amm385[data-visible="true"]:not([data-paused="true"]) .amm385-palette-disc i{animation:amm385-breathe calc(1.6s + var(--d)) ease-in-out infinite alternate}.amm385-palette-caption{position:absolute;bottom:16px;left:16px;font-size:11px;font-weight:800;letter-spacing:.12em;color:#d8e7ff}.amm385-palette-dot{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(146,216,250,.23) 1px,transparent 2px);background-size:23px 23px;mask-image:linear-gradient(to bottom,transparent,black)}
@keyframes amm385-orbit{to{transform:rotate(360deg)}}@keyframes amm385-breathe{to{transform:scaleY(.45);opacity:.55}}@keyframes amm385-flow{from{left:0}to{left:82%}}@keyframes amm385-glow{to{box-shadow:0 0 22px rgba(137,249,248,.7);border-color:#91f9f0}}
@media(max-width:700px){.amm385{width:calc(100% - 24px);margin:18px auto;padding:17px;border-radius:19px}.amm385-header{gap:8px}.amm385-pause{min-height:35px;font-size:10px;padding:7px}.amm385-body{grid-template-columns:minmax(0,1fr);gap:12px}.amm385-visual{min-height:160px}.amm385-heading{font-size:clamp(23px,7vw,29px)}.amm385-lede{font-size:13px}.amm385-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.amm385-option{display:grid;gap:4px;min-height:65px;padding:8px}.amm385-option b{font-size:11px;overflow-wrap:break-word}.amm385-option small{font-size:9px}.amm385-response{grid-column:1/-1}.amm385-frame-grid{inset:39px 8px 19px;gap:5px}.amm385-frame span{font-size:9px}.amm385-frame em{font-size:10px}.amm385-rights-grid{inset:42px 10px 22px}.amm385-rights-rail{padding:8px 5px}.amm385-rights-rail b{font-size:13px}.amm385-side-label{font-size:8px}.amm385-halo{width:155px;height:155px}.amm385-fineprint{font-size:10px}}
@media(max-width:370px){.amm385-controls{grid-template-columns:1fr}.amm385-option{display:flex;min-height:40px}.amm385-heading{font-size:22px}.amm385-visual{min-height:150px}}
@media(prefers-reduced-motion:reduce){.amm385 *, .amm385 *:before, .amm385 *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.amm385[data-paused="true"] *, .amm385[data-paused="true"] *:before,.amm385[data-paused="true"] *:after{animation-play-state:paused!important}
