.wts-page.service-studio{--service-bg:#101114;--service-panel:#1a1b1f;--service-field:#121316;--service-soft:#202126;--service-ink:#f4f4f6;--service-muted:#a9aab4;--service-line:#34353c;--service-fill:#f2f2f5;--service-on:#17181c;--service-hover:#d8d8df;--tr-bg:var(--service-bg);--tr-panel:var(--service-panel);--tr-input:var(--service-field);--tr-text:var(--service-ink);--tr-muted:var(--service-muted);--tr-line:var(--service-line);--tr-accent:var(--service-ink);--ct-bg:var(--service-bg);--ct-panel:var(--service-panel);--ct-text:var(--service-ink);--ct-muted:var(--service-muted);--ct-line:var(--service-line);--ct-accent:var(--service-ink);background:var(--service-bg);color:var(--service-ink);font-family:DM Sans,sans-serif}html[data-appearance=mixed] .wts-page.service-studio{--service-bg:#f6f6f8;--service-panel:#fff;--service-field:#f4f4f6;--service-soft:#eeeef2;--service-ink:#232429;--service-muted:#64656f;--service-line:#dedee4;--service-fill:#24252b;--service-on:#fff;--service-hover:#45464e}.service-studio main{overflow:clip}.service-studio main *{box-sizing:border-box}.service-studio :is(.tr-wrap,.connect-wrap){width:min(1140px,100% - 64px);margin-inline:auto}.service-studio main :is(h1,h2,h3,.hx3,p){margin:0}.service-studio main :is(h1,h2,h3,.hx3){color:var(--service-ink)}.service-studio main p{color:var(--service-muted);font-size:15px;line-height:1.75}.service-studio main :is(button,input,textarea,select){font-family:inherit}.service-studio main a{color:inherit;text-decoration:none}.service-studio main button{cursor:pointer}.service-studio main button:disabled{cursor:default;opacity:.4}.service-studio :is(.tr-hero,.consultation-hero){border:0;padding:145px 0 42px}.service-studio main .service-identity{letter-spacing:0;color:var(--service-muted);align-items:center;gap:10px;margin-bottom:22px;font-size:13px;line-height:1.5;display:flex}.service-identity>svg{color:var(--service-ink);stroke-width:1.6px}.service-identity strong{color:var(--service-ink);font-weight:650}.service-studio main :is(.tr-hero,.consultation-hero) h1{letter-spacing:-.045em;max-width:750px;font-size:clamp(35px,4vw,52px);font-weight:550;line-height:1.12}.service-studio main :is(.tr-hero,.consultation-hero)>p:not(.service-identity){max-width:665px;margin-top:18px;font-size:16px;line-height:1.75}.service-studio :is(.tr-layout,.tr-cancel-layout,.consultation-layout){grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:32px;padding:0 0 90px;display:grid}.service-studio :is(.tr-panel,.consultation-booker){background:var(--service-panel);min-width:0;box-shadow:none;border:0;border-radius:28px;outline:0;padding:34px;scroll-margin-top:112px}.service-studio :is(.tr-sidebar,.tr-cancel-side,.consultation-agenda){min-width:0;padding:0;position:static}.service-studio :is(.tr-panel-heading,.consultation-step) h2{letter-spacing:-.025em;outline:none;scroll-margin-top:115px;font-size:25px;font-weight:550;line-height:1.28}.service-studio :is(.tr-progress,.consultation-progress){border:0;border-bottom:1px solid var(--service-line);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:10px;margin:0 0 28px;padding:0 0 26px;list-style:none;display:grid}.service-studio :is(.tr-progress,.consultation-progress) button{text-align:left;color:var(--service-muted);background:0 0;border:0;align-items:center;gap:9px;min-height:32px;padding:0;font-size:12px;line-height:1.5;display:flex}.service-studio :is(.tr-progress,.consultation-progress) button>span{background:var(--service-soft);width:30px;height:30px;color:var(--service-muted);border:0;border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:550;display:grid}.service-studio :is(.tr-progress,.consultation-progress) button:hover:not(:disabled),.service-studio .tr-progress [aria-current=step] button,.service-studio .consultation-progress [aria-current=step]{color:var(--service-ink)}.service-studio .tr-progress [aria-current=step] span,.service-studio .consultation-progress [aria-current=step]>span{background:var(--service-fill);color:var(--service-on)}.service-studio .consultation-progress small{font-size:12px;font-weight:500}html[data-appearance] body .service-studio main :is(.tr-button,.connect-primary){background:var(--service-fill);min-height:46px;box-shadow:none;filter:none;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:13px 23px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;transition:background .18s;display:inline-flex;transform:none;color:var(--service-on)!important}html[data-appearance] body .service-studio main :is(.tr-button,.connect-primary):hover{background:var(--service-hover);box-shadow:none;transform:none;color:var(--service-on)!important}html[data-appearance] body .service-studio main .connect-secondary{border:1.5px solid var(--service-line);min-height:46px;color:var(--service-ink);box-shadow:none;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-size:14px;display:inline-flex;transform:none}html[data-appearance] body .service-studio main .connect-secondary:hover{background:var(--service-soft)}.service-studio :is(.tr-link,.connect-textlink){color:var(--service-muted);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:500;line-height:1.6;display:inline-flex}.service-studio :is(.tr-link,.connect-textlink):hover{color:var(--service-ink)}.service-studio main :is(button,a):focus-visible{outline-offset:4px;outline:2px solid #9b8aba}.service-studio :is(.tr-review,.service-review){gap:0;margin:24px 0 0;display:grid}.service-studio :is(.tr-review,.service-review)>div{border-bottom:1px solid var(--service-line);grid-template-columns:150px minmax(0,1fr);gap:20px;padding:15px 0;font-size:14px;line-height:1.7;display:grid}.service-studio :is(.tr-review,.service-review) dt{color:var(--service-muted)}.service-studio :is(.tr-review,.service-review) dd{color:var(--service-ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}@keyframes service-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.service-studio :is(.tr-panel form,.consultation-step,.connect-review){animation:.2s ease-out service-reveal}@media (max-width:1000px){.service-studio :is(.tr-layout,.tr-cancel-layout,.consultation-layout){grid-template-columns:minmax(0,1fr) 260px;gap:22px}.service-studio :is(.tr-panel,.consultation-booker){padding:26px}.service-studio :is(.tr-progress,.consultation-progress) button{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width:800px){.service-studio :is(.tr-layout,.tr-cancel-layout,.consultation-layout){grid-template-columns:1fr;gap:28px;padding-bottom:60px}.service-studio :is(.tr-sidebar,.tr-cancel-side,.consultation-agenda){grid-template-columns:1fr 1fr;gap:24px;display:grid}.service-studio .consultation-agenda{display:block}.service-studio :is(.tr-hero,.consultation-hero){padding-top:125px}}@media (max-width:540px){.service-studio :is(.tr-wrap,.connect-wrap){width:calc(100% - 32px)}.service-studio :is(.tr-panel,.consultation-booker){border-radius:24px;padding:24px 20px}.service-studio :is(.tr-hero,.consultation-hero){padding:118px 2px 30px}.service-studio main :is(.tr-hero,.consultation-hero) h1{font-size:36px}.service-studio main :is(.tr-hero,.consultation-hero)>p:not(.service-identity){font-size:15px}.service-studio :is(.tr-sidebar,.tr-cancel-side){grid-template-columns:1fr;gap:24px}.service-studio :is(.tr-panel-heading,.consultation-step) h2{font-size:23px}.service-studio :is(.tr-review,.service-review)>div{grid-template-columns:1fr;gap:4px}.service-studio :is(.tr-progress,.consultation-progress){gap:8px}.service-studio .consultation-progress small{font-size:11px}.service-studio main .service-identity{font-size:12px}}@media (prefers-reduced-motion:reduce){.service-studio main *{transition:none!important;animation:none!important}}html[data-appearance] body .wts-page.service-studio{background:var(--service-bg)!important}.service-studio main :is(.tr-progress,.consultation-progress) button:disabled{opacity:1;color:var(--service-muted)}.service-studio main :is(input[type=checkbox],input[type=radio]){-webkit-appearance:auto;appearance:auto;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-appearance=mixed] .service-studio main :is(input[type=checkbox],input[type=radio]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.service-studio footer p{color:#aaaab4}.service-studio .consultation-agenda li:before{display:none}