/* A softly lit product stage replaces the dark miniature drawing board. */
.calc-visual{background:radial-gradient(ellipse at 42% 25%,#fcfdfd 0%,#edf2f4 55%,#e3ebef 100%);border:1px solid #d8e2e7;box-shadow:inset 0 1px 0 #fff;padding:23px 25px 21px;isolation:isolate}
.calc-visual:before{background-image:linear-gradient(#a9becb0a 1px,transparent 1px),linear-gradient(90deg,#a9becb0a 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(transparent,#0008);z-index:-1}
.calc-visual-top{display:flex;align-items:center;justify-content:space-between;flex:none;gap:15px;font-size:9px;letter-spacing:.08em;color:#8a9da8}
.calc-visual-top>span:first-child{padding:7px 10px;border:1px solid #d6e1e8;border-radius:30px;background:#ffffff9c;color:#5e7889;font-size:9px;letter-spacing:.05em}
.calc-visual .window-stage{position:relative;display:flex;align-items:stretch;justify-content:stretch;flex:1;width:100%;height:auto;max-height:none;min-height:0;left:auto;top:auto;margin:6px 0 4px;padding:0}
.window-preview{display:block;position:relative;flex:1;min-height:0;min-width:0;width:100%;height:100%;background:none;border:0;box-shadow:none;aspect-ratio:auto}
.window-preview-svg{display:block;flex:none;width:100%;height:100%;max-width:none;overflow:visible}
.calc-visual .calc-visual-bottom{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:16px;flex:none;max-width:none;margin-top:0;min-height:30px;border-top:1px solid #d4e0e680;padding-top:12px}
.calc-visual .calc-visual-bottom>span{font-size:14px;line-height:1.3;font-weight:400;color:#496170;max-width:68%;letter-spacing:-.02em}
.calc-visual .calc-visual-bottom>small{display:block;font-size:9px;color:#92a3ac;line-height:1.4;text-align:right;white-space:nowrap}
@media(max-width:850px){.calc-visual{padding:18px}.calc-visual .calc-visual-bottom>span{font-size:12px}.calc-visual .calc-visual-bottom>small{font-size:8px}}
@media(max-width:700px){
  .calc-visual{height:clamp(200px,32dvh,275px);min-height:0;max-height:none;padding:13px 16px 14px;border-radius:21px}
  .calc-visual-top{font-size:8px;letter-spacing:.06em}.calc-visual-top>span:first-child{font-size:8px;padding:5px 8px}
  .calc-visual .window-stage{margin:1px 0 2px}
  .calc-visual .calc-visual-bottom{padding-top:8px;gap:10px;min-height:25px}
  .calc-visual .calc-visual-bottom>span{font-size:11px;max-width:67%}.calc-visual .calc-visual-bottom>small{font-size:8px}
}
@media(max-width:700px) and (max-height:700px){
  .calc-visual{height:148px;padding:9px 13px 10px;border-radius:18px}
  .calc-visual-top{position:absolute;left:13px;top:13px;flex-direction:column;align-items:flex-start;gap:7px;font-size:7px}.calc-visual-top>span:first-child{font-size:7px;padding:4px 7px}
  .calc-visual .window-stage{position:absolute;inset:5px 7px 8px auto;width:calc(100% - 107px);height:auto;margin:0;flex:none}
  .calc-visual .calc-visual-bottom{position:absolute;left:13px;bottom:14px;max-width:92px;flex-direction:column;align-items:flex-start;gap:7px;border:0;padding:0;min-height:18px}.calc-visual .calc-visual-bottom>span{font-size:10px;max-width:100%}.calc-visual .calc-visual-bottom>small{font-size:7px;text-align:left}
  .calc-step-content:has(.mobile-config-choice){padding-block:8px}.calc-step-content:has(.mobile-config-choice)>.step-title{display:none}
  .mobile-config-choice{min-height:56px;padding-block:7px}
}
@media(prefers-reduced-motion:reduce){.window-preview{animation:none!important}}