/* Shared rounded controls and a mobile app shell for customer-facing pages. */
.marketing button,.marketing a.button,.marketing .topbar nav>a,.marketing .preview-tab,.marketing #cyberMotionToggle,.auth-page button,.auth-page a.button,.customer-app button{border-radius:16px!important}
.marketing .topbar .nav-logout{border-radius:14px!important}
.marketing .hero-plan-note,.marketing .plans article.featured,.marketing .compact-feature-grid article,.marketing .public-flow-visual .biz-flow{border-radius:20px}
.marketing .public-flow-visual .flow-node{border-radius:14px}.marketing .public-flow-visual .flow-node-icon{border-radius:10px}
.mobile-public-nav{display:none}
button,a,input,summary{ -webkit-tap-highlight-color:transparent }
@media(max-width:760px){
  html{scroll-padding-top:90px}
  .marketing{padding-bottom:calc(96px + env(safe-area-inset-bottom));overflow-x:clip}
  .marketing:after{display:none}
  .marketing .topbar{top:10px;height:62px;min-height:62px;margin:10px 14px 0;padding:0 12px;border-radius:20px;background:#0d2133e8;border-color:#31536c;box-shadow:0 8px 28px #0003}
  .marketing .topbar:before,.marketing .topbar:after{display:none}
  .marketing .topbar .wordmark{font-size:20px}.marketing .topbar .wordmark span{width:34px;height:34px;border-radius:12px}
  .marketing .topbar nav{gap:7px}
  .marketing .topbar nav>a[href^="#"]{display:none}
  .marketing .topbar nav #customerLoginLink{display:inline-flex;font-size:11px;align-items:center;min-height:44px;padding:8px}
  .marketing .topbar nav #customerWorkspaceLink,.marketing .topbar nav #adminDashboardLink{display:none}
  .marketing .topbar nav #publicSignupLink{display:inline-flex;min-height:44px;font-size:11px;padding:10px 13px;margin:0}
  .marketing .topbar .nav-logout{min-height:44px;padding:10px 12px;font-size:10px}
  .marketing .button,.auth-page .button{min-height:48px}
  .marketing .hero-v2{padding:29px 20px 24px;grid-template-columns:1fr;gap:26px}
  .marketing .cyber-overline{font-size:7px;line-height:1.8;letter-spacing:.04em;margin-bottom:16px}
  .marketing .hero-v2 h1{font-size:clamp(33px,9.1vw,46px);line-height:1.4}
  .marketing .hero-copy .lead{font-size:13px;line-height:1.95;max-width:none}
  .marketing .hero-actions{gap:13px;flex-direction:column;align-items:stretch}
  .marketing .hero-actions .hero-primary{min-height:50px;padding:14px 18px;font-size:13px;box-shadow:0 9px 25px #39a6c426}
  .marketing .hero-actions .quiet-link{display:flex;justify-content:center;align-items:center;min-height:44px;font-size:12px;background:#122b3c;border:1px solid #284a5e;border-radius:16px;padding:10px 14px}
  .marketing .hero-plan-note{border-radius:18px;padding:14px 16px;margin-top:16px;background:linear-gradient(115deg,#152d45,#103137)}
  .marketing .hero-plan-note:before{display:none}
  .marketing .hero-plan-summary{gap:12px}.marketing .hero-plan-price b{font-size:23px}.marketing .hero-plan-caption{font-size:10px}
  .marketing .hero-visual.public-flow-visual{max-width:580px;width:100%;padding:0}
  .marketing .hero-visual.public-flow-visual:before{display:none}
  .marketing .public-flow-visual .biz-flow{padding:15px;background-color:#0d2332;border-color:#355971;box-shadow:0 12px 32px #0002}
  .marketing .flow-details summary,.marketing .compact-more summary{min-height:48px;font-size:12px}
  .marketing .flow-details li{font-size:11px}.marketing .flow-details li b{font-size:12px}
  .marketing .section{padding:27px 20px}.marketing .compact-heading h2{font-size:27px;margin-bottom:22px}
  .marketing .compact-feature-grid{grid-template-columns:1fr;gap:12px}
  .marketing .compact-feature-grid article{display:grid;grid-template-columns:25px 1fr;gap:0 9px;padding:18px;border-radius:18px;background:#0e2433}
  .marketing .compact-feature-grid article:before{display:none}
  .marketing .compact-feature-grid article>span{grid-row:1/3;margin-top:3px}.marketing .compact-feature-grid h3{font-size:14px;margin:0 0 6px}.marketing .compact-feature-grid p{grid-column:2;font-size:12px;line-height:1.9}
  .marketing .compact-more{margin-top:16px;border:1px solid #2c4c61;border-radius:16px;padding:0 16px;background:#0c2030}
  .marketing .compact-steps{grid-template-columns:1fr;gap:0}.marketing .compact-footnote{font-size:11px}
  .marketing .plans-section{display:block}.marketing .plans-section .plans{margin-top:20px}.marketing .plans article.featured{padding:25px;border-radius:22px}
  .marketing .plans article .button{min-height:48px;font-size:13px}.marketing .plans article p{font-size:12px}
  .marketing .compact-final{margin:0 20px 12px;padding:20px 0;align-items:stretch;flex-direction:column;gap:17px}.marketing .compact-final .button{min-height:48px}
  .marketing footer{margin:0 20px;padding:18px 0 5px;gap:12px;font-size:10px;flex-wrap:wrap}.marketing footer button,.marketing footer a{min-height:40px;display:inline-flex;align-items:center}
  .mobile-public-nav{position:fixed;z-index:70;bottom:calc(10px + env(safe-area-inset-bottom));left:14px;right:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:7px;border:1px solid #3b6078;background:#0d2234ed;backdrop-filter:blur(18px);border-radius:23px;box-shadow:0 7px 30px #0006}
  .mobile-public-nav a{min-height:54px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border-radius:16px;color:#91abc2;font-size:10px;line-height:1.3;transition:color .2s,background .2s}
  .mobile-public-nav svg{width:20px;height:20px;flex-shrink:0}.mobile-public-nav a.active{color:#a1f1de;background:linear-gradient(135deg,#244259,#173d42);box-shadow:inset 0 0 0 1px #386271}
  .mobile-public-nav a:focus-visible{outline:2px solid #88e7d2;outline-offset:1px}
  .auth-page{background:radial-gradient(ellipse at top,#15374b,transparent 70%),#071019;padding-bottom:env(safe-area-inset-bottom)}
  .auth-page .auth-brand{top:23px;left:22px}.auth-page .auth-brand span{border-radius:13px}
  .auth-page .auth-shell,.auth-page .login-wrap{padding:94px 18px 30px;display:block;min-height:100dvh;margin:0;width:100%;max-width:none}
  .auth-page .auth-aside{display:none}.auth-page .auth-card{max-width:510px;width:100%;margin:0 auto;padding:27px 23px;border-radius:26px;background:#102232;border:1px solid #2d4e65;box-shadow:0 20px 50px #0002}
  .auth-page .auth-title h1,.auth-page .auth-title h2{font-size:27px}.auth-page .auth-title p{font-size:12px;line-height:1.9}
  .auth-page input,.auth-page select,.customer-app input,.customer-app select,.customer-app textarea{font-size:16px!important;border-radius:14px!important;min-height:48px}
  .auth-page form label{font-size:12px}.auth-page .auth-switch{font-size:12px;line-height:2}.auth-page .auth-switch a,.auth-page .auth-title a{display:inline-flex;align-items:center;min-height:40px}
  .customer-app aside{height:auto;bottom:calc(10px + env(safe-area-inset-bottom));left:12px;right:12px;width:auto;border:1px solid #37536b;border-radius:23px;padding:7px;background:#0e2233ed;box-shadow:0 10px 35px #0005}
  .customer-app nav button{min-height:54px;border-radius:16px!important;gap:5px}.customer-app nav button span{font-size:10px}
  .customer-app main{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.customer-app .content-card{border-radius:23px}
  .customer-app .primary-action,.customer-app .secondary-action,.customer-app .mini-action{min-height:46px;border-radius:15px!important;font-size:12px}
  .customer-app .account-actions button,.customer-app .account-actions a{min-height:44px;border-radius:12px!important}
  .customer-app .account-actions{border-radius:20px;padding:10px}.customer-app .workspace-account .account-chip{min-height:46px;border-radius:16px}
  .customer-app .studio-plan,.customer-app .studio-onboarding,.customer-app .studio-stats,.customer-app .studio-illustration.biz-flow{border-radius:23px}
  .customer-app .studio-task-list button{min-height:74px;border-radius:14px!important;padding-left:10px;padding-right:10px}.customer-app .studio-text-link{min-height:44px;display:inline-flex;align-items:center}
  .customer-app .test-composer .primary-action{width:100%}.customer-app .test-messages{max-height:55dvh;min-height:260px}
}
@media(max-width:360px){.marketing .topbar{margin-inline:10px;padding:0 10px}.marketing .topbar nav{gap:4px}.marketing .topbar .wordmark{font-size:18px}.marketing .topbar nav #customerLoginLink{font-size:10px;padding:6px}.marketing .topbar nav #publicSignupLink{font-size:10px;padding:9px 11px}.marketing .topbar .nav-logout{font-size:9px;padding:9px}.marketing .hero-plan-summary .hero-plan-name{width:100%}.marketing .hero-plan-summary .hero-plan-price{border:0;padding:0}.mobile-public-nav{left:10px;right:10px}.mobile-public-nav a,.customer-app nav button span{font-size:9px}}