/* 88Lab Connect: product information and working screens. */
:root{--muted:#636b62;--line:#d9ddd4}
.product-public{background:#fff}
.product-public .public-nav{max-width:1500px;padding:28px 48px;border-bottom:1px solid var(--line)}
.public-links{font-size:14px}
.public-links>a[href="#login"]{display:inline}
.public-footer{font-size:12px;line-height:1.6;gap:20px;max-width:1500px;margin:auto;padding:26px 48px}
.product-intro{max-width:1500px;margin:0 auto;padding:65px 48px 72px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:70px;align-items:center}
.product-title .eyebrow{font-size:11px;margin-bottom:25px;letter-spacing:.13em}
.product-title h1{font-size:clamp(48px,4.7vw,75px);line-height:1.12;letter-spacing:-.025em}
.product-title h1 span{color:var(--teal)}
.product-lead{font-size:17px;line-height:1.75;max-width:500px;margin-top:24px;color:#566055}
.product-offer{margin-top:29px;padding-top:24px;border-top:1px solid var(--line);max-width:490px}
.product-offer>strong{font:500 38px/1.2 var(--display)}
.product-offer>strong span{font:400 14px var(--body);color:var(--muted)}
.product-offer p{font-size:13px;color:var(--muted);margin-top:9px}
.product-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:23px}
.product-actions .btn{padding-inline:24px;min-height:48px}
.product-actions .text-btn{font-size:14px}
.integration-caption{font-size:12px;line-height:1.85;margin-top:26px;color:var(--muted)}
.integration-caption a{color:var(--teal);text-decoration:underline;text-decoration-color:#077a8355;text-underline-offset:3px}
.message-studio{border:1px solid #cfd7cb;border-radius:8px;overflow:hidden;background:#f4f5ef;min-width:0}
.studio-bar{display:flex;align-items:center;justify-content:space-between;padding:18px 25px;border-bottom:1px solid #cfd7cb;background:#e9eee6;gap:15px}
.studio-wordmark{font:500 20px var(--display);letter-spacing:.025em}
.studio-demo{font-size:9px;font-weight:500;letter-spacing:.12em;color:#4a6250}
.studio-content{padding:31px 28px 29px}
.studio-label{font-size:10px;font-weight:500;letter-spacing:.11em;color:#677061}
.sample-controls{display:flex;gap:7px;margin-top:14px;flex-wrap:wrap}
.sample-control{border:1px solid #cbd4c7;background:transparent;border-radius:5px;padding:10px 14px;font-size:12px;color:#566150;min-height:42px;transition:background .15s,border-color .15s}
.sample-control:hover{border-color:var(--teal)}
.sample-control.selected{background:var(--teal);color:#fff;border-color:var(--teal)}
.studio-message{padding:27px;margin-top:27px;border:1px solid #d8dfd3;border-left:3px solid var(--teal);border-radius:5px;background:#fff;min-height:258px}
.message-origin{display:flex;align-items:center;gap:12px}
.merchant-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--deep);color:white;border-radius:10px;font:500 20px var(--display);flex-shrink:0}
.message-origin strong{display:block;font-size:10px;font-weight:500;letter-spacing:.06em}
.message-origin>div>span{font-size:10px;color:var(--muted);display:block;margin-top:2px}
.sample-time{font-size:10px;color:var(--muted);margin-left:auto}
.studio-message h2{font:500 21px/1.4 var(--body);letter-spacing:-.01em;margin-top:23px;max-width:390px}
.studio-message>p{font-size:14px;line-height:1.7;color:var(--muted);margin-top:10px;min-height:48px;max-width:360px}
.sample-destination{font-size:11px;display:flex;align-items:center;gap:10px;color:var(--teal);margin-top:21px}
.sample-destination svg{width:15px;height:15px}
.studio-trigger{display:flex;align-items:center;gap:9px;color:#596752;font-size:11px;margin-top:19px;min-height:35px}
.studio-trigger svg{width:16px;height:16px}
.studio-foot{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:18px 25px;background:#fff;border-top:1px solid var(--line)}
.studio-foot>span{font-size:10px;color:var(--muted);max-width:180px}
.studio-foot .text-btn{font-size:11px;white-space:nowrap}
.product-scope{border-block:1px solid var(--line);max-width:1404px;margin:0 auto;padding:65px 0;display:grid;grid-template-columns:1fr 1.65fr;gap:80px}
.scope-title .eyebrow{font-size:11px}
.scope-title h2{font-size:44px;line-height:1.17;margin-top:24px}
.scope-title>p{color:var(--muted);font-size:14px;line-height:1.75;max-width:300px;margin-top:24px}
.scope-detail{margin:0;display:flex;flex-direction:column}
.scope-detail>div{display:grid;grid-template-columns:180px 1fr;gap:30px;padding:24px 0;border-bottom:1px solid var(--line)}
.scope-detail>div:first-child{padding-top:0}
.scope-detail>div:last-child{border-bottom:0;padding-bottom:0}
.scope-detail dt{font:500 26px/1.3 var(--display)}
.scope-detail dd{margin:0;font-size:14px;line-height:1.8;color:var(--muted);max-width:480px}
.product-start{max-width:1500px;margin:auto;padding:62px 48px}
.product-start .eyebrow{font-size:11px}
.product-start h2{font-size:38px;margin-top:19px}
.connection-steps{margin:34px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.connection-steps>li{display:flex;gap:15px;align-items:flex-start}
.connection-steps>li>span{font:500 24px var(--display);color:var(--teal);border-top:2px solid var(--teal);padding-top:8px;min-width:35px}
.connection-steps h3{font-size:24px;margin-top:9px}
.connection-steps p{font-size:14px;color:var(--muted);margin-top:13px;max-width:310px;line-height:1.75}
.install-facts{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:42px;padding-top:25px;border-top:1px solid var(--line)}
.install-facts p{display:flex;gap:12px;color:var(--muted);font-size:12px;margin:0;line-height:1.75;max-width:550px}
.install-facts svg{color:var(--teal);width:18px;height:18px;margin-top:3px}
.platform-contact{max-width:1404px;margin:0 auto 60px;border-top:3px solid var(--teal);background:#f1f4ee;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.platform-contact h2{font-size:28px}
.platform-contact p{font-size:14px;line-height:1.75;margin-top:12px;max-width:780px;color:var(--muted)}
.platform-contact .btn{flex-shrink:0}

/* Prioritize campaigns and setup over marketing in the working application. */
.sidebar{width:238px;padding:28px 20px 22px}
.main-shell{margin-left:238px}
.sidebar .brand{margin-bottom:33px}
.nav-item{font-size:13px;padding:12px 13px}
.workspace-label{font-size:10px;color:#67715f}
.store-switch .name{font-size:13px}
.store-switch small{font-size:10px;color:#68745f}
.side-plan .eyebrow{font-size:10px}
.side-plan .plan-name{font-size:20px}
.side-plan p,.side-plan .text-btn,.side-help{font-size:11px}
.topbar{height:76px;padding-inline:40px}
.crumb{font-size:12px}
.top-actions .badge{font-size:11px}
.profile-copy{font-size:12px}
.profile-copy small{font-size:9px}
.main-content{max-width:1520px;padding:35px 40px 28px}
.page-heading{margin-bottom:25px;align-items:center}
.page-heading .eyebrow{font-size:10px;color:#5d7164}
.page-heading .greeting-label:before{display:none}
.page-heading h1{font-size:38px;margin-top:10px;letter-spacing:-.015em}
.page-heading p{font-size:13px;margin-top:10px}
.page-heading .btn{font-size:12px;min-height:44px;margin-top:0}
.connection-callout{border:1px solid #c9d7c5;border-radius:6px;background:#edf2e8;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}
.connection-callout>div{display:flex;gap:15px;align-items:center}
.connection-callout>div>svg{color:var(--teal);width:24px;height:24px}
.connection-callout strong{font-size:14px;font-weight:500}
.connection-callout p{font-size:12px;color:#5f6a57;margin-top:5px;line-height:1.7}
.connection-callout .btn{flex-shrink:0}
.metrics{gap:0;background:white;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-bottom:28px}
.metrics-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.metric{border:0;border-right:1px solid var(--line);background:transparent;border-radius:0;padding:23px 25px}
.metric:last-child{border-right:0}
.metric-top{font-size:12px;color:#626e5b}
.metric-top svg{display:none}
.metric-value{font-size:39px;margin-top:12px}
.metric-bottom{font-size:11px;color:#697361;margin-top:8px}
.metric-bottom strong{font-weight:500}
.dashboard-workspace{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(270px,.85fr);gap:32px;align-items:start}
.dashboard-primary{min-width:0;display:grid;gap:25px}
.campaign-panel .panel-head{padding-bottom:21px}
.panel{border-radius:6px}
.panel-head{padding:23px 25px 0}
.panel-head h2{font-size:24px}
.panel-head .text-btn{font-size:12px}
.section-bar h2{font-size:25px}
.section-bar .text-btn{font-size:12px}
.setup-panel{padding-top:5px}
.setup-panel .section-bar{margin-bottom:9px}
.setup-count{font-size:12px;color:var(--muted)}
.setup-task{display:flex;align-items:center;gap:13px;padding:20px 0;border-bottom:1px solid var(--line)}
.setup-task:last-child{border-bottom:0}
.task-indicator{height:25px;width:25px;flex-shrink:0;border:1px solid #adbca5;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#64745a}
.task-indicator svg{width:14px;height:14px}
.setup-task.complete .task-indicator{background:#dfead8;border-color:#dfead8;color:#3e6633}
.setup-task strong{font-size:13px;font-weight:500;display:block;line-height:1.5}
.setup-task small{font-size:11px;color:var(--muted);line-height:1.7;display:block;margin-top:5px}
.setup-task>svg{width:15px;height:15px;margin-left:auto;color:var(--teal)}
.setup-task:hover strong{color:var(--teal)}
.automation-summary{border-top:1px solid var(--line);margin-top:25px;padding-top:25px}
.automation-summary h2{font-size:25px}
.automation-summary>p{font-size:12px;color:var(--muted);margin-top:12px}
.automation-summary>p>strong{font-weight:500;color:var(--ink)}
.automation-summary ul{list-style:none;padding:0;margin:20px 0}
.automation-summary li{display:flex;align-items:center;justify-content:space-between;padding:8px 0;gap:15px;font-size:12px;color:#626e5b}
.automation-indicator{height:6px;width:6px;border-radius:50%;background:#b6c0af;flex-shrink:0}
.automation-indicator.enabled{background:var(--teal)}
.automation-summary .text-btn{font-size:12px}
.commerce-conversions{padding-top:8px;border-top:1px solid var(--line);font-size:11px!important;margin-bottom:10px}
.empty{padding:43px 25px}
.empty h3{font-size:25px;margin-top:15px}
.empty p{font-size:13px;max-width:430px}
.empty .btn{font-size:12px;min-height:41px}
.empty-activity{padding:31px 25px;min-height:140px;display:flex;gap:15px;align-items:center}
.empty-activity>svg{color:var(--teal);width:25px;height:25px}
.empty-activity strong{font-size:13px;font-weight:500}
.empty-activity p{font-size:12px;color:var(--muted);margin-top:8px}
.chart{height:180px}
.chart svg{height:145px}
.chart-axis{height:140px;font-size:10px;color:#65705d}
.chart-labels{font-size:10px;color:#65705d}
.chart-legend{font-size:10px}
.chart-note{font-size:11px;line-height:1.75;color:#626e5b}
.date-filter{font-size:11px}
table{font-size:12px}
th{font-size:10px;padding:14px 22px;color:#65705d}
td{padding:19px 22px}
.campaign-cell strong{font-size:12px}
.campaign-cell small{font-size:11px;margin-top:5px}
.badge{font-size:11px;padding:4px 9px}
.badge.gray{color:#62695b}
.badge.warm{color:#755717}
.badge.dark{color:#e3efe3}
.badge.dot{color:#075e66;background:#e3efeb}
.main-footer{font-size:10px;gap:18px;line-height:1.7;color:#68745f}
.demo-banner{font-size:11px;line-height:1.7;padding:10px 40px;color:#e4f2ed}
.search-box{font-size:13px;min-height:44px}
.search-empty .text-btn{margin-top:18px}
.field>span{font-size:13px}
.field small,.form-section>p,.form-footer .small{font-size:12px;line-height:1.7}
.field input,.field textarea,.field select{font-size:14px}
.form-error{font-size:13px}
.preview-panel .eyebrow{font-size:10px}
.preview-note{font-size:12px;max-width:290px;line-height:1.75}
.notification .appname{font-size:10px}
.notification strong{font-size:13px}
.notification p{font-size:12px}
.notification-icon{background:var(--teal)}
.preview-phone{min-height:385px}
.preview-day{font-size:11px;line-height:1.7;max-width:210px;margin-inline:auto}
.auto-card>p{font-size:13px;line-height:1.8;min-height:100px}
.auto-card h2{font-size:26px;line-height:1.25}
.auto-card .eyebrow{font-size:9px}
.auto-card .text-btn{font-size:12px}
.toggle{width:44px;height:26px;padding:4px}
.toggle:after{height:18px;width:18px}
.toggle.on:after{transform:translateX(18px)}
.info-box{font-size:13px;line-height:1.8}
.connect-step p{font-size:13px;line-height:1.85}
.key-box{font-size:12px}
.panel .description{font-size:13px;line-height:1.8}
.billing-card .small{font-size:13px;line-height:1.8}
.benefits li{font-size:13px;line-height:1.7}
.store-card .origin,.store-card .small{font-size:12px}
.store-card .text-btn{font-size:13px}
.seg-card p{font-size:13px}
.auth-story{padding:65px 12%;justify-content:center;gap:55px}
.auth-story h1{font-size:clamp(47px,4.7vw,72px);line-height:1.12}
.auth-story p{font-size:16px;line-height:1.8}
.auth-story .small{font-size:12px}
.auth-form>p{font-size:14px}
.auth-switch,.check{font-size:13px;line-height:1.7}
.auth-form .small{font-size:12px}
.page-heading h1:focus,.product-title h1:focus{outline:none}
.icon-btn{min-width:40px;min-height:40px}
.legal h1{font-size:42px}
@media(min-width:1800px){.main-content{padding-top:40px}.chart{height:200px}.chart svg{height:165px}.chart-axis{height:160px}}
@media(max-width:1450px){.product-scope,.platform-contact{margin-inline:48px}.product-intro{gap:45px}.product-title h1{font-size:60px}.studio-content{padding:27px 24px}.studio-message{padding:24px}.scope-detail>div{grid-template-columns:155px 1fr;gap:25px}.product-scope{gap:55px}}
@media(max-width:1200px){.product-intro{padding-top:48px;gap:34px}.product-title h1{font-size:51px}.product-lead{font-size:15px}.product-offer>strong{font-size:34px}.product-scope{gap:40px;grid-template-columns:.9fr 1.5fr}.scope-title h2{font-size:38px}.scope-detail>div{grid-template-columns:140px 1fr;gap:20px}.scope-detail dt{font-size:24px}.scope-detail dd{font-size:13px}.studio-message h2{font-size:19px}.studio-foot{align-items:start;flex-direction:column;gap:8px}.studio-foot>span{max-width:100%}.connection-steps{gap:25px}.main-content{padding-inline:28px}.topbar{padding-inline:28px}.dashboard-workspace{grid-template-columns:minmax(0,1.8fr) minmax(230px,.9fr);gap:25px}.metric{padding:22px}.metric-top{font-size:11px}.metric-bottom{font-size:10px}.auto-card>p{min-height:145px}}
@media(max-width:1050px){.product-intro{grid-template-columns:1fr;gap:40px;padding-top:45px}.product-title{display:grid;grid-template-columns:1.1fr 1fr;gap:0 45px;align-items:start}.product-title>.eyebrow{grid-column:1/-1}.product-title h1{font-size:54px;grid-row:2/6}.product-lead{margin:0}.product-offer{margin-top:20px;padding-top:18px}.product-actions{gap:18px;margin-top:20px}.integration-caption{grid-column:2;margin-top:18px;font-size:11px}.message-studio{max-width:none}.studio-content{display:grid;grid-template-columns:1fr 1.7fr;gap:0 25px;padding:26px}.studio-label{grid-column:1}.sample-controls{grid-column:1;display:flex;flex-direction:column;gap:10px;align-self:start}.sample-control{text-align:left}.studio-message{grid-column:2;grid-row:1/4;margin:0;min-height:250px}.studio-trigger{grid-column:1;align-self:end;font-size:10px;margin-top:20px}.studio-foot{flex-direction:row;align-items:center}.studio-foot>span{font-size:11px}.scope-title h2{font-size:35px}.product-scope{grid-template-columns:1fr 1.6fr;gap:40px;padding-block:45px}.scope-detail>div{display:block;padding-block:20px}.scope-detail dd{margin-top:10px}.product-start{padding-top:45px}.platform-contact{align-items:start;flex-direction:column;padding:28px}.connection-steps{grid-template-columns:1fr;gap:23px}.connection-steps p{max-width:none;margin-top:8px}.connection-steps h3{font-size:24px}.dashboard-workspace{grid-template-columns:1fr}.workspace-aside{display:grid;grid-template-columns:1fr 1fr;gap:30px}.automation-summary{margin:0;padding-top:5px;border-top:0}.metrics-three{grid-template-columns:repeat(3,1fr)}.auto-card>p{min-height:0}.main-footer{flex-wrap:wrap}.public-nav{gap:20px}}
@media(max-width:760px){.product-public .public-nav{padding:21px 22px}.public-links{font-size:13px;gap:18px}.public-links>a:first-child:not(.btn){display:none!important}.public-links>a[href="#login"]{display:inline}.public-links>.btn{font-size:11px;min-height:42px;padding-inline:16px}.product-intro{padding:35px 22px 40px;gap:32px}.product-title{display:block}.product-title .eyebrow{font-size:10px;margin-bottom:22px}.product-title h1{font-size:clamp(37px,9.8vw,57px);line-height:1.14}.product-lead{font-size:15px;margin-top:23px;max-width:500px}.product-offer{margin-top:24px;padding-top:20px;max-width:none}.product-offer>strong{font-size:36px}.product-offer>strong span{font-size:13px}.product-offer p{font-size:12px;margin-top:10px}.product-actions{gap:23px;margin-top:22px}.product-actions .btn{font-size:12px;padding-inline:22px;min-height:46px}.product-actions .text-btn{font-size:12px}.integration-caption{font-size:12px;margin-top:25px;line-height:1.8}.studio-bar{padding:16px 19px}.studio-demo{font-size:8px}.studio-wordmark{font-size:19px}.studio-content{display:block;padding:23px 19px}.studio-label{font-size:9px}.sample-controls{flex-direction:row;gap:6px;margin-top:13px}.sample-control{font-size:11px;padding:9px 11px;min-height:42px}.studio-message{margin-top:22px;padding:22px 19px;min-height:250px}.studio-message h2{font-size:19px;margin-top:22px}.studio-message>p{font-size:13px;min-height:44px}.message-origin strong{font-size:9px}.message-origin>div>span{font-size:9px}.merchant-mark{width:34px;height:34px;font-size:18px}.studio-trigger{font-size:11px;margin-top:17px;min-height:35px}.studio-foot{padding:17px 19px;flex-direction:column;align-items:start;gap:8px}.studio-foot>span{font-size:10px}.studio-foot .text-btn{font-size:12px}.product-scope{grid-template-columns:1fr;margin-inline:22px;padding-block:37px;gap:31px}.scope-title h2{font-size:36px;line-height:1.2;margin-top:20px}.scope-title h2 br{display:none}.scope-title p{max-width:none;font-size:14px;margin-top:19px}.scope-detail>div{display:grid;grid-template-columns:110px 1fr;gap:20px;padding-block:20px}.scope-detail dt{font-size:22px}.scope-detail dd{font-size:13px;line-height:1.8;margin:0}.product-start{padding:37px 22px}.product-start h2{font-size:32px;line-height:1.2}.connection-steps{gap:25px;margin-top:26px}.connection-steps h3{font-size:24px}.connection-steps p{font-size:13px;line-height:1.8}.install-facts{grid-template-columns:1fr;gap:18px;margin-top:28px;padding-top:23px}.install-facts p{font-size:12px}.platform-contact{margin:0 22px 35px;padding:26px 23px;gap:24px}.platform-contact h2{font-size:27px;line-height:1.3}.platform-contact p{font-size:13px}.platform-contact .btn{font-size:12px}.public-footer{padding:24px 22px;font-size:11px;flex-direction:column;gap:10px}.sidebar{width:260px;padding-inline:22px}.main-shell{margin-left:0}.main-content{padding:27px 20px}.topbar{height:66px;padding-inline:20px}.page-heading{align-items:start;gap:17px;flex-wrap:wrap;margin-bottom:23px}.page-heading h1{font-size:34px;line-height:1.2}.page-heading .eyebrow{font-size:10px}.page-heading p{font-size:12px;margin-top:8px}.page-heading .btn{margin:0;min-height:42px;font-size:11px}.crumb{font-size:11px}.profile-copy{display:none}.demo-banner{padding:10px 20px;font-size:10px;gap:15px}.connection-callout{padding:19px;align-items:start;flex-direction:column;gap:17px}.connection-callout>div{align-items:start;gap:12px}.connection-callout>div>svg{width:20px;height:20px;margin-top:3px}.connection-callout strong{font-size:13px}.connection-callout p{font-size:12px;line-height:1.8}.metrics-three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{padding:18px 13px}.metric-top{font-size:10px;min-height:32px;line-height:1.6}.metric-value{font-size:30px;margin-top:8px}.metric-bottom{font-size:9px;line-height:1.7;margin-top:7px}.dashboard-workspace{gap:28px}.dashboard-primary{gap:22px}.panel-head{padding:20px 20px 0;gap:14px;align-items:center}.panel-head h2{font-size:24px}.panel-head .text-btn{font-size:11px}.campaign-panel .panel-head{flex-wrap:wrap;padding-bottom:18px}.activity-panel .panel-head{flex-wrap:wrap}.workspace-aside{grid-template-columns:1fr;gap:25px}.automation-summary{border-top:1px solid var(--line);padding-top:25px}.setup-task{padding:17px 0}.setup-task strong{font-size:13px}.setup-task small{font-size:12px}.automation-summary li{font-size:13px}.automation-summary .text-btn{font-size:13px}.section-bar h2,.setup-panel h2,.automation-summary h2{font-size:26px}.chart{height:170px;margin-inline:20px}.chart svg{height:135px}.chart-axis{height:130px;font-size:9px}.chart-labels{font-size:9px}.chart-note{font-size:11px;padding-inline:20px}.chart-legend{font-size:10px;margin-inline:20px}.empty{padding:32px 20px}.empty h3{font-size:25px}.empty p{font-size:13px;line-height:1.8}.empty-activity{padding:25px 20px;min-height:140px;align-items:start}.empty-activity strong{font-size:12px}.empty-activity p{font-size:12px}.main-footer{font-size:9px;gap:12px;flex-direction:column;margin-top:30px;align-items:start}.main-footer>span:nth-child(2){display:none}.date-filter{font-size:10px}.search-box{font-size:12px;min-height:44px;max-width:195px}.metrics:not(.metrics-three){grid-template-columns:repeat(2,minmax(0,1fr))}.metrics:not(.metrics-three) .metric:nth-child(2){border-right:0}.metrics:not(.metrics-three) .metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.form-footer{flex-wrap:wrap;gap:15px}.form-section h2{font-size:26px}.field>span{font-size:13px;line-height:1.7}.field input,.field select,.field textarea{font-size:16px}.preview-phone{min-height:360px}.preview-note{font-size:12px;line-height:1.8}.panel .description{font-size:13px}.badge{font-size:10px}.icon-btn{min-width:42px;min-height:42px}.auto-card>p{font-size:13px;line-height:1.8;min-height:0}.billing-card h2{font-size:32px}.benefits li{font-size:13px;line-height:1.8}.auth-form{padding-top:34px}.auth-form h2{font-size:34px}.auth-form .small{font-size:12px}.auth-switch,.check{font-size:12px}.connect-step p{font-size:13px}.key-box{font-size:11px}.integration-callout{padding:23px}.integration-callout p{font-size:13px;line-height:1.8}.legal h1{font-size:35px}.legal p{font-size:14px}.nav-item{min-height:44px}.sidebar .brand{margin-bottom:30px}}
@media(max-width:360px){.product-title h1{font-size:35px}.product-offer>strong span{display:block;margin-top:7px}.product-actions{align-items:start;gap:17px;flex-direction:column}.scope-detail>div{grid-template-columns:1fr;gap:9px}.studio-demo{font-size:7px;letter-spacing:.05em}.studio-content{padding-inline:15px}.studio-message{padding-inline:16px}.message-origin{gap:9px}.message-origin strong{font-size:8px}.sample-control{padding-inline:9px;font-size:10px}.metrics-three{grid-template-columns:1fr}.metrics-three .metric{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;column-gap:15px;padding:16px 18px}.metrics-three .metric:last-child{border-bottom:0}.metrics-three .metric-top{min-height:0;font-size:12px;grid-column:1}.metrics-three .metric-value{grid-column:2;grid-row:1/3;margin:0;font-size:33px;align-self:center}.metrics-three .metric-bottom{font-size:10px;margin-top:5px;grid-column:1}.page-heading h1{font-size:31px}.demo-banner{align-items:start;flex-direction:column;gap:3px}}
.table-scroll-hint{display:none}
@media(max-width:760px){.metric-top{font-size:11px;min-height:36px}.metric-bottom{font-size:10px}.table-scroll-hint{display:block;padding:0 20px 14px;color:#626e5b;font-size:10px;line-height:1.7}}
.nav-close{display:none}
@media(max-width:760px){.nav-close{display:grid;position:absolute;top:20px;right:11px;width:34px;height:34px;min-width:34px;min-height:34px}.sidebar .brand{max-width:180px}.sidebar .brand-copy strong{font-size:19px}}

.table-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}
.danger{color:#a43b31!important}.danger:hover{background:#faeeec}
.btn.danger-fill{background:#a43b31;color:#fff}.btn.danger-fill:hover{background:#822b24}
.modal-delete{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}
button:disabled{cursor:not-allowed;opacity:.5}


.setup-instructions{padding-left:20px;margin:22px 0;font-size:14px;color:var(--muted);line-height:1.8}.setup-instructions li+li{margin-top:12px}

/* One document scroll on desktop; compact controls fit the viewport. */
#app:has(>.sidebar){display:grid;grid-template-columns:238px minmax(0,1fr);align-items:start}
.sidebar{position:sticky;top:0;inset:auto;top:0;width:238px;height:auto;min-height:100vh;min-height:100dvh;overflow:visible;align-self:start}
.sidebar>*{flex-shrink:0}.main-shell{margin-left:0}
.sidebar-bottom{margin-top:auto;padding-top:22px;padding-bottom:env(safe-area-inset-bottom,0px)}
.side-account-status{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px;margin:0 10px 15px}
.status-dot{height:6px;width:6px;border-radius:50%;background:var(--teal);flex-shrink:0}
@media(min-width:761px) and (max-height:780px){.sidebar{padding:20px 18px}.sidebar .brand{margin:0 0 20px 8px}.sidebar .brand img{width:40px;height:40px}.sidebar .brand-copy strong{font-size:23px}.sidebar .brand-copy small{font-size:7px}.workspace-label{display:none}.sidebar .store-switch{margin-bottom:17px;padding:10px}.side-nav{gap:2px}.nav-item{padding:10px 12px;min-height:38px;font-size:12px}.nav-divider{margin:12px 10px}.sidebar-bottom{padding-top:20px}}
@media(min-width:761px) and (max-height:650px){.sidebar{padding-block:15px}.sidebar .brand{margin-bottom:15px}.sidebar .store-switch{margin-bottom:12px;padding-block:8px}.nav-item{padding-block:8px;min-height:34px}.nav-divider{margin-block:9px}.sidebar-bottom{padding-top:14px}.side-account-status{margin-bottom:10px}}
@media(min-width:761px) and (max-height:570px){.sidebar{position:static}}
@media(max-width:760px){#app:has(>.sidebar){display:block}.sidebar{position:fixed;inset:0 auto 0 0;top:0;width:260px;height:100vh;height:100dvh;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:20px}.sidebar .brand{margin-bottom:21px}.sidebar .workspace-label{display:none}.sidebar .store-switch{margin-bottom:17px}.sidebar .side-nav{gap:2px}.sidebar .nav-item{min-height:40px;padding-block:10px}.sidebar .nav-divider{margin-block:12px}.sidebar-bottom{padding-top:18px}}
.help-public{max-width:1280px;margin:auto;padding:45px 5% 70px}.help-intro{margin-bottom:32px;max-width:850px}.help-intro h1{font-size:clamp(34px,4vw,56px);margin:12px 0 18px}.help-intro>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:750px;margin-bottom:23px}.help-intro>.row{gap:15px}.help-options{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:20px;margin-bottom:45px}.help-options>article{padding:27px;border:1px solid var(--line);background:white;border-radius:7px}.help-options h2{font-size:28px;margin:20px 0 14px}.help-options p,.help-custom>p{font-size:14px;line-height:1.8;color:var(--muted);margin:16px 0 24px}.help-option-icon{width:40px;height:40px;display:grid;place-items:center;background:var(--mint);color:var(--teal);border-radius:6px}.help-custom{background:#edf3ee!important;border-color:#bdcec2!important}.help-custom .eyebrow{margin-top:15px;font-size:10px}.help-custom .btn{font-size:12px;min-height:42px}.help-faq{margin-top:40px}.help-faq>.section-bar h2{font-size:34px}.faq-group{margin-top:30px}.faq-group>h3{font-size:24px;margin-bottom:14px;color:var(--deep)}.faq-group details{border-bottom:1px solid var(--line);background:white}.faq-group summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:20px 22px;font-size:15px;font-weight:500;list-style:none}.faq-group summary::-webkit-details-marker{display:none}.faq-group summary>span{font-size:22px;line-height:1;color:var(--teal)}.faq-group details[open] summary>span{transform:rotate(45deg)}.faq-group details>p{padding:0 22px 23px;color:var(--muted);font-size:14px;line-height:1.9;max-width:1000px}.help-bottom,.context-help{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);margin-top:38px;padding-top:28px}.help-bottom h2{font-size:30px}.help-bottom p,.context-help p{font-size:13px;color:var(--muted);margin-top:9px}.context-help{align-items:start}.context-help strong{font-size:15px}.context-help .row{justify-content:flex-end;gap:20px}.context-help .text-btn{font-size:12px}.help-list{padding-left:20px;margin:18px 0;color:var(--muted);font-size:14px;line-height:1.9}.help-list li+li{margin-top:12px}.integration-process{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:25px 0;margin:0 0 35px;border-block:1px solid var(--line)}.integration-process span{font:500 20px var(--display);color:var(--teal)}.integration-process h3{font-size:24px;margin:12px 0}.integration-process p{color:var(--muted);font-size:14px;line-height:1.8}.support-success{padding:38px}.support-success h2{font-size:32px;margin:24px 0 18px}.support-success p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:17px}.support-success .btn{margin-top:10px}.request-history{margin-top:22px;border:1px solid var(--line);background:white}.request-history>div{display:flex;justify-content:space-between;gap:20px;padding:18px 22px}.request-history>div+div{border-top:1px solid var(--line)}.request-history small{display:block;font-size:12px;color:var(--muted);margin-top:7px}.request-history strong{font-size:14px}.support-admin-list{display:grid;gap:22px}.request-contact{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:14px;margin:20px 0}.request-contact a{color:var(--teal);overflow-wrap:anywhere}.request-message{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0 25px}.form-error{color:#a43b31;font-size:13px;margin-top:18px}
@media(max-width:1100px){.help-options{grid-template-columns:1fr 1fr}.help-options>article:last-child{grid-column:1/-1}.context-help{flex-direction:column;gap:18px}.context-help .row{justify-content:flex-start}}
@media(max-width:760px){.help-public{padding:30px 22px 45px}.help-intro{margin-bottom:25px}.help-intro h1{font-size:36px}.help-intro>p{font-size:14px}.help-options{grid-template-columns:1fr;gap:16px}.help-options>article:last-child{grid-column:auto}.help-options>article{padding:23px}.help-options h2{font-size:26px}.help-options p{font-size:13px}.help-faq>.section-bar h2{font-size:29px}.faq-group>h3{font-size:23px}.faq-group summary{font-size:14px;padding:17px 18px;line-height:1.7}.faq-group details>p{font-size:13px;padding-inline:18px}.help-bottom{flex-direction:column;align-items:start}.help-bottom h2{font-size:27px}.integration-process{grid-template-columns:1fr;gap:22px}.integration-process>div{display:grid;grid-template-columns:30px 1fr;column-gap:18px}.integration-process span{grid-row:span 2}.integration-process h3{margin:0 0 8px}.integration-process p{font-size:13px}.support-success{padding:25px}.request-history>div{flex-direction:column;align-items:start;gap:12px}.request-contact{flex-direction:column;gap:8px}.support-admin-list .row{gap:15px}.help-intro .row .btn{font-size:12px;min-height:44px}}