.wizard-layout{align-items:start;grid-template-columns:minmax(0,1fr) 370px}
.wizard-card{padding:28px;overflow:hidden}
.wizard-progress{display:flex;gap:5px;margin-bottom:17px}
.wizard-progress button{flex:1;height:5px;border:0;border-radius:5px;background:#e5e9ee;padding:0;cursor:pointer}
.wizard-progress button.done{background:#2858d7}
.wizard-meta{display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.07em;color:#738096;gap:10px}
.wizard-meta span:last-child{font-weight:400;letter-spacing:0}
.eyebrow{display:block;color:#2858d7;font-size:11px;letter-spacing:.12em;font-weight:800;margin-top:34px}
#wizardBody{animation:screenIn .3s ease;min-height:470px}
#wizardBody h2{font-size:clamp(25px,2.4vw,36px);letter-spacing:-.04em;line-height:1.13;margin:15px 0;max-width:580px}
#wizardBody h2:focus{outline:none}
.wizard-lead{color:#69778c;line-height:1.55;margin:0 0 25px}
.wizard-note{font-size:12px;color:#718095;line-height:1.65;margin-top:20px}
.wizard-nav{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #edf0f5;padding-top:20px;margin-top:24px}
.wizard-nav button:disabled{opacity:.35;cursor:default}
#wizardError{color:#aa392f;font-size:13px;margin:15px 0}
.feature-row{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #e9edf2;gap:15px;cursor:pointer}
.feature-row small{display:block;color:#778396;font-size:12px;margin-top:6px}
.feature-row strong{font-size:15px}
.gama-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gama-card{border:1px solid #e0e5eb;border-radius:18px;padding:0;background:white;text-align:left;overflow:hidden;cursor:pointer;position:relative;transition:box-shadow .2s,border-color .2s;min-width:0}
.gama-card.selected{border:2px solid #2858d7;box-shadow:0 8px 26px #21439a13}
.gama-image{height:210px;background:#f1f0ed;display:flex;align-items:center;justify-content:center;overflow:hidden}
.gama-image img{width:100%;height:100%;object-fit:contain;transition:transform .45s}
.gama-card:hover img{transform:scale(1.045)}
.gama-card>span{display:block;padding:16px}
.gama-card strong{display:block;font-size:20px}
.gama-card small{display:block;color:#738096;margin-top:8px;font-size:12px}
.selection-check{position:absolute;right:10px;top:10px;background:white;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;color:#2858d7}
.scope-options{display:flex;flex-direction:column;gap:10px;font-size:14px}
.scope-options label{padding:12px;background:#f5f7fa;border-radius:10px}
.scope-options input{accent-color:#2858d7;margin-right:8px}
.quantity-field{background:#f5f7fa;padding:26px;border-radius:16px;display:flex!important;justify-content:space-between;align-items:center;flex-direction:row!important;gap:12px;margin:25px 0}
.quantity-field .stepper input{width:70px}
.quantity-field>span{font-weight:700}
.estimate-status{background:#fff5df;color:#8a641e;font-size:12px;padding:12px 18px;border-radius:12px;margin-bottom:18px}
.estimate-status.confirmed{background:#e8f6ef;color:#277451}
.wizard-layout .result-stack{position:sticky;top:20px}
.wizard-layout .result-dark{padding:24px}
.wizard-layout .range{font-size:29px}
.wizard-layout .commission{margin-top:17px;padding:15px}
.wizard-layout .commission strong{font-size:29px}
.wizard-layout .experience-card{padding:18px}
.wizard-layout .experience-head strong{font-size:18px}
.wizard-layout .phone-wrap{transform:none}
.wizard-layout .phone{max-width:285px;margin:0 auto}
.wizard-layout .experience-copy{font-size:13px}
.wizard-layout .result-summary{display:none}
.villa-hero{height:170px;margin:22px 0;background:linear-gradient(125deg,#11233b,#28556c);border-radius:18px;position:relative;overflow:hidden}
.villa-label{position:absolute;bottom:23px;left:25px;color:white;font-size:23px;font-weight:700;z-index:1}
.villa-label span{display:block;font-size:11px;font-weight:400;letter-spacing:.13em;margin-top:8px;color:#b9d7db}
.villa-lines{position:absolute;inset:25px 25px 25px 42%;perspective:500px}
.villa-lines i{position:absolute;border:1px solid #99dadf66;width:130px;height:90px;transform:skewY(-12deg);right:5px;top:30px}
.villa-lines i:nth-child(2){right:65px;top:0;width:115px;height:65px;background:#b3e3dc0d}
.villa-lines i:nth-child(3){right:35px;top:62px;width:80px;height:23px;background:#ffde9c77;box-shadow:0 0 40px #f9d29d35;animation:welcomeLight 1s ease-out}
.wizard-kits{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kit-choice{border:1px solid #dfe5ed;padding:16px;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;gap:10px;position:relative}
.kit-choice.selected{border:2px solid #2858d7}
.kit-choice input{position:absolute;top:12px;right:12px;accent-color:#2858d7}
.kit-choice img{width:100%;height:125px;object-fit:contain}
.kit-choice small{font-size:11px;color:#718095}
.kit-illustration{height:90px;display:flex;align-items:center;justify-content:center;gap:10px}
.kit-illustration span{height:70px;width:35px;background:#ccd1d6;display:grid;place-items:center;border-radius:5px;color:#434d58}
.kit-illustration i{height:55px;width:75px;border:8px solid #e3e6e9;background:#344454;border-radius:5px}
.review-total{background:#102037;color:white;border-radius:14px;padding:20px;margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.review-total strong{font-size:26px}
.ambient-note{border-left:3px solid #ebbd6f;background:#fff9ef;border-radius:6px;padding:16px;font-size:13px;line-height:1.6}
.pricing-table input{width:100px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.pricing-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.pricing-tabs .active{background:#2858d7;color:white}
.pricing-note{background:#f4f7fb;border-radius:12px;padding:16px;line-height:1.7;color:#596b82;font-size:13px}
.admin-wide textarea{width:100%;min-height:200px;padding:15px;border:1px solid #dfe5ed;border-radius:12px;font:inherit}
.tariff-link{font-size:12px}
.admin-wide .field input{max-width:100%}
.live-pricing{font-size:14px;padding:15px;background:#e9f5f2;border-radius:10px;margin:15px 0}
.settings-source{font-size:12px;line-height:1.7;color:#68778c}
.demo-ribbon{font-size:11px;padding:8px 15px;background:#fff2d9;color:#7d5d28;text-align:center}
.btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #5b84f4;outline-offset:3px}
@keyframes screenIn{from{opacity:.5;transform:translateY(8px)}
to{opacity:1;transform:none}
}
@keyframes welcomeLight{from{opacity:.15}
to{opacity:1}
}
@media(max-width:1150px){.wizard-layout{grid-template-columns:minmax(0,1fr) 320px}
.wizard-card{padding:22px}
.gama-image{height:160px}
}
@media(max-width:900px){.wizard-layout{display:flex;flex-direction:column}
.wizard-layout>.wizard-card{width:100%;order:1}
.wizard-layout .result-stack{display:contents}
.wizard-layout .price-first{order:0;width:100%;position:sticky;top:0;z-index:8}
.wizard-layout .experience-card{order:2;width:100%}
.wizard-layout .result-dark{padding:12px 18px;display:grid;grid-template-columns:1fr 1fr;column-gap:15px}
.wizard-layout .result-dark>small{font-size:10px}
.wizard-layout .range{font-size:22px;grid-column:1}
.wizard-layout .commission{grid-column:2;grid-row:1 / 3;margin:0;padding:6px 12px}
.wizard-layout .commission strong{font-size:22px}
.wizard-layout .commission span{font-size:9px}
.wizard-layout .commission small{font-size:9px}
.pricing-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){.gama-image{height:145px}
.gama-card strong{font-size:17px}
.gama-card>span{padding:11px}
.wizard-card{padding:18px}
.quantity-field{padding:18px;flex-wrap:wrap}
.wizard-meta{font-size:9px}
.pricing-grid{grid-template-columns:1fr}
.review-total{flex-direction:column;align-items:start}
.wizard-kits{grid-template-columns:1fr}
#wizardBody{min-height:400px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

.video-demo-screen{margin-top:12px;background:#eaf0f6;min-height:130px;border-radius:12px;padding:15px;text-align:center;transition:background .4s}
.video-demo-screen strong{display:block;font-size:12px;margin-top:10px}
.video-demo-screen small{font-size:10px;display:block;color:#6b798c;margin-top:4px}
.door-symbol{display:block;height:43px;width:31px;border:2px solid #8599af;margin:auto;position:relative;perspective:100px}
.door-symbol i{position:absolute;inset:0;background:#c3d2e0;border:1px solid #8599af;transform-origin:left;transition:transform .5s}
.door-symbol i:after{content:'';position:absolute;right:4px;top:20px;width:3px;height:3px;background:#536779;border-radius:50%}
.video-demo-screen.ringing .door-symbol{animation:doorRing 1.5s ease-in-out infinite}
.video-demo-screen.talking{background:#e2effb}
.video-demo-screen.open{background:#dff3e9}
.video-demo-screen.open .door-symbol i{transform:rotateY(-60deg)}
.video-demo-button{width:100%;margin-top:10px;padding:9px;border:0;border-radius:8px;background:#2858d7;color:white;font-size:11px;font-weight:700}
@keyframes doorRing{50%{box-shadow:0 0 0 10px #2858d711}
}

.wizard-card{min-width:0}
.quantity-field{flex-wrap:wrap}
.quantity-field .stepper{flex-shrink:0}
.gama-card{font:inherit;color:inherit}
.wizard-progress button:disabled{cursor:default}
@media(max-width:600px){.page-head{flex-wrap:wrap}
.wizard-meta{flex-wrap:wrap}
}

/* Revision: complete product photography, compact counts, no clipped preview. */
.wizard-layout{grid-template-columns:minmax(0,1fr) 340px}
.wizard-layout .result-stack{display:grid;grid-template-columns:1fr;gap:18px;min-width:0;position:static}
.wizard-layout .experience-card{overflow:visible;min-width:0;padding:20px}
.wizard-layout .experience-body{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:0}
.wizard-layout .notification-rail{width:100%;min-height:0;flex:0 0 auto;padding:0}
.wizard-layout .possibility-toast{width:100%;overflow-wrap:anywhere}
.wizard-layout .possibility-toast:after{display:none}
.wizard-layout .phone-wrap{width:100%;min-width:0;padding:4px 0 12px}
.wizard-layout .phone{width:254px;max-width:100%;flex-shrink:0;transform:none}
.wizard-layout .phone-screen{width:100%;min-width:0}
.wizard-layout .phone-controls{min-width:0}
.wizard-layout .experience-head{flex-wrap:wrap;gap:8px}
.wizard-layout .price-first{position:sticky;top:18px;z-index:3}
.intro-layout{grid-template-columns:minmax(0,1fr) 310px}
.intro-layout .wizard-card{padding:30px}
.villa-hero{height:auto;aspect-ratio:1.8;margin:25px 0;background:#243a42;isolation:isolate}
.villa-photo{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.villa-hero:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#101b2bce);z-index:0;pointer-events:none}
.villa-label{font-size:32px;bottom:35px;left:27px}
.villa-label span{font-size:11px}
.villa-credit{position:absolute;bottom:10px;right:14px;z-index:2;font-size:9px;color:#e9eef3;text-decoration:none}
.gama-grid{gap:20px}
.gama-image{height:auto;aspect-ratio:1/1;background:#eeece8;padding:20px;overflow:visible}
.gama-image img{width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center;transform:none!important;border-radius:5px}
.gama-card{overflow:hidden;border-radius:18px}
.gama-card>span{padding:20px}
.gama-card strong{font-size:23px}
.scope-choice{display:flex;align-items:flex-start;gap:12px;border:1px solid #e0e5ed;cursor:pointer}
.scope-choice.selected{border-color:#2858d7;background:#f0f4ff}
.scope-choice input{margin-top:4px}
.scope-choice strong{display:block;font-size:14px}
.scope-choice small{display:block;color:#718095;font-size:12px;line-height:1.5;margin-top:4px}
.feature-group{margin-top:20px;border:1px solid #e4e9f0;border-radius:14px;padding:16px}
.feature-group h3{font-size:12px;color:#6c7c91;text-transform:uppercase;letter-spacing:.08em;margin:0}
.inline-feature{border-bottom:1px solid #e8edf3}
.inline-feature .feature-row{border:0}
.inline-feature-detail{padding:0 0 17px}
.inline-feature-detail .quantity-field{margin:0;padding:14px 16px;min-height:64px;flex-wrap:wrap}
.count-help{font-size:12px;color:#6e7e91;margin:10px 0}
.count-help summary{cursor:pointer}
.count-help p{line-height:1.65;max-width:530px;margin:8px 0}
.climate-inline{background:#f9fafc;border-radius:12px;padding:0 16px 15px;margin-top:10px}
.climate-inline .field{margin:10px 0}
.inline-feature-detail .wizard-kits{grid-template-columns:1fr 1fr}
.conventional-section{margin-top:27px;padding-top:20px;border-top:1px solid #e4e9f0}
.conventional-counts{display:grid;gap:10px}
.conventional-counts .quantity-field{margin:0;padding:14px}
.scope-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:20px 0}
.scope-comparison>div{border:1px solid #dce4ef;border-radius:14px;background:#f5f8fc;padding:18px}
.scope-comparison small{font-size:10px;font-weight:800;color:#44618b;letter-spacing:.05em}
.scope-comparison strong{display:block;font-size:19px;margin:10px 0}
.scope-comparison span{display:block;font-size:12px;color:#718095;line-height:1.6}
#scopePriceNote{color:#f1d29d;display:block;font-size:11px;line-height:1.5}
.feature-list>.inline-feature{padding:0 16px}
.feature-list>.inline-feature:last-child{border-bottom:0}

@media(max-width:1150px){.wizard-layout{grid-template-columns:minmax(0,1fr) 295px;gap:16px}
.wizard-layout .experience-card{padding:15px}
.intro-layout{grid-template-columns:minmax(0,1fr) 265px}
.gama-grid{gap:12px}
.gama-image{padding:12px}
.gama-card>span{padding:14px}
.gama-card strong{font-size:19px}
}

@media(max-width:1000px){.wizard-layout,.intro-layout{display:flex;flex-direction:column}
.wizard-layout .result-stack{display:contents}
.wizard-layout .price-first{order:0;width:100%;position:static}
.wizard-layout>.wizard-card{order:1;width:100%;padding:24px}
.wizard-layout .experience-card{order:2;width:100%;padding:22px}
.wizard-layout .phone{width:280px}
.wizard-layout .experience-body{max-width:400px;margin:auto}
.wizard-layout .result-dark{display:grid;grid-template-columns:1fr 1fr;column-gap:15px;padding:16px 22px}
.wizard-layout .range{font-size:25px;grid-column:1}
.wizard-layout .result-dark>.commission{grid-column:2;grid-row:1/4;margin:0;padding:10px 15px}
.wizard-layout .commission strong{font-size:26px}
.wizard-layout .result-dark>small{font-size:10px}
.wizard-layout #scopePriceNote{grid-column:1}
.gama-image{aspect-ratio:1/1;padding:18px}
}

@media(max-width:560px){.wizard-layout>.wizard-card{padding:18px}
.villa-hero{aspect-ratio:1.35}
.villa-label{font-size:26px;left:20px}
.villa-credit{font-size:8px}
.gama-grid{gap:10px}
.gama-image{padding:8px}
.gama-card>span{padding:12px}
.gama-card strong{font-size:17px}
.gama-card small{font-size:11px}
.inline-feature-detail .wizard-kits{grid-template-columns:1fr}
.feature-group{padding:12px}
.feature-list>.inline-feature{padding:0 12px}
.wizard-layout .range{font-size:20px}
.wizard-layout .result-dark{padding:13px 15px}
.wizard-layout .commission strong{font-size:22px}
}


/* Studio product cards: both ranges share one crop, scale and visual weight. */
.gama-image{height:auto;aspect-ratio:3/2;background:#eeeae5;padding:0;overflow:hidden}

.gama-image img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;transform:none!important}

@media(max-width:1000px){.gama-image{aspect-ratio:3/2;padding:0}
}

@media(max-width:560px){.gama-image{aspect-ratio:3/2;padding:0}
}

/* Finishing: restrained motion, photographic balance and document identity. */
.wizard-progress{gap:10px;margin-bottom:34px}
.wizard-progress button{position:relative;height:4px}
.wizard-progress button span{position:absolute;top:10px;left:0;font-size:10px;font-weight:600;color:#8b97a7;white-space:nowrap}
.wizard-progress button.done span{color:#2858d7}
.wizard-progress button:disabled{opacity:.6}
.villa-hero{height:clamp(220px,23vw,320px);aspect-ratio:auto}
.villa-photo{animation:villaReveal .7s ease-out}
.villa-label{font-family:Georgia,serif;font-weight:400;letter-spacing:-.02em}
.villa-label span{font-family:Arial,sans-serif;letter-spacing:.15em}
.gama-image{height:clamp(180px,20vw,270px);aspect-ratio:auto;background:#fafafa}
.gama-card[data-gama="light"] .gama-image{padding:0;background:#262b2c}
.gama-card[data-gama="light"] .gama-image img{object-fit:cover;object-position:50% 50%}
.gama-card.selected{box-shadow:0 8px 30px #1b315414;border-color:#345ec5}
.gama-card.selected .selection-check{background:#2858d7;color:white;animation:selectionPop .22s ease-out}
.inline-feature.just-enabled .inline-feature-detail{animation:detailReveal .22s ease-out}
.wizard-nav{background:#fff}
.wizard-nav .primary{min-width:170px;transition:background .2s,box-shadow .2s}
.wizard-nav .primary:hover{box-shadow:0 6px 18px #2858d72a;background:#1e4bc2}
.pdf-brand-preview{display:flex;align-items:center;gap:16px;margin-top:24px;padding:20px;border:1px solid #e0e7ee;background:#f9fafc;border-radius:14px}
.pdf-brand-preview img{max-width:115px;max-height:60px;object-fit:contain}
.pdf-brand-preview strong{font-size:14px;display:block}
.pdf-brand-preview small{display:block;color:#7a8799;font-size:12px;margin-top:6px}
.profile-identity{border-bottom:1px solid #e5eaf0;padding-bottom:20px;margin-bottom:20px}
.profile-identity .logo-preview{min-height:65px;margin:15px 0}
.profile-identity img{max-width:180px;max-height:80px;object-fit:contain}
@keyframes villaReveal{from{opacity:.65;transform:scale(1.025)}
to{opacity:1;transform:scale(1)}
}
@keyframes selectionPop{from{transform:scale(.65)}
to{transform:scale(1)}
}
@keyframes detailReveal{from{opacity:0;transform:translateY(-6px)}
to{opacity:1;transform:none}
}
@media(max-width:560px){.wizard-progress button span{font-size:9px}
.pdf-brand-preview{flex-wrap:wrap}
.villa-hero{height:230px}
.gama-image{height:180px}
.wizard-nav .primary{min-width:0}
.wizard-nav{gap:8px}
.wizard-nav .btn{font-size:13px;padding:11px 13px}
}

/* A tall preview remains scrollable instead of clipping below the viewport. */
@media(min-width:1001px){.content:has(.wizard-layout){max-width:1600px}
.wizard-layout .result-stack{position:sticky;top:18px;max-height:calc(100dvh - 36px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#c5d0de transparent;padding:1px 7px 8px 1px}
.wizard-layout .price-first{top:0}
.wizard-layout .phone{max-width:100%}
}

/* Programmable controls: visible logic without exposing technical complexity. */
.programmable-controls{margin:14px -4px 2px;padding:18px;border:1px solid #dce5f2;border-radius:15px;background:linear-gradient(145deg,#f7f9fd,#eef4ff)}
.controls-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.controls-heading strong{display:block;font-size:15px}
.controls-heading small{display:block;margin-top:4px;color:#6f7f95;font-size:12px}
.programmable-controls h4{margin:18px 0 10px;font-size:13px}
.control-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.control-mode-options .scope-choice{padding:11px;background:#fff}
.control-estimate,.controls-result{margin-top:13px;padding:14px 15px;border-radius:12px;background:#fff}
.control-estimate span,.controls-result span{display:block;color:#496487;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.control-estimate strong,.controls-result strong{display:block;margin-top:5px;font-size:15px}
.control-estimate small,.controls-result small{display:block;margin-top:4px;color:#708096;font-size:11px;line-height:1.5}
.controls-result{background:#102037;color:#fff}
.controls-result span{color:#86e4d7}
.controls-result small{color:#bdc9d7}
.review-controls{margin:18px 0}

@media(max-width:620px){.control-mode-options{grid-template-columns:1fr}
.programmable-controls{padding:14px}
}

.conventional-section{margin-top:32px;padding-top:24px;border-top:1px solid #e8edf3}
.conventional-section>.eyebrow{margin:0 0 8px}
.conventional-section>h3{font-size:22px;margin:0 0 6px}
.conventional-section>p{color:#718095;font-size:14px;margin:0 0 16px}
.conventional-counts{display:grid;gap:12px}
.extra-card{border:1px solid #e1e6ed;border-radius:16px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.extra-card.enabled{border-color:#2858d7;box-shadow:0 10px 28px #21439a12}
.extra-choice{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:15px;padding:12px;cursor:pointer}
.extra-photo{display:block;width:92px;aspect-ratio:1;border-radius:12px;background:#eef1f4 center/cover no-repeat}
.extra-photo-living-sockets{background-image:url('assets/living-socket-studio.webp')}
.extra-photo-living-rj45{background-image:url('assets/living-rj45-studio.webp')}
.extra-photo-living-tv{background-image:url('assets/living-tv-studio.webp')}
.extra-copy strong{display:block;font-size:15px}
.extra-copy small{display:block;color:#718095;font-size:12px;line-height:1.45;margin-top:5px}
.extra-quantity{padding:0 12px 12px 119px}
.extra-quantity .quantity-field{margin:0;padding:12px 14px;min-height:58px}
.control-estimate{background:#f5f7fa;border-radius:12px;padding:18px;color:#33445b;margin-top:14px}
.control-estimate strong{font-size:14px}
.programmable-controls .controls-heading small{display:block;color:#718095;font-size:12px;margin-top:5px}
@media(max-width:620px){.extra-choice{grid-template-columns:72px minmax(0,1fr) auto;gap:11px}
.extra-photo{width:72px}
.extra-quantity{padding-left:12px}
}

/* Mechanism gallery and commercial summary. */
.extra-photo-light-sockets{background-image:url('assets/light-socket-studio.webp')}
.extra-photo-light-rj45{background-image:url('assets/light-rj45-studio.webp')}
.extra-photo-light-tv{background-image:url('assets/light-tv-studio.webp')}
.extra-photo-living-sockets{background-image:url('assets/living-socket-studio.webp')}
.extra-photo-living-rj45{background-image:url('assets/living-rj45-studio.webp')}
.extra-photo-living-tv{background-image:url('assets/living-tv-studio.webp')}
.line-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.line-copy b{font-size:13px}
.line-copy>small{color:#7a8798;font-size:11px;line-height:1.45;max-width:460px}
.summary-line{align-items:flex-start;gap:16px}
.summary-line>strong{white-space:nowrap}
.review-lines .summary-line{padding:15px 0}
.review-lines .line-copy b{font-size:14px}

/* Conversion and handoff: optional steps are explicit, and one action stays primary. */
.skip-note{display:flex;gap:8px;align-items:baseline;margin:18px 0;padding:13px 15px;border:1px solid #dce5f2;border-radius:12px;background:#f7f9fd;color:#596b82;font-size:12px;line-height:1.55}
.skip-note strong{color:#263a55;white-space:nowrap}
.review-next{display:grid;gap:4px;margin-top:14px;padding:14px 16px;border-left:3px solid #52c8b5;background:#edf9f6;color:#405b59;font-size:12px;line-height:1.55}
.review-next strong{color:#163d39;font-size:13px}
.empty-state{display:grid;justify-items:start;gap:8px;padding:28px 8px;color:#68778b}
.empty-state strong{color:#20334d;font-size:17px}
.empty-state .btn{margin-top:5px}
.proposal-card{max-width:980px}
.proposal-meta{margin:12px 0 18px}
.proposal-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.proposal-actions .linkbtn{margin-left:3px}
.proposal-next{display:grid;gap:5px;margin:24px 0 4px;padding:18px 20px;border-radius:14px;background:linear-gradient(135deg,#102037,#173758);color:#fff}
.proposal-next span{font-size:10px;font-weight:800;letter-spacing:.11em;color:#82e1d3}
.proposal-next strong{font:normal 20px/1.25 Georgia,serif}
.proposal-next small{max-width:700px;color:#c8d4e1;font-size:12px;line-height:1.6}
.proposal-next b{margin-top:5px;font-size:10px;letter-spacing:.11em;color:#82e1d3}

@media(max-width:620px){.skip-note{display:grid}.skip-note strong{white-space:normal}.proposal-actions{display:grid}.proposal-actions .btn{width:100%}.proposal-actions .linkbtn{justify-self:start;margin:4px 0}.proposal-next{padding:16px}.proposal-next strong{font-size:18px}}