/*
  Upgrade 11 — Big Mobile Responsive Polish
  Scope: mobile/tablet organization only. Desktop UI and brand identity remain unchanged.
  Goal: line-by-line mobile flow, cleaner spacing, no overflow, readable cards, stronger CTA ergonomics.
*/

:root {
  --ea-mobile-page-pad: clamp(16px, 4.5vw, 22px);
  --ea-mobile-section-y: clamp(58px, 13vw, 82px);
  --ea-mobile-card-radius: 22px;
  --ea-mobile-soft-border: rgba(40, 78, 190, 0.10);
  --ea-mobile-card-shadow: 0 16px 42px rgba(24, 44, 120, 0.08);
}

html,
body {
  max-width: 100%;
  overflow-x: clip;
}

@supports not (overflow-x: clip) {
  html,
  body { overflow-x: hidden; }
}

*,
*::before,
*::after { box-sizing: border-box; }

img,
svg,
video,
canvas,
iframe { max-width: 100%; }

/* --------------------------------------------------------------------------
   Tablet rhythm
   -------------------------------------------------------------------------- */
@media (max-width: 991.98px) {
  body { background-color: #f5f8ff; }

  .container,
  .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: var(--ea-mobile-page-pad) !important;
    padding-right: var(--ea-mobile-page-pad) !important;
  }

  .row { margin-left: 0 !important; margin-right: 0 !important; }
  .row > * { min-width: 0; padding-left: 0 !important; padding-right: 0 !important; }

  .section-space,
  .section-space-bottom,
  .ea-insights-section,
  .ea-article-section {
    padding-top: var(--ea-mobile-section-y) !important;
    padding-bottom: var(--ea-mobile-section-y) !important;
  }

  .rs-section-title,
  .ea-transform-head h2,
  .ea-funnel-copy h2,
  .ea-home-faq-head h2,
  .ea-insights-title,
  .ea-article-title {
    text-wrap: balance;
  }

  .rs-section-description,
  .ea-transform-head p,
  .ea-funnel-copy p,
  .ea-home-faq-head p,
  .ea-insights-intro,
  .ea-article-excerpt {
    text-wrap: pretty;
  }

  .rs-btn,
  .ea-growth-cta,
  .ea-diagnostic-static-primary,
  .ea-diagnostic-static-secondary {
    min-height: 48px !important;
    line-height: 1.15 !important;
  }

  /* Header / menu touch comfort */
  .rs-header-area,
  .rs-header-area.header-transparent {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .rs-header-inner {
    min-height: 58px !important;
    align-items: center !important;
  }

  .rs-header-logo img,
  .offcanvas-logo img {
    max-height: 36px !important;
    width: auto !important;
  }

  .bar-icon,
  .meanmenu-reveal,
  .offcanvas-close {
    min-width: 46px !important;
    min-height: 46px !important;
    border-radius: 16px !important;
  }

  .offcanvas-area {
    max-width: min(92vw, 420px) !important;
  }

  .offcanvas-wrapper {
    padding-inline: 22px !important;
  }
}

/* --------------------------------------------------------------------------
   Phone homepage: one clear line-by-line flow
   -------------------------------------------------------------------------- */
@media (max-width: 767.98px) {
  :root { --ea-mobile-page-pad: clamp(16px, 4.8vw, 20px); }

  body {
    width: 100%;
    -webkit-font-smoothing: antialiased;
  }

  /* Hero */
  .rs-banner-one {
    padding-top: 104px !important;
    padding-bottom: 58px !important;
    overflow: hidden !important;
  }

  .rs-banner-one .row {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
  }

  .rs-banner-one .rs-banner-content {
    text-align: center !important;
    max-width: 100% !important;
    margin-inline: auto !important;
  }

  .rs-banner-one .rs-banner-title {
    display: grid !important;
    gap: 8px !important;
    margin-bottom: 14px !important;
    font-size: clamp(30px, 9vw, 42px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.045em !important;
  }

  .rs-banner-one .hero-name,
  .rs-banner-one .hero-profession {
    display: block !important;
    width: 100% !important;
  }

  .rs-banner-one .hero-name {
    color: #101828 !important;
    font-size: clamp(22px, 6vw, 30px) !important;
    line-height: 1.14 !important;
  }

  .rs-banner-one .hero-profession {
    color: var(--rs-theme-primary, #3772ff) !important;
    font-size: clamp(25px, 7vw, 36px) !important;
    line-height: 1.12 !important;
  }

  .ea-hero-role-line {
    justify-content: center !important;
    margin-inline: auto !important;
    max-width: 100% !important;
    padding: 8px 10px !important;
    gap: 8px !important;
    border-radius: 999px !important;
  }

  .ea-hero-role-label {
    flex: 0 0 auto !important;
  }

  .rs-banner-one .cd-headline,
  .rs-banner-one .cd-words-wrapper {
    min-width: 0 !important;
    max-width: min(100%, 250px) !important;
    width: min(100%, 250px) !important;
  }

  .rs-banner-one .cd-words-wrapper b {
    font-size: clamp(13px, 3.8vw, 16px) !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .rs-banner-one .rs-banner-description {
    max-width: 34rem !important;
    margin: 18px auto 24px !important;
    font-size: 15.5px !important;
    line-height: 1.7 !important;
  }

  .rs-banner-one .rs-btn-group {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: min(100%, 360px) !important;
    margin-inline: auto !important;
  }

  .rs-banner-one .rs-btn-group .rs-btn,
  .rs-banner-one .ea-hero-secondary-cta {
    width: 100% !important;
    justify-content: center !important;
    padding-inline: 18px !important;
    border-radius: 999px !important;
  }

  .rs-banner-one .rs-theme-social {
    justify-content: center !important;
    margin-top: 24px !important;
    gap: 10px !important;
  }

  .rs-banner-one .rs-theme-social a {
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
  }

  .rs-banner-one .rs-banner-thumb-wrapper {
    margin-top: 4px !important;
    width: 100% !important;
  }

  .rs-banner-one .ea-hero-portrait-card {
    width: min(100%, 320px) !important;
    margin-inline: auto !important;
  }

  .rs-banner-one .ea-hero-portrait-photo img {
    width: min(100%, 300px) !important;
    max-height: 380px !important;
    object-fit: contain !important;
  }

  .rs-banner-one .ea-hero-portrait-badge {
    min-width: 124px !important;
    min-height: 64px !important;
    padding: 10px 18px !important;
  }

  /* Section headers */
  .ea-transform-head,
  .ea-funnel-copy,
  .rs-section-title-wrapper,
  .ea-home-faq-head {
    text-align: center !important;
    max-width: 100% !important;
    margin-inline: auto !important;
  }

  .ea-growth-eyebrow,
  .rs-section-subtitle,
  .ea-insights-kicker {
    max-width: 100% !important;
    justify-content: center !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.3 !important;
  }

  .ea-transform-head h2,
  .ea-funnel-copy h2,
  .rs-section-title,
  .ea-home-faq-head h2 {
    font-size: clamp(30px, 9.4vw, 42px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.045em !important;
    margin-bottom: 14px !important;
  }

  .ea-transform-head p,
  .ea-funnel-copy p,
  .rs-section-description,
  .ea-home-faq-head p {
    max-width: 34rem !important;
    margin-inline: auto !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
  }

  .ea-growth-cta {
    display: inline-flex !important;
    width: min(100%, 340px) !important;
    justify-content: center !important;
    margin-top: 22px !important;
  }

  /* Growth system: convert orbit to premium vertical system cards on phone */
  .ea-transform-grid {
    display: block !important;
    margin-top: 30px !important;
  }

  .ea-transform-core {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 auto !important;
    padding: 14px !important;
    border-radius: 28px !important;
    background: rgba(255, 255, 255, 0.52) !important;
    border: 1px solid rgba(72, 103, 255, 0.08) !important;
    box-shadow: 0 18px 46px rgba(20, 35, 95, 0.07) !important;
  }

  .ea-core-orbit { display: none !important; }

  .ea-core-person,
  .ea-orbit-item {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
  }

  .ea-core-person {
    order: 0 !important;
    width: 100% !important;
    max-width: 260px !important;
    margin: 0 auto 4px !important;
    display: grid !important;
    place-items: center !important;
  }

  .ea-core-photo {
    width: min(100%, 210px) !important;
    height: auto !important;
  }

  .ea-core-photo img {
    width: min(100%, 190px) !important;
    max-height: 245px !important;
    object-fit: contain !important;
  }

  .ea-core-badge {
    width: min(100%, 210px) !important;
    margin-top: -4px !important;
    text-align: center !important;
  }

  .ea-orbit-item {
    width: 100% !important;
    min-height: 74px !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    grid-template-areas: "icon title" "icon text" "icon link" !important;
    align-items: center !important;
    column-gap: 12px !important;
    row-gap: 2px !important;
    padding: 14px 15px !important;
    text-align: left !important;
    border-radius: 20px !important;
    background: rgba(255,255,255,0.92) !important;
    border: 1px solid var(--ea-mobile-soft-border) !important;
    box-shadow: var(--ea-mobile-card-shadow) !important;
  }

  .ea-orbit-item i {
    grid-area: icon !important;
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    border-radius: 15px !important;
    background: rgba(55, 114, 255, 0.10) !important;
    color: var(--rs-theme-primary, #3772ff) !important;
    font-size: 20px !important;
  }

  .ea-orbit-item h3 {
    grid-area: title !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
  }

  .ea-orbit-item p {
    grid-area: text !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  .ea-orbit-link {
    grid-area: link !important;
    justify-self: start !important;
    margin-top: 4px !important;
    font-size: 12.5px !important;
  }

  .ea-transform-values {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 18px !important;
  }

  .ea-transform-values > div {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    grid-template-areas: "icon title" "icon text" !important;
    align-items: center !important;
    column-gap: 12px !important;
    min-height: 76px !important;
    padding: 14px 15px !important;
    text-align: left !important;
    border-radius: 20px !important;
  }

  .ea-transform-values i { grid-area: icon !important; margin: 0 !important; }
  .ea-transform-values strong { grid-area: title !important; margin: 0 !important; font-size: 15px !important; }
  .ea-transform-values span { grid-area: text !important; margin: 0 !important; font-size: 13px !important; line-height: 1.4 !important; }

  .ea-home-service-links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  .ea-home-service-links a {
    justify-content: center !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    text-align: center !important;
    white-space: normal !important;
    border-radius: 16px !important;
  }

  /* Funnel / before-after */
  .ea-funnel-layout { gap: 28px !important; }

  .ea-funnel-copy h2 br { display: none !important; }

  .ea-funnel-story {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    max-width: 430px !important;
    margin-inline: auto !important;
  }

  .ea-funnel-visual,
  .ea-funnel-strategy {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    border-radius: 22px !important;
  }

  .ea-funnel-visual img {
    width: 100% !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
    border-radius: 18px !important;
  }

  .ea-funnel-strategy {
    padding: 22px 18px !important;
    text-align: center !important;
  }

  .ea-strategy-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
  }

  .ea-strategy-chips b {
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 10px !important;
  }

  /* Portfolio carousel: one clean swipe card per line */
  #homeportfolio .elb-carousel-shell {
    width: calc(100vw - (var(--ea-mobile-page-pad) * 2)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
  }

  #homeportfolio .elb-carousel-rail {
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    padding: 6px 0 18px !important;
  }

  #homeportfolio .elb-carousel-rail::-webkit-scrollbar { display: none !important; }

  #homeportfolio .elb-mockup-track {
    animation: none !important;
    transform: none !important;
    width: max-content !important;
    display: flex !important;
    gap: 14px !important;
    align-items: stretch !important;
  }

  #homeportfolio .elb-mockup-slide[aria-hidden="true"] { display: none !important; }

  #homeportfolio .elb-mockup-slide {
    flex: 0 0 calc(100vw - (var(--ea-mobile-page-pad) * 2)) !important;
    width: calc(100vw - (var(--ea-mobile-page-pad) * 2)) !important;
    max-width: 430px !important;
    scroll-snap-align: start !important;
    border-radius: 22px !important;
  }

  #homeportfolio .elb-mockup-open,
  #homeportfolio .elb-mockup-open img {
    width: 100% !important;
    border-radius: 18px !important;
  }

  /* FAQ */
  .ea-home-faq-shell {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .ea-home-faq-head {
    position: static !important;
    text-align: center !important;
  }

  .ea-home-faq-list { gap: 12px !important; }

  .ea-home-faq-item {
    border-radius: 20px !important;
  }

  .ea-home-faq-item summary {
    min-height: 58px !important;
    padding: 17px 48px 17px 18px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  .ea-home-faq-item p {
    padding: 0 18px 18px !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  .ea-home-faq-cta {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 6px 0 0 !important;
    padding: 16px !important;
    border-radius: 22px !important;
    text-align: center !important;
  }

  .ea-home-faq-cta a {
    width: 100% !important;
    justify-content: center !important;
  }

  /* Footer */
  .ea-footer-v11 {
    padding-top: 54px !important;
  }

  .ea-footer-trust-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-bottom: 28px !important;
  }

  .ea-footer-trust-row span {
    justify-content: center !important;
    text-align: center !important;
    min-height: 44px !important;
    padding: 10px 8px !important;
    border-radius: 16px !important;
  }

  .ea-footer-grid,
  .ea-footer-top {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .ea-footer-block,
  .ea-footer-brand,
  .ea-footer-v11 .ea-footer-contact {
    text-align: center !important;
    align-items: center !important;
  }

  .ea-footer-brand p,
  .ea-footer-block ul,
  .ea-footer-v11 .ea-footer-contact-list {
    max-width: 100% !important;
    margin-inline: auto !important;
  }

  .ea-footer-v11 .ea-footer-cta,
  .ea-footer-v11 .ea-footer-contact a,
  .ea-footer-lead-btn {
    width: 100% !important;
    justify-content: center !important;
  }

  .ea-footer-bottom {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    text-align: center !important;
  }
}

/* --------------------------------------------------------------------------
   Insights hub, articles, diagnostic page mobile organization
   -------------------------------------------------------------------------- */
@media (max-width: 767.98px) {
  /* Insights listing */
  .ea-insights-hero {
    padding-top: 108px !important;
    padding-bottom: 58px !important;
  }

  .ea-insights-hero-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 26px !important;
    text-align: center !important;
  }

  .ea-insights-title {
    font-size: clamp(31px, 9vw, 43px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.045em !important;
    margin-bottom: 16px !important;
  }

  .ea-insights-intro,
  .ea-insights-author-line {
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
  }

  .ea-insights-actions,
  .ea-insights-cta-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: min(100%, 360px) !important;
    margin-inline: auto !important;
  }

  .ea-insights-actions .rs-btn,
  .ea-insights-cta-actions .rs-btn {
    width: 100% !important;
    justify-content: center !important;
  }

  .ea-insights-keywords {
    justify-content: center !important;
    gap: 8px !important;
  }

  .ea-insights-keywords span {
    min-height: 34px !important;
    padding: 8px 10px !important;
    font-size: 12.5px !important;
  }

  .ea-insights-dashboard {
    padding: 18px !important;
    border-radius: 24px !important;
    text-align: left !important;
  }

  .ea-dashboard-head,
  .ea-dashboard-signal {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .ea-dashboard-metrics,
  .ea-dashboard-list,
  .ea-insights-grid,
  .ea-insights-card-grid,
  .ea-articles-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .ea-insights-card,
  .ea-article-card,
  .ea-insight-card {
    min-height: 0 !important;
    padding: 20px !important;
    border-radius: 22px !important;
  }

  .ea-insights-card h2,
  .ea-article-card h2,
  .ea-insight-card h2,
  .insight-card-title {
    font-size: 19px !important;
    line-height: 1.22 !important;
  }

  .ea-insights-card p,
  .ea-article-card p,
  .ea-insight-card p {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  /* Article pages */
  .ea-article-hero {
    padding-top: 108px !important;
    padding-bottom: 54px !important;
    text-align: center !important;
  }

  .ea-breadcrumb {
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .ea-article-meta,
  .ea-article-tags {
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .ea-article-title {
    font-size: clamp(30px, 9vw, 43px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.045em !important;
    margin-bottom: 16px !important;
  }

  .ea-article-excerpt,
  .ea-article-author {
    font-size: 15px !important;
    line-height: 1.75 !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .ea-article-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: min(100%, 360px) !important;
    margin-inline: auto !important;
  }

  .ea-article-hero-actions .rs-btn {
    width: 100% !important;
    justify-content: center !important;
  }

  .ea-article-shell {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .ea-article-content,
  .ea-article-sidebar,
  .ea-article-side-card,
  .ea-article-cta,
  .ea-service-card,
  .ea-faq-item {
    min-width: 0 !important;
  }

  .ea-article-content {
    width: 100% !important;
    padding: 24px 18px !important;
    border-radius: 24px !important;
  }

  .ea-article-content h2 {
    font-size: clamp(23px, 7vw, 32px) !important;
    line-height: 1.18 !important;
    margin-top: 34px !important;
    margin-bottom: 12px !important;
  }

  .ea-article-content h3 {
    font-size: 18px !important;
    line-height: 1.25 !important;
  }

  .ea-article-content p,
  .ea-article-content li,
  .ea-article-intro {
    font-size: 15px !important;
    line-height: 1.78 !important;
  }

  .ea-service-card-grid,
  .ea-faq-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .ea-service-card,
  .ea-faq-item,
  .ea-article-side-card {
    padding: 18px !important;
    border-radius: 20px !important;
  }

  .ea-service-checklist li {
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
  }

  .ea-article-cta {
    padding: 22px 18px !important;
    border-radius: 22px !important;
    text-align: center !important;
  }

  .ea-article-cta .rs-btn {
    width: 100% !important;
    justify-content: center !important;
  }

  .ea-article-sidebar {
    position: static !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  /* Diagnostic static lead page */
  .ea-diagnostic-static {
    padding: 96px 0 54px !important;
  }

  .ea-diagnostic-static-wrap {
    width: 100% !important;
    max-width: 100% !important;
    padding-inline: var(--ea-mobile-page-pad) !important;
  }

  .ea-diagnostic-static-card {
    padding: 24px 18px !important;
    border-radius: 24px !important;
  }

  .ea-diagnostic-static-card h1,
  .ea-diagnostic-static-card h2 {
    font-size: clamp(27px, 8vw, 40px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.04em !important;
  }

  .ea-diagnostic-static-card p,
  .ea-diagnostic-static-card li {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }

  .ea-diagnostic-static-actions,
  .ea-diagnostic-static-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .ea-diagnostic-static-primary,
  .ea-diagnostic-static-secondary {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* --------------------------------------------------------------------------
   Very small phones: tighten carefully, no broken lines or overflow
   -------------------------------------------------------------------------- */
@media (max-width: 430px) {
  :root { --ea-mobile-page-pad: 16px; }

  .rs-banner-one .rs-banner-title,
  .ea-transform-head h2,
  .ea-funnel-copy h2,
  .rs-section-title,
  .ea-home-faq-head h2,
  .ea-insights-title,
  .ea-article-title {
    letter-spacing: -0.052em !important;
  }

  .ea-hero-role-line {
    width: 100% !important;
  }

  .rs-banner-one .cd-headline,
  .rs-banner-one .cd-words-wrapper {
    max-width: 210px !important;
    width: 210px !important;
  }

  .ea-home-service-links,
  .ea-footer-trust-row {
    grid-template-columns: 1fr !important;
  }

  .ea-transform-core {
    padding: 12px !important;
    border-radius: 24px !important;
  }

  .ea-orbit-item,
  .ea-transform-values > div {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    column-gap: 10px !important;
    padding: 13px !important;
  }

  .ea-orbit-item i,
  .ea-transform-values i {
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
  }

  #homeportfolio .elb-mockup-slide {
    flex-basis: calc(100vw - 32px) !important;
    width: calc(100vw - 32px) !important;
  }

  .ea-home-faq-item summary {
    font-size: 14.5px !important;
    padding-right: 44px !important;
  }

  .ea-article-content {
    padding: 22px 16px !important;
  }
}

@media (max-width: 360px) {
  :root { --ea-mobile-page-pad: 14px; }

  .rs-banner-one .hero-name { font-size: 21px !important; }
  .rs-banner-one .hero-profession { font-size: 24px !important; }

  .rs-btn,
  .ea-growth-cta,
  .ea-diagnostic-static-primary,
  .ea-diagnostic-static-secondary {
    font-size: 13.5px !important;
    padding-inline: 14px !important;
  }
}