/* Landing-only responsive layer. Geometry is shared with responsive-layout.js. */
.hero-section{padding-top:clamp(104px,15svh,152px);gap:clamp(32px,6svh,66px);}
body>.navbar{z-index:100;}
@media(max-width:800px){
 body>.navbar{padding-inline:20px;gap:12px;}
 body>.navbar>.brand{order:0;}
 body>.navbar>.nav-demo{display:inline-flex;align-items:center;justify-content:center;order:1;margin-left:auto;min-height:44px;}
 body>.navbar>.nav-toggle{order:2;margin-left:0;flex:none;}
 body>.navbar>.nav-items{left:auto;right:20px;width:min(320px,calc(100vw - 40px));}
 body>.navbar .nav-items>.nav-demo{display:none;}
}
@media(max-width:380px){body>.navbar{padding-inline:16px;gap:8px;}body>.navbar .brand-logo{width:112px;}body>.navbar>.nav-demo{padding-inline:13px;font-size:13px;}body>.navbar>.nav-items{right:16px;width:calc(100vw - 32px);}}
body .motion-stage{min-height:0;}
body .motion-stage .section-heading,body .market-stage #market-title{top:clamp(88px,12svh,132px);}
body .motion-stage .context-tabs,body .motion-stage .motion-copy{gap:6px;max-width:none;}
body .motion-stage .context-tab,body .motion-stage .context-item.active .context-tab,body .motion-stage .motion-pillar button,body .motion-stage .motion-pillar.active button{padding:clamp(12px,2svh,22px) 20px;font-size:clamp(19px,1.7vw,25px);line-height:1.25;min-height:44px;}
body .motion-stage .context-item,body .motion-stage .motion-pillar{padding:4px 0;}
body .motion-stage .context-detail p,body .motion-stage .motion-detail p{font-size:16px;line-height:1.5;padding-inline:20px;}
body .motion-stage .core{max-height:none;}
body .market-stage,body .market-stage:has(.market-layout.is-compact){min-height:0;padding:0;}
body .market-stage .market-layout{max-width:1480px;min-height:0;}
body .market-stage .market-menu{max-width:none;gap:10px;}
body .market-stage .market-trigger{font-size:clamp(18px,1.45vw,23px);padding:12px 18px;min-height:44px;}
body .market-stage .market-copy p{font-size:16px;line-height:1.5;padding:0 18px 18px;}
body .market-stage .market-visual{border-radius:20px;}
/* Each benefit keeps a contained illustration, including its animated intermediate frames. */
body .benefits-illustration-frame{width:var(--benefits-side);height:var(--benefits-side);}
@media(max-width:900px){
 body .motion-stage .section-heading{left:24px;width:calc(100% - 48px);}
 body .motion-stage .section-heading h1,body .market-stage #market-title{font-size:clamp(30px,4.4vw,40px);}
 body .motion-stage .context-tabs{display:flex;flex-direction:column;}
 body .motion-stage .motion-copy{text-align:left;}
 body .motion-stage .context-tab,body .motion-stage .context-item.active .context-tab,body .motion-stage .motion-pillar button,body .motion-stage .motion-pillar.active button{font-size:20px;padding:12px 16px;}
 body .motion-stage .context-detail p,body .motion-stage .motion-detail p{font-size:15px;padding-inline:16px;}
 body .motion-stage .section-summary{font-size:15px;}
 body .market-stage .market-trigger{font-size:19px;}
 body .market-stage .market-copy p{font-size:15px;}
 .collage-tools ul{--tile:clamp(34px,7vw,48px);}
}
@media(max-width:700px){
 .hero-section{padding:104px 16px 32px;gap:32px;}
 .hero-copy p{font-size:16px;}
 .collage-card{min-width:0;}
 .collage-tools ul{--tile:clamp(32px,8.6vw,52px);}
 .footer-grid>*{min-width:0;}
 .site-footer a{overflow-wrap:anywhere;}
}
@media(min-width:701px) and (max-width:1100px){
 .collage-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 .collage-grid>.collage-card{grid-column:auto;height:auto;min-height:540px;}
 .collage-copy{min-height:130px;}
 .collage-tools{gap:24px;}
 .outcome-card{min-width:0;}
}
/* Readable profile details share the square with the radar, at every size. */
body .context-flow-stage .motion-workspace{container-type:inline-size;}
body .context-flow-stage .icp-formation .icp-radar{top:4%;left:26%;width:48%;}
body .context-flow-stage .icp-formation .icp-profile-meta{top:54%;left:7%;right:7%;gap:4px;}
body .context-flow-stage .icp-formation .icp-profile-meta>strong{font-size:clamp(18px,4.6cqw,30px);gap:8px;}
body .context-flow-stage .icp-fit-score{font-size:clamp(19px,5cqw,32px);padding:5px 7px;}
body .context-flow-stage .icp-company-facts{margin-top:10px;}
body .context-flow-stage .icp-company-facts dl{gap:8px 12px;}
body .context-flow-stage .icp-company-facts dd{font-size:clamp(10px,2.6cqw,14px);}
body .context-flow-stage .icp-company-facts dt,body .context-flow-stage .icp-company-facts p{font-size:clamp(9px,2.1cqw,11px);}
body .context-flow-stage .icp-company-facts p{margin-top:8px;}
body .benefits-illustration-frame>.benefits-workspace,body .benefits-illustration-frame>.benefits-signals{align-items:center;justify-content:center;padding:16px;}
body .human-decision-flow,body .signals-flow,body .benefits-start-window{flex-shrink:0;transform-origin:center;}
body .human-flow-card,body .human-flow-connector{flex-shrink:0;}
/* The handoff has its own composition: never squeeze a large desktop notification. */
body .motion-flow-stage .motion-workspace{container-type:inline-size;}
body .motion-flow-stage .handoff-notification{left:7%;right:7%;top:51%;gap:12px;padding:14px;border-radius:16px;flex-wrap:nowrap;}
body .motion-flow-stage .notification-copy>strong{font-size:clamp(13px,3cqw,20px);line-height:1.25;overflow-wrap:normal;}
body .motion-flow-stage .notification-copy>span{font-size:clamp(11px,2.4cqw,16px);}
body .motion-flow-stage .notification-copy{gap:5px;}
body .motion-flow-stage .notification-join{width:auto;min-height:48px;padding:12px;gap:7px;font-size:clamp(11px,2.5cqw,16px);border-radius:12px;margin:0;}
body .motion-flow-stage .notification-accent{min-height:48px;}
body .motion-flow-stage .handoff-app-icon{width:22px;height:22px;font-size:16px;flex:none;}
body .motion-flow-stage .desktop-menu.macos-menu{right:8%;gap:clamp(8px,2cqw,16px);font-size:clamp(11px,2.8cqw,18px);}
@container(max-width:360px){
 body .motion-flow-stage .handoff-notification{display:grid;grid-template-columns:4px minmax(0,1fr);gap:8px 10px;padding:12px;}
 body .motion-flow-stage .notification-accent{grid-row:1/3;height:100%;}
 body .motion-flow-stage .notification-join{grid-column:2;justify-self:start;min-height:36px;padding:8px 10px;}
}

/* Keep tablet diagrams readable and phone navigation within its actual gutter. */
@media(max-width:900px){body .layer-intro-grid{grid-template-columns:1fr;}}
@media(max-width:800px){body>.navbar .nav-items[inert]{visibility:hidden;opacity:0;transition:none;}}
@media(max-width:380px){body>.navbar{padding-inline:16px!important;}}
@media(max-width:700px){
 .collage-observe .collage-window{width:100%;overflow-x:auto;overscroll-behavior-x:contain;}
 .collage-observe .collage-system-row{min-width:460px;}
}