/*
 * Final readability and responsive pass for the marketing page.
 * Loaded after the visual handoff styles so every content block remains useful,
 * readable and touch-friendly instead of being scaled down like a screenshot.
 */

body.be-home{
  font-size:16px;
  line-height:1.5;
}
body.be-home .be-shell{width:var(--public-shell)!important;max-width:1320px!important}

body.be-home :where(a,button,summary){-webkit-tap-highlight-color:transparent}
body.be-home :where(a,button,summary):focus-visible{
  outline:3px solid rgba(121,138,107,.24)!important;
  outline-offset:3px!important;
}

@media(min-width:992px){
  body.be-home .be-section-heading small,
  body.be-home .be-dashboard-copy>small,
  body.be-home .be-plan-card>small,
  body.be-home .be-plan-copy>small,
  body.be-home .be-final-cta>div>small{font-size:10px!important}

  body.be-home .be-section-heading h2{font-size:44px!important;line-height:1.03!important}

  body.be-home .be-hero-copy>p{font-size:15px!important;line-height:1.65!important}
  body.be-home .be-hero-actions .be-button{min-height:48px!important;font-size:13px!important}
  body.be-home .be-hero-stats strong{font-size:13px!important}
  body.be-home .be-hero-stats span{font-size:10px!important}
  body.be-home .be-float-card strong{font-size:12px!important}
  body.be-home .be-float-card small{font-size:10px!important}

  body.be-home .be-trust{min-height:96px!important}
  body.be-home .be-trust span{font-size:13px!important}
  body.be-home .be-trust small{font-size:10px!important;line-height:1.5!important}

  body.be-home .be-process{padding-top:58px!important;padding-bottom:48px!important}
  body.be-home .be-process-grid{gap:24px!important}
  body.be-home .be-step-card{min-height:360px!important;padding:24px!important}
  body.be-home .be-step-card h3{font-size:15px!important}
  body.be-home .be-step-card>p{min-height:54px!important;font-size:12px!important;line-height:1.55!important}
  body.be-home .be-chat-list>div{padding:10px!important}
  body.be-home .be-chat-list b{font-size:11px!important}
  body.be-home .be-chat-list small{font-size:10px!important}
  body.be-home .be-chat-list time{font-size:10px!important}
  body.be-home .be-app-dot{width:27px!important;height:27px!important;font-size:11px!important}
  body.be-home .be-mini-url{font-size:10px!important}
  body.be-home .be-person b{font-size:11px!important}
  body.be-home .be-person small{font-size:10px!important}
  body.be-home .be-mini-profile li{font-size:11px!important}
  body.be-home .be-mini-profile>a{min-height:38px!important;font-size:11px!important}
  body.be-home .be-confirm-box>strong,
  body.be-home .be-confirm-box>b,
  body.be-home .be-confirm-box p{font-size:12px!important}
  body.be-home .be-confirm-box small{font-size:10px!important}
  body.be-home .be-confirm-box button{min-height:38px!important;font-size:11px!important}

  body.be-home .be-dashboard{height:470px!important}
  body.be-home .be-dashboard-window{height:446px!important}
  body.be-home .be-dashboard-window aside a{font-size:10px!important}
  body.be-home .be-dashboard-main>small{font-size:10px!important}
  body.be-home .be-dashboard-metrics span{font-size:10px!important}
  body.be-home .be-dashboard-metrics b{font-size:15px!important}
  body.be-home .be-agenda{font-size:10px!important}
  body.be-home .be-agenda b{font-size:10px!important}
  body.be-home .be-dashboard-copy h2{font-size:39px!important}
  body.be-home .be-dashboard-copy li b{font-size:12px!important}
  body.be-home .be-dashboard-copy li span{font-size:10px!important;line-height:1.45!important}
  body.be-home .be-inline-actions .be-button{min-height:44px!important;font-size:11px!important}
  body.be-home .be-inline-actions>a:last-child{font-size:11px!important}

  body.be-home .be-features{padding-top:52px!important;padding-bottom:52px!important}
  body.be-home .be-features .be-section-heading h2{font-size:42px!important}
  body.be-home .be-feature-grid{grid-auto-rows:224px!important;gap:16px!important}
  body.be-home .be-feature-grid>article{padding:23px!important}
  body.be-home .be-feature-grid h3{font-size:24px!important}
  body.be-home .be-feature-grid p{font-size:12px!important;line-height:1.5!important}
  body.be-home .feature-photo>div{padding:23px!important}
  body.be-home .feature-photo a{min-height:36px!important;font-size:10px!important}
  body.be-home .be-calendar-ui header{font-size:10px!important}
  body.be-home .be-calendar-ui span{font-size:10px!important}
  body.be-home .be-calendar-ui i{width:24px!important;height:24px!important;font-size:10px!important}
  body.be-home .be-price-list li,
  body.be-home .be-client-list span,
  body.be-home .be-switch-list span,
  body.be-home .be-language-list li{font-size:11px!important}

  body.be-home .be-setup{padding-bottom:34px!important}
  body.be-home .be-setup .be-section-heading h2{font-size:40px!important}
  body.be-home .be-setup-grid{gap:16px!important}
  body.be-home .be-setup-grid>article{min-height:270px!important;height:auto!important;padding:22px 22px 22px 58px!important}
  body.be-home .be-setup-grid h3{font-size:14px!important}
  body.be-home .be-setup-grid p{font-size:12px!important;line-height:1.5!important}
  body.be-home .be-setup-grid dl,
  body.be-home .be-setup-grid label{font-size:11px!important}
  body.be-home .be-share-link{font-size:11px!important}
  body.be-home .be-catalog-link{min-height:38px!important;font-size:10px!important}

  body.be-home .be-testimonial{height:280px!important}
  body.be-home .be-testimonial blockquote{font-size:31px!important;line-height:1.16!important}
  body.be-home .be-testimonial p{font-size:11px!important}
  body.be-home .be-testimonial strong{font-size:12px!important}

  body.be-home .be-plans{padding-top:24px!important;padding-bottom:38px!important}
  body.be-home .be-plan-card{height:auto!important;min-height:330px!important;padding:30px 34px!important}
  body.be-home .be-plan-card h2{font-size:30px!important;line-height:1.06!important}
  body.be-home .be-plan-card.studio h2{font-size:29px!important}
  body.be-home .be-plan-price{font-size:13px!important}
  body.be-home .be-plan-card p,
  body.be-home .be-plan-card.studio p{font-size:12px!important;line-height:1.5!important}
  body.be-home .be-plan-card li{font-size:11px!important;line-height:1.4!important}
  body.be-home .be-plan-card .be-button{min-height:42px!important;font-size:11px!important}

  body.be-home .be-integrations{padding-bottom:34px!important}
  body.be-home .be-integrations .be-section-heading h2{font-size:29px!important}
  body.be-home .be-integrations article{min-height:84px!important;padding:13px!important}
  body.be-home .be-integrations article>b{width:34px!important;height:34px!important}
  body.be-home .be-integrations strong{font-size:11px!important}
  body.be-home .be-integrations small{font-size:10px!important;line-height:1.45!important}

  body.be-home .be-faq{min-height:310px!important}
  body.be-home .be-faq summary{min-height:48px!important;font-size:12px!important}
  body.be-home .be-faq details p{font-size:11px!important;line-height:1.55!important}
  body.be-home .be-final-cta{min-height:184px!important}
  body.be-home .be-final-cta h2{font-size:30px!important}
  body.be-home .be-final-cta p{font-size:11px!important}
  body.be-home .be-final-cta .be-button{min-height:40px!important;font-size:10px!important}
}

@media(max-width:767px){
  body.be-home{--public-shell:calc(100% - 24px)}
  body.be-home .be-shell{width:var(--public-shell)!important}
  body.be-home .be-process-grid,
  body.be-home .be-setup-grid{width:100%!important;box-sizing:border-box!important}
  body.be-home .be-process-grid>article,
  body.be-home .be-setup-grid>article{min-width:0!important}
  body.be-home .be-hero-copy>p{font-size:15px!important;line-height:1.6!important}
  body.be-home .be-hero-actions{grid-template-columns:1fr!important}
  body.be-home .be-hero-actions .be-button{min-height:48px!important;font-size:13px!important}
  body.be-home .be-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.be-home .be-hero-stats>div{min-width:0!important;padding:14px 5px!important}
  body.be-home .be-hero-stats strong{font-size:12px!important}
  body.be-home .be-hero-stats span{font-size:9px!important;line-height:1.35!important}
  body.be-home .be-float-card strong{font-size:12px!important}
  body.be-home .be-float-card small{font-size:10px!important}

  body.be-home .be-section-heading small{font-size:10px!important}
  body.be-home .be-process .be-section-heading h2,
  body.be-home .be-features .be-section-heading h2,
  body.be-home .be-setup .be-section-heading h2{font-size:32px!important;line-height:1.03!important}

  body.be-home .be-process-grid{padding-left:36px!important;gap:16px!important}
  body.be-home .be-step-card,
  body.be-home .be-step-card:nth-child(n){height:auto!important;min-height:245px!important;padding:20px!important;overflow:visible!important}
  body.be-home .be-step-card h3{font-size:15px!important}
  body.be-home .be-step-card>p{font-size:12px!important;line-height:1.5!important}
  body.be-home .be-chat-list b{font-size:11px!important}
  body.be-home .be-chat-list small,
  body.be-home .be-chat-list time{font-size:10px!important}
  body.be-home .be-mini-url,
  body.be-home .be-mini-profile li,
  body.be-home .be-mini-profile>a,
  body.be-home .be-confirm-box small{font-size:10px!important}
  body.be-home .be-confirm-box>strong,
  body.be-home .be-confirm-box>b,
  body.be-home .be-confirm-box p{font-size:12px!important}

  body.be-home .be-feature-grid{grid-template-columns:1fr!important;grid-auto-rows:auto!important;gap:14px!important}
  body.be-home .be-feature-grid>article{
    box-sizing:border-box!important;
    height:auto!important;
    min-height:0!important;
    padding:20px!important;
    overflow:hidden!important;
    border-radius:18px!important;
  }
  body.be-home .be-feature-grid>article.feature-photo{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    min-height:0!important;
    padding:0!important;
  }
  body.be-home .feature-photo>div{
    box-sizing:border-box!important;
    width:100%!important;
    padding:22px 20px 18px!important;
  }
  body.be-home .feature-photo picture{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/10!important;
    overflow:hidden!important;
  }
  body.be-home .feature-photo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
    object-position:50% 24%!important;
  }
  body.be-home .feature-photo a{
    min-height:44px!important;
    margin-top:12px!important;
    padding:0 14px!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:12px!important;
  }
  body.be-home .be-feature-grid h3{font-size:23px!important}
  body.be-home .be-feature-grid p{font-size:12px!important;line-height:1.5!important}
  body.be-home .be-calendar-ui{padding:10px!important}
  body.be-home .be-calendar-ui header{font-size:11px!important}
  body.be-home .be-calendar-ui span{font-size:10px!important}
  body.be-home .be-calendar-ui i{width:26px!important;height:26px!important;font-size:10px!important}
  body.be-home .be-price-list li,
  body.be-home .be-client-list span,
  body.be-home .be-switch-list span,
  body.be-home .be-language-list li{font-size:11px!important}

  body.be-home .be-setup-grid{padding-left:36px!important;gap:12px!important}
  body.be-home .be-setup-grid>article{height:auto!important;min-height:250px!important;padding:20px!important;overflow:visible!important}
  body.be-home .be-setup-grid>article>span{top:14px!important;left:-34px!important}
  body.be-home .be-setup-grid h3{font-size:15px!important}
  body.be-home .be-setup-grid p{font-size:12px!important;line-height:1.5!important}
  body.be-home .be-setup-grid article>:is(.be-person,.be-price-list,label,.be-share-link,.be-socials,.be-catalog-link,dl){display:flex!important}
  body.be-home .be-setup-grid article>.be-price-list{display:block!important;width:100%!important}
  body.be-home .be-setup-grid dl{display:grid!important;font-size:10px!important}
  body.be-home .be-setup-grid label{display:block!important;font-size:10px!important}
  body.be-home .be-share-link{font-size:10px!important}
  body.be-home .be-catalog-link{min-height:40px!important;font-size:10px!important}

  body.be-home .be-testimonial{aspect-ratio:auto!important;min-height:430px!important}
  body.be-home .be-testimonial>div{width:100%!important;padding:26px!important}
  body.be-home .be-testimonial blockquote{font-size:27px!important;line-height:1.15!important}
  body.be-home .be-testimonial p{font-size:11px!important}
  body.be-home .be-testimonial strong{font-size:12px!important}

  body.be-home .be-plans{gap:12px!important}
  body.be-home .be-plan-card,
  body.be-home .be-plan-card.studio{height:auto!important;min-height:340px!important;padding:28px 24px!important;overflow:hidden!important}
  body.be-home .be-plan-card.studio{padding-bottom:250px!important}
  body.be-home .be-plan-card h2,
  body.be-home .be-plan-card.studio h2{font-size:27px!important;line-height:1.06!important}
  body.be-home .be-plan-price,
  body.be-home .be-plan-card p,
  body.be-home .be-plan-card.studio p{font-size:12px!important;line-height:1.5!important}
  body.be-home .be-plan-card ul,
  body.be-home .be-plan-card.studio ul{gap:7px!important;margin-bottom:18px!important}
  body.be-home .be-plan-card li{font-size:11px!important}
  body.be-home .be-plan-card .be-button,
  body.be-home .be-plan-card.studio .be-button{width:auto!important;min-height:44px!important;padding:0 16px!important;font-size:11px!important}

  body.be-home .be-integrations .be-section-heading h2{font-size:27px!important;line-height:1.08!important}
  body.be-home .be-integrations>div{grid-template-columns:1fr 1fr!important;gap:10px!important}
  body.be-home .be-integrations article,
  body.be-home .be-integrations article:nth-child(4){display:flex!important;min-height:104px!important;padding:14px!important}
  body.be-home .be-integrations article>b{width:34px!important;height:34px!important}
  body.be-home .be-integrations strong{font-size:11px!important}
  body.be-home .be-integrations small{font-size:10px!important;line-height:1.45!important}

  body.be-home .be-faq{border-radius:16px!important}
  body.be-home .be-faq .be-section-heading{padding:24px 22px 8px!important}
  body.be-home .be-faq .be-section-heading small{display:block!important}
  body.be-home .be-faq .be-section-heading h2{font-family:var(--beautier-font-display)!important;font-size:32px!important;font-weight:500!important}
  body.be-home .be-faq .be-section-heading h2 br,
  body.be-home .be-faq .be-section-heading h2 em{display:initial!important}
  body.be-home .be-faq-list{padding:4px 22px 24px!important}
  body.be-home .be-faq summary{min-height:52px!important;padding:12px 2px!important;font-size:14px!important;line-height:1.35!important}
  body.be-home .be-faq details p{font-size:12px!important;line-height:1.55!important}

  body.be-home .be-final-cta{border-radius:16px!important}
  body.be-home .be-final-cta>div:first-child{padding:30px 24px 230px!important}
  body.be-home .be-final-cta h2{font-size:30px!important}
  body.be-home .be-final-cta p{font-size:12px!important;line-height:1.5!important}
  body.be-home .be-final-cta>div>div{grid-template-columns:1fr!important}
  body.be-home .be-final-cta .be-button{min-height:46px!important;font-size:12px!important}
  body.be-home .be-final-cta:after,
  body.be-home .be-cta-interior{display:block!important}
}

@media(min-width:768px) and (max-width:991px){
  body.be-home .be-process-grid{grid-template-columns:1fr!important;gap:16px!important}
  body.be-home .be-process-grid:before{display:none!important}
  body.be-home .be-step-card{min-height:300px!important}
  body.be-home .be-feature-grid{grid-template-columns:1fr 1fr!important}
  body.be-home .be-setup-grid{grid-template-columns:1fr!important}
  body.be-home .be-setup-grid>article{min-height:260px!important}
}

@media(max-width:420px){
  body.be-home .be-integrations>div{grid-template-columns:1fr!important}
  body.be-home .be-hero-stats{grid-template-columns:1fr!important}
  body.be-home .be-hero-stats>div{grid-template-columns:30px 1fr!important;text-align:left!important}
  body.be-home .be-hero-stats svg{grid-row:1/3!important}
}

/* Final pricing and integrations pass: spacing belongs outside the card so every background fills its panel. */
body.be-home .be-plans{
  margin-top:clamp(22px,2vw,32px)!important;
  padding:0!important;
  align-items:stretch!important;
}
body.be-home .be-plan-card{
  height:auto!important;
  min-height:370px!important;
  padding:38px 42px!important;
}
body.be-home .be-plan-card>small,
body.be-home .be-plan-copy>small{font-size:11px!important;line-height:1.4!important}
body.be-home .be-plan-card h2,
body.be-home .be-plan-card.studio h2{margin:10px 0 9px!important;font-size:34px!important;line-height:1.04!important}
body.be-home .be-plan-price{font-size:14px!important}
body.be-home .be-plan-card p,
body.be-home .be-plan-card.studio .be-plan-copy>p{font-size:13px!important;line-height:1.55!important}
body.be-home .be-plan-card ul,
body.be-home .be-plan-card.studio .be-plan-copy ul{gap:8px!important;margin-bottom:18px!important}
body.be-home .be-plan-card li{font-size:13px!important;line-height:1.45!important}
body.be-home .be-plan-card .be-button{min-height:46px!important;padding:0 18px!important;font-size:12px!important}
body.be-home .be-plan-card.studio{
  min-height:370px!important;
  padding:0!important;
  grid-template-columns:minmax(0,55%) minmax(0,45%)!important;
  align-items:stretch!important;
}
body.be-home .be-plan-copy{min-height:100%!important;padding:38px 34px!important}
body.be-home .be-interior-art{
  align-self:stretch!important;
  width:100%!important;
  height:100%!important;
  min-height:370px!important;
  background-position:72% 50%!important;
}

body.be-home .be-integrations{padding-top:44px!important;padding-bottom:40px!important}
body.be-home .be-integrations .be-section-heading h2{font-size:34px!important;line-height:1.08!important}
body.be-home .be-integrations>div{margin-top:22px!important;gap:14px!important}
body.be-home .be-integrations article{
  min-height:110px!important;
  padding:18px!important;
  gap:14px!important;
  border-radius:15px!important;
}
body.be-home .be-integrations article>b.be-integration-icon{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  padding:5px!important;
  overflow:hidden;
  border:1px solid rgba(108,89,71,.09);
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 5px 14px rgba(57,42,30,.06);
}
body.be-home .be-integration-icon svg,
body.be-home .be-integration-icon svg *{stroke:none}
body.be-home .be-integration-icon svg{display:block;width:100%!important;height:100%!important}
body.be-home .be-integrations strong{font-size:13px!important;line-height:1.3!important}
body.be-home .be-integrations small{margin-top:5px!important;font-size:11px!important;line-height:1.45!important}

@media(max-width:991px){
  body.be-home .be-plans{grid-template-columns:1fr!important}
  body.be-home .be-plan-card--solo{border-right:0!important;border-bottom:1px solid var(--public-line)!important}
  body.be-home .be-plan-card.studio{grid-template-columns:minmax(0,58%) minmax(0,42%)!important}
}

@media(max-width:767px){
  body.be-home .be-plans{margin-top:18px!important;padding:0!important}
  body.be-home .be-plan-card,
  body.be-home .be-plan-card.studio{height:auto!important;min-height:0!important}
  body.be-home .be-plan-card{padding:28px 24px!important}
  body.be-home .be-plan-card h2,
  body.be-home .be-plan-card.studio h2{font-size:28px!important;line-height:1.06!important}
  body.be-home .be-plan-price,
  body.be-home .be-plan-card p,
  body.be-home .be-plan-card.studio .be-plan-copy>p{font-size:13px!important}
  body.be-home .be-plan-card li{font-size:12px!important}
  body.be-home .be-plan-card .be-button{min-height:46px!important;font-size:12px!important}
  body.be-home .be-plan-card.studio{
    padding:0!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto 230px!important;
  }
  body.be-home .be-plan-copy{min-height:0!important;padding:28px 24px!important}
  body.be-home .be-interior-art{width:100%!important;height:230px!important;min-height:230px!important;border-radius:0 0 12px 12px!important}

  body.be-home .be-integrations{padding-top:34px!important;padding-bottom:30px!important}
  body.be-home .be-integrations .be-section-heading h2{font-size:29px!important}
  body.be-home .be-integrations>div{margin-top:18px!important;gap:10px!important}
  body.be-home .be-integrations article,
  body.be-home .be-integrations article:nth-child(4){min-height:112px!important;padding:14px!important;gap:10px!important}
  body.be-home .be-integrations article>b.be-integration-icon{width:42px!important;height:42px!important;flex-basis:42px!important}
  body.be-home .be-integrations strong{font-size:12px!important}
  body.be-home .be-integrations small{font-size:10px!important}
}

@media(max-width:520px){
  body.be-home .be-integrations>div{grid-template-columns:1fr!important}
  body.be-home .be-integrations article,
  body.be-home .be-integrations article:nth-child(4){min-height:94px!important}
  body.be-home .be-integrations strong{font-size:13px!important}
  body.be-home .be-integrations small{font-size:11px!important}
}
