/* Shared product language: silver chrome, readable workspaces, one action color. */
body{min-width:0}
:root{
  --product-canvas:#f3f5f7;
  --product-surface:#fff;
  --product-chrome:#e9edf2;
  --product-ink:#172a3b;
  --product-muted:#576779;
  --product-line:#dce3ea;
  --product-blue:#245dcc;
  --product-blue-soft:#eaf1ff;
  --product-green:#24614c;
  --product-error:#a53434;
  --product-radius:18px;
  --product-ease:cubic-bezier(.2,.8,.2,1);
}
::selection{background:#cddfff;color:#152e55}
:is(input,textarea){caret-color:var(--product-blue)}
:is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #245dcc;outline-offset:4px}
:is(input,textarea)::placeholder{color:#637083;opacity:1}
:is(.table-wrap,.experience-tabs,.message-page textarea,.shell .terms){scrollbar-color:#b6c3d0 transparent;scrollbar-width:thin}
:is(.shell,.auth-page,.pilot-page,.messaging-page){color:var(--product-ink);background:var(--product-canvas)}
:is(.shell,.auth-page,.pilot-page,.messaging-page) h1,
:is(.shell,.auth-page,.pilot-page,.messaging-page) h2{letter-spacing:0;text-wrap:balance}
:is(.shell,.auth-page,.pilot-page,.messaging-page) .btn{border-radius:10px;min-height:46px;gap:9px;font-size:14px;font-weight:700;transition:background-color .16s,color .16s,transform .16s;box-shadow:none}
:is(.shell,.auth-page,.pilot-page,.messaging-page) .btn:not(.secondary):not(.text-button){background:var(--product-blue);color:#fff}
:is(.shell,.auth-page,.pilot-page,.messaging-page) .btn.secondary{background:#fff;color:#2c4258;border:1px solid #ccd7e2}
:is(.shell,.auth-page,.pilot-page,.messaging-page) .btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
:is(.shell,.auth-page,.pilot-page,.messaging-page) .btn:not(:disabled):hover{background:#194dae;color:#fff;transform:none}
:is(.shell,.auth-page,.pilot-page,.messaging-page) .btn.secondary:not(:disabled):hover{background:#edf2f8;color:#193a65}
:is(.shell,.auth-page,.pilot-page,.messaging-page) :is(input:not([type=checkbox]):not([type=color]):not([type=file]),select,textarea){background:#fff;border:1px solid #cbd5df;border-radius:9px;min-height:48px;padding:12px 14px;color:var(--product-ink);font-size:15px;box-shadow:none}
:is(.shell,.auth-page,.pilot-page,.messaging-page) :is(input,select,textarea):focus{border-color:var(--product-blue)}
:is(.shell,.auth-page,.pilot-page,.messaging-page) label{font-size:13px;color:#354a60}
:is(.shell,.auth-page,.pilot-page,.messaging-page) .footnote{font-size:12px;color:var(--product-muted);line-height:1.75}
/* Route navigation acts like product navigation, not a collection of badges. */
.experience-nav{max-width:1160px;padding:0 14px;min-height:58px;gap:16px;background:#fff;border:1px solid var(--product-line);border-radius:12px;box-shadow:none}
.experience-nav .experience-home{min-width:34px;height:44px;border-inline-end:1px solid var(--product-line);padding-inline-end:12px;box-sizing:content-box}
.experience-nav .experience-nav-label{font-size:12px;color:var(--product-muted)}
.experience-nav .experience-tabs{align-self:stretch;gap:4px}
.experience-nav .experience-tabs :is(a,button){position:relative;min-height:56px;gap:8px;padding:10px 13px;border-radius:0;background:transparent;color:#566779;font-size:13px;border:0;text-decoration:none;transition:color .16s,background-color .16s}
.experience-nav .experience-tabs :is(a,button) .icon{width:17px;height:17px;flex:none}
.experience-nav .experience-tabs :is(a,button)::after{content:'';position:absolute;inset-inline:12px;inset-block-end:0;height:2px;background:var(--product-blue);transform:scaleX(0);transition:transform .18s var(--product-ease)}
.experience-nav .experience-tabs :is(a,button)[aria-current=page]{color:#1b4c9e;background:transparent;font-weight:700}
.experience-nav .experience-tabs :is(a,button)[aria-current=page]::after{transform:scaleX(1)}
.experience-nav .experience-tabs :is(a,button):hover{background:#f3f6fa;color:#204c84}
.experience-nav .experience-trial{font-size:12px;font-weight:700;color:var(--product-blue)}
.app-main>.experience-nav{background:#fff;padding-inline:10px;min-height:54px;margin-bottom:20px}
.app-main>.experience-nav .experience-tabs :is(a,button){min-height:52px}
/* The authenticated workspace keeps the same operating density as the demos. */
.shell{grid-template-columns:224px minmax(0,1fr);gap:24px;padding:16px;max-width:1640px;margin:auto}
.shell .side{top:16px;min-height:calc(100svh - 32px);padding:26px 14px 18px;border:1px solid #d7e0e9;border-radius:18px;background:#e9edf2;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;gap:30px}
.shell .side>.brand{padding-inline:12px}
.shell .nav{gap:4px}
.shell .nav button{border-radius:9px;min-height:46px;padding:11px 13px;gap:10px;color:#536579;font-size:13px}
.shell .nav button:hover{background:#f6f8fb;color:#223e61}
.shell .nav button.active{color:#1e4f9a;background:#fff;box-shadow:0 2px 4px -2px #233f6028}
.shell .nav .icon{width:18px;height:18px;flex:none}
.shell .side-foot{border-top:1px solid #d2dce6;padding:20px 10px 0;font-size:13px}
.shell .side-foot .demo-tag{padding:0;background:transparent;border:0;border-radius:0;color:#53677b;font-size:12px}
.shell .side-foot select{font-size:13px;min-height:42px;padding:8px}
.shell .main{padding:0 10px 24px;margin:0 auto}
.shell .top{min-height:62px;padding:8px 0;border:0;border-bottom:1px solid var(--product-line);border-radius:0;background:transparent;font-size:12px}
.shell .top .avatar{border:1px solid #d6e0e9;background:#fff;width:31px;height:31px;color:#315071}
.shell .intro{margin:32px 0 24px}.shell .intro h1{font-size:32px;line-height:1.25}
.shell .hero{border-radius:18px;border-color:var(--product-line)}
.shell .hero-copy{padding:30px}.shell .hero h2{font-size:29px}
.shell .hero-art{background:#e8eef1}
.shell .metrics{margin:25px 0;gap:0;padding-block:5px}
.shell .metric{padding:10px 24px;font-size:13px;border-color:var(--product-line)}
.shell .metric:first-child{padding-inline-start:4px}
.shell .metric strong{font-size:32px;font-variant-numeric:tabular-nums;margin:7px 0}
.shell .panel{border-color:var(--product-line);border-radius:16px;padding:24px;box-shadow:none}
.shell .panel-head h2{font-size:20px}.shell .panel-head .search{min-height:42px;font-size:13px}
.shell th{font-size:12px;padding:13px 12px;background:#f7f9fb;color:#586b7e}
.shell td{font-size:14px;padding:17px 12px;font-variant-numeric:tabular-nums}
.shell tbody tr:hover{background:#f8fafd}
.shell .badge{font-size:12px;border-radius:5px;padding:5px 8px}
.shell .notice{border:0;border-radius:10px;background:#eef3f9;color:#334c67;font-size:14px}
.shell .empty{padding:38px 20px;color:#596e82;font-size:14px;line-height:1.8}
.shell .wallet-status,.shell .activity-row{padding-block:18px;font-size:14px}
.shell .wallet-status .btn{font-size:12px;min-height:42px}
/* Account access is part of the product journey, with form and context separated. */
.customer-page.auth-page{max-width:1160px;min-height:100svh;padding:34px 32px 60px}
.auth-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:28px;border-bottom:1px solid var(--product-line);margin-bottom:40px}
.auth-top>a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;color:var(--product-muted)}
.auth-top .icon{width:17px;height:17px}
.auth-page>.brand{display:block;margin:0 0 50px;width:max-content}
.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:76px;align-items:start;padding-top:32px}
.auth-story{padding:25px 0;max-width:500px}
.auth-story h1,.auth-story h2{font-size:44px;line-height:1.2;margin:0 0 22px;color:#1e354b}
.auth-story>p{font-size:17px;line-height:1.85;color:var(--product-muted);max-width:43ch}
.auth-story ol{list-style:none;counter-reset:auth-step;padding:12px 0;margin:26px 0;display:grid;gap:0;border-block:1px solid var(--product-line)}
.auth-story li{counter-increment:auth-step;display:flex;align-items:center;gap:14px;padding:14px 0;font-size:14px;color:#3a5168}
.auth-story li::before{content:counter(auth-step);flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid #c8d5e2;color:#315883;font-size:12px}
.auth-story .auth-steps li::before{display:none}.auth-steps li>span{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid #ced9e4;border-radius:9px;background:#fff;color:#315a87}
.auth-steps li>div{min-width:0}.auth-steps strong{display:block;font-size:14px;color:#2c4864}.auth-steps p{font-size:13px;color:#5f7183;line-height:1.75;margin:4px 0 0}
.auth-story>a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--product-blue);font-size:14px}
.auth-story .icon{width:17px;height:17px}
.auth-page .panel.auth-panel{margin:0;padding:34px;background:#fff;border:1px solid #d8e2ec;border-radius:18px;box-shadow:0 18px 38px -30px #1c395b40}
.auth-panel h1,.auth-panel h2{font-size:27px;line-height:1.3;margin:0 0 22px}
.auth-panel label{display:block;margin:18px 0 8px;font-weight:700;font-size:12px}
.auth-panel input{width:100%;font-size:16px}
.auth-panel :is(input[type=email],input[type=password]){direction:ltr;text-align:left}
.auth-panel .btn.full{width:100%;justify-content:center}.auth-panel form>.btn{margin-top:20px}
.auth-panel>p{margin:16px 0 0;font-size:13px;color:var(--product-muted);line-height:1.8}
.auth-panel>a:not(.btn){display:inline-flex;align-items:center;min-height:36px;font-size:13px;color:var(--product-blue)}
.auth-panel #auth-message:not(:empty){margin-top:18px;padding:16px;background:#f0f5fa;border-radius:10px;font-size:14px;line-height:1.8;color:#35526d}
.setup-page .panel,.customer-page:not(.auth-page)>.panel{border-color:var(--product-line);border-radius:18px;box-shadow:none}
/* Pilot request: the offer is legible before a single field is completed. */
.pilot-page .landing-header{padding:0 28px;border-bottom:1px solid var(--product-line);background:#f7f9fbcf}
.pilot-page .landing-nav{max-width:1160px;min-height:72px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.pilot-layout{max-width:1100px;grid-template-columns:minmax(0,1fr) minmax(350px,440px);gap:52px 72px;padding-top:64px}
.pilot-intro h1{font-size:46px;line-height:1.18;margin:0 0 24px;color:#1d344a}
.pilot-lead{font-size:16px;line-height:1.85;color:#52667a;max-width:45ch}
.pilot-steps{margin:32px 0}.pilot-steps li{grid-template-columns:28px 1fr;gap:16px;padding:22px 0;border-color:var(--product-line)}
.pilot-steps li>span{width:26px;height:26px;border:1px solid #c8d4e0;color:#315679;background:transparent}
.pilot-steps h2{font-size:17px;margin:0 0 8px}.pilot-steps p{font-size:13px;line-height:1.85;color:#5b6c7d}
.pilot-scope{padding:24px 0 0;margin:0;background:transparent;border:0;border-top:1px solid var(--product-line);border-radius:0}
.pilot-scope h2{font-size:20px}.pilot-scope p{font-size:13px;line-height:1.85}
.pilot-form-panel{padding:28px 30px 26px;border:1px solid #d7e1ea;border-radius:18px;background:#fff;box-shadow:0 18px 38px -30px #1c395b40}
.pilot-offer{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:-28px -30px 30px;padding:23px 26px;background:#eaf0f8;border-bottom:1px solid #d9e3ee;border-radius:17px 17px 0 0}
.pilot-offer>div{display:flex;align-items:center;gap:11px;flex:none}
.pilot-offer strong{font-size:47px;line-height:1;font-variant-numeric:tabular-nums;font-weight:700;color:#244b7b}
.pilot-offer span{font-size:13px;line-height:1.45;color:#355572}
.pilot-offer p{font-size:12px;line-height:1.65;margin:0;color:#304e6c}
.pilot-offer small{font-size:12px;color:#526d86}
.pilot-form-panel>h2{font-size:25px;margin:0 0 8px}.pilot-form-intro{font-size:13px;line-height:1.8;margin:0 0 24px;max-width:38ch}
.pilot-form-panel form>label:not(.pilot-consent){font-size:12px;font-weight:700;margin:18px 0 8px}
.pilot-form-panel input:not([type=checkbox]),.pilot-form-panel select{min-height:48px;background:#fff}
.pilot-consent{font-size:12px;gap:10px;line-height:1.8;margin-block:24px}
.pilot-consent input{width:18px;height:18px;accent-color:var(--product-blue)}
.pilot-form-panel .btn.full{min-height:48px}.pilot-form-panel .footnote{font-size:12px;text-align:center}
.pilot-contact{margin-top:24px;padding-top:22px;border-color:var(--product-line);font-size:12px;gap:8px}
.pilot-contact small{font-size:12px}.pilot-contact a{font-size:14px}
.pilot-privacy{padding-top:28px}.pilot-privacy h2{font-size:19px}.pilot-privacy p{font-size:12px;line-height:1.9;max-width:92ch}
#pilot-result[data-state=error]{padding:14px 16px;border:1px solid #e9cccc;border-radius:10px;background:#fff4f3;color:#963535;font-size:13px}
#pilot-result[data-state=success]{padding:10px 0;color:#335746}
#pilot-result .pilot-success-icon{background:#e5f1ea;border-radius:12px;color:#2b6951;width:48px;height:48px}
#pilot-form[aria-busy=true] #pilot-submit{cursor:wait;background:#385f9d}
/* Messaging remains an operating surface, even before a provider is connected. */
.messaging-page .landing-header{padding:0 28px;border-bottom:1px solid var(--product-line);background:#f7f9fb}
.messaging-page .landing-nav{max-width:1160px;min-height:72px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.messaging-page .landing-nav>span{font-size:12px;color:#5e7185}
.message-page{max-width:1120px;padding-block:44px 54px}
.message-heading{gap:48px;align-items:center;margin-bottom:30px}
.message-heading h1{font-size:36px;line-height:1.18;margin:0 0 16px;color:#1c354d}
.message-heading>div>p{max-width:48ch;font-size:15px;line-height:1.8}
.message-plan{border:0;padding:0 24px;min-width:235px}
.message-plan strong{font-size:33px;color:#23476e;line-height:1.2;font-variant-numeric:tabular-nums}
.message-plan span,.message-plan p{font-size:12px;line-height:1.7;color:#576e83}
.message-plan .btn{font-size:12px;min-height:40px;padding-inline:14px}
.message-notice{padding:17px 22px;margin:28px 0 6px;border:1px solid #d5e0eb;border-radius:11px;background:#eaf0f7;color:#3b526b;font-size:13px;line-height:1.8}
.message-section{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:64px;padding-block:40px;border-color:var(--product-line)}
.message-section h2{font-size:25px;line-height:1.3;margin:0 0 14px}.message-section>div>p{font-size:14px;line-height:1.85;max-width:43ch}
.message-section form{padding:24px 26px;border:1px solid #d8e2eb;border-radius:14px;background:#fff;box-shadow:none}
.message-toggle{gap:20px;padding:20px 0;font-size:14px;border-color:#e4eaf0}
.message-toggle strong{font-size:14px}.message-toggle small{font-size:12px;line-height:1.75;margin-top:6px}
.message-toggle input{min-width:42px;min-height:25px;flex:none}.message-toggle input:focus-visible{outline-offset:5px}
.message-section :is(#automation-form,#campaign-form)>.btn{font-size:13px;min-height:44px;margin-top:18px;margin-inline-end:7px}
.message-section #automation-form>.btn:last-child{margin-inline-end:0}
.message-section #campaign-form>label{font-size:12px;font-weight:700;margin:17px 0 8px}
.message-section #campaign-form>label:first-child{margin-top:0}
.message-section #campaign-form textarea{resize:vertical;line-height:1.85;min-height:140px}
.message-preview{background:#e9eef4;border:1px solid #d5e0ea;border-radius:16px 16px 4px 16px;padding:20px 24px;margin:22px 24px 0 0;color:#263f58}
.message-preview>small{font-size:12px;color:#526b82;padding-bottom:12px;border-bottom:1px solid #ccd9e5}
.message-preview strong{font-size:14px;margin-top:14px}.message-preview p{font-size:14px;line-height:1.85;margin:10px 0 16px}
.message-preview>span{font-size:12px;color:#597085}
.message-channels{gap:0;margin-top:24px;display:block;border-top:1px solid var(--product-line)}
.message-channels>span{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid var(--product-line);font-size:13px}
.message-channels small{margin:0;font-size:12px;color:#5a6f82}
.message-row{padding:20px 0;border-color:var(--product-line);font-size:13px;align-items:center}.message-row strong{font-size:14px}.message-row small{font-size:12px}
.message-row .btn{min-height:40px;font-size:12px;flex:none}
.message-section>div>.muted{padding:15px 0;margin:0;border-bottom:1px solid var(--product-line);font-size:13px;color:#637386}
.message-page #message-status:not(:empty){padding:16px 20px;background:#e8f2eb;color:#285d43;border-radius:10px;font-size:14px;line-height:1.8}
.message-page #message-status:empty{display:none}
@media(max-width:1100px){
 .experience-nav{gap:6px}.experience-nav .experience-nav-label{display:none}.experience-nav .experience-tabs :is(a,button){padding-inline:11px;font-size:12px}
 .auth-layout{gap:38px}.auth-story h1,.auth-story h2{font-size:38px}
 .pilot-layout{gap:40px}.pilot-intro h1{font-size:40px}
 .shell{gap:14px;grid-template-columns:204px minmax(0,1fr)}.shell .main{padding-inline:0}.shell .panel{padding:20px}
}
@media(max-width:760px){
 .experience-nav{margin:12px 18px 0;padding:0 4px;min-height:52px;border-radius:10px}.experience-nav .experience-tabs{overflow-x:auto;gap:0;flex:1;scrollbar-width:none}
 .experience-nav .experience-tabs :is(a,button),.app-main>.experience-nav .experience-tabs :is(a,button){min-height:50px;padding:9px 11px;font-size:12px;gap:6px;flex:none}.experience-nav .experience-tabs .icon{display:none}
 .experience-nav .experience-tabs :is(a,button)::after{inset-inline:10px}.experience-nav .experience-home,.experience-nav .experience-trial{display:none}
 .customer-page.auth-page{padding:25px 20px 44px}.auth-page>.brand{margin-bottom:24px}.auth-layout{display:flex;flex-direction:column;gap:24px;padding:0}.auth-story{max-width:none;padding:0}.auth-story h1,.auth-story h2{font-size:30px;margin-bottom:14px}.auth-story>p{font-size:14px;margin-bottom:0}.auth-story ol{display:none}.auth-story>a{font-size:13px;margin-top:8px}.auth-page .panel.auth-panel{width:100%;max-width:460px;margin-inline:auto;padding:26px 24px}.auth-panel h1,.auth-panel h2{font-size:25px}
 .pilot-page .landing-header,.messaging-page .landing-header{padding-inline:20px}.pilot-page .landing-nav,.messaging-page .landing-nav{min-height:64px}.pilot-page .landing-login{font-size:12px}
 .pilot-layout{padding-top:34px;gap:30px;grid-template-columns:1fr}.pilot-intro h1{font-size:34px}.pilot-lead{font-size:15px}.pilot-form-panel{padding:26px}.pilot-offer{margin:-26px -26px 26px;padding:22px 24px}.pilot-offer strong{font-size:44px}.pilot-form-panel>h2{font-size:24px}
 .message-page{padding-top:30px}.message-heading{display:block;margin-bottom:20px}.message-heading h1{font-size:30px}.message-heading>div>p{font-size:14px}.message-plan{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;padding:20px 0 0;margin-top:24px;border-top:1px solid var(--product-line);min-width:0}.message-plan strong{grid-row:1/3;font-size:33px;align-self:center}.message-plan>span{align-self:end}.message-plan>p{margin:0}.message-plan>.btn{grid-column:1/-1;justify-self:start;margin-top:12px}
 .message-section{grid-template-columns:1fr;gap:24px;padding-block:30px}.message-section h2{font-size:24px}.message-section form{padding:20px}.message-section>div>p{max-width:none}.message-channels{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.message-channels>span{display:block}.message-channels small{margin-top:6px}.message-preview{margin-inline-start:16px;padding:20px}.message-notice{margin-block:24px 0;font-size:13px;padding:16px 18px}
 .shell{display:block;padding:12px 16px 95px}.shell .side{position:fixed;inset:auto 10px 10px;min-height:0;z-index:30;padding:7px;background:#f8fafbed;border-radius:15px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);gap:0}.shell .side>.brand,.shell .side-foot{display:none}.shell .nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.shell .nav button{flex:1 0 74px;flex-direction:column;gap:6px;min-height:54px;padding:7px 8px;font-size:12px;white-space:nowrap}.shell .nav .icon{width:18px;height:18px}.shell .main{padding:0}.shell .top{min-height:52px;font-size:12px}.shell .intro{margin:26px 0 20px;gap:16px}.shell .intro h1{font-size:28px}.shell .intro>.btn{font-size:12px;padding-inline:12px}.shell .hero{grid-template-columns:1fr}.shell .hero-art{display:none}.shell .hero-copy{padding:24px}.shell .hero h2{font-size:26px}.shell .metrics{gap:0}.shell .metric{padding:8px 12px;font-size:12px}.shell .metric strong{font-size:27px}.shell .metric small{font-size:12px}.shell .panel{padding:20px 16px}.shell .panel-head{flex-wrap:wrap;gap:16px}.shell .panel-head h2{font-size:19px}.shell .panel-head .search{max-width:none;width:100%}.shell .grid2{grid-template-columns:1fr}.shell .wallet-status{gap:15px}.shell td{font-size:12px;padding-inline:9px}.shell th{font-size:12px;padding-inline:9px}
}
@media(max-width:380px){.pilot-offer{gap:12px;padding:21px 18px}.pilot-offer p{font-size:12px}.pilot-offer small{font-size:12px}.pilot-form-panel{padding:23px 20px}.pilot-offer{margin:-23px -20px 25px}.auth-page .panel.auth-panel{padding:24px 20px}.experience-nav .experience-tabs :is(a,button){padding-inline:10px}}
@media(max-width:760px){.auth-top{margin-bottom:26px;padding-bottom:18px}.auth-top>a{font-size:12px}.auth-layout .auth-panel{order:-1}.auth-story{padding:8px 0 0}.auth-story h2{font-size:26px}.auth-story .auth-steps{display:grid;margin-top:22px}.auth-story .auth-steps li{padding:12px 0}}
/* Keep business selection and sign-out reachable above the mobile workspace. */
@media(max-width:760px){
 .shell .side{display:contents;position:static;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
 .shell .nav{position:fixed;inset:auto 10px 10px;z-index:30;padding:7px;border:1px solid #d5e0ea;border-radius:15px;background:#f8fafbf5;box-shadow:0 8px 24px -12px #203e5840}
 .shell .side-foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;border:0;border-bottom:1px solid var(--product-line);padding:0 0 14px;margin:0;font-size:12px}
 .shell .side-foot>.demo-tag,.shell .side-foot>p{display:none}.shell .side-foot select{min-height:38px;max-width:150px;font-size:12px;margin:0}.shell .side-foot label{font-size:12px}.shell .side-foot .link-btn{min-height:38px;width:auto;font-size:12px;padding-inline:0;margin:0}.shell .side-foot>.btn.full{width:auto;font-size:12px;min-height:40px}
}
@media(prefers-reduced-motion:reduce){.experience-nav .experience-tabs :is(a,button),.experience-nav .experience-tabs :is(a,button)::after,:is(.shell,.auth-page,.pilot-page,.messaging-page) .btn{transition:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.shell .side,.pilot-page .landing-header{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.experience-nav .experience-tabs :is(a,button)[aria-current=page]{outline:none}.experience-nav .experience-tabs :is(a,button):focus-visible{outline:3px solid var(--product-blue);outline-offset:-4px}}