/* v4 — visual alignment with user-approved WebPro mockup, applied after v3 */
.wpro-container{width:min(1240px,calc(100% - 56px));}
.wpro-header-row{min-height:59px;}
.wpro-brand-name strong{font-size:24px}
.wpro-navigation{gap:27px}
.wpro-navigation>a:first-child{position:relative}
.wpro-navigation>a:first-child::after{content:"";height:2px;background:#d7ac65;position:absolute;left:0;right:0;bottom:-13px}
.wpro-top-cta{padding:10px 16px}
.wpro-hero{padding:28px 0 17px;background:linear-gradient(105deg,#f9fafa 0%,#f9fafb 46%,rgba(220,225,228,.88) 100%);}
.wpro-hero:before{right:-10%;top:-10%;width:72%;height:120%;background:radial-gradient(ellipse at 70% 55%,rgba(182,189,192,.48),transparent 63%);filter:blur(20px);opacity:.75}
.wpro-hero-grid{min-height:362px;grid-template-columns:.91fr 1.09fr;gap:30px}
.wpro-hero-text h1{font-size:clamp(36px,4vw,54px)!important;letter-spacing:-.045em!important;margin-bottom:15px!important}
.wpro-hero-desc{line-height:1.7;font-size:14.5px;margin-bottom:21px}
.wpro-hero-text .wpro-eyebrow{margin-bottom:12px!important;letter-spacing:.12em}
.wpro-hero-benefits{margin-top:23px;max-width:550px}
.wpro-hero-benefits>div{padding:0 17px}
.wpro-hero-benefits strong{font-size:26px;letter-spacing:-.045em;line-height:1.08}
.wpro-hero-benefits small{font-size:10px;line-height:1.55;margin-top:5px}
.wpro-hero-visual{min-height:345px;padding:8px 7px 0 9px;align-self:center}
.wpro-laptop{width:96%;max-width:650px;transform:perspective(1250px) rotateY(-7deg) rotateZ(-1deg);filter:drop-shadow(0 20px 19px #28344440)}
.wpro-laptop-screen{height:312px;border-color:#171b21;border-top-width:9px;border-left-width:9px;border-right-width:9px;border-bottom-width:13px;border-radius:11px 11px 3px 3px}
.wpro-laptop-base{height:17px;box-shadow:0 16px 16px #24344940}
.wpro-phone{height:210px;width:105px;right:1%;bottom:0;border-radius:20px}
.wpro-screen-overlay{left:29px;top:26%}
.wpro-screen-overlay h2{font-size:28px!important}
.wpro-photo-hint{right:5px;bottom:-17px}
.wpro-section{padding-top:51px;padding-bottom:51px}
.wpro-services{padding-top:40px;padding-bottom:34px}
.wpro-center-heading{margin-bottom:27px}
.wpro-center-heading h2{font-size:clamp(26px,2.75vw,36px)}
.wpro-service-grid{gap:17px}
.wpro-service{min-height:140px;grid-template-columns:58px 1fr;gap:12px;padding:23px 20px;box-shadow:0 7px 18px #101c3230}
.wpro-service h3{font-size:18px;margin-bottom:5px}
.wpro-service p{min-height:52px;margin-bottom:7px;font-size:12px;line-height:1.55}
.wpro-service-icon{height:52px;width:52px}
.wpro-why{padding-top:20px;padding-bottom:34px}
.wpro-why-layout{grid-template-columns:.91fr 1.09fr;gap:42px}
.wpro-why-photo{height:334px;border-radius:11px}
.wpro-why-photo img{object-position:center 38%}
.wpro-why-text h2{font-size:clamp(27px,2.7vw,35px);line-height:1.15;margin-bottom:18px}
.wpro-why-points{gap:11px}
.wpro-why-points strong{font-size:14px}
.wpro-why-points p{font-size:12px;margin:2px 0 0}
.wpro-gallery{padding-top:44px;padding-bottom:46px}
.wpro-portfolio-grid{gap:14px}
.wpro-portfolio-browser{border-radius:9px;padding:5px;border-color:#d5dae2}
.wpro-portfolio-bar{height:20px;font-size:7px}
.wpro-portfolio-image{height:164px;border-radius:3px}
.wpro-portfolio-image>img{object-fit:cover}
.wpro-mini-sitebar{position:absolute;left:0;right:0;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:22px;background:rgba(252,253,255,.94);color:#263550;padding:4px 7px;font-size:8px;line-height:1.1}
.wpro-mini-sitebar>b{font-size:8px;letter-spacing:.01em}
.wpro-mini-sitebar>span{font-size:6px;color:#758298;white-space:nowrap}
.wpro-portfolio-image>div:last-child{bottom:15px}
.wpro-portfolio-image>div:last-child small{font-size:7px}
.wpro-portfolio-image>div:last-child strong{max-width:195px;font-size:16px;line-height:1.18}
.wpro-portfolio-jewelry:after{background:linear-gradient(90deg,rgba(0,0,0,.72),transparent 100%)}
.wpro-portfolio-spa:after{background:linear-gradient(90deg,rgba(48,29,22,.7),transparent 100%)}
.wpro-portfolio-image:after{top:22px}
.wpro-portfolio-card h3{margin-top:10px;font-size:14px}
.wpro-pricing{padding-top:48px;padding-bottom:49px;background:#f5f6f8}
.wpro-price-card{min-height:370px;border-color:#e0e3e8;box-shadow:0 8px 25px #19233219;padding:24px 22px}
.wpro-price-featured{transform:translateY(-6px)}
.wpro-plan-price{font-size:28px;white-space:nowrap;letter-spacing:-.035em}
.wpro-plan-price small{display:block;font-size:10px;letter-spacing:0;margin:1px 0 0;color:#999eaa}
.wpro-price-featured .wpro-plan-price small{color:#c9d3e1}
.wpro-price-note{font-size:11px;line-height:1.7;max-width:930px;margin-top:18px}
.wpro-contact-section{padding-top:39px;padding-bottom:46px}
.wpro-contact-grid{grid-template-columns:1.08fr .92fr;gap:54px}
.wpro-contact-copy h2{font-size:clamp(31px,3.3vw,45px);margin-bottom:14px}
.wpro-contact-copy>p:not(.wpro-eyebrow):not(.wpro-local-note){font-size:13px;line-height:1.7}
.wpro-contact-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:33px}
.wpro-contact-links>div{display:flex;gap:8px;align-items:center;min-width:0}
.wpro-contact-links i{font-style:normal;color:#eac579;background:#ffffff12;border:1px solid #e2bd6444;width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border-radius:50%;font-size:20px}
.wpro-contact-links small{display:block;font-size:10px;color:#b8c6d9}
.wpro-contact-links strong{display:block;font-size:11px;color:#f3f6fa;font-weight:760;white-space:nowrap}
.wpro-local-note{font-size:10px;margin-top:19px;color:#b5c0d2}
.wpro-contact-form{padding:21px 22px 22px}
.wpro-contact-form>h3{font-size:20px}
.wpro-contact-form>p{font-size:12px;margin-bottom:11px}
.wpro-contact-form .tsam-lead-form{gap:9px}

.wpro-contact-form .tsam-lead-form textarea{min-height:67px;max-height:140px}
.wpro-contact-form .tsam-lead-form .tsam-privacy-note{font-size:9px;line-height:1.35}
.wpro-contact-form .tsam-lead-form input:not([type=checkbox]),.wpro-contact-form .tsam-lead-form textarea,.wpro-contact-form .tsam-lead-form select{padding:9px 10px}
.wpro-contact-form .tsam-lead-form .button{padding:11px 12px}
@media(max-width:1120px){
.wpro-container{width:min(100% - 42px,1240px)}
.wpro-navigation{gap:18px}
.wpro-hero-grid{gap:23px}
.wpro-laptop-screen{height:270px}
.wpro-phone{height:175px;width:90px}
.wpro-hero-text h1{font-size:clamp(35px,4vw,49px)!important}
.wpro-plan-price{font-size:24px}
}
@media(max-width:920px){
.wpro-navigation>a:first-child::after{display:none}
.wpro-hero-grid{grid-template-columns:1fr 1fr}
.wpro-laptop-screen{height:244px}
.wpro-phone{height:150px;width:83px}
.wpro-hero-benefits strong{font-size:22px}
.wpro-why-layout{gap:24px}
.wpro-service{grid-template-columns:1fr}
.wpro-price-card{padding:22px 18px}
.wpro-contact-grid{gap:24px}
.wpro-contact-links{grid-template-columns:1fr 1fr;gap:11px}
}
@media(max-width:720px){
.wpro-container{width:min(100% - 30px,1240px)}
.wpro-header-row{min-height:64px}
.wpro-hero{padding:30px 0 29px}
.wpro-hero-grid{grid-template-columns:1fr}
.wpro-hero-text h1{font-size:clamp(34px,8.5vw,48px)!important}
.wpro-hero-benefits{margin-top:23px}
.wpro-hero-benefits strong{font-size:23px}
.wpro-hero-visual{min-height:315px;padding:8px 7px 0;margin-top:6px}
.wpro-laptop-screen{height:clamp(205px,48vw,295px)}
.wpro-phone{height:155px;width:82px}
.wpro-service{grid-template-columns:55px 1fr}
.wpro-why-layout{grid-template-columns:1fr}
.wpro-why-photo{height:270px}
.wpro-portfolio-image{height:153px}
.wpro-price-featured{transform:none}
.wpro-plan-price{font-size:25px}
.wpro-contact-grid{grid-template-columns:1fr}
.wpro-contact-links{grid-template-columns:repeat(3,minmax(0,1fr))}
.wpro-contact-section{padding:39px 0}

}
@media(max-width:460px){
.wpro-hero-visual{min-height:242px}
.wpro-laptop-screen{height:210px}
.wpro-phone{height:140px;width:72px}
.wpro-hero-benefits>div{padding:0 7px}
.wpro-hero-benefits strong{font-size:20px}
.wpro-portfolio-image{height:132px}
.wpro-mini-sitebar{min-height:19px;font-size:7px}
.wpro-mini-sitebar>span{font-size:5px}
.wpro-portfolio-image>div:last-child strong{font-size:12px}
.wpro-contact-links{grid-template-columns:1fr 1fr}
.wpro-contact-links strong{white-space:normal}
}

/* V4 visual QA fix: old generic card div selector stretched mini navbar over photos. */
.wpro-portfolio-image > .wpro-mini-sitebar {position:absolute;top:0;bottom:auto!important;left:0;right:0;z-index:5;min-height:0;height:23px;display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:rgba(250,251,253,.98);color:#1d2e45;border-radius:0;}
.wpro-portfolio-image > .wpro-mini-sitebar > span {display:inline;white-space:nowrap;padding:0;margin:0;background:transparent!important;color:#677489!important;font-size:6px;line-height:1.2;}
.wpro-portfolio-image > .wpro-mini-sitebar > b {color:#24334a;font-weight:850;font-size:8px;line-height:1.1;}
.wpro-portfolio-image > div:last-child {position:absolute;top:auto;bottom:13px;left:11px;right:12px;background:transparent;}
/* Pixel QA: keep the sales CTA headline on two visual lines, like the approved reference. */
@media (min-width:921px){.wpro-contact-copy h2{font-size:clamp(31px,2.85vw,39px)!important;letter-spacing:-.055em;max-width:680px}}