@import url('/brand/colors/atara-colors.css');
.brand-logo{display:block;width:100%;height:auto;object-fit:contain}
.launch-copy h1.brand-heading,.phone-landing h1.brand-heading{margin:0 auto 16px;line-height:1;width:clamp(190px,32vw,260px);max-width:100%}
.phone-landing h1.brand-heading{margin-bottom:0}
.topbar .brand,.phone-bar .brand-link{display:block;padding:8px 0;text-decoration:none;flex-shrink:0}
.topbar .brand .brand-logo,.phone-bar .brand-link .brand-logo{width:112px;height:auto}
.task-page-brand{display:block;width:128px;margin:0 0 24px}
body:not(.session-visible),body.phone-page,body.session-visible{background:var(--atara-pale);--accent:var(--atara-blue)}
.launch-screen{background:var(--atara-pale)}
.launch-description,.phone-landing p,.demo-task-help,.phone-intro p{color:var(--atara-mid-blue)}
.call-button{background:var(--atara-blue);border-color:var(--atara-blue)}
.call-button:disabled{background:#e4eef6;border-color:#d4e4f1}
:is(.launch-screen,.phone-landing) #demo-tasks-title{color:var(--atara-navy)}
.demo-task-select strong,.demo-task-list strong{color:var(--atara-blue)}
@media(max-width:600px){.topbar .brand .brand-logo,.phone-bar .brand-link .brand-logo{width:104px}.launch-copy h1.brand-heading,.phone-landing h1.brand-heading{width:210px}}