/* Simplified homepage, based on the selected 12ui layout and Butr brand. */
.ticker{display:none}
.site-header{min-height:112px;grid-template-columns:minmax(240px,1fr) auto auto;padding:12px max(24px,5vw);gap:28px;position:relative;backdrop-filter:none}
.brand img{width:80px;height:80px}
.brand-context{font-size:14px;letter-spacing:0}
.brand-context small{display:none}
.site-header nav{gap:24px;grid-column:auto;grid-row:auto;overflow:visible}
.site-header nav a{font:500 14px/1.4 var(--font-body);letter-spacing:0;min-height:44px;display:flex;align-items:center}
.subscribe-open,.menu-toggle{font:500 14px/1.4 var(--font-body);min-height:44px;padding:10px 16px;border:1px solid var(--line);background:white;color:var(--ink)}
.menu-toggle{display:none;box-shadow:none}
.clean-home{max-width:1536px;margin:auto;padding:38px max(24px,5vw) 64px}
.clean-home .eyebrow{font:500 14px/1.5 var(--font-body)!important;letter-spacing:.05em!important;margin:0 0 16px}
.clean-intro{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(40px,8vw,140px);align-items:center;padding:0 0 52px}
.clean-lead h1{font-size:clamp(48px,6.5vw,100px);line-height:.99;letter-spacing:-.045em;margin:0 0 26px}
.clean-dek{font-size:22px;line-height:1.5;max-width:560px;margin:0 0 26px;color:var(--muted)}
.clean-actions{display:flex;gap:16px;flex-wrap:wrap}
.clean-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid var(--line);background:transparent;color:var(--ink);font:500 16px/1.4 var(--font-body);box-shadow:none;text-decoration:none;cursor:pointer}
.clean-button.primary{background:var(--signal);border-color:var(--signal)}
.clean-button:hover{background:var(--warm);border-color:var(--deep)}
.clean-feature{padding:32px 36px;background:var(--warm)}
.clean-feature h2{font-size:clamp(32px,3.5vw,54px);line-height:1.08;letter-spacing:-.025em;margin:18px 0}
.clean-feature p:not(.eyebrow){font-size:18px;line-height:1.5;color:var(--muted)}
.clean-feature a{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;text-decoration:underline;text-underline-offset:5px;color:var(--deep);font-size:16px}
.clean-tools,.clean-explore{border-top:1px solid var(--line);padding:24px 0 32px}
.clean-tool-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px;margin-top:28px}
.clean-tool-grid a{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-height:110px;font-size:18px;font-weight:500;padding:8px 0;color:var(--ink)}
.clean-tool-grid img{width:34px;height:36px;object-fit:contain}
.clean-tool-grid a:hover span{text-decoration:underline;text-underline-offset:5px}
.clean-explore-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:24px}
.clean-explore-grid a{padding:4px 24px 4px 0;border-right:1px solid var(--line);min-height:100px}
.clean-explore-grid a:last-child{border:0}
.clean-explore-grid h3{font-size:26px;font-weight:500;margin:0 0 8px;line-height:1.15}
.clean-explore-grid p{margin:0;color:var(--muted);font-size:16px;line-height:1.5}
.clean-explore-grid a:hover h3{text-decoration:underline;text-underline-offset:5px}
.clean-start{border-top:1px solid var(--line);padding-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.clean-start h2{font-size:28px;margin:0 0 8px}
.clean-start p{font-size:16px;color:var(--muted);margin:0}
.clean-start .research-start{margin:0;padding:0}
.clean-start .research-start>div{grid-template-columns:minmax(0,1fr) auto}
.clean-start .research-start label{font:500 14px/1.5 var(--font-body);letter-spacing:0}
.clean-start input{font-size:16px!important;min-width:0;box-shadow:none}
.clean-start button{width:auto;font-size:16px!important;min-height:48px;white-space:nowrap;padding:12px 16px;background:var(--deep);color:white}
.promote-page h1{font-size:clamp(40px,5vw,72px);line-height:1.1}
.promo-row{display:grid;grid-template-columns:1fr 1.6fr;gap:48px;border-top:1px solid var(--line);padding:32px 0}
.promo-row h2{font-size:32px;line-height:1.2;margin:0}
.promo-row p{font-size:18px;line-height:1.6;margin-top:0}
.copy-status{min-height:24px;color:var(--muted);margin-top:12px!important}
@media(max-width:1200px){.site-header{grid-template-columns:1fr auto auto;gap:16px}.brand-context{display:none}.site-header nav{gap:16px}.clean-intro{gap:48px}.clean-dek{font-size:20px}}
@media(max-width:900px){
 .site-header{padding:12px 20px;min-height:96px;grid-template-columns:1fr auto auto;gap:12px}
 .brand img{width:72px;height:72px}.menu-toggle{display:block;grid-column:2;grid-row:1}.subscribe-open{grid-column:3;grid-row:1}
 .site-header nav{display:none!important;grid-column:1/-1;grid-row:2;max-width:none;overflow:visible;padding:8px 0;gap:4px}
 .site-header.menu-open nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
 .site-header nav a{padding:10px 12px;font-size:16px;line-height:1.5;border-bottom:1px solid var(--line)}
 .clean-home{padding:28px 24px 40px}.clean-intro{grid-template-columns:1fr;gap:28px;padding-bottom:32px}
 .clean-lead h1{font-size:clamp(44px,9vw,64px);margin-bottom:20px}.clean-dek{font-size:18px;margin-bottom:20px}
 .clean-feature{padding:24px}.clean-feature h2{font-size:36px;max-width:560px}.clean-feature p:not(.eyebrow){font-size:16px}
 .clean-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.clean-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .clean-explore-grid a:nth-child(2){border:0}.clean-start{grid-template-columns:1fr;gap:20px}
 .promo-row{grid-template-columns:1fr;gap:16px}.library-controls{position:static}.library-hero h1,.resources-hero h1{font-size:clamp(40px,8vw,64px)}
}
@media(max-width:560px){
 .clean-home{padding:24px 20px 36px}.clean-feature h2{font-size:32px}.clean-actions{gap:10px}.clean-actions .clean-button{flex:1 1 140px;padding:12px 14px}
 .clean-tool-grid{grid-template-columns:1fr;gap:0;margin-top:8px}.clean-tool-grid a{flex-direction:row;align-items:center;min-height:64px;gap:18px;border-bottom:1px solid var(--line);font-size:18px}
 .clean-tool-grid img{width:28px;height:30px}.clean-explore-grid{grid-template-columns:1fr;gap:0;margin-top:8px}
 .clean-explore-grid a{border-right:0;border-bottom:1px solid var(--line)!important;padding:20px 0;min-height:0}.clean-explore-grid h3{font-size:26px}
 .clean-start .research-start div{display:flex;flex-direction:column;gap:8px;border:0}.clean-start input{border:1px solid var(--line);padding:14px}.clean-start button{width:100%}
 .promote-page{padding:28px 20px}.promo-row p{font-size:16px}.promo-row .clean-button{width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.ai-draft{grid-column:1/-1;width:100%;margin:0 0 24px;background:var(--white);border:1px solid var(--line);color:var(--ink)}
.ai-draft summary{cursor:pointer;padding:16px 20px;min-height:48px;font:500 18px/1.4 var(--font-body)}
.ai-draft-body{padding:0 20px 20px}.ai-draft p{font:400 16px/1.5 var(--font-body);max-width:70ch}
.ai-draft label{display:block;font:500 16px/1.5 var(--font-body);margin:16px 0 8px}
.ai-draft textarea{display:block;width:100%;min-height:100px;padding:12px;background:white;border:1px solid var(--line);font:400 16px/1.5 var(--font-body);color:var(--ink);resize:vertical}
.ai-draft .ai-data-note,.ai-proposal p{color:var(--muted);font-size:14px}
.ai-status{min-height:24px;margin-bottom:0}.ai-proposal{padding:16px 0;border-top:1px solid var(--line)}
.ai-draft .ai-choice{display:flex;align-items:center;gap:12px}.ai-choice input{width:22px;height:22px;flex:none;accent-color:var(--deep)}
.ai-review h3{font-size:26px;margin:24px 0 8px}.ai-generate:disabled{opacity:.6;cursor:wait}
.ai-review[hidden],.ai-review [hidden]{display:none!important}
.research-system #inspector{scroll-margin-top:24px}.research-system #inspector:focus{outline:2px solid var(--orange);outline-offset:4px}
@media(max-width:560px){.ai-draft-body{padding:0 16px 16px}.ai-draft .clean-actions{flex-direction:column}.ai-draft .clean-button{width:100%}}

/* Compact to the join button; spread the bars to the logo frame on interaction. */
.site-header .menu-toggle{width:56px;height:44px;min-height:44px;padding:0 6px;border:0;background:transparent;color:#CFBD5D;border-radius:0}
.menu-icon{display:block;width:44px;height:44px;overflow:visible}
.menu-icon path{transition:transform 180ms ease}
.site-header .menu-toggle[aria-expanded="true"] .menu-line-top{transform:translateY(-10.26px)}
.site-header .menu-toggle[aria-expanded="true"] .menu-line-bottom{transform:translateY(10.26px)}
@media(hover:hover) and (pointer:fine){
 .site-header .menu-toggle:hover .menu-line-top{transform:translateY(-10.26px)}
 .site-header .menu-toggle:hover .menu-line-bottom{transform:translateY(10.26px)}
}
.site-header .menu-toggle:focus-visible{outline:2px solid var(--deep);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.menu-icon path{transition:none}}

.site-header .subscribe-open{border-color:#CFBD5D}