/* An interactive 3D model preview within the existing editorial layout. */
/* Keep the blue portfolio after the complete white benefits panel. */
.zu-websitecraft .zu-configurator-portfolio{margin-top:0!important;background:#eff6ff!important}
.zu-websitecraft .zu-configurator-portfolio>.e-con-inner{padding-top:64px!important}
@media(max-width:767px){.zu-websitecraft .zu-configurator-portfolio>.e-con-inner{padding-top:40px!important}}
.zu-websitecraft .zu-configurator-benefits{display:grid!important;grid-template-columns:minmax(0,.9fr) repeat(2,minmax(0,1fr));align-items:start;gap:38px!important;padding:0!important}
.zu-websitecraft .zu-configurator-benefits>div{width:auto!important;min-width:0;margin:0!important;padding:0!important}
.zu-websitecraft .zu-configurator-benefits>[data-id="7b79f37f"]{grid-column:1;grid-row:1}
.zu-websitecraft .zu-configurator-benefits>[data-id="44221845"]{grid-column:2;grid-row:1}
.zu-websitecraft .zu-configurator-benefits>[data-id="45a11154"]{grid-column:3;grid-row:1}
.zu-configurator-benefits [data-id="535b871"],.zu-configurator-benefits [data-id="535b871"]>.elementor-widget-container{width:100%;max-width:100%;margin:0;padding:0}
.zu-configurator-illustration{width:100%;aspect-ratio:4/5;margin:0;overflow:hidden;border-radius:24px;background:radial-gradient(ellipse at 45% 40%,#fff 10%,#f1f6ff 100%)}
.zu-websitecraft .zu-configurator-illustration img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center;transform:none}
.zu-websitecraft .zu-configurator-benefits .elementor-headline{margin:0;color:#172943;font:600 22px/1.4 Inter,sans-serif;letter-spacing:-.45px;text-align:left}
.zu-websitecraft .zu-configurator-benefits .elementor-widget-text-editor{color:#637087;font:400 14px/1.85 Inter,sans-serif;text-align:left}
@media(max-width:1000px){
  .zu-websitecraft .zu-configurator-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px!important}
  .zu-websitecraft .zu-configurator-benefits>[data-id="7b79f37f"]{grid-column:1/-1;grid-row:1;justify-self:center;width:min(100%,320px)!important}
  .zu-websitecraft .zu-configurator-benefits>[data-id="44221845"]{grid-column:1;grid-row:2}
  .zu-websitecraft .zu-configurator-benefits>[data-id="45a11154"]{grid-column:2;grid-row:2}
}
@media(max-width:1024px){
  /* The section owns its outer spacing; the white card owns all four insets.
     Reset the legacy inner wrapper so padding cannot accumulate at the top. */
  .zu-websitecraft [data-id="31e8e810"].zu-layout-full{margin-block:0!important;padding-block:48px!important}
  .zu-websitecraft [data-id="299fa24a"].zu-layout-panel{padding:32px!important}
  .zu-websitecraft [data-id="31e10e3f"].zu-layout-fill{padding:0!important}
  .zu-websitecraft .zu-configurator-portfolio>.e-con-inner{padding-block:48px!important}
  .zu-websitecraft .zu-configurator-benefits>[data-id="7b79f37f"]{transform:none!important}
}
@media(max-width:767px){
  .zu-websitecraft [data-id="299fa24a"].zu-layout-panel{padding:24px!important}
  .zu-websitecraft .zu-configurator-benefits{grid-template-columns:minmax(0,1fr);gap:32px!important}
  .zu-websitecraft .zu-configurator-benefits>[data-id="44221845"]{grid-column:1;grid-row:2}
  .zu-websitecraft .zu-configurator-benefits>[data-id="45a11154"]{grid-column:1;grid-row:3}
  .zu-websitecraft .zu-configurator-benefits>:is([data-id="44221845"],[data-id="45a11154"]){gap:0!important;justify-content:flex-start!important}
  .zu-websitecraft .zu-configurator-benefits>div>.elementor-widget{margin:0!important}
  /* One spacing rhythm, including the boundary between the old columns. */
  .zu-websitecraft .zu-configurator-benefits>div>.elementor-widget-text-editor{margin-top:12px!important}
  .zu-websitecraft .zu-configurator-benefits>div>.elementor-widget-text-editor+.elementor-widget-animated-headline{margin-top:32px!important}
  .zu-websitecraft .zu-configurator-benefits .elementor-headline{
    margin:0!important;color:#172943!important;
    font:600 20px/1.35 Inter,sans-serif!important;letter-spacing:-.35px!important;
    text-align:left!important;text-wrap:pretty;
  }
  .zu-websitecraft .zu-configurator-benefits .elementor-headline span{
    display:inline!important;padding:0!important;font:inherit!important;
    color:inherit!important;white-space:normal!important;
  }
  .zu-websitecraft .zu-configurator-benefits .elementor-widget-text-editor,
  .zu-websitecraft .zu-configurator-benefits .elementor-widget-text-editor .elementor-widget-container,
  .zu-websitecraft .zu-configurator-benefits .elementor-widget-text-editor p{
    color:#526580!important;font:400 15px/1.7 Inter,sans-serif!important;
    letter-spacing:0!important;text-align:left!important;
  }
  .zu-websitecraft .zu-configurator-benefits .elementor-widget-text-editor p{margin:0!important}
}
.zu-editorial-actions .zu-configurator-jump{display:inline-flex;align-items:center;min-height:48px;padding:10px 0;color:#2563eb;font:600 13px/1.5 Inter,sans-serif;text-underline-offset:5px;text-decoration:underline}
.zu-editorial-actions .zu-configurator-jump:focus-visible{outline:3px solid #ffa500;outline-offset:4px}
.zu-configurator-demo{margin-top:72px;min-width:0;scroll-margin-top:130px;color:#172943;font-family:Inter,sans-serif}
.zu-configurator-demo,.zu-configurator-demo *{box-sizing:border-box}
.zu-configurator-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr);align-items:end;gap:44px;margin-bottom:28px}
.zu-configurator-heading h2{margin:0;color:#172943;font:600 clamp(30px,3vw,43px)/1.15 Inter,sans-serif;letter-spacing:-1.5px}
.zu-configurator-heading h2 em{color:#2563eb;font-style:normal}
.zu-configurator-heading>p{margin:0;color:#657991;font-size:14px;line-height:1.85}
.zu-configurator-window{container-type:inline-size;min-width:0;border:1px solid #e2e9f2;border-radius:22px;overflow:hidden;background:#f8fafc;box-shadow:0 20px 60px -35px #17294330}
.zu-configurator-window iframe{display:block;width:100%;height:820px;height:clamp(820px,80svh,900px);max-width:100%;border:0;background:#f8fafc}
@media(max-width:767px){
  .zu-configurator-demo{margin-top:44px;scroll-margin-top:100px}
  .zu-configurator-heading{grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:22px}
  .zu-configurator-heading h2{font-size:30px;letter-spacing:-1px}
  .zu-configurator-window{border-radius:16px}
}
/* Match the viewer's stacked layout and leave room for both expanded editors. */
@container(max-width:850px){.zu-configurator-window iframe{height:1120px}}
