/* Brand tokens sampled from vibrancepixels.com and /website-pricing.
   Fonts and logo are local copies of the live site's actual assets. */
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:400;font-display:swap;src:url("./assets/be-vietnam-pro-regular.woff2") format("woff2")}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:600;font-display:swap;src:url("./assets/be-vietnam-pro-semibold.woff2") format("woff2")}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:700;font-display:swap;src:url("./assets/be-vietnam-pro-bold.woff2") format("woff2")}
:root{color-scheme:dark;--gradient:linear-gradient(135deg,#a178ff,#ff6e6e);--motion-duration:300ms;--button-text:#f5f2ff;--button-highlight:0 2px 2px rgb(255 255 255 / 0.3) inset;--background:#0d0527;--foreground:#f4f1ff;--ink:#201638;--muted:#665c76;--violet:#7650b0;--border:#ded8e9;--surface:#f4f1ff;font-family:"Be Vietnam Pro",sans-serif;font-size:16px;line-height:1.6;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground)}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #a078ff;outline-offset:5px}[hidden]{display:none!important}
.page{width:min(1160px,100%);margin:auto;padding:32px 30px}.site-header{display:flex;align-items:center;margin-bottom:24px}.brand{display:inline-flex;align-items:center;text-decoration:none}.brand img{display:block;width:92px;height:auto}
.estimator{display:grid;grid-template-columns:35% 65%;border:1px solid #a078ff40;border-radius:16px;overflow:hidden;box-shadow:0 0 16px #a078ff16}
.intro{background:radial-gradient(ellipse at 100% 0%,#a078ff1a,transparent 65%),var(--background);padding:40px 32px 32px;display:flex;flex-direction:column;position:relative;overflow:hidden}.eyebrow{align-self:flex-start;display:inline-flex;padding:8px 16px;border-radius:16px;background:linear-gradient(to right bottom,#536976,#292e49);font-size:14px;line-height:1.6;font-weight:700;text-transform:uppercase;color:#e1dfe7}.intro h1{font-size:32px;line-height:1.4;font-weight:600;letter-spacing:normal;margin:24px 0}.intro>p{font-size:16px;line-height:1.6;color:#d4d4d4;margin:0}.trust-note{display:flex;gap:8px;align-items:center;font-size:14px;line-height:1.6;color:#d4d4d4;margin-top:32px}.check-circle{display:flex;align-items:center;justify-content:center;border:1px solid #a078ff80;border-radius:50%;width:18px;height:18px;color:#c6aaff;font-size:12px;flex-shrink:0}
.form-panel{background:var(--surface);color:var(--ink);padding:32px 38px;color-scheme:light;min-width:0}.steps{list-style:none;margin:0;padding:0 0 24px;display:flex;border-bottom:1px solid var(--border);justify-content:space-between;gap:8px}.steps li{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}.step-number{border:1px solid #cfc3df;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:12px}.steps li[aria-current]{color:#6840a2}.steps li[aria-current] .step-number{background:#e5d9f7;border-color:#bda2de;font-weight:700}.steps li.complete .step-number{background:#7650b0;border-color:#7650b0;color:white}
.screen{padding-top:32px;animation:appear var(--motion-duration) ease-out}.step-caption{display:inline-block;font-size:14px;line-height:1.6;text-transform:uppercase;font-weight:700;color:#66527c;margin:0 0 16px}h2{font-size:32px;line-height:1.4;letter-spacing:normal;font-weight:600;margin:0 0 16px}h2:focus{outline:none}.screen-description{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 24px}fieldset{margin:0;padding:0;border:0;min-width:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.choice{display:flex;position:relative;border:1px solid var(--border);border-radius:16px;cursor:pointer;transition:background var(--motion-duration),border-color var(--motion-duration),box-shadow var(--motion-duration);background:#fff}.choice:hover{border-color:#b6a0d8;background:#fcfaff}.choice:has(input:checked){border-color:#9671cb;background:#ebe3f8;box-shadow:0 0 0 1px #9671cb}.choice:has(input:focus-visible){outline:3px solid #9064bd;outline-offset:4px}.choice input,.feature input{position:absolute;opacity:0;width:1px;height:1px}.project-choice{min-height:176px;padding:20px;flex-direction:column;gap:16px}.choice-icon{font-size:24px;line-height:28px;color:#8258b7}.choice-copy{display:flex;flex-direction:column;gap:8px}.choice strong{font-size:16px;line-height:1.6;font-weight:600}.choice-copy>span{font-size:14px;line-height:1.6;color:var(--muted)}.radio-mark{position:absolute;top:20px;right:20px;width:16px;height:16px;border:1px solid #b9adc9;border-radius:50%;background:white}.choice input:checked~.radio-mark{background:#7650b0;border-color:#7650b0;box-shadow:inset 0 0 0 3px #fff}
.screen-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:32px}.micro-note{font-size:12px;color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;border:0;border-radius:16px;padding:16px 20px;font-size:16px;line-height:1.6;font-weight:600;text-decoration:none;min-height:48px;text-align:center;transition:box-shadow var(--motion-duration)}.primary{background:var(--gradient);color:var(--button-text);box-shadow:var(--button-highlight)}
/* Source button hover: inset highlight and restrained outer glow, no movement. */
.primary:hover{box-shadow:var(--button-highlight),0 0 4px 2px #a078ff80}.back-button,.start-over{background:transparent;border:0;border-radius:0;box-shadow:none;padding:10px 0;color:#66527c;font-size:14px;line-height:1.6;min-height:44px}.back-button,.start-over{transition:color var(--motion-duration)}.back-button:hover,.start-over:hover{text-decoration:none;color:#a178ff}.size-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.size-choice{padding:16px 36px 16px 16px;min-height:64px;align-items:center}.size-choice .radio-mark{top:calc(50% - 8px);right:12px}.size-choice strong{font-size:14px}.features-fieldset{margin-top:24px}.features-fieldset legend{font-size:16px;font-weight:600;margin-bottom:16px}.features-fieldset legend>span{font-size:12px;color:var(--muted);font-weight:400;margin-left:8px}.feature-grid{display:flex;flex-wrap:wrap;gap:8px}.feature{display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:#fff;border-radius:8px;padding:10px 12px;cursor:pointer;font-size:14px;min-height:44px;position:relative;line-height:1.6}.feature:hover{border-color:#b6a0d8}.feature:has(input:checked){background:#ebe3f8;border-color:#9671cb;color:#613d94}.feature:has(input:focus-visible){outline:3px solid #9064bd;outline-offset:3px}.checkbox-mark{width:14px;height:14px;flex-shrink:0;border-radius:3px;border:1px solid #b9adc9;color:transparent;display:flex;align-items:center;justify-content:center;font-size:10px;background:#fff}.feature input:checked~.checkbox-mark{background:#7650b0;border-color:#7650b0;color:white}.feature-note{font-size:12px;color:var(--muted);line-height:1.6;margin:16px 0 0}
.estimate-card{border:1px solid #d5c6e9;border-radius:16px;padding:24px;background:#eae4f5;margin-top:24px}.estimate-topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.package-badge{text-transform:uppercase;color:#674b89;font-size:14px;font-weight:700}.currency-note{font-size:12px;color:var(--muted)}.price{font-size:40px;font-weight:600;letter-spacing:normal;line-height:1.5;margin:16px 0;color:var(--ink)}.package-description{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.adjustment-note{font-size:12px;line-height:1.6;color:#674b89;margin:16px 0 0}.adjustment-note:empty{display:none}.selection-summary{font-size:14px;color:var(--muted);margin:16px 0;line-height:1.6}.selection-summary strong{font-weight:600;color:#49365e}.disclaimer{font-size:14px;line-height:1.6;color:var(--muted);margin:16px 0 24px}.result-ctas{display:flex;flex-direction:column;gap:16px}.booking-button{width:100%;gap:12px}.secondary{background:linear-gradient(to bottom right,#536976,#292e49);color:var(--button-text);border:0;box-shadow:var(--button-highlight);padding:12px 20px}.secondary:hover{box-shadow:var(--button-highlight),0 0 4px 2px #d4d4d4}.booking-note{text-align:center;font-size:12px;color:var(--muted);margin:16px 0}.result-actions{display:flex;justify-content:space-between;gap:16px;margin-top:16px;border-top:1px solid var(--border);padding-top:8px}.booking-fallback{font-size:14px;line-height:1.6;color:#613d94;background:#ebe3f8;padding:16px;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{line-height:1.6;font-size:16px}.embedded{background:transparent!important}.embedded .page{padding:0;width:100%;max-width:1100px}.embedded .site-header{display:none}.embedded .estimator{box-shadow:none}.embedded .form-panel{min-height:630px}
@keyframes appear{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:800px){.form-panel{min-height:633px}}
@media(max-width:1000px){.intro{padding:32px 24px}.intro h1{font-size:28px}.form-panel{padding:28px}.steps li{gap:5px;font-size:11px}.price{font-size:36px}}
@media(max-width:760px){.page{padding:24px 18px;max-width:620px}.site-header{margin-bottom:24px}.brand img{width:80px}.estimator{grid-template-columns:1fr}.intro{padding:24px;display:block}.eyebrow{font-size:12px;padding:6px 12px}.intro h1{font-size:28px;line-height:1.4;margin:16px 0}.intro>p{font-size:16px}.trust-note{margin-top:16px;font-size:14px}.form-panel{padding:24px}.steps{padding-bottom:24px}.steps li{font-size:10px;gap:6px}.step-number{width:21px;height:21px;font-size:11px}.screen{padding-top:24px}h2{font-size:24px;line-height:1.4}.step-caption{font-size:12px;margin-bottom:12px}.screen-description{font-size:14px;margin-bottom:24px}.project-grid{gap:12px}.project-choice{min-height:168px;padding:16px}.choice strong{font-size:14px}.choice-copy>span{font-size:12px}.radio-mark{top:16px;right:16px}.screen-actions{margin-top:24px}.micro-note{font-size:11px;max-width:100px}.button{font-size:14px}.size-grid{gap:12px}.size-choice strong{font-size:12px}.features-fieldset legend{font-size:14px}.feature{font-size:12px}.price{font-size:clamp(20px,6.5vw,28px);white-space:nowrap}.estimate-card{padding:20px}.currency-note{font-size:10px}.package-description,.selection-summary,.disclaimer{font-size:12px}.embedded .form-panel{min-height:0}}
@media(max-width:380px){.page{padding:18px 10px}.form-panel{padding:24px 18px}.intro{padding:24px}.steps li{font-size:9px;gap:4px}.steps{gap:4px}.project-grid{gap:10px}.project-choice{padding:16px 12px}.choice-copy>span{font-size:12px}.size-choice{padding-left:12px}.size-choice strong{font-size:12px}.price{font-size:clamp(20px,6.5vw,28px)}.micro-note{max-width:80px}.button{padding:14px 16px;gap:12px}.result-actions{gap:8px}.back-button,.start-over{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Give the restart symbol more presence without enlarging its label. */
.start-over{display:inline-flex;align-items:center;gap:6px}
.start-over>span{font-size:22px;line-height:1}

/* Mobile refinements: keep the intro compact and actions easy to reach. */
@media(max-width:760px){
  .intro h1{font-size:24px;margin:12px 0}
  .intro>p{font-size:14px}
  .trust-note{margin-top:12px}
  .price{font-size:clamp(22px,6.5vw,28px);font-variant-numeric:tabular-nums}
  .button{min-height:48px;max-width:100%}
}
/* At small phone widths, long scope labels need a full row. */
@media(max-width:380px){
  .steps{gap:8px}
  .steps li{flex:1;flex-direction:column;gap:6px;font-size:10px;text-align:center}
  .size-grid{grid-template-columns:minmax(0,1fr)}
  .size-choice{min-height:56px;padding:16px 40px 16px 16px}
}

/* V2 scope inputs and review form; retain the V1 visual system. */
.estimator{overflow:clip}
.project-choice .option-price,.option-price{color:#674b89;font-size:12px;font-weight:600}
.project-choice{min-height:225px}
.v2-size{padding-right:40px}
.v2-size .choice-copy{gap:4px}
.choice:has(input:disabled){opacity:.45;cursor:not-allowed;box-shadow:none}
.needs-group{margin-top:32px}
.needs-group>legend{font-size:18px;font-weight:600;margin-bottom:12px}
.group-description{font-size:14px;color:var(--muted);line-height:1.6;margin:0 0 16px}
.cms-options,.addon-options{display:grid;gap:12px}
.detail-choice{padding:16px 44px 16px 16px}
.detail-choice .choice-copy>span{font-size:13px}
.detail-choice .radio-mark,.detail-choice .checkbox-mark{position:absolute;right:16px;top:20px}
.detail-choice .checkbox-mark{width:16px;height:16px}
.quantity-choice{display:grid;grid-template-columns:1fr 76px;gap:12px;align-items:center;padding:20px 0;border-bottom:1px solid var(--border)}
.quantity-choice label{display:flex;flex-direction:column;gap:4px;font-size:14px}
.quantity-choice label>span{font-size:12px;color:#674b89}
.quantity-choice>p{grid-column:1/-1;font-size:12px;color:var(--muted);line-height:1.6;margin:0}
.quantity-choice input,.contact-grid input,.contact-grid textarea{font:inherit;font-size:16px;line-height:1.6;color:var(--ink);background:#fff;border:1px solid #b9adc9;border-radius:8px;padding:10px 12px;min-height:48px;width:100%;min-width:0}
.quantity-choice input:focus-visible,.contact-grid input:focus-visible,.contact-grid textarea:focus-visible{outline:3px solid #a078ff;outline-offset:2px}
.live-estimate{position:sticky;top:12px;z-index:3;background:#ebe4f7;border:1px solid #c9b6e4;border-radius:16px;padding:16px 20px;margin:0 0 24px;box-shadow:0 4px 16px #20163814}
.live-estimate .estimate-topline>strong{font-size:14px}
.live-estimate .price{font-size:28px;margin:8px 0;line-height:1.4;white-space:nowrap}
.live-detail,.live-review{font-size:12px;color:var(--muted);line-height:1.5;margin:4px 0 0}
.live-review{color:#674b89}
.included{margin-top:24px;border:1px solid var(--border);padding:16px;border-radius:12px;color:var(--muted);font-size:13px}
.included summary{font-weight:600;cursor:pointer;min-height:32px}
.included summary:focus-visible{outline:3px solid #a078ff;outline-offset:3px}
.included ul{padding-left:20px}
.included li+li{margin-top:8px}
#custom-label{display:block;font-size:16px;margin:0 0 12px;color:#674b89}
#project-name{font-size:12px;max-width:65%}
.lead-section,.booking-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}
.lead-section h3{font-size:22px;font-weight:600;line-height:1.4;margin:0 0 16px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-grid label{font-size:14px;font-weight:600;display:flex;flex-direction:column;gap:8px}
.contact-grid label>span{font-weight:400;font-size:12px;color:var(--muted)}
.contact-grid .full-width{grid-column:1/-1}
.contact-grid textarea{resize:vertical}
.send-button{margin-top:20px;width:100%}
.delivery-status,.draft-link{font-size:14px;line-height:1.6;color:#674b89}
.delivery-status:empty{display:none}
.booking-section>p{font-size:16px;margin:0 0 16px}
.pricing-disclaimer{font-size:12px;color:var(--muted);line-height:1.6;margin:24px 0 0}
button:disabled{opacity:.55;cursor:wait}
@media(max-width:760px){
 .project-choice{min-height:230px}
 .needs-group>legend{font-size:16px}
 .live-estimate{top:8px;padding:14px 16px}
 .live-estimate .price{font-size:clamp(22px,6.5vw,28px)}
 .live-detail,.live-review{font-size:11px}
 .detail-choice .choice-copy>span{font-size:12px}
 .contact-grid{grid-template-columns:minmax(0,1fr)}
 .lead-section h3{font-size:20px}
 .contact-grid label{font-size:14px}
 .quantity-choice{grid-template-columns:minmax(0,1fr) 68px}
 .send-button{padding:14px 12px}
 .result-actions .back-button{font-size:12px}
}
@media(max-width:380px){
 .project-grid{grid-template-columns:minmax(0,1fr)}
 .project-choice{min-height:0}
 .project-choice .choice-copy{padding-right:4px}
 .project-choice .choice-copy>span{font-size:13px}
 .live-estimate .price{font-size:22px}
 .live-estimate .estimate-topline>strong{font-size:12px}
}
.addon-choice input:checked~.checkbox-mark{background:#7650b0;border-color:#7650b0;color:#fff}

/* V3: simplify questions and show a readable scope breakdown without changing the brand. */
.option-options{display:grid;gap:12px}
.project-choice:last-child{grid-column:1/-1;min-height:0}
.included-sidebar{margin-top:28px;border-top:1px solid #a078ff30;padding-top:20px;color:#d4d4d4}
.included-sidebar h3{font-size:16px;font-weight:600;line-height:1.5;margin:0 0 12px;color:#f4f1ff}
.included-sidebar ul{font-size:14px;line-height:1.6;margin:0;padding-left:18px}
.included-sidebar li+li{margin-top:6px}
.language-choice{margin-top:16px;padding:16px;border:1px solid var(--border);border-radius:12px;background:#ebe4f7}
.language-choice label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}
.language-choice select{width:100%;min-width:0;min-height:48px;font:inherit;font-size:16px;background:#fff;color:var(--ink);border:1px solid #b9adc9;border-radius:8px;padding:10px 12px}
.language-choice select:focus-visible{outline:3px solid #a078ff;outline-offset:2px}
.scope-section{margin-top:24px}
.scope-section h3{font-size:20px;font-weight:600;line-height:1.4;margin:0 0 16px}
.scope-breakdown{margin:0;border-top:1px solid var(--border)}
.scope-row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px solid var(--border);font-size:14px}
.scope-row dt{font-weight:600;color:#49365e}
.scope-row dd{margin:0;min-width:0}
.scope-entry+.scope-entry{margin-top:12px}
.scope-entry{display:flex;flex-direction:column;gap:4px;line-height:1.6}
.scope-cost{font-size:12px;color:#7650b0;font-weight:600}
.result-notes{font-size:13px;color:var(--muted);line-height:1.6;padding-left:18px;margin:12px 0 0}
.result-notes li+li{margin-top:8px}
.delivery-mode{font-size:12px;line-height:1.6;color:#674b89;background:#ebe4f7;padding:12px;border-radius:8px;margin:0 0 16px}
.confirmation-actions{display:flex;flex-direction:column;gap:16px;margin-top:24px}
#submission-confirmation>p{font-size:14px;color:var(--muted);line-height:1.6}
#submission-confirmation h3:focus{outline:none}
@media(max-width:760px){
 .included-sidebar{margin-top:20px;padding-top:16px}
 .included-sidebar h3{font-size:14px;margin-bottom:10px}
 .included-sidebar ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;font-size:12px}
 .included-sidebar li+li{margin-top:0}
 .scope-row{grid-template-columns:minmax(0,1fr);gap:6px;font-size:14px;padding:14px 0}
 .scope-section h3{font-size:18px}
 .result-notes{font-size:12px}
 .project-choice:last-child{min-height:0}
}

/* V4 compact controls retain the existing selected/focus states and brand palette. */
.project-choice{min-height:190px}
.project-choice:last-child{grid-column:auto;min-height:190px}
.screen-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.screen-top .step-caption{margin:0}
.screen-top .back-button{font-size:12px;min-height:44px}
.compact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.page-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.compact-option{position:relative;min-width:0;display:flex}
.compact-choice{width:100%;min-height:64px;padding:14px 42px 14px 12px;align-items:center}
.compact-choice .choice-copy{gap:0;min-width:0}
.compact-choice .choice-copy strong{font-size:13px;line-height:1.5;font-weight:600}
.compact-choice .radio-mark,.compact-choice .checkbox-mark{display:none}
.compact-check{display:none;color:#7650b0;margin-right:4px}.compact-choice:has(input:checked) .compact-check{display:inline}
.help-trigger{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:40px;height:44px;padding:0;border:0;background:transparent;color:#7650b0;cursor:pointer}
.help-trigger>span{display:flex;align-items:center;justify-content:center;border:1px solid #b9adc9;border-radius:50%;width:20px;height:20px;font-size:12px;font-weight:600;line-height:1}
.help-trigger:hover>span,.help-trigger[aria-expanded=true]>span{border-color:#7650b0;background:#e5d9f7}
.option-help{position:fixed;z-index:1000;background:#fff;color:#201638;border:1px solid #c9b6e4;border-radius:12px;padding:14px 16px;box-shadow:0 8px 24px #20163830;font-size:13px;line-height:1.6}
.option-help strong{font-size:13px;font-weight:600}
.option-help p{margin:6px 0}
.help-price{display:block;color:#7650b0;font-size:12px;font-weight:600;margin-top:8px}
.live-estimate{padding:16px 20px}
.live-estimate .price{margin-bottom:0}
.live-review:empty{display:none}
.needs-group{margin-top:24px}
.needs-group>legend{font-size:16px;margin-bottom:12px}
.custom-note{font-size:13px;line-height:1.6;color:var(--muted);margin:10px 0}
.estimate-card .disclaimer{font-size:13px;margin:14px 0 0}
.scope-entry+.scope-entry{margin-top:6px}
@media(max-width:760px){
 .compact-grid,.page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .compact-choice{min-height:68px;padding:12px 40px 12px 10px}
 .compact-choice .choice-copy strong{font-size:12px}
 .needs-group>legend{font-size:15px}
 .live-estimate{padding:14px 16px}
 .custom-note,.estimate-card .disclaimer{font-size:12px}
 .scope-row{padding:12px 0}
}
@media(max-width:380px){
 .project-choice,.project-choice:last-child{min-height:0}
 .compact-choice{min-height:76px}
}

/* Webstudio owns the contact form and its success/error state in native embed mode. */
.webstudio-handoff{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}
.webstudio-handoff h3{font-size:20px;margin:0 0 10px}
.webstudio-handoff p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}

/* Presentation only: the Webstudio parent provides one shared border and native form continuation. */
.embedded.native-submission .estimator{border:0;border-radius:0;box-shadow:none}
.embedded.native-submission #webstudio-handoff{display:none!important}
.embedded.native-submission:has(#screen-3:not([hidden])) .form-panel{padding-bottom:0}