/* Allow translated navigation labels without wrapping the account buttons. */
@media (min-width: 1281px) {
  #header .wrap { align-items: center; gap: 28px; }
  #header #logo { flex: 0 0 200px; }
  #header #logo img { width: 200px; }
  #header #menu { display: flex; align-items: center; gap: 24px; }
  #header #menu #main-menu > ul { display: flex; align-items: center; gap: 22px; }
  #header #menu #main-menu > ul > li { margin-right: 0; white-space: nowrap; }
  #header #menu #main-menu .nav-title-text { font-size: 16px; }
  #header #menu #main-menu .chevron-down { margin-left: 8px; }
  #header #menu #main-menu ul ul li { white-space: normal; }
  #header #menu #profile-actions li { display: flex; gap: 12px; }
  #header #menu #profile-actions li .btn { min-width: 84px; margin: 0; padding-left: 16px; padding-right: 16px; white-space: nowrap; }
}
#featured-title .btn, #lets-talk-form button { white-space: normal; height: auto; min-height: 40px; }
#langs a[aria-current], .footer-langs a[aria-current], .mobile-locale a[aria-current] { text-decoration: underline; text-underline-offset: 4px; }

/* Shared rows keep translated titles, descriptions and actions aligned. */
#for-developers .visual-wrap .list-block > ul {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 28px;
}
#for-developers .visual-wrap .list-block > ul > li {
  width: auto !important; margin: 0 !important; min-width: 0;
  display: grid; grid-template-rows: subgrid; grid-row: span 3;
}
#for-developers .visual-wrap .list-block h3 { margin: 0 0 24px; line-height: 1.2; overflow-wrap: anywhere; }
#for-developers .visual-wrap .list-content { margin: 0 0 24px; line-height: 1.5; }
#for-developers .visual-wrap .list-content p { line-height: 1.5; }
#for-developers .list-actions { align-self: end; }
#for-developers .visual-wrap .list-block .btn { height: auto; min-height: 40px; max-width: 100%; }
#langs ul, .footer-langs ul, .mobile-locale ul, #single-langs ul { display: flex; flex-wrap: wrap; gap: 10px 14px; }
#langs li, .footer-langs li, .mobile-locale li, #single-langs li { margin: 0 !important; }
@media (min-width: 1281px) {
  .landing-featured #title-block > .wrap { min-height: 456px; display: flex; justify-content: flex-end; align-items: center; }
  #featured.landing-featured #featured-content { float: none; width: 46%; max-width: 500px; padding: 0 0 45px; text-align: left; }
  #featured.landing-featured #featured-content h1 { font-size: 46px; line-height: 1.12; margin: 0 0 24px; }
  #featured.landing-featured #featured-content span { margin: 20px 0 0; line-height: 1.45; }
}
@media (min-width: 601px) and (max-width: 1280px) {
  #featured.landing-featured #title-block > .wrap { min-height: 500px; }
  #featured.landing-featured #featured-content { padding: 24px 32px 40px 0 !important; width: 48%; max-width: 520px !important; }
  #featured.landing-featured #featured-content h1 { font-size: 38px; line-height: 1.12; }
}
@media (max-width: 1000px) {
  #for-developers .visual-wrap .list-block > ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; }
  #for-developers .list-actions { margin-bottom: 36px; }
}
@media (max-width: 600px) {
  #for-developers .visual-wrap .list-block > ul { grid-template-columns: minmax(0, 1fr); }
  #for-developers .visual-wrap .list-block h3 { margin-bottom: 16px; }
  #featured.landing-featured #featured-content h1 { font-size: 38px; line-height: 1.15; }
  .mobile-locale ul { justify-content: flex-start; }
}
@media (min-width: 1281px) {
  #featured.landing-featured #featured-content { width: 40%; max-width: 440px; }
  #featured.landing-featured #featured-image-illustration { width: 1280px; min-width: 1280px; background-size: 1280px auto; background-position: left bottom; }
  #featured.landing-featured #featured-image-line::after,
  #featured.landing-featured #featured-image-preline::after { bottom: 28px; }
}

/* Align corresponding rows across pricing cards and keep translated actions inside. */
.portal-plan-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.portal-plan-grid > div {display:grid;grid-template-rows:subgrid;grid-row:span 6;min-width:0;padding:20px!important;}
.portal-plan-grid > div > * {min-width:0;}
.portal-plan-grid > div > h3 {overflow-wrap:anywhere;}
.portal-plan-grid > div > p:last-child {align-self:end;margin:24px 0 0;}
.portal-plan-grid > div > p:last-child a {display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%;max-width:100%;min-height:64px;padding:12px!important;text-align:center;white-space:normal;overflow-wrap:anywhere;line-height:1.3;}
@media(max-width:1100px){.portal-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:600px){.portal-plan-grid{grid-template-columns:minmax(0,1fr)!important;}}

.portal-plan-grid > div {border-width:2px!important;}

.portal-plan-grid > div > p:last-child a {min-height:72px;}

/* Consistent navigation size and mobile account access. */
#header #menu #main-menu .nav-title-text,
#header #menu #main-menu a,
#header #menu #main-menu li ul li {font-size:16px;}
.mobile-auth-bar {display:none;}
.mobile-auth-menu {display:flex;gap:12px;justify-content:center;margin:28px 0;}
.mobile-auth-menu .btn,.mobile-auth-bar .btn {box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:44px;height:auto;line-height:1.25;padding:12px 16px;white-space:normal;text-align:center;}
.signup-offer {margin:64px 0;}
.signup-offer .visual-wrap {background:#edf3f2;text-align:center;padding:56px 24px;}
.signup-offer h2 {font-size:36px;line-height:1.2;margin:0 0 18px;}
.signup-offer p {font-size:20px;line-height:1.5;margin:0 0 28px;}
.signup-offer .btn {display:inline-flex;align-items:center;justify-content:center;min-height:48px;height:auto;padding:14px 32px;white-space:normal;}
.career-notice {margin:12px 0 48px;}
.career-notice p {max-width:850px;margin:0 auto;font-size:24px;line-height:1.6;text-align:center;}
#featured.landing-featured #featured-image-illustration {background-size:auto 100%!important;background-position:left bottom;min-width:0!important;width:900px!important;margin-left:0!important;top:0!important;}
#featured.landing-featured #featured-image-preline::after,#featured.landing-featured #featured-image-line::after {bottom:40px;}
@media(max-width:1280px){
.mobile-auth-bar {display:flex;gap:12px;justify-content:flex-end;padding:12px 40px 18px;}
.mobile-auth-bar .btn {min-width:110px;max-width:60%;}
#featured.landing-featured #featured-image-illustration {width:760px!important;background-size:auto 100%!important;}
}
@media(max-width:600px){
.mobile-auth-bar {padding:10px 24px 18px;justify-content:center;}
.mobile-auth-bar .btn {flex:1;max-width:none;font-size:15px;}
.signup-offer h2 {font-size:28px;}
.career-notice p {font-size:20px;}
#featured.landing-featured #featured-image {height:300px;}
#featured.landing-featured #featured-image-illustration {width:540px!important;min-width:540px!important;flex:none;background-size:auto 100%!important;}
}
/* Keep the complete illustration visible at every breakpoint. */
#featured.landing-featured #featured-image #featured-image-preline,
#featured.landing-featured #featured-image #featured-image-line {display:none;}
#featured.landing-featured #featured-image #featured-image-illustration {
flex:1 1 auto!important;width:100%!important;min-width:0!important;
background-size:auto 100%!important;background-position:left bottom;
margin:0!important;top:0!important;
}

/* Legal documents */
.legal-document { max-width: 920px; margin: 48px auto 80px; padding: 0 24px; color: #253746; font-size: 17px; line-height: 1.7; }
.legal-document h1 { font-size: clamp(28px, 4vw, 44px); line-height: 1.2; margin-bottom: 20px; overflow-wrap: anywhere; }
.legal-document h2 { font-size: 24px; line-height: 1.3; margin: 32px 0 12px; }
.legal-document p { margin: 0 0 18px; }
.legal-document a { color: #00245f; text-decoration: underline; }
.legal-updated { color: #65757c; }
.footer-legal { display:flex; flex-wrap:wrap; justify-content:center; gap: 12px 28px; margin: 24px 0; font-size:16px; }
.footer-legal a { color:#fff; text-decoration:underline; text-underline-offset:3px; }

/* Compact mobile header and free signup hint. */
#mobile-menu-wrapper .mobile-auth-menu {margin: 20px 20px 30px;gap:12px;}
#mobile-menu-wrapper .mobile-auth-menu .btn {font-size:15px;flex:1;padding:12px 8px;color:#fff;border:1px solid #fff;min-width:0;}
#mobile-menu-wrapper .mobile-auth-menu .green-btn {border-color:#00c89b;}
#featured.landing-featured #featured-content .hero-free-note {font-size:16px;font-weight:600;line-height:1.3;margin:10px 0 0;color:#00245f;}

/* Selected minimal illustration, aligned inside the hero column. */
#featured.landing-featured #featured-image {left:max(24px,calc((100vw - 1280px)/2));width:50%;max-width:680px;}
#featured.landing-featured #featured-image #featured-image-illustration {background-size:contain!important;background-position:center center!important;background-repeat:no-repeat;}
@media(max-width:767px){
#featured.landing-featured #featured-image {position:relative;left:0;width:calc(100% - 32px);max-width:580px;margin:0 auto;height:auto;aspect-ratio:3/2;}
#featured.landing-featured #featured-image #featured-image-illustration {height:100%;position:absolute;inset:0;}
}

/* Original designer composition with edge-to-edge baseline. */
#featured.landing-featured #featured-image {position:absolute;left:0;top:0;width:100%;max-width:none;height:480px;margin:0!important;aspect-ratio:auto;}
#featured.landing-featured #featured-image #featured-image-illustration {position:relative;inset:auto;flex:none!important;width:min(1440px,100%)!important;height:100%;margin:0 auto!important;background-size:100% auto!important;background-position:center bottom!important;}
#featured.landing-featured #featured-image::before,#featured.landing-featured #featured-image::after {content:"";position:absolute;bottom:30.7px;width:max(0px,calc((100% - 1440px)/2 + 1px));height:1.4px;background:#00215d;}
#featured.landing-featured #featured-image::before {left:0;}
#featured.landing-featured #featured-image::after {right:0;}
@media(max-width:767px){
#featured.landing-featured #featured-image {position:relative;height:calc(100vw * .529);margin:24px 0 0!important;}
#featured.landing-featured #featured-image #featured-image-illustration {position:absolute;left:0;width:100%!important;background-size:167vw auto!important;background-position:left bottom!important;}
#featured.landing-featured #featured-image::before,#featured.landing-featured #featured-image::after {display:none;}
}

/* Prominent section labels and aligned free-offer caption. */
#featured.landing-featured #featured-content .hero-free-note {width:296px;max-width:100%;box-sizing:border-box;text-align:center;font-size:22px;line-height:1.3;font-weight:700;color:#008766;margin:12px 0 0;}
#e-sign h2,#use-cases > .wrap h2,#for-developers h2,#key-benefits h2,#security h2,#featured-title h1,#featured #featured-content h2,#text-featured-content > h2,#solutions > .wrap > h2,#automations > .wrap > h2,.contact-form h1 {font-size:56px;line-height:1.12;overflow-wrap:break-word;}
@media(max-width:767px){
#featured.landing-featured #featured-content .hero-free-note {margin:12px auto 0;font-size:20px;}
#e-sign h2,#use-cases > .wrap h2,#for-developers h2,#key-benefits h2,#security h2,#featured-title h1,#featured #featured-content h2,#text-featured-content > h2,#solutions > .wrap > h2,#automations > .wrap > h2,.contact-form h1 {font-size:42px;line-height:1.15;}
}

#featured.landing-featured #featured-content .hero-cta {display:inline-flex;flex-direction:column;align-items:center;width:296px;max-width:100%;vertical-align:top;}
#featured.landing-featured #featured-content .hero-cta > .btn {width:100%;box-sizing:border-box;}
#featured.landing-featured #featured-content .hero-cta .hero-free-note {width:100%;margin:12px 0 0;}

/* One clear signing action, with room for translated labels. */
#featured.landing-featured #featured-content .hero-cta {width:360px;max-width:100%;}
#featured.landing-featured #featured-content .hero-cta > .btn {display:flex;align-items:center;justify-content:center;min-height:52px;height:auto;padding:14px 20px;line-height:1.3;white-space:normal;overflow-wrap:anywhere;text-align:center;}
@media(max-width:767px){
#mobile-menu-wrapper .mobile-auth-menu {flex-direction:column;align-items:stretch;margin:20px 0 30px;width:100%;}
#mobile-menu-wrapper .mobile-auth-menu .btn {width:100%;max-width:100%;min-width:0;flex:none;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;height:auto;min-height:46px;padding:12px 10px;line-height:1.35;font-size:16px;}
.signup-offer .btn,.portal-plan .btn {max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;height:auto;line-height:1.35;}
}

/* Left-align mobile navigation, including expanded submenus. */
#cbp-spmenu-s1 #mobile-menu-wrapper ul.navigation {width:100%;align-items:flex-start!important;text-align:left;}
#cbp-spmenu-s1 #mobile-menu-wrapper ul.navigation li {width:100%;text-align:left;}
#cbp-spmenu-s1 #mobile-menu-wrapper ul.navigation .nav-title {text-align:left;justify-content:flex-start;}
#cbp-spmenu-s1 #mobile-menu-wrapper ul.navigation ul {text-align:left;align-items:flex-start;}