/* TRY IT LIVE band (bright theme, 2026-11-10). Loaded only where shared/try-it-live.php is included.
   No transform/filter/z-index on the section wrapper: it must never trap the header menu. */
.ae-try{position:relative;padding:72px 0;background:radial-gradient(700px 360px at 90% 0%,rgba(124,58,237,.14),transparent 65%),radial-gradient(700px 360px at 0% 100%,rgba(34,199,255,.18),transparent 65%),linear-gradient(180deg,#eef3ff 0%,#f7f9ff 100%);border-top:1px solid var(--ae-line,#dbe3f6);border-bottom:1px solid var(--ae-line,#dbe3f6);color:var(--ae-ink,#101a3d);overflow:hidden}
.ae-try-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center}
.ae-try-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;padding:5px 12px;border-radius:999px;background:#fff;border:1px solid var(--ae-line,#dbe3f6);color:#6d32e0;font-size:14px;font-weight:800;letter-spacing:.02em}
.ae-try h2{font-family:'Anton','Impact','Arial Narrow',sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(64px,8.4vw,124px);line-height:1.02;letter-spacing:-.005em;margin:0 0 14px;color:var(--ae-navy,#0b1650)}
.ae-try-lead{font-size:18px;line-height:1.6;color:var(--ae-muted,#4a5578);margin:0 0 26px;max-width:46ch}
.ae-try .ae-try-cta{display:inline-flex;align-items:center;gap:10px;min-height:60px;padding:16px 32px;border:0;border-radius:999px;background:var(--ae-grad-fire,linear-gradient(135deg,#ffc21a 0%,#ff7a1a 100%));color:var(--ae-ink,#101a3d);font-size:18px;font-weight:800;box-shadow:0 12px 28px rgba(255,122,26,.32);transition:transform .15s,box-shadow .15s}
.ae-try .ae-try-cta:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(255,122,26,.4);color:var(--ae-ink,#101a3d)}
.ae-try .ae-try-cta:focus-visible{outline:3px solid var(--ae-electric,#2f6bff);outline-offset:4px}
.ae-try-scene{position:relative;padding:0 64px 34px 0}
.ae-try-scene:before{content:'';position:absolute;left:8%;right:14%;top:12%;bottom:4%;border-radius:50%;background:radial-gradient(closest-side,rgba(47,107,255,.28),transparent);pointer-events:none}
.ae-try-tv{position:relative;padding:8px 8px 16px;border-radius:14px;background:linear-gradient(180deg,#25262b,#0d0e11);box-shadow:0 0 0 1px #2a3150,0 26px 54px rgba(16,32,96,.32),0 8px 16px rgba(16,32,96,.16)}
.ae-try-tv:after{content:'';position:absolute;left:50%;bottom:5px;width:42px;height:4px;transform:translateX(-50%);border-radius:2px;background:#3a3c44}
.ae-try-screen{position:relative;aspect-ratio:16/9;overflow:hidden;background:#06070c;border-radius:4px;container-type:inline-size}
.ae-try-panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 7cqw;opacity:0;animation:ae-try-swap 12s infinite}
.ae-try-panel.is-photo{padding:0}
.ae-try-panel.is-photo img{display:block;width:100%;height:100%;object-fit:cover;max-width:none}
.ae-try-panel small{font-size:clamp(11px,3.1cqw,20px);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.ae-try-panel b{font-family:'Anton','Impact',sans-serif;font-weight:400;text-transform:uppercase;font-size:12cqw;line-height:1.08}
.ae-try-panel.is-a{opacity:1;animation-name:ae-try-first}
.ae-try-panel.is-b{background:radial-gradient(ellipse at 20% 0,#1d3a8a,transparent 55%),radial-gradient(ellipse at 90% 80%,#4a1f8f,transparent 50%),#0b1650;color:#61e4ff;animation-delay:4s}
.ae-try-panel.is-c{animation-delay:8s}
@keyframes ae-try-swap{0%{opacity:0}4%,33%{opacity:1}37%,100%{opacity:0}}
@keyframes ae-try-first{0%,33%{opacity:1}37%,96%{opacity:0}100%{opacity:1}}
/* Phone: realistic ~9:19.5 proportions with a dynamic island. Inner sizes use cqw of the
   phone itself (it is the container), so never put cqw on the phone's own box. */
.ae-try-phone{position:absolute;right:0;bottom:0;display:flex;flex-direction:column;width:clamp(92px,21%,132px);aspect-ratio:9/19.5;padding:0;border-radius:clamp(18px,22%,28px);background:#0c0f1e;box-shadow:0 0 0 5px #1b2140,0 0 0 6px #4a5578,0 22px 44px rgba(16,32,96,.42);container-type:inline-size}
.ae-try-phone i{position:absolute;left:50%;top:7cqw;width:34cqw;height:9cqw;transform:translateX(-50%);border-radius:99px;background:#000}
.ae-try-phone p{margin:32cqw 9cqw 0;color:#fff;font-size:10cqw;font-weight:800;line-height:1.2;letter-spacing:.02em}
.ae-try-phone span{position:relative;display:block;flex:none;height:26cqw;margin:7cqw 8cqw 0;border-radius:6cqw;background:#20243a;border:1px solid #454a66;animation:ae-try-tap 12s infinite}
.ae-try-phone span:before{content:'';position:absolute;left:8cqw;top:50%;width:14cqw;height:14cqw;transform:translateY(-50%);border-radius:3cqw;background:#ffc21a}
.ae-try-phone span:after{content:'';position:absolute;left:30cqw;right:8cqw;top:50%;height:5cqw;transform:translateY(-50%);border-radius:3px;background:#5a6080}
.ae-try-phone span.is-b{animation-delay:4s}.ae-try-phone span.is-b:before{background:#22c7ff}
.ae-try-phone span.is-c{animation-delay:8s}.ae-try-phone span.is-c:before{background:#ff7a1a}
.ae-try-phone em{display:block;flex:none;height:22cqw;margin:auto 8cqw 12cqw;border-radius:6cqw;background:var(--ae-grad-fire,linear-gradient(135deg,#ffc21a,#ff7a1a))}
@keyframes ae-try-tap{0%,3%{border-color:#ffc21a;box-shadow:0 0 0 2px #ffc21a}12%,100%{border-color:#454a66;box-shadow:none}}
.ae-try-points{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:48px 0 0;padding:0;list-style:none}
.ae-try-points li{padding:20px 18px;border:1px solid var(--ae-line,#dbe3f6);border-radius:var(--ae-radius,18px);background:#fff;box-shadow:0 6px 18px rgba(16,32,96,.07);transition:transform .2s,box-shadow .2s}
.ae-try-points li:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(16,32,96,.12)}
.ae-try-points .ae-icon{display:block;width:30px;height:30px;color:var(--ae-blue,#1d4ed8);margin-bottom:10px}
.ae-try-points strong{display:block;font-size:16px;font-weight:800;line-height:1.25;margin-bottom:5px;color:var(--ae-ink,#101a3d)}
.ae-try-points span{display:block;font-size:14px;line-height:1.5;color:var(--ae-muted,#4a5578)}
@media(max-width:1023px){.ae-try-grid{gap:36px}.ae-try-points{grid-template-columns:repeat(2,minmax(0,1fr))}.ae-try-points li:last-child{grid-column:1/-1}}
@media(max-width:760px){.ae-try{padding:52px 0}.ae-try-grid{grid-template-columns:1fr;gap:30px}.ae-try-copy{text-align:center}.ae-try-lead{margin-left:auto;margin-right:auto}.ae-try .ae-try-cta{width:100%;justify-content:center}.ae-try-scene{padding:0 48px 26px 0}}
@media(max-width:480px){.ae-try-points{grid-template-columns:1fr;gap:10px;margin-top:30px}.ae-try-points li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:0 12px;padding:14px 16px}.ae-try-points .ae-icon{grid-row:1/span 2;margin:2px 0 0}.ae-try-phone{width:84px}}
@media(prefers-reduced-motion:reduce){.ae-try-panel,.ae-try-phone span{animation:none}.ae-try-panel.is-b,.ae-try-panel.is-c{opacity:0}.ae-try-points li,.ae-try .ae-try-cta{transition:none}.ae-try-points li:hover,.ae-try .ae-try-cta:hover{transform:none}}