/* Edge-to-edge Business canvas. */
body.business-page main { margin: 0; border-radius: 0; box-shadow: none; }
body.business-page .biz-hero::before { display: none; }

@media (max-width: 900px) {
  body main [id] { scroll-margin-top: 92px; }
  body .global-header { background: #fff; backdrop-filter: none; z-index: 1000; }
  body .global-header .nav-shell { min-height: 72px; padding-block: 12px; width: calc(100% - 40px); }
  body .nav-links, body .nav-actions > a { display: none; }
  body .nav-right, body .nav-actions { gap: 0; }
  body .nav-toggle { display: flex; position: relative; width: 44px; height: 44px; border: 1px solid #e5eaf0; border-radius: 14px; background: #f7f9fc; padding: 0; }
  body .nav-toggle span { position: absolute; left: 11px; top: 20px; width: 20px; height: 2px; margin: 0; background: #17243a; transform: none; transition: transform .2s ease, opacity .2s ease; }
  body .nav-toggle span:nth-child(1) { transform: translateY(-6px); }
  body .nav-toggle span:nth-child(3) { transform: translateY(6px); }
  body .nav-toggle.is-open span:nth-child(1) { transform: rotate(45deg); }
  body .nav-toggle.is-open span:nth-child(2) { opacity: 0; }
  body .nav-toggle.is-open span:nth-child(3) { transform: rotate(-45deg); }
  body.navigation-open { overflow: hidden; }
  body .mobile-menu { display: block; position: absolute; top: 100%; left: 0; width: 100%; height: calc(100dvh - 72px); max-height: none; background: #fff; border-top: 1px solid #edf0f5; box-shadow: none; overflow-y: auto; overscroll-behavior: contain; visibility: hidden; opacity: 0; pointer-events: none; transform: translateY(-8px); transition: opacity .18s ease, transform .18s ease, visibility .18s; }
  body .mobile-menu.open { max-height: none; visibility: visible; opacity: 1; pointer-events: auto; transform: none; }
  body .mobile-menu__panel { width: 100%; max-width: 560px; margin: auto; padding: 24px 24px max(28px, env(safe-area-inset-bottom)); gap: 20px; background: #fff; border: 0; box-shadow: none; }
  body .mobile-menu__links { gap: 6px; }
  body .mobile-menu__links a { display: flex; align-items: center; justify-content: space-between; min-height: 54px; padding: 12px 16px; font-size: 19px; font-weight: 600; letter-spacing: -.025em; color: #17243a; border: 0; border-radius: 12px; }
  body .mobile-menu__links a::after { content: '↗'; color: #9caaba; font-size: 17px; }
  body .mobile-menu__links a.active, body .mobile-menu__links a[aria-current="page"] { background: #f0f5ff; color: #235ecc; }
  body .mobile-menu__divider { margin: 0; background: #edf0f5; }
  body .mobile-menu__actions { gap: 12px; }
  body .mobile-menu__actions .btn { min-height: 50px; font-size: 13px; border-radius: 12px; }
  body .mobile-menu__actions .ghost { background: #f4f6f9; color: #17243a; border: 1px solid #e5eaf0; }
  body .mobile-menu__actions .primary { background: #2466df; color: #fff; box-shadow: none; }
  body .logo-img { max-width: 172px; height: auto; }
}

@media (max-width: 600px) {
  body main :is(.container, .section-container) { width: calc(100% - 40px); max-width: 100%; margin-inline: auto; padding-inline: 0; }
  body main :is(h1,h2,h3,p) { overflow-wrap: break-word; }
  body main h2 { font-size: clamp(27px, 7.5vw, 34px); line-height: 1.18; letter-spacing: -.035em; }
  body main .hero-shell { gap: 32px; }
  body.home-page .hero-section { padding-block: 64px; min-height: 0; }
  body.home-page .hero-copy { min-width: 0; }
  body.home-page .hero-title, body.home-page .hero-animated-line { font-size: clamp(32px, 8.7vw, 44px); }
  body main .hero-actions { display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
  body main .hero-actions .btn { width: 100%; min-height: 50px; justify-content: center; }
  body main .hero-subnav { gap: 8px; flex-wrap: wrap; }
  body main .badge-soft { font-size: 11px; }
  body main :is(.pricing-grid,.control-support-grid,.feature-grid,.biz-split,.biz-intro-copy) { grid-template-columns: minmax(0,1fr); gap: 20px; }
  body main :is(.pricing-card,.feature-card,.biz-visual) { min-width: 0; }
  body.business-page .biz-section { padding-block: 56px; }
  body.business-page .biz-hero { height: auto; min-height: 640px; padding-block: 72px; }
  body.business-page .wd-hero__inner { padding: 0; }
  body.business-page .wd-hero h1 { font-size: clamp(34px, 9vw, 46px); }
  body.business-page .wd-trust { gap: 8px; }
  body main select { min-height: 44px; max-width: 100%; font-size: 16px; }
  body main input, body main textarea { font-size: 16px; }
  body .faq-question { min-height: 56px; }
}
@media (prefers-reduced-motion: reduce) {
  body .mobile-menu, body .nav-toggle span { transition: none; }
}
/* Leave a quiet white entry below the Business hero. */
body.business-page #solutions.biz-intro { padding-top: 220px; }
@media (max-width: 600px) {
  body.business-page #solutions.biz-intro { padding-top: 144px; }
}
/* Quieter Business editorial layout: fewer diagrams, no decorative movement. */
body.business-page .biz-visual,
body.business-page .biz-visual *,
body.business-page .biz-visual *::before,
body.business-page .biz-visual *::after { animation: none !important; transition: none !important; transform: none; }
body.business-page #deployment .biz-split { display: block; }
body.business-page #deployment .biz-copy { max-width: 850px; }
body.business-page #deployment .biz-tags { margin-bottom: 0; }
body.business-page .biz-migration-steps { margin-top: 40px; }
body.business-page .biz-modules { background: transparent; border: 0; box-shadow: none; padding: 0; }
body.business-page .biz-module-grid { display: block; }
body.business-page .biz-module { display: grid; grid-template-columns: 30px 1fr; column-gap: 18px; padding: 18px 0; border: 0; border-bottom: 1px solid #e2e8f0; border-radius: 0; background: transparent; box-shadow: none; }
body.business-page .biz-module svg { grid-row: span 2; width: 26px; height: 26px; margin: 4px 0 0; }
body.business-page .biz-module h3, body.business-page .biz-module p { margin: 0; }
body.business-page .biz-module-caption { display: none; }
/* Deployment: a bespoke architectural drawing, kept crisp and still. */
body.business-page #deployment .biz-split { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); gap: 64px; align-items: center; }
.business-page .deployment-art { margin: 0; min-width: 0; width: 100%; }
.business-page .deployment-art svg { display: block; width: 100%; height: auto; overflow: visible; }
.business-page .deployment-art figcaption { display: flex; justify-content: space-between; gap: 12px; padding: 18px 0 0; margin: 0 24px; border-top: 1px solid #dfe7f0; color: #667a92; font-size: 11px; line-height: 1.6; }
.business-page .deployment-art figcaption span:first-child { color: #263e59; font-weight: 600; }
body.business-page .site-footer { color: #0d1726; }
@media(max-width: 800px) {
 body.business-page #deployment .biz-split { grid-template-columns: minmax(0,1fr); gap: 28px; }
 .business-page .deployment-art { max-width: 520px; margin: auto; }
 .business-page .deployment-art figcaption { margin-inline: 15px; font-size: 10px; }
}

/* Intro flows directly into the first service after removing the shortcut row. */
body.business-page #solutions .biz-intro-copy { padding-bottom: 0; }
body.business-page #solutions { padding-bottom: 56px; }
@media (max-width: 600px) {
 body.business-page #solutions { padding-bottom: 32px; }
}

/* Shared premium mobile navigation. Desktop header geometry is untouched. */
.mobile-menu__promo{display:none}
@media(max-width:900px){
 body.navigation-open .global-header{position:fixed;inset:0 auto auto 0;width:var(--mobile-nav-width,100%);margin:0}
 body.navigation-open iframe{visibility:hidden!important}
 body .global-header .nav-toggle{background:#fff;border-color:#e5eaf1;border-radius:12px;box-shadow:0 2px 8px #17243b04}
 body .global-header .nav-toggle:hover{border-color:#cbd7e6;background:#fbfcff}
 body .global-header .nav-toggle:focus-visible{outline:2px solid #2466df;outline-offset:3px}
 body .global-header .mobile-menu{position:fixed;top:var(--mobile-nav-height,73px);bottom:0;left:0;width:var(--mobile-nav-width,100%);height:calc(100dvh - var(--mobile-nav-height,73px));max-height:none;box-sizing:border-box;border-top:1px solid #eef1f6;background:#fff;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;transform:translateY(-5px);transition:opacity .16s ease,transform .16s ease,visibility .16s;touch-action:pan-y}
 body .global-header .mobile-menu.open{transform:translateY(0);opacity:1;visibility:visible}
 body .global-header .mobile-menu__panel{box-sizing:border-box;display:flex;flex-direction:column;gap:18px;width:100%;max-width:480px;min-height:100%;margin:0 auto;padding:22px 24px max(24px,env(safe-area-inset-bottom));background:#fff}
 body .global-header .mobile-menu__panel .mobile-menu__promo.hw-badge{display:none;box-sizing:border-box;grid-template-columns:28px minmax(0,1fr) 12px;align-items:center;gap:12px;width:100%;max-width:none;min-height:72px;height:auto;padding:14px 16px;border:1px solid #f0d5bc;border-radius:11px;background:linear-gradient(110deg,#fff5e9,#fffcf8);color:#9b4a22!important;box-shadow:0 4px 18px #f9731610;white-space:normal;font:500 12px/1.5 var(--font);text-align:left;text-decoration:none}
 html.hw-campaign-visible body .global-header .mobile-menu__panel .mobile-menu__promo.hw-badge{display:grid}
 body .global-header .mobile-menu__promo:hover{border-color:#e8bc95;background:#fff2e2}
 body .global-header .mobile-menu__promo-icon{display:grid;place-items:center;width:28px;height:28px;filter:drop-shadow(0 2px 6px #f9731626)}
 body .global-header .mobile-menu__promo-icon svg{width:25px;height:25px;stroke:none}
 body .global-header .mobile-menu__promo-copy{display:grid;gap:3px;min-width:0}
 body .global-header .mobile-menu__promo-copy strong{color:#723b20;font-size:13px;font-weight:700;line-height:1.5}
 body .global-header .mobile-menu__promo-copy>span{color:#9a765e;font-size:11px;line-height:1.5}
 body .global-header .mobile-menu__promo-arrow{color:#c5814b;font-size:15px}
 body .global-header .mobile-menu__links{gap:3px;padding:0}
 body .global-header .mobile-menu__links a{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;min-height:45px;padding:9px 12px;border:0;border-radius:7px;background:transparent;color:#263449;font-size:18px;line-height:1.5;font-weight:600;letter-spacing:-.025em;text-decoration:none;transition:background-color .14s,color .14s}
 body .global-header .mobile-menu__links a::after{display:none;content:none}
 body .global-header .mobile-menu__links a:hover{background:#f8faff;color:#1f5ecb}
 body .global-header .mobile-menu__links a.active,body .global-header .mobile-menu__links a[aria-current="page"]{background:#f2f6fd;color:#245cb9}
 body .global-header .mobile-menu__links a[aria-current="page"]::before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:2px;background:#3675df}
 body .global-header .mobile-menu__links a:focus-visible{outline:2px solid #4c7ed5;outline-offset:1px;background:#f2f6fd}
 body .global-header .mobile-menu__divider{flex-shrink:0;margin-top:auto;background:#edf1f6;height:1px}
 body .global-header .mobile-menu__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body .global-header .mobile-menu__actions .btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:0;min-height:48px;height:48px;padding:10px 8px!important;border-radius:9px!important;font-size:12px!important;line-height:1.4!important;white-space:nowrap;box-shadow:none}
 body .global-header .mobile-menu__actions .ghost{background:#fff;border:1px solid #dce4ef;color:#34445b}
 body .global-header .mobile-menu__actions .ghost:hover{background:#f6f9fd;border-color:#c4d3e6}
 body .global-header .mobile-menu__actions .primary{background:#2466df;border:1px solid #2466df;color:#fff;box-shadow:0 3px 10px #2466df12}
 body .global-header .mobile-menu__actions .primary:hover{background:#1b58c8;border-color:#1b58c8}
}
@media(max-width:350px){body .global-header .mobile-menu__panel{padding-inline:20px}body .global-header .mobile-menu__panel .mobile-menu__promo.hw-badge{padding-inline:12px;gap:9px}body .global-header .mobile-menu__promo-copy strong{font-size:12px}body .global-header .mobile-menu__promo-copy>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){body .global-header .mobile-menu,body .global-header .nav-toggle span,body .global-header .mobile-menu a{transition:none!important}}