.trials{background:linear-gradient(180deg,#f2fafe,#fff);scroll-margin-top:88px}
.trials-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px}
.trials-heading h2{font:800 clamp(29px,4vw,46px)/1.16 var(--disp);letter-spacing:-1.4px;margin:12px 0 16px;color:var(--navy);max-width:650px}
.trials-heading h2 span{color:var(--sky-2)}
.trials-heading p{max-width:650px;color:var(--muted);font-size:16px;line-height:1.75}
.trials-video-link{flex:none;color:var(--muted);font-size:13px;padding:12px 0;text-decoration:none}
.trials-video-link span{display:flex;align-items:center;gap:7px;color:var(--navy);font-weight:800;font-size:15px;margin-top:4px}
.trials-video-link svg{width:20px;height:20px}
.trials-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.trials-filters{display:flex;gap:7px;flex-wrap:wrap}
.trials-filters[hidden],.trial-card[hidden]{display:none}
.trial-filter{font:700 13px var(--body);border:1px solid var(--line);border-radius:999px;color:var(--ink);background:white;padding:10px 19px;min-height:44px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.trial-filter:hover{border-color:var(--sky-2)}
.trial-filter[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:white;box-shadow:0 4px 14px #0a2a471b}
.trials-count{font:500 12px var(--mono);color:var(--muted)}
.trials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.trial-card{min-width:0;background:#0b2134;border:1px solid #0b2134;border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #0a2a4715;transition:transform .25s,box-shadow .25s,border-color .25s}
.trial-cover{position:relative;isolation:isolate;min-height:358px;padding:24px;display:flex;align-items:flex-end;background:#12344a;overflow:hidden}
.trial-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s;opacity:.94}
.trial-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#04152128 0%,#05182733 22%,#051827d9 53%,#051827fa 100%);z-index:-1;pointer-events:none}
.trial-restaurant .trial-cover{background:radial-gradient(ellipse at 88% 0,#ffffff17,transparent 62%),radial-gradient(ellipse at 0 100%,#ffffff0f,transparent 60%),#711f24}
.trial-logo{position:absolute;top:54px;right:24px;width:100px;height:100px;border-radius:50%;object-fit:cover;z-index:-1;box-shadow:0 8px 24px #0002}
.trial-meta{position:absolute;top:22px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;color:#fff;gap:12px;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.trial-meta>span:first-child{background:#07172299;border:1px solid #ffffff35;backdrop-filter:blur(6px);padding:6px 11px;border-radius:999px}
.trial-number{font:500 12px var(--mono);color:#fff;background:#07172299;border-radius:8px;padding:5px 7px}
.trial-content{width:100%;padding-top:122px}
.trial-demo-label{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1.2px;font-weight:800;text-transform:uppercase;color:var(--trial-accent)}
.trial-demo-label i{width:6px;height:6px;border-radius:50%;background:var(--trial-accent);box-shadow:0 0 0 3px #ffffff10}
.trial-content h3{font:700 25px/1.2 var(--disp);letter-spacing:-.75px;color:#fff;margin:10px 0 9px}
.trial-content p{font-size:13px;line-height:1.65;color:#dce7ee;min-height:44px;margin:0 0 20px}
.trial-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 16px;background:var(--trial-accent);color:#10283a;border-radius:12px;text-decoration:none;font:800 13px var(--body);transition:filter .2s,box-shadow .2s}
.trial-cta svg{width:20px;height:20px;flex:none;transition:transform .2s}
.trial-cta:hover{filter:brightness(1.08);box-shadow:0 4px 20px #0003}
.trial-cta:hover svg{transform:translate(2px,-2px)}
.trial-access{color:#e9f3fb;background:#0b2134}
.trial-access summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:14px 24px;list-style:none;cursor:pointer;font-size:12px;font-weight:700;user-select:none}
.trial-access summary::-webkit-details-marker{display:none}
.trial-access summary:hover{color:var(--trial-accent);background:#ffffff07}
.trial-access-toggle{font-size:20px;font-weight:400;color:var(--trial-accent);transition:transform .2s}
.trial-access[open] .trial-access-toggle{transform:rotate(45deg)}
.trial-credentials{padding:0 24px 20px}
.trial-credential{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #ffffff16;font-size:12px}
.trial-credential code{font:700 13px var(--mono);color:var(--trial-accent);background:#ffffff0c;padding:4px 9px;border-radius:6px;user-select:all;white-space:nowrap}
.trial-credentials p{font-size:11px;line-height:1.65;color:#b3c7d7;margin-top:10px}
.trials-notice{display:flex;align-items:flex-start;gap:12px;padding:19px 22px;margin-top:28px;background:#eaf5fb;border:1px solid #d7eaf4;border-radius:16px;color:var(--muted);font-size:12px;line-height:1.7}
.trials-notice>span{font-size:20px;color:var(--sky-2);line-height:1.2}
.trials-notice strong{color:var(--ink)}
.trial-card:focus-within{border-color:var(--sky-2);box-shadow:0 0 0 3px #1aa7e026,0 12px 35px #0a2a471f}
.trials :is(a,button,summary):focus-visible{outline:3px solid #1aa7e0;outline-offset:4px}
.trial-access summary:focus-visible{outline-offset:-5px}
.trial-cta:focus-visible{outline-color:white;outline-offset:3px}
body.trials-in-view .music-float,body.trials-in-view .wa-float{opacity:0;visibility:hidden;pointer-events:none}
@media(hover:hover){.trial-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #0a2a472b;border-color:var(--sky-2)}.trial-card:hover .trial-photo{transform:scale(1.06)}}
@media(max-width:1000px){.trials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trials-heading{align-items:flex-start}.trials-heading h2{font-size:36px}}
@media(max-width:620px){.trials-heading{display:block;margin-bottom:24px}.trials-heading h2{font-size:30px;letter-spacing:-1px}.trials-heading p{font-size:14px}.trials-video-link{display:inline-block;margin-top:12px}.trials-grid{grid-template-columns:1fr;gap:18px}.trials-toolbar{gap:12px}.trial-filter{padding:10px 13px;font-size:12px}.trial-cover{min-height:340px}.trial-content h3{font-size:25px}.trials-notice{padding:17px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.trial-card,.trial-photo,.trial-cta,.trial-cta svg,.trial-access-toggle,.trial-filter{transition:none}.trial-card:hover{transform:none}.trial-card:hover .trial-photo{transform:none}}