.interactive-demo-section{margin:2.5rem 0 3rem;padding:2rem;border-radius:var(--radius-lg,16px);border:1px solid rgba(27,113,122,0.14);background:linear-gradient(145deg,rgba(255,255,255,0.98),rgba(240,252,250,0.65));box-shadow:0 18px 48px rgba(15,23,42,0.06);}.interactive-demo-section__eyebrow{display:inline-block;font-size:0.72rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--secondary,#0c9c76);margin-bottom:0.5rem;}.interactive-demo-section__title{font-size:clamp(1.35rem,2.5vw,1.75rem);margin:0 0 0.75rem;color:var(--text-dark,#0d1b2a);}.interactive-demo-section__blurb{margin:0 0 1rem;color:var(--text-muted,#475569);line-height:1.65;max-width:52rem;}.interactive-demo-hints{display:flex;flex-wrap:wrap;gap:0.5rem;margin:0 0 1.5rem;padding:0;list-style:none;}.interactive-demo-hints__pill{font-size:0.78rem;font-weight:600;padding:0.35rem 0.75rem;border-radius:999px;background:rgba(27,113,122,0.08);color:var(--primary,#1b717a);border:1px solid rgba(27,113,122,0.15);}.interactive-demo-shell{border-radius:12px;overflow:hidden;border:1px solid rgba(15,23,42,0.1);background:#0d1b2a;}.interactive-demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:0.75rem 1rem;background:#145960;border-bottom:1px solid rgba(255,255,255,0.08);}.interactive-demo-toolbar__label{font-size:0.85rem;font-weight:600;color:rgba(255,255,255,0.88);}.interactive-demo-toolbar__actions{display:flex;gap:0.5rem;flex-wrap:wrap;}.interactive-demo-btn{display:inline-flex;align-items:center;gap:0.4rem;padding:0.45rem 0.85rem;border-radius:8px;font-size:0.8rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background 0.2s ease,border-color 0.2s ease,transform 0.15s ease;}.interactive-demo-btn:active{transform:scale(0.98);}.interactive-demo-btn--ghost{background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.9);border-color:rgba(255,255,255,0.12);}.interactive-demo-btn--ghost:hover{background:rgba(255,255,255,0.12);}.interactive-demo-btn--primary{background:var(--secondary,#0c9c76);color:#fff;}.interactive-demo-btn--primary:hover{filter:brightness(1.08);}.interactive-demo-frame-wrap{position:relative;min-height:520px;background:#0d1b2a;}.interactive-demo-frame{display:block;width:100%;height:min(72vh,640px);min-height:520px;border:0;background:#0d1b2a;}.interactive-demo-frame-wrap.is-loaded .interactive-demo-frame__loader{opacity:0;pointer-events:none;}.interactive-demo-frame__loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;color:rgba(255,255,255,0.65);font-size:0.85rem;transition:opacity 0.25s ease;background:#0d1b2a;}.interactive-demo-frame__spinner{width:28px;height:28px;border:2px solid rgba(255,255,255,0.15);border-top-color:var(--accent,#14d9a4);border-radius:50%;animation:interactive-demo-spin 0.8s linear infinite;}@keyframes interactive-demo-spin{to{transform:rotate(360deg);}}.interactive-demo-footnote{margin:0;padding:0.75rem 1rem 1rem;font-size:0.78rem;color:rgba(255,255,255,0.5);background:#145960;}.interactive-demo-footnote a{color:var(--accent,#14d9a4);text-decoration:underline;}.interactive-demo-shell.is-fullscreen{position:fixed;inset:0;z-index:9999;border-radius:0;display:flex;flex-direction:column;}.interactive-demo-shell.is-fullscreen .interactive-demo-frame-wrap{flex:1;min-height:0;}.interactive-demo-shell.is-fullscreen .interactive-demo-frame{height:100%;min-height:0;max-height:none;}@media (max-width:640px){.interactive-demo-section{padding:1.25rem;margin:2rem 0;}.interactive-demo-frame{min-height:420px;height:58vh;}}@media (prefers-reduced-motion:reduce){.interactive-demo-frame__spinner{animation:none;border-top-color:rgba(255,255,255,0.35);}}