/* Approved usability changes. Brand, policy, forms and shared window caps stay intact. */
.site-header{position:relative;z-index:30}
.mobile-site-menu{display:none}
#top .hero-primary-action{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;padding:12px 20px;margin-top:22px;background:var(--accent);border:1px solid var(--accent);color:var(--carbon);font-size:14px;font-weight:700;line-height:1.4}
#top .hero-primary-action:hover{background:var(--ink);border-color:var(--ink)}
#top .hero-primary-action>span{font-size:18px}
#top .hero-visual{margin-top:8px}
#top .hero-bottom{justify-content:flex-end}
#top #motion-toggle{border-color:transparent;min-height:44px;font-size:12px}
#top #motion-toggle:hover{border-color:var(--line)}
#waitlist .waitlist-fine{font-size:13px;line-height:1.7;max-width:400px}
@media(max-width:640px){
.site-header{gap:10px}
.site-header>.wordmark .brand-logo{width:clamp(104px,32vw,144px)}
.site-header>nav{margin-inline-start:auto;gap:0}
.site-header>nav .nav-join{min-height:44px;font-size:12px;padding:9px 11px;gap:9px;white-space:nowrap}
.mobile-site-menu{display:block;flex:none}
.mobile-site-menu>summary{display:flex;align-items:center;justify-content:center;gap:6px;list-style:none;cursor:pointer;min-height:44px;padding:10px;border:1px solid var(--line);font-size:12px;font-weight:500;line-height:1.4}
.mobile-site-menu>summary::-webkit-details-marker{display:none}
.mobile-site-menu[open]>summary{border-color:var(--accent)}
.mobile-site-menu[open]>summary svg{transform:rotate(180deg)}
.site-header .mobile-site-menu nav{position:absolute;top:calc(100% - 4px);right:var(--pad);width:min(320px,calc(100vw - 40px));padding:8px;display:flex;flex-direction:column;align-items:stretch;gap:0;background:var(--carbon);border:1px solid var(--line);box-shadow:0 18px 40px #0008;z-index:80}
.site-header .mobile-site-menu nav a{display:flex;align-items:center;min-height:46px;padding:11px 14px;font-size:14px;color:var(--ink)}
.site-header .mobile-site-menu nav a:hover{background:#f4f4ee0d}
#top .hero-primary-action{font-size:13px;min-height:46px;margin-top:18px;padding:12px 18px}
#top .hero-visual{margin-top:12px}
#waitlist .waitlist-fine{font-size:12px}
}
@media(max-width:700px){
#forge .fg-header-button{font-size:12px!important;min-height:44px;padding-inline:7px!important}
#forge .fg-chrome{flex-basis:46px}
#forge .fg-stage-strip{flex-basis:44px}
#forge .fg-stage-strip button{min-height:44px;font-size:12px;padding-inline:5px}
#forge .fg-content{scrollbar-width:thin;scrollbar-color:#677184 #11151c}
#forge .fg-plan-steps{gap:7px;align-items:stretch}
#forge .fg-plan-steps button{font-size:11px;line-height:1.45;min-height:46px;flex:1;min-width:0;gap:5px;align-items:center}
#forge .fg-plan-steps button>span{font-size:10px;width:18px;height:18px;line-height:16px}
#forge .fg-template-card{min-height:66px;gap:7px;padding:11px 8px}
#forge .fg-template-card strong{font-size:12px;line-height:1.5;overflow-wrap:normal}
#forge .fg-template-card svg{width:16px;height:16px}
#forge .fg-view-heading p{font-size:12px}
#forge .fg-field,#forge .fg-field-label{font-size:12px}
#forge .fg-field input,#forge .fg-chat-form input,#forge .fg-app-toolbar input{font-size:16px}
#forge .fg-local-note{font-size:11px}
#forge .fg-view-toggle button,#forge .fg-file-chips button,#forge .fg-change-chips button{font-size:11px!important;min-height:40px}
#forge .fg-chat-bubble{font-size:12px}
#forge .fg-primary{font-size:12px!important;min-height:44px;padding:10px 12px!important}
#forge .fg-back{font-size:12px!important;min-height:44px;padding:8px!important}
#forge .fg-guide-footer>span{font-size:10px;white-space:nowrap}
#forge .fg-app-metrics span,#forge .fg-sample-tag,#forge .fg-app-toolbar>strong{font-size:11px}
#forge .fg-result-cards span,#forge .fg-result-cards small,#forge .fg-check-list small{font-size:11px}
#forge .fg-check-list strong,#forge .fg-inline-finding strong,#forge .fg-inline-finding p{font-size:12px}
#forge .fg-row-button,#forge .fg-text-button{font-size:11px!important;min-height:36px}
#forge .fg-rollback-line{font-size:11px}
#forge .forge-demo-footer p,#forge .fg-limits summary{font-size:11px}
}
@media(max-width:359px){
#forge .fg-plan-steps button{font-size:11px}
#forge .fg-template-card strong{font-size:12px}
#forge .fg-guide-footer>span{display:block}
#forge .fg-primary{max-width:178px}
}

@media(max-width:359px){.site-header{gap:8px}.site-header>nav .nav-join{padding-inline:8px;gap:6px}.mobile-site-menu>summary svg{display:none}}