/* Readable labels and a compact navigation without changing the product flow. */
.blade-home{--muted:#435266}
html[data-theme=dark] .blade-home{--muted:#c1cede}
.blade-home :is(small,.eyebrow,.mini-kicker,.mega-label,.mini-kicker,.pipeline-tag,.pipeline-card-kicker,.pipeline-inquiry,.pipeline-hub>span:last-child,.pipeline-review>span:last-child,.pipeline-review strong,.context-chips>span,.pipeline-team-bottom,.pipeline-footer,.pipeline-caption,.hero-incoming-header,.hero-incoming-header strong,.hero-contact strong,.hero-contact>span:first-child,.hero-draft-label,.hero-note,.hero-text-link,.feature-status,.mode-pill,.detail-tile strong,.home-detail-value,.detail-caption,.handoff-layer,.handoff-owner,.home-handoff-name,.home-handoff-value,.home-owner-pick,.home-followup-state,.home-followup-row strong,.guard-track,.guard-reminder>span:last-child,.guard-reminder strong,.story-card-label,.story-core>span,.story-board-note,.home-story-fields strong,.home-story-owner,.step-num,.integration-row,.integration-label,.integration-note,.plan-badge,.plan-setup,.plan-timeline,.pricing-availability,.feature-scope,.feature-detail,.intelligence-note,.footer-heading,.footer-audience,.footer-bottom,.language-menu>summary,.language-options a){font-size:13px!important;line-height:1.65}
.blade-home :is(.visual-caption,.pipeline-caption,.pipeline-card-kicker,.pipeline-inquiry,.hero-contact small,.hero-incoming-header,.home-example-top small,.home-detail-value,.detail-caption,.home-handoff-value,.home-followup-row small,.home-followup-state,.guard-track,.guard-reminder>span:last-child){color:#435266}
html[data-theme=dark] .blade-home :is(.visual-caption,.pipeline-caption,.pipeline-card-kicker,.pipeline-inquiry,.hero-contact small,.hero-incoming-header,.home-example-top small,.home-detail-value,.detail-caption,.home-handoff-value,.home-followup-row small,.home-followup-state,.guard-track,.guard-reminder>span:last-child){color:#c1cede}
.blade-home .tool-node>span{display:block;min-width:0;line-height:1.6}
.blade-home .tool-node small{display:block;margin-top:4px}
.blade-home .brand small{font-size:inherit!important;line-height:inherit}
.blade-home .mode-center br{display:block}
.blade-home .mode-center>strong{line-height:1.65}
.blade-home .story-grid .step{opacity:1!important}
.blade-home .story-grid .step p{color:#c1cede}
.blade-home :is(.tool-node,.home-tool-example,.visual-heading,.home-initial,.home-story-draft,.home-story-fields span,.home-story-fields small,.home-story-fields strong,.story-inbox>strong,.story-context>strong,.policy-link>span:last-child){font-size:13px!important;line-height:1.65}
.blade-home .pipeline-review>span:last-child{color:#c1cede}
.blade-home .pipeline-hub>span:last-child{color:#fff}
.blade-home .team-avatars i{font-size:12px;width:25px;height:25px}
.demo-notice{margin:20px 0 0;padding:13px 16px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px;background:var(--surface);color:var(--text);font-size:13px!important;line-height:1.7}
.nav-preferences{display:flex;align-items:center;gap:7px}
.blade-home .nav-links{gap:18px}
.blade-home .nav-preferences :is(.motion-toggle,.theme-toggle){display:grid}
.blade-home .nav-preferences .language-menu>summary{min-width:48px}
@media(max-width:900px){
 .blade-home .container{width:calc(100% - 32px)}
 .blade-home .nav-row{min-height:72px;gap:8px}
 .blade-home .brand{font-size:13px;gap:6px;flex-shrink:0}
 .blade-home .brand img{width:25px;height:25px}
 .blade-home .nav-cta{gap:6px;min-width:0}
 .blade-home .nav-cta>.btn{display:inline-flex;min-height:44px;padding:8px 11px;font-size:13px;line-height:1.35;max-width:120px}
 .blade-home .nav-toggle{display:grid;width:44px;height:44px}
 .blade-home .nav-links{left:-16px;right:-16px;gap:0;max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain;padding:18px 20px}
 .blade-home .nav-links>a{min-height:44px;font-size:16px}
 .blade-home .nav-preferences{display:grid;grid-template-columns:1fr;gap:10px;width:100%;border-top:1px solid var(--line);margin-top:14px;padding-top:16px}
 .blade-home .nav-preferences :is(.theme-toggle,.motion-toggle){display:flex;justify-content:flex-start;gap:12px;width:100%;height:auto;min-height:48px;padding:12px 14px;border-radius:8px;color:var(--text);font-size:13px;text-align:left}
 .blade-home .nav-preferences :is(.theme-toggle,.motion-toggle)::after{content:attr(aria-label)}
 .blade-home .nav-preferences button svg{flex-shrink:0}
 .blade-home .nav-preferences .language-menu>summary{width:100%;min-height:48px;justify-content:flex-start;padding:12px 14px;gap:10px}
 .blade-home .nav-preferences .language-options{position:static;max-width:none;width:100%;margin-top:8px;box-shadow:none}
 .experience-hero .hero-layout{grid-template-columns:minmax(0,1fr);gap:28px}
 .experience-hero .blade-hero-copy{grid-column:1/-1;width:100%;max-width:none;min-width:0}
 .experience-hero .blade-hero-copy h1{width:100%;max-width:none;font-size:clamp(2.1rem,8vw,3.6rem);line-height:1.12}
 .experience-hero .hero-sub{max-width:none;width:100%;margin-inline:0}
 .blade-home main p{font-size:16px!important;line-height:1.75}
 .blade-home main :is(.feature-intro>p,.feature-story>p,.security-card p,.control-options p,.faq-item p){max-width:none}
 .blade-home main .demo-notice{font-size:13px!important}
 #workflowDemo{width:100%;max-width:650px}
 #workflowDemo .pipeline-stage{height:auto;min-height:0;display:flex;flex-direction:column;gap:15px;padding:18px;aspect-ratio:auto}
 #workflowDemo :is(.pipeline-source,.pipeline-hub,.pipeline-review,.pipeline-team,.hero-conversation){position:relative;inset:auto;width:100%;height:auto;min-height:0;transform:none;flex-shrink:0}
 #workflowDemo .pipeline-source{display:block;padding:16px;order:0}
 #workflowDemo .pipeline-source>.pipeline-card-kicker{margin-bottom:7px}
 #workflowDemo .pipeline-source>strong{font-size:16px;line-height:1.5}
 #workflowDemo .pipeline-source>.pipeline-inquiry{padding:8px 0 0}
 .hero-contacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;margin-top:12px}
 .hero-contact{padding:10px 6px;gap:6px;min-height:60px;min-width:0;align-items:flex-start}
 .hero-contact>span:last-child{min-width:0;overflow-wrap:break-word}
 .hero-contact>span:first-child{width:23px;height:23px;flex-shrink:0}
 #workflowDemo .pipeline-hub{order:1;min-height:64px;padding:12px 16px}
 .hero-conversation{order:2}
 .hero-incoming,.hero-draft{min-height:0;padding:16px}
 .hero-draft p{min-height:0}
 #workflowDemo .pipeline-review{order:3;padding:16px;align-items:center}
 #workflowDemo .pipeline-team{order:4;padding:16px}
 #workflowDemo .pipeline-team>strong{font-size:16px;line-height:1.5}
 #workflowDemo .pipeline-team-bottom{flex-wrap:wrap;gap:8px}
 #workflowDemo .pipeline-top{font-size:13px;padding:16px;align-items:flex-start}
 #workflowDemo .pipeline-footer{flex-wrap:wrap;padding:15px 16px}
 #workflowDemo .pipeline-caption{padding:0 16px 16px}
 .blade-home .feature-motion{height:auto;overflow:visible;min-width:0}
 .blade-home .mode-orbit{min-height:0!important}
 .blade-home .mode-pill{max-width:100%;white-space:normal;overflow-wrap:break-word}
 .blade-home :is(.home-owner-choices,.home-followup-row,.handoff-source){flex-wrap:wrap}
 .blade-home .home-owner-pick{min-height:44px}
 .blade-home .home-followup-state{max-width:100%}
 .blade-home .detail-tile{flex-wrap:wrap}
 .blade-home .home-detail-value{max-width:100%;overflow-wrap:break-word}
 .blade-home .handoff-layer{flex-wrap:wrap;align-items:flex-start;gap:6px}
 .blade-home .home-handoff-value{max-width:100%;overflow-wrap:break-word}
 .blade-home .story-board{display:none}
 .blade-home .home-step-trigger{display:none}
 .blade-home .story-grid{display:block}
 .blade-home .story-section.is-enhanced{min-height:0;padding-bottom:48px}
 .blade-home .story-sticky{position:relative;top:auto;padding-bottom:0}
 .blade-home .story-grid .step{grid-template-columns:28px minmax(0,1fr);gap:12px;padding:18px 0!important;transform:none!important}
 .blade-home .story-grid .step h3{font-size:18px;line-height:1.5}
 .blade-home .story-grid .step p{max-width:none}
 .blade-home .story-grid .step .step-num{font-size:13px!important}
 .blade-home .story-progress{display:none}
 .blade-home #team{padding-bottom:28px}
 .blade-home #contact{padding-top:28px}
 .blade-home .team-grid{grid-template-columns:minmax(0,1fr);gap:16px}
 .blade-home .team-card{display:grid;grid-template-columns:84px minmax(0,1fr);gap:4px 18px;padding:20px 0;align-items:center}
 .blade-home .team-avatar{width:84px;height:84px;grid-row:span 2}
 .blade-home .team-card h3{font-size:18px;line-height:1.5;margin:0;align-self:end}
 .blade-home .team-role{line-height:1.65;margin:0;overflow-wrap:normal;align-self:start}
 .blade-home .contact-band{grid-template-columns:minmax(0,1fr);padding:28px 22px;gap:28px}
 .blade-home :is(.contact-field-two,.field-two){grid-template-columns:minmax(0,1fr);gap:20px}
 .blade-home .contact-field label{font-size:16px;line-height:1.5}
 .blade-home .contact-form :is(input:not([type=checkbox]):not([type=radio]),select){min-height:56px;font-size:16px;padding:14px}
 .blade-home .contact-form textarea{min-height:150px;font-size:16px;padding:14px}
 .blade-home .contact-form .btn{min-height:56px;width:100%;font-size:16px}
 .blade-home .features-section .feature-tabs button{min-height:52px;font-size:13px;white-space:normal}
 .blade-home :is(.home-draft-box p,.home-message,.hero-incoming p,.hero-draft p){font-size:16px!important;line-height:1.75;min-height:0}
}
@media(max-width:360px){
 .blade-home .container{width:calc(100% - 24px)}
 .blade-home .brand{font-size:12px;gap:4px}
 .blade-home .brand img{width:23px;height:23px}
 .blade-home .nav-row{gap:4px}
 .blade-home .nav-cta{gap:4px}
 .blade-home .nav-cta>.btn{padding:8px;font-size:12px;max-width:110px}
 .blade-home .nav-links{left:-12px;right:-12px}
 .hero-contact{flex-direction:column}
 .blade-home .team-card{grid-template-columns:72px minmax(0,1fr);column-gap:14px}
 .blade-home .team-avatar{width:72px;height:72px}
}

/* Keep desktop preferences next to the demo CTA; the mobile menu stays unchanged. */
@media(min-width:901px){
 .blade-home .nav-links{flex:1;min-width:0;justify-content:flex-start}
 .blade-home .nav-links>.feature-menu{margin-inline-start:auto}
 .blade-home .nav-preferences{margin-inline-start:auto;flex-shrink:0}
 .blade-home .nav-cta{flex-shrink:0}
}