.experiments-section { padding:96px 0 110px; background:var(--tint); }
.experiment-empty { position:relative; overflow:hidden; max-width:900px; margin:50px auto 0; padding:60px 44px; border:1px solid var(--line); border-radius:30px; background:white; text-align:center; box-shadow:var(--shadow); }
.experiment-mark { display:flex; height:68px; width:90px; align-items:flex-end; justify-content:center; gap:9px; margin:0 auto 28px; }
.experiment-mark span { display:block; width:17px; border-radius:7px; background:linear-gradient(var(--cyan),var(--blue)); }
.experiment-mark span:nth-child(1) { height:30px; opacity:.45; }.experiment-mark span:nth-child(2) { height:65px; }.experiment-mark span:nth-child(3) { height:46px; opacity:.7; }
.experiment-status { display:inline-block; margin:0 0 20px; padding:6px 14px; border-radius:99px; background:#e8f5ff; color:var(--blue); font-size:.76rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.experiment-empty h3 { margin:0 0 18px; font-size:clamp(1.75rem,3.4vw,2.5rem); line-height:1.2; color:var(--navy); letter-spacing:-.04em; }
.experiment-empty>p:not(.experiment-status) { max-width:590px; margin:0 auto 28px; color:var(--muted); }
.experiment-link { display:inline-flex; align-items:center; gap:14px; padding:14px 23px; border-radius:12px; background:linear-gradient(110deg,var(--blue),var(--cyan)); color:white; text-decoration:none; font-weight:800; }
.experiment-link:hover { background:var(--blue); }.experiment-link:focus-visible { outline:3px solid var(--navy); outline-offset:4px; }
@media(max-width:980px) { .nav-shell { flex-wrap:wrap; padding:14px 0; }.nav-links { display:flex; order:3; width:100%; margin:0; overflow-x:auto; justify-content:flex-start; gap:22px; padding:7px 0; }.nav-links a { flex-shrink:0; } }
@media(max-width:680px) { .experiments-section { padding:60px 0; }.experiment-empty { padding:40px 24px; margin-top:32px; }.experiment-link { justify-content:center; width:100%; } }