/* A concise entry to a working experiment, directly below the homepage hero. */
.experiment-gateway{background:#dcecf6;color:#173346;border-block:1px solid #9fbfd2;padding-block:31px}
.eg-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:45px}
.eg-kicker{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:#426177;font:10px/1.6 ui-monospace,monospace;letter-spacing:.07em}
.eg-kicker:before{content:'';width:9px;height:1px;background:currentColor;flex:none}
.experiment-gateway h2{font-size:clamp(26px,2.7vw,38px);line-height:1.15;font-weight:400;letter-spacing:-.04em;margin:0 0 12px}
.eg-copy{font-size:13px;line-height:1.7;color:#426177;max-width:720px;margin:0}
.eg-open{display:inline-flex;align-items:center;gap:35px;min-height:48px;background:#173b53;color:#edf7fc!important;text-decoration:none;padding:14px 20px;border-radius:3px;font-size:12px;white-space:nowrap}
.eg-open:hover{background:#285571}.eg-open:focus-visible{outline:2px solid #173346;outline-offset:5px}
.eg-path{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font:10px/1.7 ui-monospace,monospace;color:#426177;margin-top:13px}
.eg-path span+span:before{content:'›';margin-right:10px;color:#426177}
.eg-callout{border:1px solid #6e9fbd70;border-radius:4px;padding:25px 29px;margin:28px 0 60px;background:#1b3a50;color:#e9f5fc;display:flex;align-items:center;justify-content:space-between;gap:30px}
.eg-callout h3{font-size:24px;line-height:1.25;letter-spacing:-.025em;font-weight:400;margin:0 0 10px}
.eg-callout p{font-size:13px;line-height:1.7;color:#b7cfdf;margin:0;max-width:680px}
.eg-callout a{flex:none;font-size:12px;line-height:1.6;color:#ccecff;text-decoration:none;border-bottom:1px solid #8fb5cf;padding-block:9px}
.eg-callout a:hover{color:#fff}.eg-callout a:focus-visible{outline:2px solid #b9dfee;outline-offset:5px}
@media(max-width:800px){.eg-inner{grid-template-columns:1fr;gap:22px}.eg-open{justify-self:start}.eg-callout{flex-direction:column;align-items:start;gap:18px}.experiment-gateway{padding-block:28px}}
@media(max-width:500px){.experiment-gateway h2{font-size:29px}.eg-copy{font-size:13px}.eg-callout{padding:24px 21px}.eg-callout h3{font-size:24px}.eg-callout a{flex:auto}.eg-kicker{font-size:9px}}