.try-work{--text:#20201e;--bg:#f6f3ec;--muted:#484050;--focus:#174bd8;color:var(--text);background:#b8a4e7;grid-template-columns:minmax(240px,.7fr) minmax(0,1.9fr);gap:32px;padding:40px;display:grid;position:relative}.try-work-heading .mono{font-size:9px}.try-work-heading h2{margin:24px 0 22px;font-size:clamp(44px,4vw,64px)}.try-work-heading h2 em{font-weight:500}.try-work-heading p{max-width:340px;color:var(--muted);font-size:15px}.try-work-picker{grid-column:1;align-self:start;display:grid}.try-work-picker button{text-align:left;background:0 0;border:0;border-top:1px solid #20201e45;align-items:center;gap:15px;padding:19px 12px;transition:background .2s,padding .2s;display:flex}.try-work-picker button:last-child{border-bottom:1px solid #20201e45}.try-work-picker button[aria-pressed=true]{background:#e5fc75;padding-left:18px}.try-work-picker button:hover{background:#eee7fb}.try-work-picker button>span:nth-child(2){flex:1;min-width:0}.try-work-picker strong{font-family:var(--display);letter-spacing:-.035em;font-size:22px;line-height:1.15;display:block}.try-work-picker small{margin-top:6px;font-size:11px;line-height:1.5;display:block}.try-work-picker button>svg{transition:transform .2s}.try-work-picker button[aria-pressed=true]>svg{transform:rotate(-35deg)}.try-work-preview{background:#f6f3ec;border:1px solid #20201e;border-radius:10px;grid-area:1/2/3;align-self:center;min-width:0;overflow:hidden;box-shadow:8px 8px #20201e}.try-work-bar{border-bottom:1px solid #20201e;justify-content:space-between;align-items:center;min-height:47px;padding:10px 18px;display:flex}.try-work-bar .mono{font-size:8px}.try-work-bar button{background:0 0;border:0;place-items:center;min-width:28px;min-height:28px;display:grid}.try-work-screen{aspect-ratio:1.84;background:#151b1e;position:relative;overflow:hidden}.try-work-screen>.capture-viewport{animation:.25s ease-out try-work-image}.try-work-screen iframe{background:#fff;border:0;width:100%;height:100%;display:block}.try-work-preview.is-live .try-work-screen{aspect-ratio:auto;height:560px}.try-work-controls{padding:22px}.try-work-controls p{color:#48443d;margin-bottom:17px;font-size:13px}.try-work-controls>div{flex-wrap:wrap;align-items:center;gap:16px 22px;display:flex}.try-work-controls .button{color:#f6f3ec;background:#20201e}.try-work-controls .button:hover{background:#39382f}.try-work-external{border-bottom:1px solid #20201e;align-items:center;gap:8px;padding:8px 0;font-size:12px;display:inline-flex}.try-work-question{border-top:1px solid #20201e45;grid-column:1/-1;justify-content:space-between;align-items:center;gap:15px;padding-top:24px;font-size:14px;display:flex}.try-work-question>a{align-items:center;gap:10px;font-weight:600;display:flex}.try-work-question>a:hover{text-underline-offset:5px;text-decoration:underline}@keyframes try-work-image{0%{opacity:.65}to{opacity:1}}@media (max-width:1100px){.try-work{gap:30px;padding:36px}.try-work-picker strong{font-size:20px}.try-work-picker button{gap:10px}}@media (max-width:900px){.try-work{grid-template-columns:1fr}.try-work-heading{max-width:600px}.try-work-heading p{max-width:420px}.try-work-picker{grid-area:2/1}.try-work-preview{grid-area:3/1}.try-work-question{grid-row:4}.try-work-heading h2{font-size:62px}.try-work-picker strong{font-size:24px}}@media (max-width:600px){.try-work{gap:28px;padding:28px 20px}.try-work-heading h2{font-size:49px}.try-work-heading p{font-size:14px}.try-work-picker strong{font-size:21px}.try-work-picker small{font-size:11px}.try-work-preview{box-shadow:5px 5px #20201e}.try-work-controls{padding:18px}.try-work-controls>div{gap:12px}.try-work-controls .button{width:100%}.try-work-question{flex-direction:column;align-items:flex-start;font-size:13px}.try-work-question>a{align-items:flex-start}.try-work-preview.is-live .try-work-screen{height:460px}}@media (prefers-reduced-motion:reduce){.try-work-screen>.capture-viewport{animation:none}.try-work-picker button,.try-work-picker button>svg{transition:none}}@media (max-width:700px){.try-work-heading p,.try-work-controls p{font-size:16px;line-height:1.7}.try-work-picker small{font-size:14px}.try-work-heading .mono,.try-work-bar .mono{font-size:11px}.try-work-bar{gap:10px}.try-work-bar button{min-width:44px;min-height:44px}.try-work-controls .button,.try-work-external,.try-work-question{font-size:14px}.try-work-external,.try-work-question>a{align-items:center;min-height:44px}}.home-try-work{margin-top:80px}@media (max-width:700px){.home-try-work{margin-top:44px}}.try-work+.lab-guide-section{margin-top:80px}@media (max-width:700px){.try-work+.lab-guide-section{margin-top:48px}}@media (min-width:901px){.try-work{grid-template-rows:auto 1fr auto}.try-work-preview.is-live .try-work-screen{height:clamp(600px,68vh,760px)}}.try-work-question>div{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.try-work-question .mono{font-size:11px}.try-work-question .button{color:#f6f3ec;background:#20201e}.try-work-question .button:hover{background:#39382f}.try-work-question .try-work-guide{min-height:44px;font-weight:400}@media (max-width:600px){.try-work-question>div{flex-direction:column;align-items:flex-start;gap:12px}}