/* Phone layout: readable content and touch controls, without shrinking desktop. */
#main-nav .mobile-nav-extra{display:none}
@media(max-width:1024px){#main-nav .mobile-nav-extra{display:flex}}
@media(max-width:899px){
 html{scroll-padding-top:calc(84px + env(safe-area-inset-top));font-size:16px}
 body{font-size:16px;line-height:1.75}
 .wrap{width:calc(100% - 40px);max-width:720px;margin-inline:auto}
 .section{padding-block:58px}
 .hero h1{font-size:clamp(43px,10.5vw,67px);line-height:1.06;letter-spacing:-.055em;overflow-wrap:normal}
 main h2,.faq-section h2,.contact-section h2{font-size:clamp(33px,8.3vw,45px);line-height:1.15;letter-spacing:-.045em}
 main h3{font-size:25px;line-height:1.3;letter-spacing:-.03em}
 main h2 em{line-height:1.05}
 .eyebrow,.small-label{font-size:11px;line-height:1.7;letter-spacing:.055em;margin-bottom:22px;flex-wrap:wrap}
 main p{overflow-wrap:break-word}
 .section-heading{display:block;margin-bottom:30px}
 .section-heading>p,.section-heading>div+div{margin-top:21px;max-width:none;padding-bottom:0}
 .section-heading>p,.section-heading>div+div>p,.business-copy>p,.context-copy>p,.video-layout>div>p,.results-layout>div>p,.contact-section p{font-size:16px;line-height:1.8}
 .source-note,.source-body p,.system-note p,.graph-note,.demo-caption,.video-layout>div>.video-note{font-size:14px;line-height:1.8}
 .button,.contact-button{min-height:54px;padding:16px 19px;font-size:15px;line-height:1.6;gap:18px;max-width:100%;white-space:normal}
 .site-header{padding-top:env(safe-area-inset-top);background:#f6f4edfa;backdrop-filter:blur(10px)}
 .header-inner{width:calc(100% - 32px);min-height:64px;grid-template-columns:1fr auto;gap:12px}
 .header-contact{display:none}
 .brand{font-size:22px;min-height:44px;gap:9px}
 .brand small{font-size:8px;letter-spacing:.06em}
 .brand-symbol{width:27px;height:29px}
 .menu-toggle{width:44px;height:44px;background:#fffef9;border-radius:3px}
 .site-header nav{padding:12px max(20px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));max-height:calc(100dvh - 64px - env(safe-area-inset-top));overscroll-behavior:contain;background:#f6f4ed;font-size:16px;gap:0}
 .site-header nav a{min-height:50px;padding:10px 0;font-size:16px}
 .hero{display:grid;grid-template-columns:minmax(0,1fr);padding-top:35px;padding-bottom:40px;gap:27px}
 .hero .eyebrow{margin-bottom:25px;max-width:none}
 .hero-lead{font-size:20px;line-height:1.55;margin-top:24px}
 .hero-description{font-size:16px;line-height:1.8;max-width:600px;margin-top:16px}
 .hero .button{margin-top:24px;width:100%;font-size:15px;justify-content:space-between;gap:18px}
 .hero-footnote{margin-top:23px;gap:16px;align-items:center}
 .hero-footnote>span{font-size:10px;padding-right:16px;max-width:100px}
 .hero-footnote p{font-size:12px;line-height:1.65}
 .hero-visual{width:100%;min-width:0}
 .hero-visual-footer{font-size:10px;line-height:1.6;letter-spacing:0;flex-wrap:wrap;gap:5px 12px;padding-block:11px}
 .metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;margin-bottom:0;border-top:1px solid var(--line);border-bottom:0;gap:0}
 .metrics article{padding:22px 14px!important;border:0;border-bottom:1px solid var(--line);min-width:0}
 .metrics article:nth-child(odd){padding-left:0!important;border-right:1px solid var(--line)}
 .metrics article:nth-child(even){padding-right:0!important;padding-left:18px!important}
 .metrics article>span{font-size:10px;line-height:1.6;letter-spacing:.04em}
 .metrics strong{font-size:46px;line-height:1.2;margin:10px 0 11px;letter-spacing:-.06em}
 .metrics strong span{font-size:18px;margin-left:4px}
 .metrics h2{font-size:16px;line-height:1.45;letter-spacing:-.02em}
 .metrics p{font-size:13px;line-height:1.7;margin-top:8px}
 .metrics p br{display:none}
 .proof-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 .proof-card{padding:20px;border-radius:5px}
 .card-top{font-size:11px;line-height:1.6;letter-spacing:0;flex-wrap:wrap;gap:5px 12px;margin-bottom:17px}
 .proof-card h3{font-size:25px;line-height:1.3;margin-top:21px}
 .proof-card>p{font-size:16px;line-height:1.8;margin-top:14px}
 .image-action{font-size:14px;min-height:48px;line-height:1.6}
 .business-section,.speed-layout,.context-layout,.video-layout,.results-layout,.contact-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:30px}
 .business-copy>p,.context-copy>p,.results-layout>div>p{margin-top:21px}
 .photo-caption{font-size:11px;line-height:1.65;letter-spacing:.025em}
 .business-points{margin-top:24px}.business-points>div{gap:16px;padding-block:16px}.business-points p{font-size:15px;line-height:1.7}
 .system-map{padding:20px 16px;border-radius:4px}
 .account-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .account-row>div{padding:14px 10px;display:grid;grid-template-columns:20px minmax(0,1fr);gap:6px 8px;align-items:center}
 .account-row>div>span{grid-column:1/-1;font-size:11px;line-height:1.5}
 .account-row>div>.icon{width:20px;height:20px;grid-column:1;grid-row:2}
 .account-row strong{font-size:13px;line-height:1.45;grid-column:2;grid-row:2;word-break:normal}
 .connector-branches{display:block;width:1px;height:27px;background:var(--brass);margin:0 auto}
 .connector-branches>i,.connector-branches>b{display:none}
 .brain-node{display:block;padding:22px 18px;text-align:left}
 .brain-node .brain-ring{display:none}
 .brain-node span{font-size:11px;line-height:1.6;letter-spacing:.055em}
 .brain-node h3{font-size:23px;line-height:1.3;margin-top:10px}
 .brain-node p{font-size:14px;line-height:1.75;margin-top:12px}
 .system-outcomes{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:27px}
 .system-outcomes::before{top:-27px;height:27px}
 .system-outcomes>div{grid-template-columns:25px minmax(0,1fr);padding:17px 14px;gap:7px 12px}
 .system-outcomes strong{font-size:16px;line-height:1.5}.system-outcomes span{font-size:14px;line-height:1.65}
 .system-note{display:block;margin-top:23px;padding-top:21px}.system-note strong{font-size:17px;line-height:1.6;max-width:none}.system-note p{margin-top:12px}
 .speed-number{font-size:116px;line-height:1.1;gap:17px;margin-block:28px}.speed-number>span{font-size:24px}
 .speed-layout>div>p{font-size:16px;line-height:1.8}.speed-graph{padding:21px 18px}
 .graph-top{font-size:11px;line-height:1.8;letter-spacing:.015em;flex-wrap:wrap;gap:5px 14px}
 .speed-share{gap:19px;margin-block:25px}.speed-share strong{font-size:74px}.speed-share p{font-size:14px;line-height:1.7}
 .speed-buckets{font-size:14px;line-height:1.7}.speed-buckets>div{gap:12px;padding-block:8px}.speed-buckets span,.speed-buckets strong{font-size:14px}.graph-note{font-size:13px;line-height:1.85}
 .knowledge-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:20px;border:0}
 .knowledge-tabs button{border:1px solid var(--line);border-radius:3px;min-height:49px;font-size:14px;padding:12px;line-height:1.55;text-align:center}
 .knowledge-tabs button::after{display:none}.knowledge-tabs button[aria-selected=true]{background:var(--ink);color:var(--white);border-color:var(--ink)}
 .knowledge-panel{grid-template-columns:minmax(0,1fr);padding:20px;gap:24px}
 .knowledge-picture{min-width:0;display:flex;flex-direction:column}
 .knowledge-picture img{width:100%;height:220px;object-fit:contain;background:#f0f1e8}
 .knowledge-picture>span{font-size:11px;line-height:1.7;letter-spacing:.015em;padding-top:12px}
 .knowledge-details{padding:0}.knowledge-details h3{font-size:27px;line-height:1.25}.knowledge-details>p{font-size:16px;line-height:1.8;margin-top:17px}
 .knowledge-details .small-label{font-size:11px;line-height:1.8}.knowledge-facts p,.knowledge-rule p{font-size:15px;line-height:1.75}
 .knowledge-bottom,.quality-loop{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:23px 0;text-align:center}
 .knowledge-bottom>span,.quality-loop>span,.quality-loop>strong{font-size:14px;line-height:1.65;letter-spacing:.035em}
 .knowledge-bottom .icon,.quality-loop .icon,.quality-loop>.icon:nth-child(4){display:block;width:20px;height:20px;transform:rotate(90deg);align-self:center;margin:0}
 .knowledge-bottom .icon:has(use[href="#i-plus"]){transform:none}
 .knowledge-bottom strong{font-size:29px;margin-top:5px}.quality-loop strong{font-size:17px}
 .context-stat{gap:20px;margin-top:27px}.context-stat strong{font-size:57px}.context-stat span{font-size:14px;line-height:1.65}
 .context-demo{padding:20px}.demo-top{font-size:10px;line-height:1.7;flex-wrap:wrap;gap:5px 14px}
 .message-bursts{gap:9px}.message-bursts span{font-size:14px;line-height:1.7;max-width:95%;padding:11px 13px}
 .context-convert{font-size:11px;line-height:1.6;gap:9px}
 .context-record{padding:7px 17px}.context-record>div{display:block;padding:14px 0;font-size:15px;line-height:1.7}
 .context-record>div>span{display:block;font-size:12px;line-height:1.65;margin-bottom:5px}.context-record strong{display:block;font-size:16px;line-height:1.6}
 .demo-answer{gap:11px}.demo-answer p{font-size:14px;line-height:1.75}
 .pipeline-tabs{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:0;gap:7px;border:0;padding-bottom:10px;margin-bottom:17px;max-width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#9caf86 transparent}
 .pipeline-tabs button{flex:0 0 138px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:5px 8px;padding:14px 11px;min-height:84px;border:1px solid var(--line)!important;border-radius:3px;scroll-snap-align:start;background:var(--white)}
 .pipeline-tabs button>span{font-size:12px}.pipeline-tabs button strong{font-size:15px;line-height:1.45}.pipeline-tabs button small{font-size:12px;line-height:1.55}
 .pipeline-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink)!important;color:var(--white)}
 .pipeline-panel{display:block;padding:23px 20px;min-height:0}.pipeline-number{font-size:46px;line-height:1.1;margin-bottom:18px}.pipeline-content .small-label{font-size:11px;line-height:1.8}.pipeline-content h3{font-size:26px;line-height:1.3;margin-top:12px}.pipeline-content>p{font-size:16px;line-height:1.8;margin-top:18px}.pipeline-output{gap:11px;margin-top:22px}.pipeline-output span{font-size:14px;line-height:1.75}
 .price-note{display:block;padding:23px 20px;margin-top:20px}.price-note>.icon{margin-bottom:15px}.price-note h3{font-size:23px;line-height:1.35}.price-note p{font-size:15px;line-height:1.8}
 .handoff-board{grid-template-columns:minmax(0,1fr)}.handoff-left,.handoff-brief{padding:23px 20px}.handoff-left{border-right:0;border-bottom:1px solid var(--line)}
 .handoff-left>h3{font-size:26px;margin-top:15px}.handoff-switch{grid-template-columns:minmax(0,1fr);margin-top:22px;gap:7px}.handoff-switch button{min-height:49px;font-size:15px;line-height:1.55}
 .handoff-state{padding:19px;margin-top:21px;min-height:0}.handoff-state h4{font-size:23px;line-height:1.35}.handoff-state p{font-size:15px;line-height:1.8}
 .brief-header{font-size:11px;line-height:1.7}.brief-row{display:block;padding-block:16px}.brief-row>span{display:block;font-size:12px;line-height:1.6;margin-bottom:6px}.brief-row p{font-size:16px;line-height:1.75}.brief-footer{font-size:11px;line-height:1.7}
 .role-row{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:28px}.role-row p{font-size:15px;line-height:1.75}.role-row h3{font-size:23px}.role-divider{transform:rotate(90deg)}
 .handoff-proof{grid-template-columns:minmax(0,1fr);gap:25px}.handoff-proof h3{font-size:26px}.handoff-proof p{font-size:16px;line-height:1.8}
 .quality-grid{grid-template-columns:minmax(0,1fr);gap:28px}.quality-grid article{display:block;padding-top:23px}.quality-grid article>span{font-size:11px;line-height:1.8;margin:0 0 16px;display:block}.quality-grid article>strong{font-size:62px;line-height:1.1;margin:0 0 16px;display:block}.quality-shield{width:55px;height:55px;margin-bottom:16px}.quality-grid h3{font-size:25px;line-height:1.3}.quality-grid p{font-size:16px;line-height:1.8;margin-top:14px}
 .video-layout>div>.video-note{font-size:14px;line-height:1.8}.video-cover{padding:21px}.cover-header{font-size:11px;line-height:1.7;letter-spacing:0;gap:15px}.cover-footer{display:block}.cover-footer strong{display:block;font-size:27px;line-height:1.25}.cover-footer span{display:block;font-size:11px;line-height:1.7;max-width:none;margin-top:14px;letter-spacing:.035em}
 .video-blueprint{height:255px}.blueprint-item{font-size:12px;line-height:1.5;padding:9px 11px}.blueprint-item .icon{width:18px;height:18px}
 .implementation-steps{grid-template-columns:minmax(0,1fr);gap:18px}.implementation-steps li{padding:24px;min-height:0}.implementation-steps h3{font-size:26px;line-height:1.3}.implementation-steps p{font-size:16px;line-height:1.8}.step-result strong{font-size:14px;line-height:1.7}.step-result span{font-size:11px;line-height:1.7}
 .result-points h3{font-size:25px;line-height:1.35}.result-points p,.reserved-grid p{font-size:16px;line-height:1.8}.reserved-grid{grid-template-columns:minmax(0,1fr);gap:20px}.reserved-grid article{padding:23px}.reserved-grid h3{font-size:25px;line-height:1.3}.reserved-grid article>span{font-size:11px;line-height:1.7}
 .faq-section{display:block;padding-top:0}.faq-list{margin-top:27px}.faq-list summary{font-size:16px;line-height:1.6;min-height:64px;padding-block:17px;gap:15px}.faq-list details>p{font-size:16px;line-height:1.8;padding-right:0}
 .contact-section h2{font-size:clamp(34px,8.5vw,46px);line-height:1.15}.contact-section p{font-size:16px;line-height:1.8}.contact-button{width:100%;font-size:15px;text-align:left;justify-content:space-between}.contact-name{font-size:12px;line-height:1.7}.contact-art{height:270px;width:270px;max-width:100%;justify-self:center;transform:none}
 .source-details>summary{font-size:15px;line-height:1.65;min-height:60px;gap:16px}.source-body{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:23px}.source-body p{font-size:14px;line-height:1.85}
 .site-footer{padding-top:30px;padding-bottom:calc(28px + env(safe-area-inset-bottom))}.footer-top,.footer-bottom{display:block}.footer-top .text-link{font-size:14px;line-height:1.65;max-width:100%;white-space:normal;width:auto}.footer-bottom>p,.footer-links>a,.footer-requisites summary,.footer-requisites p{font-size:14px;line-height:1.8}.footer-links{align-items:stretch;gap:4px;margin-top:20px}.footer-links>a,.footer-requisites summary{min-height:48px}.footer-requisites summary{justify-content:flex-start}.footer-requisites p{text-align:left}
 .site-footer .motion-toggle{position:static;display:flex;width:max-content;max-width:100%;margin-top:24px;min-height:46px;padding:11px 15px;font-size:13px;border:1px solid #bdcbb2;background:#fffef9;box-shadow:none;gap:10px;line-height:1.6;white-space:normal}
}
@media(max-width:380px){
 .wrap{width:calc(100% - 32px)}
 .metrics{grid-template-columns:minmax(0,1fr)}
 .metrics article,.metrics article:nth-child(odd),.metrics article:nth-child(even){display:grid;grid-template-columns:107px minmax(0,1fr);gap:0 14px;padding:19px 0!important;border-right:0}
 .metrics article>span{display:none}.metrics strong{grid-column:1;grid-row:1/3;font-size:39px;margin:0;align-self:center}.metrics strong span{font-size:16px}.metrics h2{grid-column:2;font-size:15px;line-height:1.4}.metrics p{grid-column:2;font-size:13px;line-height:1.65;margin-top:7px}
 .brain-node h3{font-size:22px}.system-map{padding-inline:13px}.account-row strong{font-size:12px}.account-row>div{padding-inline:9px;gap:6px}
 .speed-number{font-size:106px}.speed-number>span{font-size:22px}.speed-share strong{font-size:66px}.speed-share p{font-size:13px}
 .context-demo,.knowledge-panel{padding:18px}.knowledge-picture img{height:190px}
}
@media(min-width:600px) and (max-width:899px) and (max-height:500px){
 .header-inner{min-height:56px}.site-header nav{max-height:calc(100dvh - 56px - env(safe-area-inset-top))}
 .hero{padding-top:30px}.hero-copy{max-width:670px}.hero h1{font-size:58px}.hero-visual{max-width:650px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics article{border-right:1px solid var(--line);padding-inline:14px!important}.metrics article:last-child{border-right:0}.metrics strong{font-size:40px}.metrics h2{font-size:14px}.metrics p{font-size:12px}
}

/* Static charts must remain legible when animation is paused. */
.motion-paused .response-stack>i{animation:none;transform:none}
@media(max-width:899px){
 .knowledge-bottom>.icon:nth-child(4){display:block}
 .business-copy{grid-row:1}.business-photo{grid-row:2}
 #pipeline-panel{scroll-margin-top:18px}
}
@media(max-width:380px){.metrics article:nth-child(n+3){border-bottom:1px solid var(--line)}}