/* Final mobile layout contract. Scoped to marketing pages; desktop is unchanged. */
@media(max-width:700px){
 html{width:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%}
 html body.spa-body{width:100%;min-width:0;overflow-x:hidden}
 html[data-theme] body.spa-body .spa-stage{width:100%;max-width:100%;min-width:0}
 html[data-theme] body.spa-body .app-view{width:100%;max-width:100%;min-width:0;height:100dvh;overscroll-behavior-y:contain}
 html[data-theme] body.spa-body .view-home{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}
 html[data-theme] body.spa-body .view-scroll,html[data-theme] body.spa-body .integration-story-scroll{max-width:100%;box-sizing:border-box;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:max(28px,env(safe-area-inset-bottom))!important;scroll-padding-top:80px}
 html[data-theme] body.spa-body .spa-nav{padding:0 14px!important;height:68px!important;width:100%!important}
 html[data-theme] body.spa-body .spa-nav .intro-nav-main{width:100%!important;display:flex!important;min-width:0!important;gap:10px!important;justify-content:space-between!important;padding:0!important;height:68px!important;min-height:68px!important}
 html[data-theme] body.spa-body .spa-nav .intro-nav-brand{flex:0 1 98px!important;min-width:0!important;margin:0!important}
 html[data-theme] body.spa-body .spa-nav .faraklit-brand-logo.faraklit-theme-logo--nav{width:98px!important;min-width:0!important;height:26px!important;min-height:0!important;object-fit:contain!important}
 html[data-theme] body.spa-body .spa-nav .mobile-nav-actions{display:flex!important;flex:none!important;gap:6px!important;width:auto!important;min-width:0!important}
 html[data-theme] body.spa-body .spa-nav .mobile-nav-toggle{width:40px!important;min-width:40px!important;height:44px!important;min-height:44px!important;border-radius:8px!important}
 html[data-theme] body.spa-body .spa-nav .intro-nav-login.account-icon-button{display:inline-flex!important;width:40px!important;min-width:40px!important;height:44px!important;padding:0!important;flex:none!important}
 html[data-theme] body.spa-body .spa-nav .intro-nav-cta{display:inline-flex!important;min-width:0!important;min-height:44px!important;padding:0 11px!important;font-size:11px!important;gap:9px!important;white-space:nowrap}
 html[data-theme] body.spa-body .spa-nav .intro-nav-cta svg{width:13px!important;height:13px!important}
 html[data-theme] body.spa-body .spa-nav .mobile-nav-sheet{inset:72px 12px auto!important;width:calc(100% - 24px)!important;max-height:calc(100dvh - 88px)!important;box-sizing:border-box;padding:12px 16px!important}
 html[data-theme] body.spa-body .home-hero-section{padding-top:68px!important;overflow:hidden!important}
 html[data-theme] body.spa-body .editorial-hero-grid{width:100%!important;padding:4px 0 20px!important;gap:0!important}
 html[data-theme] body.spa-body .motion-card-scene{height:244px}
 html[data-theme] body.spa-body .motion-hero-caption{margin-top:0;font-size:11px;height:40px}
 html[data-theme] body.spa-body .editorial-hero-titleblock{width:calc(100% - 36px)!important;margin:8px auto 0!important}
 html[data-theme] body.spa-body .editorial-hero-titleblock h1{font-size:clamp(30px,8.7vw,40px)!important;line-height:1.14!important}
 html[data-theme] body.spa-body .editorial-hero-aside{width:calc(100% - 40px)!important;margin:15px auto 0!important}
 html[data-theme] body.spa-body .mobile-hero-summary{font-size:14px!important;line-height:1.65!important;margin-bottom:16px!important}
 html[data-theme] body.spa-body .brand-origin{font-size:11px!important;line-height:1.5!important}
 html[data-theme] body.spa-body .mobile-integration-marquee{padding:6px 0 18px!important}
 html[data-theme] body.spa-body .marquee-caption{font-size:11px;margin-bottom:12px}
 html[data-theme] body.spa-body .hero-figures{width:calc(100% - 36px)!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin-bottom:24px!important;padding:14px 0!important}
 html[data-theme] body.spa-body .hero-figure{min-width:0;padding:10px 10px!important}
 html[data-theme] body.spa-body .hero-figure strong{font-size:25px!important}.hero-figure span{font-size:11px!important;line-height:1.5!important}
 html[data-theme] body.spa-body .spa-page-hero{width:calc(100% - 36px)!important;max-width:100%;box-sizing:border-box;margin:0 auto!important;padding:30px 0 24px!important}
 html[data-theme] body.spa-body .spa-page-hero .eyebrow{font-size:11px!important;line-height:1.6!important;letter-spacing:.1em!important}
 html[data-theme] body.spa-body .spa-page-hero h1{font-size:clamp(32px,8.6vw,42px)!important;line-height:1.16!important;letter-spacing:-.025em!important}
 html[data-theme] body.spa-body .spa-page-hero>p:last-child{font-size:14px!important;line-height:1.8!important;margin-top:14px!important}
 html[data-theme] body.spa-body .feature-grid,html[data-theme] body.spa-body .security-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
 html[data-theme] body.spa-body .feature-grid article,html[data-theme] body.spa-body .security-grid article{padding:22px!important;min-height:0!important;min-width:0!important;border-radius:12px!important}
 html[data-theme] body.spa-body .feature-grid article h3,html[data-theme] body.spa-body .security-grid article h3{font-size:24px!important;line-height:1.3!important}
 html[data-theme] body.spa-body .feature-grid article p,html[data-theme] body.spa-body .security-grid article p{font-size:14px!important;line-height:1.8!important}
 html[data-theme] body.spa-body .integration-story-eyebrow{font-size:11px!important}.integration-story-lead{font-size:14px!important;line-height:1.8!important}
 html[data-theme] body.spa-body .integration-story-view .integration-story-lead{font-size:14px!important}
 html[data-theme] body.spa-body .integration-story-summary p{font-size:14px!important;line-height:1.8!important}
 html[data-theme] body.spa-body .manifesto-label,html[data-theme] body.spa-body .manifesto-principle-grid small,html[data-theme] body.spa-body .mission-kicker{font-size:11px!important}
 html[data-theme] body.spa-body .spa-contact{width:calc(100% - 36px)!important;margin:0 auto!important;grid-template-columns:minmax(0,1fr)!important}
 html[data-theme] body.spa-body .spa-contact label{font-size:11px!important}
 html[data-theme] body.spa-body .spa-contact :is(input,textarea){font-size:16px!important;min-height:44px}
 html[data-theme] body.spa-body .spa-contact aside p{font-size:14px!important;line-height:1.8!important}
 html[data-theme] body.spa-body .info-content{width:calc(100% - 36px)!important;margin:0 auto!important;padding:0!important}
 html[data-theme] body.spa-body .site-footer{width:calc(100% - 36px)!important;box-sizing:border-box;margin-top:36px;padding-top:28px}
 html[data-theme] body.spa-body .site-footer-top{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 16px!important}
 html[data-theme] body.spa-body .site-footer-top>div{grid-column:1/-1}.site-footer-top nav{min-width:0}
 html[data-theme] body.spa-body .site-footer p,html[data-theme] body.spa-body .site-footer a{font-size:13px!important;line-height:1.7!important}
 html[data-theme] body.spa-body .site-footer-bottom{flex-direction:column;gap:8px;font-size:11px!important}
 html[data-theme] body.spa-body .assistant-capabilities-layout .editorial-product-frame{min-height:250px!important;display:flex;align-items:center;justify-content:center;background:#f2f5f8}
 html[data-theme] body.spa-body .assistant-capabilities-layout .editorial-product-frame>img{width:100%!important;height:auto!important;object-fit:contain!important}
 html[data-theme] body.spa-body .assistant-screen{padding:16px!important;gap:10px!important}
 html[data-theme] body.spa-body .assistant-screen .assistant-dialogue{font-size:13px!important;min-height:0;overflow-y:auto}
 html[data-theme] body.spa-body .assistant-screen .assistant-turn p{font-size:13px!important;line-height:1.65!important}
 html[data-theme] body.spa-body .assistant-screen header,html[data-theme] body.spa-body .assistant-screen footer{font-size:9px!important}
 html[data-theme] body.spa-body .product-preview-dialog{width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important;padding:8px!important}
 html[data-theme] body.spa-body .product-preview-dialog header{padding:12px!important;gap:10px!important}.product-preview-dialog header p{font-size:12px!important}
 html[data-theme] body.spa-body .workspace-page-feature-copy>p{font-size:14px!important;line-height:1.8!important}
 html[data-theme] body.spa-body .workspace-notice-actions span,html[data-theme] body.spa-body .workspace-action-steps small{font-size:11px!important}
}
@media(max-width:360px){html[data-theme] body.spa-body .spa-nav{padding-inline:10px!important}html[data-theme] body.spa-body .spa-nav .intro-nav-brand{flex-basis:88px!important}html[data-theme] body.spa-body .spa-nav .faraklit-brand-logo.faraklit-theme-logo--nav{width:88px!important}html[data-theme] body.spa-body .spa-nav .intro-nav-cta{padding-inline:9px!important;font-size:10px!important;gap:5px!important}.motion-card-scene{height:228px!important}}
@media(max-width:700px){
 html[data-theme] body.spa-body .spa-nav .intro-nav-brand img.faraklit-brand-logo.faraklit-theme-logo--nav{width:98px!important;max-width:98px!important;height:26px!important}
 html[data-theme] body.spa-body .workspace-page-proof span{font-size:11px!important;line-height:1.6!important}
 html[data-theme] body.spa-body .workspace-flow :is(span,small),html[data-theme] body.spa-body .workspace-flow-sequence :is(span,small){font-size:11px!important;line-height:1.5!important}
 html[data-theme] body.spa-body .pricing-plan header>small,html[data-theme] body.spa-body .pricing-plan-note small,html[data-theme] body.spa-body .pricing-payment-meta{font-size:11px!important}
 html[data-theme] body.spa-body .why-positioning small{font-size:11px!important}
 html[data-theme] body.spa-body .integration-closing{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
 html[data-theme] body.spa-body .integration-closing small{font-size:11px!important}
 html[data-theme] body.spa-body .integration-closing p{font-size:14px!important;line-height:1.8!important}
 html[data-theme] body.spa-body .workspace-flow-line{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;min-width:0!important}
 html[data-theme] body.spa-body .workspace-flow-line>em{display:none!important}
 html[data-theme] body.spa-body .workspace-flow-line article{padding:16px 12px!important;min-width:0!important;height:auto!important;min-height:120px!important;transform:none!important}
 html[data-theme] body.spa-body .workspace-flow-line article b{font-size:13px!important;line-height:1.5!important}
 html[data-theme] body.spa-body .workspace-flow-line article span{font-size:11px!important;line-height:1.6!important}
}
@media(max-width:360px){html[data-theme] body.spa-body .spa-nav .intro-nav-brand img.faraklit-brand-logo.faraklit-theme-logo--nav{width:88px!important;max-width:88px!important;height:25px!important}}
@media(max-width:360px){html[data-theme] body.spa-body .spa-nav .intro-nav-main .mobile-nav-actions .intro-nav-cta{display:inline-flex!important}html[data-theme] body.spa-body .hero-figure strong{font-size:22px!important;white-space:nowrap}}
@media(max-width:360px){html[data-theme] body.spa-body .spa-nav .intro-nav-brand{flex:0 0 88px!important}html[data-theme] body.spa-body .spa-nav .intro-nav-main .mobile-nav-actions .intro-nav-cta{padding:0 9px!important;font-size:10px!important;gap:5px!important}}

/* The agreement map is a geographic illustration, without a selection panel. */
html[data-theme] body.spa-body .baro-section{padding:44px 0 28px!important;color:#111!important}
html[data-theme] body.spa-body .baro-heading{display:block!important;margin-bottom:16px!important}
html[data-theme] body.spa-body .baro-heading h2{font:400 clamp(27px,3vw,40px)/1.25 Georgia,serif!important;color:#111!important;max-width:none!important}
html[data-theme] body.spa-body .baro-eyebrow{color:#52565b!important;margin-bottom:10px!important}
html[data-theme] body.spa-body .baro-module{display:block!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
html[data-theme] body.spa-body .baro-map-panel{padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html[data-theme] body.spa-body .baro-map-viewport{margin:0!important;overflow:visible!important;touch-action:auto!important}
html[data-theme] body.spa-body .baro-map-svg{width:100%!important;min-width:0!important;filter:none!important}
html[data-theme] body.spa-body :is(.baro-module,.baro-map-panel,.baro-map-viewport){height:auto!important;min-height:0!important}
html[data-theme] body.spa-body .baro-province{cursor:default!important}
html[data-theme] body.spa-body .baro-tooltip{background:#111!important;color:#fff!important;border:1px solid #ffffff33!important;border-radius:8px!important;padding:10px 13px!important;box-shadow:0 6px 20px #00000018!important;max-width:220px;box-sizing:border-box}
html[data-theme] body.spa-body .baro-tooltip :is(strong,span){color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-theme] body.spa-body .baro-tooltip[hidden]{display:none!important}
html[data-theme] body.spa-body .baro-province path{fill:#111111!important;stroke:#fff!important;stroke-width:.9!important;filter:none!important;transition:none!important}

/* White serif typography stays consistent throughout the closing statement. */
html[data-theme] body.spa-body .workspace-page-final{background:#111111!important;background-image:none!important;color:#fff!important;border:0!important;box-shadow:none!important;padding:clamp(26px,4vw,56px)!important}
html[data-theme] body.spa-body .workspace-page-final :is(h2,h2 span,p,a,a span){font-family:Georgia,'Times New Roman',serif!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;background-image:none!important}
html[data-theme] body.spa-body .workspace-page-final h2{font-weight:400!important;font-size:clamp(29px,4.3vw,60px)!important;line-height:1.18!important;letter-spacing:-.025em!important}
html[data-theme] body.spa-body .workspace-page-final>p{font-size:16px!important;line-height:1.75!important;max-width:720px!important}
html[data-theme] body.spa-body .workspace-page-final .workspace-page-eyebrow{font-size:12px!important;letter-spacing:.15em!important}
html[data-theme] body.spa-body .workspace-page-final a{background:transparent!important;border:1px solid #ffffff55!important;font-size:14px!important;padding:12px 18px!important}
html[data-theme] body.spa-body .workspace-page-final a:hover{background:#ffffff12!important;border-color:#fff!important}

/* A full-width, compact dark footer clearly closes every marketing page. */
html[data-theme] body.spa-body .site-footer{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:28px 0 0!important;padding:34px max(24px,calc((100% - 1120px)/2)) 18px!important;background:#111111!important;color:#fff!important;border:0!important;border-radius:0!important}
html[data-theme] body.spa-body .site-footer-top{display:grid!important;grid-template-columns:1.5fr 1fr 1fr!important;gap:24px!important;padding:0!important;margin:0!important}
html[data-theme] body.spa-body .site-footer :is(a,strong,p,span){color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-theme] body.spa-body .site-footer-brand{font:400 30px/1.2 Georgia,serif!important}
html[data-theme] body.spa-body .site-footer p{max-width:290px;margin:10px 0 0!important;font-size:13px!important;line-height:1.65!important}
html[data-theme] body.spa-body .site-footer nav{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0}
html[data-theme] body.spa-body .site-footer nav strong{font-size:13px!important;margin-bottom:5px!important}
html[data-theme] body.spa-body .site-footer nav a{font-size:12px!important;line-height:1.6!important;text-decoration:none}
html[data-theme] body.spa-body .site-footer nav a:hover{text-decoration:underline;text-underline-offset:4px}
html[data-theme] body.spa-body .site-footer-bottom{display:flex!important;justify-content:space-between!important;border-top:1px solid #ffffff24!important;margin:22px 0 0!important;padding-top:14px!important;font-size:11px!important;gap:12px!important}
html[data-theme] body.spa-body .route-steps li{display:block!important;padding:0 16px 18px 0!important}
html[data-theme] body.spa-body .route-steps li:after{display:none!important}
@media(max-width:700px){
 html[data-theme] body.spa-body .baro-section{width:calc(100% - 36px)!important;padding-top:28px!important}
 html[data-theme] body.spa-body .baro-heading h2{font-size:27px!important}
 html[data-theme] body.spa-body .workspace-page-final>p{font-size:15px!important}
 html[data-theme] body.spa-body .site-footer{padding:26px 18px 16px!important}
 html[data-theme] body.spa-body .site-footer-top{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 16px!important}
 html[data-theme] body.spa-body .site-footer-top>div{grid-column:1/-1!important}
 html[data-theme] body.spa-body .site-footer-bottom{align-items:flex-start!important;flex-direction:column!important;gap:5px!important}
}