.service-lab{background:var(--paper,#f7f8f2);color:var(--ink,#202b23);overflow:hidden}
.service-lab-heading{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.7fr);gap:80px;align-items:end;margin-bottom:42px}
.service-lab-heading h2{font-size:clamp(40px,4.4vw,64px);line-height:1.04;letter-spacing:-.04em;max-width:680px}
.service-lab-heading p{font-size:18px;line-height:1.6;color:var(--ink-soft,#56614f);max-width:420px;margin-bottom:3px}
.service-lab-workbench{background:var(--dark,#1c2521);color:var(--light,#f5f7ef);border-radius:16px;overflow:hidden;box-shadow:0 24px 48px #273a2914}
.service-lab-tabs{display:flex;border-bottom:1px solid var(--dark-line,#4f5c4b);padding:0 30px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#71806e transparent}
.service-lab-tab{display:flex;align-items:center;gap:10px;min-height:72px;padding:0 20px;border:0;border-bottom:2px solid transparent;background:transparent;color:#b9c5b6;font:600 14px/1.2 Hanken,ui-sans-serif,sans-serif;white-space:nowrap;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}
.service-lab-tab:first-child{padding-left:6px}.service-lab-tab:last-child{padding-right:6px}
.service-lab-tab .icon{width:18px;height:18px;color:#8ea18b}.service-lab-tab:hover{color:#f7f8f2;background:#26342c}.service-lab-tab[aria-selected=true]{color:#fff8eb;border-bottom-color:var(--accent,#f26342)}.service-lab-tab[aria-selected=true] .icon{color:#ff997a}
.service-lab-tab:focus-visible,.service-lab-toggle:focus-visible{outline:3px solid var(--accent,#f26342);outline-offset:4px}
.service-lab-columns{display:grid;grid-template-columns:minmax(250px,.68fr) minmax(0,1.32fr);min-height:425px}
.service-lab-controls{padding:30px 34px 28px;border-right:1px solid var(--dark-line,#4f5c4b);display:flex;flex-direction:column}
.service-lab-example-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font:600 12px/1.3 'Geist Mono',ui-monospace,monospace;letter-spacing:0;text-transform:none;color:#ffb093}
.service-lab-example-label>span:last-child{color:#91a18d;text-transform:none;letter-spacing:0;font-weight:400}
.service-lab-narrative{font-size:25px;line-height:1.3;letter-spacing:-.025em;max-width:310px;margin:27px 0 42px;color:#f5f7ef}
.service-lab-condition{padding:18px 0 20px;border-block:1px solid var(--dark-line,#4f5c4b)}
.service-lab-condition-label{display:block;font:600 12px/1.3 'Geist Mono',ui-monospace,monospace;letter-spacing:0;text-transform:none;color:#9fae9c;margin-bottom:11px}
.service-lab-toggle{display:flex;align-items:center;gap:11px;width:100%;padding:4px 0;border:0;background:transparent;color:#fff7eb;font:600 15px/1.4 Hanken,ui-sans-serif,sans-serif;text-align:left;cursor:pointer}
.service-lab-toggle-knob{width:32px;height:19px;flex:0 0 auto;background:#677766;border-radius:20px;position:relative;transition:background .2s ease}
.service-lab-toggle-knob::after{content:'';position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:#f7f8f2;transition:transform .2s ease}
.service-lab-toggle[aria-pressed=true] .service-lab-toggle-knob{background:var(--accent,#f26342)}.service-lab-toggle[aria-pressed=true] .service-lab-toggle-knob::after{transform:translateX(13px);background:#253024}
.service-lab-condition p{font-size:14px;line-height:1.55;color:#b9c6b5;margin:11px 0 0 43px;max-width:255px}
.service-lab-route{display:flex;gap:5px;align-items:center;margin:25px 0 17px}.service-lab-route span{height:2px;flex:1;background:#526455}.service-lab-route span:first-child{background:#ff997a}.service-lab-route span:last-child{background:#86b987}
.service-lab-footnote{font-size:13px;line-height:1.55;color:#9eae9a;max-width:295px;margin-top:auto}
.service-lab-surface-wrap{padding:28px 30px 30px;background:#26342c;display:flex;align-items:center}
.service-lab-surface{width:100%;min-height:357px;background:#f8f9f3;color:var(--ink,#202b23);border-radius:12px;overflow:hidden;box-shadow:0 16px 30px #08120930}
.service-lab-surface-top{height:43px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 18px;background:#e7eadf;color:#56614f;font:13px/1.3 'Geist Mono',ui-monospace,monospace}.service-lab-surface-top span:last-child{color:#805441;font-family:Hanken,ui-sans-serif,sans-serif;font-size:12px;text-transform:none;letter-spacing:0}
.service-lab-payment-view{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(170px,.8fr);gap:24px;align-items:center;padding:30px 34px}
.service-lab-browser-card{padding:23px;border:1px solid #cad4c3;border-radius:9px;background:#fffef8}
.service-lab-browser-title{display:flex;align-items:center;gap:11px;padding-bottom:20px;border-bottom:1px solid #dfe4d8}.service-lab-browser-title>.service-lab-browser-mark{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:7px;background:#d7e6cb;color:#315436;font-weight:700}.service-lab-browser-title>span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.service-lab-browser-title strong{font-size:16px;line-height:1.2}.service-lab-browser-title small{font-size:12px;color:#65705f}.service-lab-browser-title>strong:last-child{font:500 22px/1 'Geist Mono',ui-monospace,monospace}
.service-lab-field-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #e5e9df;font-size:13px;color:#697565}.service-lab-field-row strong{font-weight:500;color:#303f30}
.service-lab-payment-state{display:flex;align-items:center;gap:10px;margin-top:19px;padding:11px 12px;border-radius:6px;background:#dcebd4;color:#286140}.service-lab-payment-state .icon{width:17px;height:17px;flex-shrink:0}.service-lab-payment-state span{display:flex;flex-direction:column;gap:3px}.service-lab-payment-state strong{font-size:13px;font-weight:600}.service-lab-payment-state small{font-size:12px;color:#426043}
.service-lab-event-card{padding:19px 17px;border:1px solid #cbd6c5;border-radius:9px;background:#eaf0e4}.service-lab-event-label{display:block;color:#5f715c;font-size:12px}.service-lab-event-card code{display:block;margin-top:12px;font:13px/1.4 'Geist Mono',ui-monospace,monospace;color:#324d36;overflow-wrap:anywhere}.service-lab-event-state{display:flex;align-items:center;gap:6px;margin-top:22px;color:#286140;font-size:13px}.service-lab-event-state .icon{width:15px;height:15px}
.service-lab-result{display:flex;align-items:center;gap:16px;padding:22px 30px 25px;border-top:1px solid var(--dark-line,#4f5c4b);background:#202c25}.service-lab-result-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:#b9e5a7;color:#27421c}.service-lab-result-icon .icon{width:18px;height:18px}.service-lab-result-label{display:block;color:#a7b6a2;font:12px/1.3 'Geist Mono',ui-monospace,monospace;text-transform:none;letter-spacing:0}.service-lab-result strong{display:block;color:#f6f8ed;font-size:17px;font-weight:550;line-height:1.3;margin-top:4px}.service-lab-result p{font-size:14px;line-height:1.45;color:#bdcabb;margin-top:4px}.service-lab-result.is-negative .service-lab-result-icon{background:#f4b277;color:#4e2a13}.service-lab-result.is-boundary .service-lab-result-icon{background:#f7d0a7;color:#573717}
.service-lab-disclaimer{font-size:13px;line-height:1.5;color:#5d6c55;margin:17px 0 0}.service-lab-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* The surface changes material with the clone: receipt, message, phone, permissions, record. */
.service-lab-message-view,.service-lab-sms-view,.service-lab-permission-view,.service-lab-storage-view{padding:29px 34px;display:grid;min-height:314px;gap:24px;align-items:center}.service-lab-message-view{grid-template-columns:minmax(0,1.15fr) minmax(180px,.85fr)}
.service-lab-inbox,.service-lab-message-card,.service-lab-phone,.service-lab-permission-card,.service-lab-file-record{background:#fffef8;border:1px solid #cad4c3;border-radius:9px}.service-lab-inbox{overflow:hidden}.service-lab-inbox-head{padding:17px 18px;border-bottom:1px solid #dfe4d8;font:13px/1.3 'Geist Mono',ui-monospace,monospace;color:#56614f}.service-lab-inbox-meta{padding:19px 20px 5px;font-size:13px;color:#65705f}.service-lab-inbox-meta strong{display:block;color:#2b3d2e;font-size:16px;margin-top:5px}.service-lab-message-body{padding:18px 20px 23px}.service-lab-message-body p{font-size:14px;line-height:1.5;color:#50614e}.service-lab-email-link{display:flex;align-items:center;gap:9px;margin-top:18px;padding:11px 12px;border-radius:6px;background:#e5efda;color:#286140;font-size:13px;font-weight:600}.service-lab-email-link .icon{width:15px;height:15px}.service-lab-message-card{padding:21px 19px;background:#eaf0e4}.service-lab-message-card strong{font-size:15px}.service-lab-message-card p{font-size:13px;line-height:1.5;color:#5d6d5a;margin-top:10px}.service-lab-message-state{display:flex;align-items:center;gap:8px;padding-top:17px;margin-top:17px;border-top:1px solid #cedac8;color:#286140;font-size:13px}.service-lab-message-state .icon{width:16px;height:16px}
.service-lab-email-link.is-expired,.service-lab-message-card.is-negative,.service-lab-sms-event.is-negative,.service-lab-storage-event.is-negative{background:#f5e5d7}.service-lab-email-link.is-expired,.service-lab-message-card.is-negative .service-lab-message-state,.service-lab-sms-event.is-negative .service-lab-sms-state,.service-lab-storage-event.is-negative strong{color:#a33827}.service-lab-message-card.is-negative .service-lab-message-state{border-color:#e3c5ae}.service-lab-message-card.is-negative p,.service-lab-sms-event.is-negative p,.service-lab-storage-event.is-negative p{color:#795d4d}
.service-lab-sms-view{grid-template-columns:minmax(200px,.85fr) minmax(0,1.15fr);justify-content:center}.service-lab-phone{max-width:280px;margin:auto;padding:10px;border-radius:20px;background:#202c25;border-color:#536455;box-shadow:0 12px 24px #0812092b}.service-lab-phone-screen{background:#f6f8f0;min-height:255px;border-radius:13px;overflow:hidden}.service-lab-phone-top{padding:14px 15px 11px;background:#e6eddf;font-size:12px;color:#56614f;display:flex;justify-content:space-between}.service-lab-phone-top strong{color:#293e2d}.service-lab-chat{padding:18px 14px}.service-lab-bubble{max-width:88%;padding:10px 12px;border-radius:11px;font-size:13px;line-height:1.4}.service-lab-bubble.incoming{background:#dcebd4;color:#2e5033}.service-lab-bubble.outgoing{margin:12px 0 0 auto;background:#d7e4ef;color:#2f4b60}.service-lab-otp{display:flex;justify-content:space-between;gap:4px;margin-top:18px;padding-top:15px;border-top:1px solid #d9e2d5}.service-lab-otp span{font:600 18px/1 'Geist Mono',ui-monospace,monospace;color:#2f5037}.service-lab-sms-event{padding:22px;border-radius:9px;background:#eaf0e4}.service-lab-sms-event code{display:block;margin-top:12px;font:13px/1.4 'Geist Mono',ui-monospace,monospace;color:#324d36}.service-lab-sms-event p{font-size:13px;line-height:1.5;color:#5c6c58;margin-top:18px}.service-lab-sms-state{display:flex;align-items:center;gap:8px;margin-top:21px;color:#286140;font-size:13px}.service-lab-sms-state .icon{width:16px;height:16px}
.service-lab-permission-view{grid-template-columns:minmax(0,1.15fr) minmax(180px,.85fr)}.service-lab-permission-card{overflow:hidden}.service-lab-permission-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #dfe4d8}.service-lab-permission-head strong{font-size:16px}.service-lab-permission-head span{font:12px/1.3 'Geist Mono',ui-monospace,monospace;color:#667563}.service-lab-person{display:flex;align-items:center;gap:12px;padding:19px 20px}.service-lab-avatar{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;background:#f6d4c5;color:#83432f;font-weight:600}.service-lab-person span{display:flex;flex-direction:column;gap:3px}.service-lab-person strong{font-size:14px}.service-lab-person small{font-size:12px;color:#677462}.service-lab-permission-list{margin:0 20px 20px;border-top:1px solid #dfe4d8}.service-lab-permission-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e7ebe3;font-size:13px;color:#536250}.service-lab-permission-row strong{font-weight:550;color:#286140}.service-lab-permission-row.is-locked strong{color:#a33827}.service-lab-access-card{padding:21px;background:#eaf0e4;border-radius:9px}.service-lab-access-card span{display:block;font:12px/1.3 'Geist Mono',ui-monospace,monospace;text-transform:none;color:#56654f;letter-spacing:0}.service-lab-access-card strong{display:block;margin-top:11px;font-size:20px;color:#2c4d31}.service-lab-access-card p{font-size:13px;line-height:1.5;color:#5b6d58;margin-top:9px}.service-lab-access-state{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:13px;color:#286140}.service-lab-access-state .icon{width:16px;height:16px}
.service-lab-storage-view{grid-template-columns:minmax(0,1.1fr) minmax(190px,.9fr)}.service-lab-file-record{padding:22px 20px}.service-lab-file-top{display:flex;align-items:center;gap:12px}.service-lab-file-icon{display:flex;align-items:center;justify-content:center;width:38px;height:42px;background:#dcebd4;color:#286140;border-radius:6px}.service-lab-file-icon .icon{width:21px;height:21px}.service-lab-file-top span{display:flex;flex-direction:column;gap:4px}.service-lab-file-top strong{font-size:15px}.service-lab-file-top small{font-size:12px;color:#687565}.service-lab-file-meta{display:flex;justify-content:space-between;gap:15px;padding:18px 0 12px;margin-top:18px;border-top:1px solid #dfe4d8;font-size:13px;color:#65715f}.service-lab-file-meta strong{font:500 13px/1.3 'Geist Mono',ui-monospace,monospace;color:#2d4932}.service-lab-upload-track{height:9px;background:#dde6d8;border-radius:10px;overflow:hidden}.service-lab-upload-track span{display:block;width:100%;height:100%;background:#5e9864;border-radius:inherit}.service-lab-upload-track.is-interrupted span{width:64%;background:#e09867}.service-lab-file-state{display:flex;align-items:center;gap:8px;margin-top:16px;color:#286140;font-size:13px}.service-lab-file-state.is-interrupted{color:#a33827}.service-lab-file-state .icon{width:16px;height:16px}.service-lab-storage-event{padding:21px;background:#eaf0e4;border-radius:9px}.service-lab-storage-event span{display:block;color:#56654f;font-size:12px}.service-lab-storage-event code{display:block;margin-top:11px;font:13px/1.4 'Geist Mono',ui-monospace,monospace;color:#324d36;overflow-wrap:anywhere}.service-lab-storage-event p{font-size:13px;line-height:1.5;color:#5b6b58;margin-top:17px}.service-lab-storage-event strong{display:block;margin-top:13px;color:#286140;font-size:14px}
@media(max-width:900px){.service-lab-heading{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.service-lab-heading p{max-width:590px}.service-lab-columns{grid-template-columns:1fr}.service-lab-controls{border-right:0;border-bottom:1px solid var(--dark-line,#4f5c4b);min-height:0}.service-lab-narrative{max-width:510px;margin-bottom:28px}.service-lab-footnote{margin-top:25px;max-width:510px}.service-lab-surface-wrap{min-height:0}.service-lab-payment-view,.service-lab-message-view,.service-lab-sms-view,.service-lab-permission-view,.service-lab-storage-view{max-width:700px;margin:auto}}
@media(max-width:640px){.service-lab{padding-block:64px}.service-lab-heading h2{font-size:40px}.service-lab-heading p{font-size:17px}.service-lab-workbench{border-radius:12px}.service-lab-tabs{padding:0 18px}.service-lab-tab{min-height:64px;padding-inline:14px;font-size:13px}.service-lab-tab:first-child{padding-left:0}.service-lab-tab:last-child{padding-right:0}.service-lab-controls{padding:23px 20px}.service-lab-example-label{font-size:12px}.service-lab-narrative{font-size:23px;margin:23px 0 28px}.service-lab-condition p{margin-left:43px;font-size:13px}.service-lab-surface-wrap{padding:18px 14px 20px}.service-lab-surface{min-height:0}.service-lab-surface-top{height:38px;padding-inline:13px;font-size:12px}.service-lab-payment-view,.service-lab-message-view,.service-lab-sms-view,.service-lab-permission-view,.service-lab-storage-view{display:block;padding:20px 14px}.service-lab-event-card,.service-lab-message-card,.service-lab-sms-event,.service-lab-access-card,.service-lab-storage-event{margin-top:14px}.service-lab-browser-card{padding:17px 14px}.service-lab-browser-title{gap:8px;padding-bottom:16px}.service-lab-browser-title strong{font-size:14px}.service-lab-browser-title small{font-size:12px}.service-lab-browser-title>strong:last-child{font-size:18px}.service-lab-result{align-items:flex-start;padding:18px 20px}.service-lab-result strong{font-size:16px}.service-lab-result p{font-size:13px}.service-lab-disclaimer{font-size:12px}.service-lab-phone{margin:0 auto;max-width:250px}.service-lab-permission-card,.service-lab-file-record,.service-lab-inbox{max-width:520px;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){.service-lab-tab,.service-lab-toggle-knob,.service-lab-toggle-knob::after{transition:none}}

.service-lab-disclaimer a{color:inherit;text-decoration:underline;text-underline-offset:4px}.service-lab-tabs{scroll-padding-inline:20px}