:root{
  --ink:#171717;--muted:#5d5d5d;--orange:#ff7900;--orange-dark:#e96e00;--gold:#ffad00;
  --line:#dedede;--line-soft:#ecebea;--paper:#fff;--warm:#f6f4f0;--dark:#171819;--dark2:#1d1e1f;
  --max:1536px;--content:1320px;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-80px;background:#111;color:#fff;padding:10px 15px;z-index:9999}.skip-link:focus{top:16px}.wrap{width:min(calc(100% - 64px),var(--content));margin-inline:auto}.narrow{width:min(calc(100% - 64px),820px);margin-inline:auto}.site-main{overflow:hidden}::selection{background:#ffd2aa;color:#111}

/* Header — built to the approved desktop reference proportions */
.site-header{height:80px;background:#fff;border-bottom:1px solid #f0f0f0;position:relative;z-index:80}.header-shell{height:80px;width:min(100%,var(--max));margin:0 auto;position:relative}.brand-wrap{position:absolute;left:36px;top:0;height:80px;display:flex;align-items:center}.site-brand{display:block;width:120px;height:55px;overflow:hidden}.site-brand img,.custom-logo{display:block;width:120px;height:55px;object-fit:cover;object-position:center}.custom-logo-link{display:block;width:120px;height:55px;overflow:hidden}.primary-nav{position:absolute;left:392px;top:0;height:80px;display:flex;align-items:center}.primary-nav .menu{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0;white-space:nowrap}.primary-nav .menu>li{position:relative}.primary-nav .menu>li>a{font-size:12px;font-weight:650;color:#111;display:flex;align-items:center;height:80px}.primary-nav .menu>li.menu-item-has-children>a:after{content:'⌄';font-size:11px;margin-left:5px;position:relative;top:-1px}.primary-nav .sub-menu{position:absolute;left:-18px;top:68px;width:230px;padding:10px;background:#fff;border:1px solid #e5e4e2;box-shadow:0 18px 44px rgba(0,0,0,.10);list-style:none;margin:0;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s}.primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}.primary-nav .sub-menu a{display:block;padding:10px 11px;font-size:13px;font-weight:650}.primary-nav .sub-menu a:hover{background:#f7f5f2}.header-actions{position:absolute;left:1097px;top:0;height:80px;display:flex;align-items:center;gap:24px;font-size:12px;font-weight:700}.header-login{height:38px;display:flex;align-items:center;padding-left:25px;padding-right:2px;border-left:1px solid #d9d9d9}.header-start{height:40px;padding:0 20px;background:#ff8a00;border:1px solid #ec7e00;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;transition:background .18s,transform .18s}.header-start:hover{background:#f47d00;transform:translateY(-1px)}.nav-toggle{display:none;background:none;border:0;width:46px;height:46px;padding:11px}.nav-toggle>span:not(.screen-reader-text){display:block;height:2px;background:#171717;margin:5px 0}

/* Approved homepage composition */
.home-target-hero{width:min(100%,var(--max));height:548px;margin:0 auto;position:relative;background:#fff}.home-target-copy{position:absolute;left:36px;top:61px;width:690px;z-index:12}.home-target-eyebrow,.eyebrow{margin:0 0 16px;font-size:10px;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:#ef6200;font-weight:800}.home-target-copy h1{margin:0;width:690px;font-family:var(--serif);font-size:67px;line-height:1.02;letter-spacing:-.042em;font-weight:400;color:#181818}.home-target-line-one{display:block;white-space:nowrap;transform:scaleX(1.09);transform-origin:left center;width:91.75%}.home-target-line-two{display:block;font-style:italic;font-size:67px;line-height:1.02;margin-top:1px;margin-left:10px;white-space:nowrap}.home-target-rule{width:106px;height:4px;background:#ff7600;border-radius:4px;margin:20px 0 25px 10px}.home-target-lead{margin:0 0 0 10px;width:600px;font-size:14px;line-height:1.75;color:#595959}.home-target-actions{display:flex;align-items:center;gap:26px;margin-top:25px;margin-left:10px}.home-target-primary{height:47px;width:201px;background:#ff7900;color:#111;padding:0 18px 0 20px;justify-content:flex-start;display:flex;align-items:center;gap:17px;font-size:11.5px;white-space:nowrap;font-weight:800;border:1px solid #f16f00;transition:background .18s,transform .18s}.home-target-primary span,.home-target-link span{font-size:21px;font-weight:400;line-height:1;transition:transform .18s}.home-target-primary:hover{background:#f07000;transform:translateY(-1px)}.home-target-primary:hover span,.home-target-link:hover span{transform:translateX(4px)}.home-target-link{height:47px;display:flex;align-items:center;gap:17px;font-size:12px;font-weight:700;padding:0 3px}
.home-target-benefits{position:absolute;left:40px;top:448px;width:600px;display:grid;grid-template-columns:repeat(4,1fr);z-index:14}.home-target-benefit{display:grid;grid-template-columns:29px 1fr;column-gap:8px;padding:0 8px 0 0;border-right:1px solid #e2e2e2;min-height:62px}.home-target-benefit:last-child{border-right:0;padding-right:0}.home-target-benefit svg{width:25px;height:25px;color:#f26d00;margin-top:0;fill:none;stroke:currentColor;stroke-width:1.5}.home-target-benefit strong{display:block;font-size:10px;line-height:1.15;margin:2px 0 6px;color:#1d1d1d}.home-target-benefit p{margin:0;font-size:9px;line-height:1.55;color:#666}
.home-target-visual{position:absolute;left:772px;top:0;width:764px;height:548px;overflow:hidden;background:#d5cec4}.home-target-office{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 48%;display:block}.home-target-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(0,0,0,.04));pointer-events:none;z-index:2}.home-target-portrait-wrap{position:absolute;z-index:7;right:0;bottom:0;width:300px;height:548px;overflow:hidden}.home-target-portrait{position:absolute;right:-155px;bottom:0;height:510px;width:auto;max-width:none;display:block;filter:drop-shadow(0 12px 16px rgba(0,0,0,.16))}
.home-target-device-stage{position:absolute;z-index:10;left:648px;top:244px;width:510px;height:300px}.home-target-laptop{position:absolute;left:0;top:0;width:500px;height:286px}.home-target-laptop-lid{position:absolute;left:28px;top:0;width:438px;height:257px;background:#111;border-radius:10px 10px 5px 5px;padding:10px 10px 13px;box-shadow:0 18px 28px rgba(0,0,0,.26)}.home-target-laptop-screen{position:relative;width:100%;height:234px;background:#18324a;border-radius:3px;overflow:hidden;border:1px solid #303030}.home-target-screen-bar{height:27px;background:#f3f5f7;border-bottom:1px solid #cfd5da;display:flex;align-items:center;padding:0 11px;gap:7px}.home-target-screen-mark{font-size:9px;letter-spacing:.08em;color:#294c67;font-weight:800}.home-target-screen-nav{margin-left:auto;display:flex;gap:12px;font-size:5px;color:#32495a}.home-target-screen-cta{margin-left:8px;background:#0d4f78;color:#fff;padding:5px 8px;font-size:5px;border-radius:2px}.home-target-placeholder{height:207px;position:relative;background:linear-gradient(110deg,#18324a 0%,#18324a 48%,#214766 48%,#214766 100%);color:#fff;overflow:hidden}.home-target-placeholder:before{content:'';position:absolute;right:30px;bottom:0;width:170px;height:180px;border-radius:85px 85px 0 0;background:rgba(255,255,255,.08)}.home-target-placeholder-copy{position:absolute;left:22px;top:34px;width:185px}.home-target-placeholder-copy strong{display:block;font-size:24px;line-height:1.05;margin-bottom:14px}.home-target-placeholder-copy small{display:block;font-size:7px;line-height:1.5;color:#dbe5ec}.home-target-placeholder-note{position:absolute;left:22px;bottom:20px;background:#fff;color:#1b3244;padding:7px 10px;font-size:7px;font-weight:800;border-radius:2px}.home-target-laptop-base{position:absolute;left:0;right:0;bottom:0;height:25px;background:linear-gradient(#d9d9d9,#9f9f9f);border-radius:0 0 15px 15px;box-shadow:0 5px 5px rgba(0,0,0,.2)}.home-target-laptop-base:after{content:'';position:absolute;left:212px;top:1px;width:75px;height:5px;background:#aaa;border-radius:0 0 10px 10px}.home-target-phone{position:absolute;left:399px;top:50px;width:104px;height:225px;background:#111;border:1px solid #555;border-radius:18px;padding:7px;box-shadow:0 14px 22px rgba(0,0,0,.26)}.home-target-phone:before{content:'';position:absolute;left:36px;top:5px;width:32px;height:4px;background:#333;border-radius:4px;z-index:2}.home-target-phone-screen{height:100%;border-radius:13px;overflow:hidden;background:#18324a;color:#fff;position:relative}.home-target-phone-top{height:24px;background:#f3f5f7;color:#2c4b64;font-size:5px;font-weight:800;padding:9px 6px}.home-target-phone-copy{padding:26px 9px 0;font-size:15px;line-height:1.05;font-weight:800}.home-target-phone-note{position:absolute;left:9px;bottom:18px;background:#0d5b8c;color:white;padding:6px 7px;font-size:5px;border-radius:2px}.home-target-real-capture{width:100%;height:100%;overflow:hidden;background:#fff}.home-target-real-capture img{width:100%;height:auto;display:block;object-position:top}.home-target-real-capture-desktop img{min-height:100%;object-fit:cover;object-position:top}.home-target-real-capture-mobile img{min-height:100%;object-fit:cover;object-position:top}
.home-target-trust{width:min(100%,var(--max));height:97px;margin:0 auto;background:#fff;border-top:1px solid #f0f0f0;border-bottom:1px solid #ececec;display:grid;grid-template-columns:260px 1fr;align-items:center;padding:0 70px}.home-target-trust-label{height:40px;border-right:1px solid #dedede;display:flex;align-items:center;font-size:9px;line-height:1.4;letter-spacing:.10em;text-transform:uppercase;font-weight:800;color:#424242}.home-target-trust-items{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;text-align:center;padding-left:45px;gap:20px;color:#6a6a6a}.home-target-trust-items>div{font-size:18px;line-height:1.05;font-weight:700;letter-spacing:-.02em}.home-target-trust-items small{display:block;font-size:7px;font-weight:400;margin-top:5px;color:#9a9a9a;letter-spacing:.02em}.home-target-trust-placeholder{font-weight:600!important;color:#777!important}
.home-target-pricing{width:min(100%,var(--max));height:390px;margin:0 auto;background:#171819;color:#fff;padding:28px 70px 32px}.home-target-pricing-grid{display:grid;grid-template-columns:380px 1fr;gap:60px;height:100%}.home-target-pricing-intro{padding-top:14px}.home-target-pricing-intro .home-target-eyebrow{color:#ff9a00;margin-bottom:13px}.home-target-pricing-intro h2{font-family:var(--serif);font-size:35px;line-height:1.06;font-weight:400;letter-spacing:-.025em;margin:0;width:330px}.home-target-mini-rule{width:64px;height:3px;background:#ff7600;margin:18px 0 20px}.home-target-pricing-intro>p:last-child{font-size:11px;line-height:1.65;color:#d1d1d1;margin:0;width:330px}.home-target-price-cards{display:grid;grid-template-columns:280px 266px 274px;gap:32px;padding-top:0}.home-target-price-card{position:relative;height:310px;border:1px solid #48494a;background:#1b1c1d;padding:25px 24px 22px}.home-target-price-card.is-popular{border-color:#5c5d5f;padding-top:29px}.home-target-popbar{position:absolute;left:-1px;right:-1px;top:-14px;height:20px;background:#ff7900;color:#fff;display:flex;align-items:center;justify-content:center;font-size:8px;letter-spacing:.09em;font-weight:800;text-transform:uppercase}.home-target-price-card h3{font-size:14px;color:#ff8f13;margin:0 0 7px}.home-target-price-sub{font-size:10px;color:#ddd;height:28px;line-height:1.35}.home-target-price{font-family:var(--serif);font-size:53px;line-height:1;margin:9px 0 7px}.home-target-price small{font-family:var(--sans);font-size:10px;color:#ddd;margin-left:2px}.home-target-term{font-size:9px;color:#d2d2d2;margin:0 0 15px}.home-target-includes{font-size:10px;margin:0 0 10px;color:#fff}.home-target-price-card ul{list-style:none;margin:0;padding:0}.home-target-price-card li{font-size:10px;line-height:1.3;color:#ddd;margin:0 0 9px;padding-left:18px;position:relative}.home-target-price-card li:before{content:'✓';position:absolute;left:0;color:#ff9a00;font-size:12px;font-weight:800}.home-target-card-link{position:absolute;left:24px;bottom:18px;font-size:10px;font-weight:800;color:#ff9a00}.home-target-card-link:hover{text-decoration:underline}

/* General design system */
h1,h2,h3,h4{margin:0 0 .55em;color:var(--ink);font-family:var(--serif);font-weight:400;line-height:1.04;letter-spacing:-.035em}h1{font-size:clamp(3.4rem,6vw,6rem)}h2{font-size:clamp(2.6rem,4.7vw,4.5rem)}h3{font-size:clamp(1.55rem,2.5vw,2.25rem)}p{margin:0 0 1.25em;color:var(--muted)}em{font-weight:400}.section{padding:128px 0}.section-warm{background:var(--warm)}.section-dark-editorial{background:#18191a;color:#fff}.section-dark-editorial h2,.section-dark-editorial p{color:#fff}.eyebrow-light{color:#ff9a00}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;border:1px solid transparent;border-radius:4px;font-weight:750;font-size:14px;transition:transform .18s,background .18s,border-color .18s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--orange);border-color:var(--orange);color:#111}.button-primary:hover{background:#ef7200;border-color:#ef7200}.button-outline{background:transparent;border-color:#2b2b2b;color:#1c1c1c}.button-outline:hover{background:#1b1b1b;color:#fff}.button-light{background:#fff;color:#111}.text-link{display:inline-flex;align-items:center;gap:8px;font-weight:750;font-size:15px;border-bottom:1px solid #777;padding-bottom:2px}.text-link:hover{border-color:var(--orange)}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px;font-size:13px;color:#767676}.breadcrumbs a:hover{color:var(--orange)}

/* Homepage below the approved fold */
.home-work-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.65fr);gap:80px;align-items:end;margin-bottom:72px}.home-work-heading .eyebrow{grid-column:1/-1;margin-bottom:-40px}.home-work-heading h2{font-size:clamp(3rem,5.4vw,5.5rem);max-width:780px}.home-work-heading p{font-size:18px;max-width:520px;margin-bottom:10px}.home-work-more{margin-top:48px}.home-managed-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.home-managed-copy{max-width:570px}.home-managed-copy p{font-size:19px}.home-managed-photo{margin:0;height:620px;overflow:hidden}.home-managed-photo img{width:100%;height:100%;object-fit:cover}.home-trust-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:92px;align-items:center}.home-trust-photo{margin:0;height:650px;overflow:hidden}.home-trust-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.home-trust-copy{max-width:600px}.home-trust-copy>p{font-size:19px}.home-trust-copy dl{margin:40px 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d8d6d2}.home-trust-copy dl div{padding:18px 0;border-bottom:1px solid #d8d6d2}.home-trust-copy dt{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#777}.home-trust-copy dd{margin:4px 0 0;font-weight:750;font-size:15px}.home-seo-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:end}.home-seo h2{font-size:clamp(3.2rem,5.4vw,5.7rem);max-width:850px}.home-seo p{font-size:18px;color:#d1d1d1}.home-seo .button{margin-top:14px}.section-cta{padding:96px 0}.cta-editorial{border-top:1px solid #cfcfcd;border-bottom:1px solid #cfcfcd;padding:64px 0;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center}.cta-editorial h2{font-size:clamp(2.7rem,4.2vw,4.4rem);max-width:800px}.cta-editorial p{font-size:18px;max-width:720px}.cta-actions{display:flex;gap:12px}

/* Portfolio shortcode: large agency-style presentation rather than tiny cards */
.webpro-portfolio-grid{display:grid!important;grid-template-columns:1fr!important;gap:110px!important;margin:0!important}.webpro-portfolio-card{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(260px,.45fr);gap:54px;align-items:end;min-width:0}.webpro-portfolio-card:nth-child(even){grid-template-columns:minmax(260px,.45fr) minmax(0,1.35fr)}.webpro-portfolio-card:nth-child(even) .webpro-monitor{grid-column:2}.webpro-portfolio-card:nth-child(even) .webpro-portfolio-copy{grid-column:1;grid-row:1}.webpro-monitor{display:block!important;background:#e9e7e3!important;border-radius:0!important;padding:12px 12px 0!important;box-shadow:0 28px 70px rgba(0,0,0,.12)!important;overflow:hidden}.webpro-monitor:before{content:'';display:block;height:18px;background:#242628;margin:-12px -12px 10px}.webpro-monitor-screen{height:560px!important;overflow:hidden!important;border-radius:0!important;background:#efefef!important}.webpro-monitor-screen img{width:100%!important;height:auto!important;min-height:100%!important;object-fit:cover!important;object-position:top!important;display:block!important}.webpro-monitor-screen:empty:after{content:'Generate the genuine website screenshot in Portfolio';display:grid;place-items:center;height:100%;font-size:14px;color:#777}.webpro-monitor-stand{height:24px!important;width:30%!important;margin:0 auto!important;background:linear-gradient(#c5c5c5,#8c8c8c)!important;clip-path:polygon(36% 0,64% 0,74% 68%,100% 80%,100% 100%,0 100%,0 80%,26% 68%)!important}.webpro-portfolio-copy{padding:0!important}.webpro-portfolio-copy h3{font-family:var(--serif)!important;font-size:clamp(2.2rem,3.6vw,4rem)!important;font-weight:400!important;letter-spacing:-.035em!important;margin:0 0 16px!important}.webpro-portfolio-copy p{font-size:16px!important;line-height:1.65!important;color:#666!important}.webpro-portfolio-copy>a{font-size:14px!important;font-weight:750!important;border-bottom:1px solid #777!important;padding-bottom:2px!important}

/* Pages */
.page-hero{padding:104px 0 92px;border-bottom:1px solid var(--line-soft);background:#fff}.page-hero .hero-kicker{display:block;margin-bottom:17px}.page-hero h1{max-width:980px}.page-hero p{font-size:20px;max-width:720px}.page-hero-editorial{min-height:600px;display:grid;align-items:center}.page-hero-editorial .wrap{display:grid;grid-template-columns:1.02fr .98fr;gap:90px;align-items:center}.page-hero-image{margin:0;height:500px;overflow:hidden}.page-hero-image img{width:100%;height:100%;object-fit:cover}.prose{font-size:18px}.prose h2{font-size:clamp(2.3rem,3.8vw,3.8rem);margin-top:1.35em}.prose h3{font-size:clamp(1.55rem,2.5vw,2.2rem);margin-top:1.4em}.prose p,.prose li{color:#505050}.prose a{color:#b64f0b;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.prose ul,.prose ol{padding-left:1.2em}.prose blockquote{margin:40px 0;padding:20px 0 20px 26px;border-left:3px solid var(--orange);font-family:var(--serif);font-size:1.35em}.prose details{border-top:1px solid #d9d8d5;padding:20px 0}.prose details:last-child{border-bottom:1px solid #d9d8d5}.prose summary{cursor:pointer;font-weight:750;color:#191919}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ddd}.content-card{background:#fff;padding:0}.card-copy{padding:28px}.card-copy h2{font-size:2rem}.meta{font-size:11px!important;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#d15f12!important}.link-archive{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ddd;border-left:1px solid #ddd}.link-archive a{padding:32px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;min-height:150px}.link-archive a strong{font-family:var(--serif);font-size:28px;font-weight:400;display:block}.link-archive a span{font-size:14px;color:#666;display:block;margin-top:14px}.link-archive a:hover{background:#f8f6f2}

/* Pricing shortcode elsewhere */
.webpro-pricing-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;border-top:1px solid #cfcfcd!important;border-left:1px solid #cfcfcd!important}.webpro-price-card{position:relative!important;border:0!important;border-right:1px solid #cfcfcd!important;border-bottom:1px solid #cfcfcd!important;border-radius:0!important;background:#fff!important;padding:38px!important;box-shadow:none!important}.webpro-price-card.is-featured{background:#faf8f4!important}.webpro-price-badge{position:absolute!important;top:0!important;right:0!important;background:var(--orange)!important;color:#111!important;padding:6px 10px!important;border-radius:0!important;font-size:10px!important;letter-spacing:.08em!important;text-transform:uppercase!important}.webpro-price-card h3{font-family:var(--serif)!important;font-size:2.4rem!important;font-weight:400!important}.webpro-price-card>p{min-height:80px!important}.webpro-price{display:flex!important;align-items:baseline!important;gap:6px!important;margin:26px 0!important}.webpro-price strong{font-family:var(--serif)!important;font-size:4.7rem!important;font-weight:400!important;line-height:1!important}.webpro-price-card ul{list-style:none!important;padding:0!important;margin:26px 0!important;border-top:1px solid #ddd!important}.webpro-price-card li{padding:12px 0 12px 22px!important;border-bottom:1px solid #ddd!important;font-size:14px!important;position:relative!important}.webpro-price-card li:before{content:'✓'!important;position:absolute!important;left:0!important;color:var(--orange)!important}.webpro-price-card .webpro-button{border-radius:3px!important;background:var(--orange)!important;color:#111!important;width:100%!important}.webpro-price-card>small{display:block!important;margin-top:12px!important;color:#777!important;text-align:center!important}

/* Industry & location */
.landing-grid{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.landing-visual{height:520px;overflow:hidden}.landing-visual img{width:100%;height:100%;object-fit:cover}.landing-map-card{height:520px;background:#18191a;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:65px;position:relative;overflow:hidden}.landing-map-card:before,.landing-map-card:after{content:'';position:absolute;border:1px solid #37393b;border-radius:50%;width:430px;height:430px;right:-120px;top:40px}.landing-map-card:after{width:270px;height:270px;right:-40px;top:120px}.map-dot{width:18px;height:18px;background:#ff9a21;box-shadow:0 0 0 9px rgba(255,154,33,.12);border-radius:50%;margin-bottom:26px;z-index:1}.landing-map-card strong,.landing-map-card span,.landing-map-card small{position:relative;z-index:1}.landing-map-card strong{font-family:var(--serif);font-size:3.4rem;font-weight:400}.landing-map-card span{color:#d2d2d2}.landing-map-card small{color:#979797;margin-top:12px}

/* Portfolio single */
.portfolio-showcase{background:#f4f2ee;padding:100px 0}.device-stage{min-height:750px;position:relative}.device-desktop{width:84%}.browser-bar{height:38px;background:#202224;display:flex;align-items:center;padding:0 14px;gap:7px;color:#aaa;font-size:11px}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#5f646b}.browser-bar span{margin-left:10px}.device-screen{height:610px;background:#fff;overflow:auto;border:8px solid #202224;border-top:0;box-shadow:0 30px 80px rgba(0,0,0,.15)}.device-screen img{width:100%;height:auto}.device-base{width:33%;height:28px;margin:0 auto;background:linear-gradient(#c8c8c8,#8e8e8e);clip-path:polygon(32% 0,68% 0,75% 72%,100% 84%,100% 100%,0 100%,0 84%,25% 72%)}.device-phone{position:absolute;width:220px;height:450px;right:0;bottom:14px;background:#181a1e;border:9px solid #181a1e;border-radius:36px;box-shadow:0 28px 70px rgba(0,0,0,.22);overflow:hidden}.phone-speaker{position:absolute;z-index:3;top:7px;left:50%;transform:translateX(-50%);width:58px;height:6px;background:#2e3136;border-radius:20px}.phone-screen{height:100%;overflow:auto;background:#fff;border-radius:27px}.phone-screen img{width:100%;height:auto}.screen-placeholder{height:100%;display:grid;place-items:center;text-align:center;color:#777;background:#ecebe8;padding:30px}

/* Forms/contact */
.webpro-card{border-radius:4px!important;box-shadow:none!important;border:1px solid #ddd!important}.webpro-contact-form,.webpro-auth-card{padding:34px!important}.webpro-contact-form label,.webpro-auth-card label{font-weight:700!important;font-size:13px!important;color:#232323!important}.webpro-contact-form input,.webpro-contact-form textarea,.webpro-contact-form select,.webpro-auth-card input[type=text],.webpro-auth-card input[type=password],.webpro-auth-card input[type=email]{border:1px solid #c7c6c2!important;border-radius:4px!important;min-height:54px!important;padding:12px 14px!important;background:#fff!important}.webpro-contact-form textarea{min-height:160px!important}.webpro-button{border-radius:4px!important;background:var(--orange)!important;color:#111!important;font-weight:800!important}.webpro-button:hover{background:#ed7100!important}

/* Footer */
.site-footer{background:#171819;color:#fff;margin-top:100px;padding:76px 0 24px}.footer-top{display:grid;grid-template-columns:1.1fr 1.9fr;gap:100px;padding-bottom:58px}.footer-statement img{width:190px;height:98px;object-fit:cover;object-position:center;background:#fff}.footer-statement p{color:#bcbcbc;font-size:18px;max-width:450px;margin-top:26px}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.footer-columns h3{font-family:var(--sans);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#ff9719}.footer-columns a{display:block;color:#c8c8c8;font-size:14px;padding:4px 0}.footer-columns a:hover{color:#fff}.footer-contact-line{display:flex;flex-wrap:wrap;gap:28px;border-top:1px solid #333;border-bottom:1px solid #333;padding:22px 0;color:#c6c6c6;font-size:13px}.footer-contact-line a{color:#fff;font-weight:700}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:22px;color:#949494;font-size:12px}.footer-legal{display:flex;gap:18px}.footer-legal a:hover{color:#fff}

/* 404 */
.error-404{padding:150px 0;text-align:center}.error-404 h1{font-size:9rem}.error-404 p{font-size:20px}

/* Customer portal compatibility */
body.webpro-customer-logged-in .site-header{position:relative}.webpro-system-page{padding:70px 0}.webpro-system-page>.wrap{width:min(calc(100% - 48px),1400px)}body.webpro-customer-logged-in .site-footer{margin-top:30px}

/* Responsive */
@media(max-width:1535px) and (min-width:1101px){
  .header-shell,.home-target-hero,.home-target-trust,.home-target-pricing{transform-origin:top left}
  .header-shell{width:100%}
  .brand-wrap{left:2.35vw}.primary-nav{left:25.5vw}.primary-nav .menu{gap:1.95vw}.header-actions{left:auto;right:2.4vw}
  .home-target-copy{left:2.35vw}.home-target-visual{left:50.26vw;width:49.74vw}.home-target-device-stage{left:42.19vw}.home-target-benefits{left:2.6vw}.home-target-trust{padding-inline:4.55vw}.home-target-pricing{padding-inline:4.55vw}.home-target-price-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:2vw}.home-target-pricing-grid{grid-template-columns:25vw 1fr;gap:3.9vw}
}
@media(max-width:1200px){.primary-nav{left:250px}.primary-nav .menu{gap:18px}.header-actions{right:24px}.home-target-copy{width:620px}.home-target-copy h1{font-size:58px;width:620px}.home-target-line-two{font-size:58px}.home-target-lead{width:540px}.home-target-visual{left:55%;width:45%}.home-target-device-stage{left:48%;transform:scale(.9);transform-origin:left top}.home-target-benefits{width:560px}.home-target-price-cards{gap:14px}.home-target-pricing-grid{grid-template-columns:310px 1fr;gap:30px}.home-target-pricing-intro h2,.home-target-pricing-intro>p:last-child{width:285px}.home-target-price-card{padding-inline:18px}.home-target-price{font-size:45px}}
@media(max-width:1100px){
  .site-header{height:74px}.header-shell{height:74px}.brand-wrap{left:22px;height:74px}.site-brand,.custom-logo-link{width:105px;height:52px}.site-brand img,.custom-logo{width:105px;height:52px}.primary-nav{display:none;position:absolute;left:0;right:0;top:74px;height:auto;background:#fff;border-bottom:1px solid #ddd;padding:20px 24px;box-shadow:0 18px 35px rgba(0,0,0,.08)}.primary-nav.is-open{display:block}.primary-nav .menu{display:block}.primary-nav .menu>li>a{height:auto;padding:12px 0;font-size:15px}.primary-nav .sub-menu{position:static;opacity:1;visibility:visible;transform:none;width:auto;box-shadow:none;border:0;padding:0 0 8px 16px;display:none}.primary-nav li.is-open>.sub-menu,.primary-nav li:focus-within>.sub-menu{display:block}.nav-toggle{display:block;position:absolute;right:18px;top:14px}.header-actions{right:78px;left:auto;height:74px}.header-login{display:none}.header-start{height:40px}
  .home-target-hero{height:auto;display:flex;flex-direction:column;padding:64px 24px 0}.home-target-copy{position:relative;left:auto;top:auto;width:min(100%,760px);z-index:3}.home-target-copy h1{width:100%;font-size:clamp(48px,8vw,74px)}.home-target-line-one{transform:none;width:auto;white-space:normal}.home-target-line-two{font-size:inherit;margin-left:0;white-space:normal}.home-target-rule{margin-left:0}.home-target-lead{width:min(100%,620px);margin-left:0;font-size:16px}.home-target-lead br{display:none}.home-target-actions{margin-left:0}.home-target-benefits{position:relative;left:auto;top:auto;width:100%;margin-top:50px;order:3;grid-template-columns:repeat(2,1fr);gap:20px;padding-bottom:48px}.home-target-benefit{min-height:70px;border-right:0;border-bottom:1px solid #ddd;padding-bottom:18px}.home-target-benefit strong{font-size:12px}.home-target-benefit p{font-size:11px}.home-target-visual{position:relative;left:auto;top:auto;width:calc(100% + 48px);height:560px;margin-left:-24px;order:2;overflow:hidden}.home-target-office{object-position:center}.home-target-portrait-wrap{width:330px;height:560px}.home-target-portrait{right:-120px;height:520px}.home-target-device-stage{left:24px;top:auto;bottom:20px;transform:scale(.9);transform-origin:left bottom}.home-target-trust{height:auto;grid-template-columns:1fr;padding:30px 24px}.home-target-trust-label{border-right:0;border-bottom:1px solid #ddd;height:auto;padding-bottom:18px;margin-bottom:20px}.home-target-trust-items{padding-left:0;grid-template-columns:repeat(2,1fr);gap:25px}.home-target-trust-items>div{font-size:16px}.home-target-pricing{height:auto;padding:64px 24px}.home-target-pricing-grid{grid-template-columns:1fr;gap:50px}.home-target-pricing-intro h2,.home-target-pricing-intro>p:last-child{width:min(100%,520px)}.home-target-price-cards{grid-template-columns:1fr;gap:28px}.home-target-price-card{height:auto;min-height:360px}.home-target-card-link{position:static;display:inline-block;margin-top:20px}.section{padding:92px 0}.wrap,.narrow{width:min(calc(100% - 40px),var(--content))}.home-work-heading,.home-managed-grid,.home-trust-grid,.home-seo-grid,.page-hero-editorial .wrap,.landing-grid,.footer-top{grid-template-columns:1fr;gap:50px}.home-work-heading .eyebrow{margin-bottom:0}.home-managed-photo,.home-trust-photo{height:500px}.webpro-portfolio-card,.webpro-portfolio-card:nth-child(even){grid-template-columns:1fr!important;gap:28px!important}.webpro-portfolio-card:nth-child(even) .webpro-monitor,.webpro-portfolio-card:nth-child(even) .webpro-portfolio-copy{grid-column:auto;grid-row:auto}.webpro-monitor-screen{height:420px!important}.webpro-pricing-grid{grid-template-columns:1fr!important}.footer-columns{grid-template-columns:repeat(3,1fr)}.cta-editorial{grid-template-columns:1fr;gap:25px}.content-grid,.link-archive{grid-template-columns:repeat(2,1fr)}.device-desktop{width:92%}.device-phone{width:185px;height:380px}.device-screen{height:500px}}
@media(max-width:680px){body{font-size:16px}.header-start{display:none}.header-actions{right:68px}.home-target-hero{padding-top:48px}.home-target-copy h1{font-size:clamp(44px,13vw,61px)}.home-target-lead{font-size:15px}.home-target-actions{align-items:stretch;flex-direction:column;gap:5px}.home-target-primary{width:100%;max-width:260px}.home-target-link{width:max-content}.home-target-benefits{grid-template-columns:1fr}.home-target-visual{height:470px}.home-target-portrait-wrap{width:245px;height:470px}.home-target-portrait{height:430px;right:-120px}.home-target-device-stage{transform:scale(.61);bottom:-30px;left:8px}.home-target-trust-items{grid-template-columns:1fr}.home-target-trust-placeholder{display:none}.home-target-pricing-intro h2{font-size:38px}.home-target-price-card{padding:30px 25px}.home-target-price{font-size:52px}.section{padding:76px 0}.home-managed-photo,.home-trust-photo,.page-hero-image,.landing-visual,.landing-map-card{height:390px}.home-work-heading h2,.home-seo h2{font-size:44px}.webpro-monitor-screen{height:300px!important}.webpro-price-card{padding:28px!important}.webpro-price strong{font-size:4rem!important}.content-grid,.link-archive{grid-template-columns:1fr}.footer-columns{grid-template-columns:1fr 1fr}.footer-contact-line,.footer-bottom{flex-direction:column}.cta-actions{flex-direction:column}.cta-actions .button{width:100%}.device-stage{min-height:520px}.device-desktop{width:100%}.device-screen{height:340px}.device-phone{width:138px;height:285px;right:2px;bottom:0;border-width:6px;border-radius:26px}.site-footer{padding-top:60px}.footer-statement img{width:155px;height:80px}}
.editorial-steps{list-style:none;margin:0;padding:0;border-top:1px solid #d4d3d0}.editorial-steps li{display:grid;grid-template-columns:110px 1fr;gap:40px;padding:48px 0;border-bottom:1px solid #d4d3d0}.editorial-steps>li>span{font-size:12px;letter-spacing:.13em;font-weight:800;color:var(--orange)}.editorial-steps h2{font-size:clamp(2rem,3.4vw,3.3rem);margin-bottom:8px}.editorial-steps p{max-width:780px;margin:0}.about-portrait{background:#f3f1ed;display:flex;align-items:flex-end;justify-content:center}.about-portrait img{height:92%;width:auto;object-fit:contain!important;object-position:center bottom!important}.contact-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;align-items:start}.contact-details{position:sticky;top:110px}.contact-details h2{font-size:3rem}.contact-details>a{display:block;font-family:var(--serif);font-size:2rem;margin:10px 0}.contact-details p{margin-top:35px}.faq-prose details{padding:25px 0}.faq-prose summary{font-family:var(--serif);font-size:1.7rem;font-weight:400}.webpro-link-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border-top:1px solid #ddd!important;border-left:1px solid #ddd!important;margin:0!important}.webpro-link-card{border:0!important;border-right:1px solid #ddd!important;border-bottom:1px solid #ddd!important;border-radius:0!important;padding:32px!important;min-height:155px!important;background:#fff!important;color:#171717!important}.webpro-link-card:hover{background:#f8f6f2!important}.webpro-link-card strong{font-family:var(--serif)!important;font-size:28px!important;font-weight:400!important;line-height:1.05!important}.webpro-link-card span{font-size:14px!important;color:#666!important;margin-top:14px!important}.webpro-link-card strong,.webpro-link-card span{display:block!important}
@media(max-width:1100px){.contact-layout{grid-template-columns:1fr;gap:50px}.contact-details{position:static}.webpro-link-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:680px){.editorial-steps li{grid-template-columns:50px 1fr;gap:15px}.webpro-link-grid{grid-template-columns:1fr!important}.contact-details>a{font-size:1.55rem}}

/* ======================================================================
   WebPro Theme 1.2.1 — public-site refinement
   Keeps the approved homepage hero but strengthens the global system,
   internal service pages, SEO landing pages, portfolio and directories.
   ====================================================================== */

:root{
  --paper:#fff;
  --warm:#f6f4ef;
  --warm-2:#efede7;
  --ink:#171717;
  --muted:#605f5b;
  --orange:#ff7900;
  --orange-deep:#e86b00;
  --line:#d9d7d2;
  --line-soft:#eceae6;
  --serif:Georgia,'Times New Roman',serif;
  --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --content:1320px;
}
body{font-family:var(--sans);font-size:17px;line-height:1.7;color:var(--ink);background:var(--paper)}
.wrap{width:min(calc(100% - 72px),var(--content))}.narrow{width:min(calc(100% - 72px),860px)}

/* Logo: never crop or reconstruct the genuine asset. */
.brand-wrap{left:36px}
.site-brand,.custom-logo-link{width:136px;height:62px;overflow:visible;display:flex;align-items:center}
.site-brand img,.custom-logo{width:136px;height:62px;object-fit:contain;object-position:center;display:block}
.footer-statement img{width:172px;height:auto!important;object-fit:contain!important;object-position:left center!important;background:#fff}

/* Global typography and controls */
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;letter-spacing:-.025em;color:var(--ink)}
.page-hero h1,.landing-hero h1{font-size:clamp(58px,5.2vw,82px);line-height:.98;margin:.18em 0 .35em;max-width:880px}
.page-hero h1 em,.landing-hero h1 em,.section-heading-split h2 em{font-weight:400;font-style:italic}
.page-hero p,.landing-lead{font-size:19px;line-height:1.65;color:var(--muted);max-width:660px}
.eyebrow{font-family:var(--sans);font-size:10px;letter-spacing:.17em;font-weight:800;color:#ec6700}
.button{border-radius:3px;font-weight:750;min-height:50px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.button:hover{transform:translateY(-1px)}
.button-primary{background:var(--orange);border:1px solid var(--orange);color:#111}.button-primary:hover{background:#f17100;border-color:#f17100}
.button-outline{background:transparent;border:1px solid #b9b7b1;color:var(--ink)}.button-outline:hover{border-color:#77736d}
.text-link{font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid #9b9994;padding-bottom:3px}.text-link:hover{border-color:var(--orange)}
.text-link-muted{color:#6a6863;font-weight:600}
.prose-large p{font-size:19px;line-height:1.75;margin-top:0}.prose-large p+p{margin-top:24px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:#77736d;margin-bottom:30px}.breadcrumbs a:hover{color:var(--orange)}

/* Header alignment + full logo */
.site-header{height:86px}.header-shell{height:86px}.brand-wrap{height:86px}.primary-nav{height:86px;left:386px}.primary-nav .menu>li>a{height:86px;font-size:12.5px}.header-actions{height:86px}.header-login{height:42px}.header-start{height:44px;padding-inline:22px}

/* Approved hero: only small quality fixes; proportions remain intact. */
.home-target-hero{border-bottom:0}
.home-target-copy{top:60px}.home-target-copy h1{font-family:var(--serif)}
.home-target-visual{top:0}
.home-target-trust{box-shadow:0 1px 0 #eceae6}
.home-target-pricing{border-top:0}

/* Section system */
.section{padding:118px 0}.section-warm{background:var(--warm)}
.section-heading-split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:90px;align-items:end;margin-bottom:62px;padding-bottom:34px;border-bottom:1px solid var(--line)}
.section-heading-split h2{font-size:clamp(46px,4vw,64px);line-height:1.02;margin:0;max-width:790px}
.section-heading-split p{font-size:17px;color:var(--muted);margin:0;max-width:500px}

/* Internal page heroes */
.page-hero{padding:94px 0 88px;border-bottom:1px solid var(--line-soft);background:#fff}
.page-hero-wide{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:100px;align-items:end}
.page-hero-wide>div:last-child{padding-bottom:8px}.page-hero-wide>div:last-child p{margin:0 0 28px}
.service-hero-grid,.landing-hero-grid,.seo-hero-grid,.about-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(450px,.98fr);gap:86px;align-items:center}
.service-page-hero,.landing-hero,.about-page-hero{padding:76px 0 82px;background:#fff;border-bottom:1px solid var(--line-soft)}
.service-hero-photo,.industry-hero-photo{position:relative;margin:0;min-height:500px;overflow:hidden;background:#eee}
.service-hero-photo img,.industry-hero-photo img{width:100%;height:500px;object-fit:cover;display:block}
.service-hero-photo figcaption,.industry-hero-photo figcaption{position:absolute;left:24px;bottom:22px;background:#fff;padding:10px 13px;font-size:11px;font-weight:700;border-left:3px solid var(--orange)}
.landing-actions{display:flex;align-items:center;gap:28px;margin-top:34px}

/* Location landing hero */
.location-hero-art{min-height:510px;background:#171819;color:#fff;position:relative;overflow:hidden;padding:48px;display:flex;flex-direction:column;justify-content:flex-end}
.location-hero-art:before{content:'';position:absolute;left:-90px;top:-140px;width:420px;height:420px;border:1px solid #3c3d3e;border-radius:50%}
.location-hero-art:after{content:'';position:absolute;right:-120px;bottom:-160px;width:390px;height:390px;border:1px solid #343536;border-radius:50%}
.location-hero-city{position:absolute;left:42px;top:42px;right:30px;font-family:var(--serif);font-size:clamp(64px,7vw,108px);line-height:.9;letter-spacing:-.055em;color:#fff;z-index:2}
.location-hero-meta{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#bdbdbd}.location-hero-meta strong{color:#fff;font-weight:650}
.location-hero-line{height:3px;width:84px;background:var(--orange);margin:23px 0 20px;position:relative;z-index:2}
.location-hero-art>p{position:relative;z-index:2;color:#d4d4d4;font-size:15px;line-height:1.65;max-width:520px;margin:0}

/* Landing page editorial content */
.landing-intro-section{padding-top:105px}.landing-intro-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:110px;align-items:start}
.landing-intro-grid h2{font-size:clamp(44px,4.3vw,66px);line-height:1.02;margin:0;max-width:600px}
.landing-intro-copy{font-size:18px;color:#4f4e4a}.landing-intro-copy>p:first-child{font-size:21px;color:#242424;margin-top:0}.landing-intro-copy h2{font-size:32px;margin:42px 0 12px}.landing-intro-copy .webpro-pricing-grid{display:none!important}

/* Fully managed inclusion rows */
.inclusion-section{background:#fff;padding-top:30px}.inclusion-list{border-top:1px solid var(--line)}
.inclusion-row{display:grid;grid-template-columns:80px 260px minmax(0,1fr);gap:34px;align-items:start;padding:34px 0;border-bottom:1px solid var(--line)}
.inclusion-row>span{font-size:11px;letter-spacing:.12em;color:var(--orange);font-weight:800;padding-top:8px}.inclusion-row h3{font-family:var(--sans);font-size:20px;font-weight:750;letter-spacing:-.02em;margin:0}.inclusion-row p{margin:0;color:var(--muted);max-width:680px}

/* Location service / nearby */
.location-service-grid,.industry-services-grid,.industry-proof-grid,.package-rules-grid,.seo-method-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:100px;align-items:start}
.location-service-grid h2,.industry-services-grid h2,.package-rules-grid h2,.seo-method-grid h2{font-size:clamp(42px,4vw,60px);line-height:1.04;margin:.25em 0 .35em}.location-service-grid>div:first-child p,.industry-services-grid>div:first-child p{color:var(--muted);max-width:570px}
.nearby-panel{background:#fff;border-top:4px solid var(--ink);padding:36px 40px 34px}.nearby-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:var(--orange);margin-bottom:22px}.nearby-list{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.nearby-list span{padding:13px 17px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--serif);font-size:21px}.nearby-panel small{display:block;margin-top:20px;color:#77736d;font-size:12px;line-height:1.6}

/* Industry service list */
.service-list-editorial{border-top:1px solid var(--line)}.service-list-editorial>div{display:grid;grid-template-columns:62px 1fr;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.service-list-editorial span{font-size:10px;letter-spacing:.12em;color:var(--orange);font-weight:800}.service-list-editorial strong{font-family:var(--serif);font-size:26px;font-weight:400;line-height:1.15}
.industry-proof-section{background:#171819;color:#fff}.industry-proof-section h3,.industry-proof-section blockquote{color:#fff}.industry-proof-quote blockquote{font-family:var(--serif);font-size:clamp(36px,4vw,58px);line-height:1.05;font-weight:400;margin:25px 0 0}.industry-proof-details{padding-top:45px;max-width:520px}.industry-proof-details h3{font-family:var(--sans);font-weight:700;font-size:19px}.industry-proof-details p{color:#c8c8c8}.industry-proof-details .text-link{color:#fff;border-color:#777}

/* SEO hero/method */
.seo-page-hero{background:#171819;color:#fff}.seo-page-hero h1,.seo-page-hero .breadcrumbs,.seo-page-hero .breadcrumbs a{color:#fff}.seo-page-hero .landing-lead{color:#d0d0d0}.seo-hero-art{min-height:460px;border:1px solid #3a3b3c;padding:54px;display:grid;grid-template-columns:1fr auto 1fr;align-content:center;align-items:center;gap:22px;position:relative}.seo-hero-art span{font-family:var(--serif);font-size:42px;text-align:center}.seo-hero-art strong{font-size:36px;color:var(--orange)}.seo-hero-art>div{grid-column:1/-1;height:1px;background:#454647;margin-top:25px}.seo-hero-art small{grid-column:1/-1;color:#aaa;text-align:center;font-size:13px;line-height:1.6;max-width:430px;margin:14px auto 0}
.seo-method-list{border-top:1px solid var(--line)}.seo-method-list>div{display:grid;grid-template-columns:52px 180px 1fr;gap:22px;padding:25px 0;border-bottom:1px solid var(--line);align-items:start}.seo-method-list span{font-size:10px;color:var(--orange);font-weight:800;letter-spacing:.12em}.seo-method-list strong{font-size:17px}.seo-method-list p{margin:0;color:var(--muted)}

/* Pay monthly statements */
.service-statement-grid{display:grid;grid-template-columns:70px 330px 1fr;column-gap:35px;border-top:1px solid var(--line)}.service-statement-grid>*{padding:35px 0;border-bottom:1px solid var(--line)}.service-statement-number{font-size:11px;color:var(--orange);font-weight:800;letter-spacing:.12em}.service-statement-grid h2{font-family:var(--sans);font-size:21px;font-weight:750;margin:0}.service-statement-grid p{margin:0;color:var(--muted);max-width:700px}

/* Pricing on internal pages */
.packages-main-section,.landing-packages-section{background:#fff}.landing-packages-section.section-warm{background:var(--warm)}
.webpro-pricing-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin:48px 0 0!important;border:1px solid var(--line)!important;background:#fff!important}
.webpro-price-card{position:relative!important;padding:40px 36px 36px!important;border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;min-height:530px!important;display:flex!important;flex-direction:column!important;color:var(--ink)!important}
.webpro-price-card:last-child{border-right:0!important}.webpro-price-card.is-featured{background:#fbfaf7!important}.webpro-price-badge{position:absolute!important;left:-1px!important;right:-1px!important;top:-29px!important;height:29px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--orange)!important;color:#111!important;border-radius:0!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.15em!important;font-weight:800!important}
.webpro-price-card h3{font-family:var(--sans)!important;font-size:16px!important;font-weight:800!important;letter-spacing:.02em!important;margin:0 0 6px!important}.webpro-price-card>p{min-height:48px!important;color:var(--muted)!important;margin:0 0 20px!important}.webpro-price{display:flex!important;align-items:flex-end!important;gap:8px!important;margin:2px 0 18px!important}.webpro-price strong{font-family:var(--serif)!important;font-size:64px!important;font-weight:400!important;line-height:.9!important}.webpro-price span{font-size:12px!important;padding-bottom:7px!important}.webpro-price-card ul{list-style:none!important;padding:22px 0 0!important;margin:0 0 28px!important;border-top:1px solid var(--line)!important}.webpro-price-card li{position:relative!important;padding:7px 0 7px 20px!important;color:#333!important;font-size:14px!important}.webpro-price-card li:before{content:'✓'!important;position:absolute!important;left:0!important;color:var(--orange)!important;font-weight:800!important}.webpro-price-card .webpro-button{margin-top:auto!important;min-height:48px!important;background:#171717!important;color:#fff!important;border-radius:2px!important;text-align:center!important}.webpro-price-card .webpro-button:hover{background:#000!important}.webpro-price-card small{display:block!important;margin-top:13px!important;color:#77736d!important;font-size:11px!important}
.package-rules{border-top:1px solid var(--line)}.package-rules>div{padding:27px 0;border-bottom:1px solid var(--line)}.package-rules strong{font-family:var(--serif);font-size:25px;font-weight:400}.package-rules p{color:var(--muted);margin:8px 0 0}

/* Portfolio: large, real-site-first editorial presentation */
.project-editorial-section{overflow:hidden}.project-editorial-list{display:grid;gap:110px}.project-editorial-item{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:74px;align-items:center}.project-editorial-item.is-reversed{grid-template-columns:minmax(280px,.55fr) minmax(0,1.45fr)}.project-editorial-item.is-reversed .project-editorial-media{grid-column:2}.project-editorial-item.is-reversed .project-editorial-copy{grid-column:1;grid-row:1}.project-editorial-media{min-width:0}.project-visual{position:relative;padding:0 42px 36px 0}.project-browser{background:#171717;padding:8px 8px 0;border-radius:5px;box-shadow:0 24px 55px rgba(0,0,0,.14)}.project-browser-bar{height:28px;background:#ededeb;display:flex;align-items:center;padding:0 10px;gap:5px;font-size:9px;color:#777}.project-browser-bar i{width:6px;height:6px;border-radius:50%;background:#c5c3bd}.project-browser-bar span{margin-left:7px}.project-browser-screen{height:430px;overflow:hidden;background:#f0efec}.project-browser-screen img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.project-capture-pending{height:100%;display:flex;flex-direction:column;justify-content:center;padding:55px;background:#f1f0ed;color:#252525}.project-capture-pending span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--orange);font-weight:800}.project-capture-pending strong{font-family:var(--serif);font-size:38px;font-weight:400;margin:10px 0}.project-capture-pending small{max-width:400px;color:#74716c}.project-phone{position:absolute;right:0;bottom:0;width:118px;height:245px;background:#101010;border:6px solid #101010;border-radius:21px;box-shadow:0 18px 34px rgba(0,0,0,.24);overflow:hidden}.project-phone-speaker{position:absolute;left:38px;top:4px;width:32px;height:4px;background:#333;border-radius:6px;z-index:3}.project-phone-screen{height:100%;overflow:hidden;border-radius:15px;background:#fff}.project-phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.project-editorial-copy{max-width:390px}.project-number{font-size:10px;letter-spacing:.15em;color:var(--orange);font-weight:800}.project-editorial-copy h3{font-size:clamp(36px,3vw,52px);line-height:1.02;margin:16px 0}.project-editorial-copy p{color:var(--muted);margin:0 0 24px}.project-links{display:flex;flex-wrap:wrap;gap:20px}.project-editorial-more{display:flex;justify-content:flex-end;margin-top:62px;padding-top:30px;border-top:1px solid var(--line)}

/* Main portfolio shortcode now reads as a case-study list, not cards. */
.portfolio-index-section .webpro-portfolio-grid,.home-work .webpro-portfolio-grid{display:grid!important;grid-template-columns:1fr!important;gap:96px!important;margin:0!important}.portfolio-index-section .webpro-portfolio-card,.home-work .webpro-portfolio-card{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)!important;gap:62px!important;align-items:center!important}.portfolio-index-section .webpro-portfolio-card:nth-child(even),.home-work .webpro-portfolio-card:nth-child(even){grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr)!important}.portfolio-index-section .webpro-portfolio-card:nth-child(even) .webpro-monitor,.home-work .webpro-portfolio-card:nth-child(even) .webpro-monitor{grid-column:2}.portfolio-index-section .webpro-portfolio-card:nth-child(even) .webpro-portfolio-copy,.home-work .webpro-portfolio-card:nth-child(even) .webpro-portfolio-copy{grid-column:1;grid-row:1}.webpro-monitor{padding:8px 8px 0!important;border-radius:4px!important;box-shadow:0 22px 48px rgba(0,0,0,.14)!important}.portfolio-index-section .webpro-monitor-screen,.home-work .webpro-monitor-screen{height:460px!important}.webpro-monitor-screen:empty:before{content:'Website screenshot pending';height:100%;display:grid;place-items:center;font-family:var(--serif);font-size:28px;color:#777;background:#efeeeb}.webpro-portfolio-copy{padding:0!important}.webpro-portfolio-copy h3{font-family:var(--serif)!important;font-size:clamp(36px,3.4vw,52px)!important;font-weight:400!important;line-height:1.02!important}.webpro-portfolio-copy p{font-size:16px!important;color:var(--muted)!important}.webpro-portfolio-copy>a{font-weight:700!important;border-bottom:1px solid #aaa!important;padding-bottom:3px!important}

/* Directory index pages */
.location-directory{border-top:1px solid var(--line)}.location-directory-group{display:grid;grid-template-columns:220px 1fr;border-bottom:1px solid var(--line)}.location-directory-label{padding:30px 30px 30px 0}.location-directory-label span{display:block;font-family:var(--serif);font-size:31px}.location-directory-label small{display:block;margin-top:7px;color:#888}.location-directory-links{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line)}.location-directory-links a{position:relative;min-height:112px;padding:23px 48px 22px 25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .16s ease}.location-directory-links a:nth-child(3n){border-right:0}.location-directory-links a:hover{background:var(--warm)}.location-directory-links strong{display:block;font-family:var(--serif);font-size:25px;font-weight:400;line-height:1.05}.location-directory-links span{display:block;margin-top:8px;color:#777;font-size:12px}.location-directory-links b{position:absolute;right:20px;top:26px;font-size:17px;font-weight:400;color:var(--orange)}
.industry-directory{border-top:1px solid var(--line)}.industry-directory-row{display:grid;grid-template-columns:70px 280px 1fr 30px;gap:28px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line);transition:padding .18s ease,background .18s ease}.industry-directory-row:hover{padding-left:14px;background:linear-gradient(90deg,var(--warm),transparent 70%)}.industry-index{font-size:10px;color:var(--orange);font-weight:800;letter-spacing:.13em}.industry-directory-row strong{font-family:var(--serif);font-size:28px;font-weight:400}.industry-directory-row p{margin:0;color:var(--muted);font-size:14px}.industry-directory-row b{font-size:20px;font-weight:400;color:var(--orange)}

/* About / contact / FAQ */
.about-hero-portrait{height:520px;background:var(--warm);margin:0;display:flex;align-items:flex-end;justify-content:center;position:relative;overflow:hidden}.about-hero-portrait img{height:94%;width:auto;max-width:none;object-fit:contain}.about-hero-portrait figcaption{position:absolute;left:24px;bottom:20px;background:#fff;padding:9px 12px;font-size:11px;font-weight:700;border-left:3px solid var(--orange)}
.about-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:95px;align-items:center}.about-story-grid>figure{margin:0;height:560px}.about-story-grid>figure img{width:100%;height:100%;object-fit:cover}.about-story-grid h2{font-size:clamp(44px,4vw,62px);line-height:1.03;margin:.25em 0}.about-story-grid p{color:var(--muted)}.company-facts{margin:34px 0 0;border-top:1px solid var(--line)}.company-facts>div{display:grid;grid-template-columns:150px 1fr;gap:25px;padding:13px 0;border-bottom:1px solid var(--line)}.company-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#777}.company-facts dd{margin:0;font-weight:650}
.contact-main-section{padding-top:90px}.contact-form-shell{border-top:4px solid var(--ink);padding:34px 0 0}.contact-form-shell h2{font-size:42px;margin:10px 0 28px}.contact-note{margin-top:38px;padding-top:24px;border-top:1px solid var(--line)}.contact-note strong,.contact-note span{display:block}.contact-note span{margin-top:5px;color:var(--muted);font-size:14px}.contact-trust-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.contact-trust-strip>div{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-trust-strip strong,.contact-trust-strip span{display:block}.contact-trust-strip span{margin-top:7px;color:var(--muted);font-size:13px}
.faq-layout{display:grid;grid-template-columns:300px 1fr;gap:100px;align-items:start}.faq-layout>aside{position:sticky;top:110px}.faq-layout>aside h2{font-size:42px;margin:.2em 0}.faq-layout>aside ul{list-style:none;padding:18px 0 0;margin:24px 0 0;border-top:1px solid var(--line)}.faq-layout>aside li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.faq-prose{border-top:1px solid var(--line)}.faq-prose details{padding:28px 0;border-bottom:1px solid var(--line)}.faq-prose summary{font-size:29px;line-height:1.2;cursor:pointer;list-style:none;padding-right:40px;position:relative}.faq-prose summary::-webkit-details-marker{display:none}.faq-prose summary:after{content:'+';position:absolute;right:3px;top:0;font-family:var(--sans);font-size:26px;color:var(--orange)}.faq-prose details[open] summary:after{content:'–'}.faq-prose details p{color:var(--muted);max-width:760px}

/* CTA / footer */
.section-cta{padding:86px 0}.cta-editorial{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:44px 0;align-items:center}.cta-editorial h2{font-size:clamp(38px,3.7vw,56px);line-height:1.05}.site-footer{background:#171819;padding-top:72px}.footer-statement p{font-size:14px}.footer-columns h3{font-size:10px;font-family:var(--sans);letter-spacing:.13em}.footer-columns a{font-size:13px}.footer-contact-line{margin-top:50px}

/* Responsive 1.2.0 */
@media(max-width:1250px){
  .primary-nav{left:260px}.primary-nav .menu{gap:20px}.header-actions{left:auto;right:28px}
  .page-hero-wide,.service-hero-grid,.landing-hero-grid,.seo-hero-grid,.about-hero-grid{gap:55px}
  .project-browser-screen{height:390px}.project-editorial-item{gap:48px}
}
@media(max-width:1100px){
  .site-header,.header-shell,.brand-wrap{height:76px}.site-brand,.custom-logo-link{width:118px;height:58px}.site-brand img,.custom-logo{width:118px;height:58px}.primary-nav{top:76px}.header-actions{height:76px}
  .page-hero{padding:72px 0}.page-hero-wide,.service-hero-grid,.landing-hero-grid,.seo-hero-grid,.about-hero-grid,.landing-intro-grid,.location-service-grid,.industry-services-grid,.industry-proof-grid,.package-rules-grid,.seo-method-grid,.about-story-grid,.faq-layout{grid-template-columns:1fr;gap:48px}
  .service-hero-photo,.industry-hero-photo,.about-hero-portrait,.location-hero-art{min-height:450px;height:450px}.service-hero-photo img,.industry-hero-photo img{height:450px}
  .section-heading-split{grid-template-columns:1fr;gap:25px}.inclusion-row{grid-template-columns:60px 220px 1fr}.project-editorial-item,.project-editorial-item.is-reversed,.portfolio-index-section .webpro-portfolio-card,.home-work .webpro-portfolio-card,.portfolio-index-section .webpro-portfolio-card:nth-child(even),.home-work .webpro-portfolio-card:nth-child(even){grid-template-columns:1fr!important;gap:32px!important}.project-editorial-item.is-reversed .project-editorial-media,.project-editorial-item.is-reversed .project-editorial-copy,.portfolio-index-section .webpro-portfolio-card:nth-child(even) .webpro-monitor,.home-work .webpro-portfolio-card:nth-child(even) .webpro-monitor,.portfolio-index-section .webpro-portfolio-card:nth-child(even) .webpro-portfolio-copy,.home-work .webpro-portfolio-card:nth-child(even) .webpro-portfolio-copy{grid-column:auto;grid-row:auto}.project-editorial-copy{max-width:650px}.location-directory-group{grid-template-columns:1fr}.location-directory-label{padding-bottom:18px}.location-directory-links{border-left:0;grid-template-columns:repeat(2,1fr)}.location-directory-links a:nth-child(3n){border-right:1px solid var(--line)}.location-directory-links a:nth-child(2n){border-right:0}.industry-directory-row{grid-template-columns:55px 250px 1fr 24px}.faq-layout>aside{position:static}.webpro-pricing-grid{grid-template-columns:1fr!important}.webpro-price-card{min-height:0!important;border-right:0!important;border-bottom:1px solid var(--line)!important}.webpro-price-badge{position:static!important;margin:-40px -36px 30px!important}.contact-trust-strip{grid-template-columns:1fr}
}
@media(max-width:680px){
  .wrap,.narrow{width:min(calc(100% - 40px),var(--content))}.section{padding:78px 0}.page-hero h1,.landing-hero h1{font-size:clamp(44px,12vw,58px)}.page-hero p,.landing-lead{font-size:17px}.landing-actions{align-items:flex-start;flex-direction:column;gap:18px}
  .service-hero-photo,.industry-hero-photo,.about-hero-portrait,.location-hero-art{min-height:360px;height:360px}.service-hero-photo img,.industry-hero-photo img{height:360px}.location-hero-art{padding:28px}.location-hero-city{left:27px;top:28px;font-size:58px}.location-hero-meta{flex-direction:column;gap:5px}.landing-intro-grid h2,.location-service-grid h2,.industry-services-grid h2,.package-rules-grid h2,.seo-method-grid h2{font-size:40px}
  .inclusion-row{grid-template-columns:42px 1fr;gap:18px}.inclusion-row p{grid-column:2}.nearby-panel{padding:28px 24px}.nearby-list span{font-size:18px}.service-list-editorial strong{font-size:22px}.seo-hero-art{min-height:330px;padding:30px}.seo-hero-art span{font-size:28px}.seo-method-list>div{grid-template-columns:42px 1fr;gap:14px}.seo-method-list p{grid-column:2}.service-statement-grid{grid-template-columns:42px 1fr;column-gap:16px}.service-statement-grid p{grid-column:2}.project-visual{padding-right:24px}.project-browser-screen{height:280px}.project-phone{width:78px;height:164px;border-width:4px}.project-editorial-list{gap:70px}.project-editorial-copy h3{font-size:38px}.portfolio-index-section .webpro-monitor-screen,.home-work .webpro-monitor-screen{height:280px!important}.webpro-portfolio-copy h3{font-size:36px!important}.location-directory-links{grid-template-columns:1fr}.location-directory-links a,.location-directory-links a:nth-child(3n){border-right:0}.industry-directory-row{grid-template-columns:42px 1fr 20px;gap:15px}.industry-directory-row p{grid-column:2}.industry-directory-row strong{font-size:24px}.about-story-grid>figure{height:400px}.company-facts>div{grid-template-columns:110px 1fr}.faq-prose summary{font-size:23px}.contact-details>a{font-size:1.55rem}.footer-statement img{width:150px;height:auto!important}
}
.webpro-portfolio-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;padding:48px;background:#efeeea;color:#222}.webpro-portfolio-placeholder span{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--orange);font-weight:800}.webpro-portfolio-placeholder strong{font-family:var(--serif);font-size:34px;font-weight:400;line-height:1.05;margin:10px 0}.webpro-portfolio-placeholder small{max-width:360px;color:#77736d;line-height:1.55}
.portfolio-project-stage{padding:60px 0 105px;background:var(--warm)}.project-visual-large{max-width:1160px;margin:0 auto;padding-right:80px}.project-visual-large .project-browser-screen{height:650px}.project-visual-large .project-phone{width:170px;height:350px;right:0;bottom:-20px}.portfolio-project-details{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:100px}.portfolio-project-details h2{font-size:clamp(44px,4vw,62px);line-height:1.03;margin:.25em 0}
@media(max-width:1100px){.portfolio-project-details{grid-template-columns:1fr;gap:40px}.project-visual-large .project-browser-screen{height:500px}.project-visual-large{padding-right:55px}.project-visual-large .project-phone{width:130px;height:270px}}
@media(max-width:680px){.portfolio-project-stage{padding:40px 0 75px}.project-visual-large{padding-right:28px}.project-visual-large .project-browser-screen{height:320px}.project-visual-large .project-phone{width:88px;height:185px;right:0}.webpro-portfolio-placeholder{padding:30px}.webpro-portfolio-placeholder strong{font-size:27px}}
.contact-form-shell .webpro-contact-form{border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;background:transparent!important}.contact-form-shell .webpro-form-grid{gap:18px!important}.contact-form-shell label{font-size:12px!important;font-weight:700!important}.contact-form-shell input,.contact-form-shell textarea,.contact-form-shell select{margin-top:7px!important;border-radius:2px!important;border:1px solid #c9c7c2!important;background:#fff!important;padding:14px 15px!important;min-height:52px!important}.contact-form-shell textarea{min-height:150px!important}.contact-form-shell .webpro-button{margin-top:10px!important;min-height:52px!important;border-radius:2px!important;background:var(--orange)!important;color:#111!important}
.guides-directory-section .webpro-link-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;border:0!important;gap:0!important}.guides-directory-section .webpro-link-card{min-height:190px!important;padding:34px 38px!important;border:0!important;border-top:1px solid var(--line)!important;border-right:1px solid var(--line)!important}.guides-directory-section .webpro-link-card:nth-child(even){border-right:0!important}.guides-directory-section .webpro-link-card strong{font-size:31px!important}.guides-directory-section .webpro-link-card span{font-size:15px!important;line-height:1.6!important;max-width:520px!important}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:95px;align-items:start}.guide-prose{font-size:18px}.guide-prose>p:first-child{font-size:21px;color:#292929}.guide-prose h2{font-size:38px;line-height:1.08;margin:52px 0 16px}.article-aside{position:sticky;top:112px;border-top:4px solid var(--ink);padding:28px 0}.article-aside>strong{display:block;font-family:var(--serif);font-size:30px;font-weight:400;line-height:1.1}.article-aside p{color:var(--muted)}
@media(max-width:900px){.article-layout{grid-template-columns:1fr;gap:50px}.article-aside{position:static}.guides-directory-section .webpro-link-grid{grid-template-columns:1fr!important}.guides-directory-section .webpro-link-card{border-right:0!important}}

/* 1.2.0 selected-work strip cleanup */
.home-target-trust-items>a{display:block;color:#666;text-decoration:none;font-size:17px;line-height:1.08;font-weight:700;letter-spacing:-.02em;transition:color .2s ease}
.home-target-trust-items>a:hover{color:#171717}
.home-target-trust-items.has-fewer-projects{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));justify-content:start}
.home-target-trust-empty{grid-column:1/-1;text-align:left;font-size:13px!important;font-weight:500!important;color:#777!important;letter-spacing:0!important}
@media(max-width:900px){.home-target-trust-items>a{font-size:16px}}

/* ======================================================================
   WebPro Theme 1.2.1 — homepage readability and pricing QA fixes
   ====================================================================== */

/* The dark pricing introduction must remain white even though the global
   heading system assigns an ink colour to headings. */
.home-target-pricing-intro h2{color:#fff!important}
.home-target-pricing-intro>p:last-child{color:#d4d4d4!important}

/* Keep the hero benefits compact, but readable at normal desktop zoom. */
.home-target-benefit{grid-template-columns:30px 1fr;column-gap:10px;padding-right:12px}
.home-target-benefit strong{font-size:10.5px;line-height:1.25;margin:1px 0 5px}
.home-target-benefit p{font-size:9.5px;line-height:1.5}
.home-target-benefit svg{width:24px;height:24px}

/* Pricing cards: remove the absolute CTA collision and give the content
   enough vertical room for package features at real browser font metrics. */
.home-target-pricing{height:440px;padding-top:30px;padding-bottom:34px}
.home-target-pricing-grid{grid-template-columns:380px 1fr;gap:56px}
.home-target-price-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:stretch}
.home-target-price-card{height:350px;min-width:0;padding:25px 24px 20px;display:flex;flex-direction:column}
.home-target-price-card.is-popular{padding-top:29px}
.home-target-price-sub{height:auto;min-height:28px;margin-bottom:2px}
.home-target-price{margin:8px 0 7px}
.home-target-term{margin-bottom:12px}
.home-target-includes{margin-bottom:8px}
.home-target-price-card ul{margin:0 0 8px}
.home-target-price-card li{margin-bottom:7px;line-height:1.35}
.home-target-card-link{position:static!important;left:auto!important;bottom:auto!important;margin-top:auto;padding-top:10px;display:inline-flex;align-items:center;min-height:28px}

/* Selected-work strip should remain intentional with a small number of
   projects instead of stretching two names across an enormous empty row. */
.home-target-trust-items.has-fewer-projects{grid-template-columns:repeat(auto-fit,minmax(220px,300px));justify-content:start;column-gap:52px}

@media(max-width:1280px) and (min-width:901px){
  .home-target-pricing{height:auto;min-height:440px}
  .home-target-pricing-grid{grid-template-columns:320px 1fr;gap:38px}
  .home-target-price-cards{gap:20px}
  .home-target-price-card{padding-inline:20px}
}


/* ======================================================================
   WebPro Theme 1.2.2 — homepage benefits alignment polish
   Equalises the four inclusions without changing the approved hero layout.
   ====================================================================== */
@media(min-width:901px){
  .home-target-benefits{
    width:620px;
    grid-template-columns:repeat(4,minmax(0,1fr));
    column-gap:0;
    align-items:stretch;
  }
  .home-target-benefit{
    min-height:72px;
    height:72px;
    grid-template-columns:28px minmax(0,1fr);
    column-gap:9px;
    align-items:start;
    padding:0 13px;
    border-right:1px solid #e4e3e1;
  }
  .home-target-benefit:first-child{padding-left:0}
  .home-target-benefit:last-child{padding-right:0;border-right:0}
  .home-target-benefit svg{
    width:22px;
    height:22px;
    margin-top:1px;
    stroke-width:1.55;
  }
  .home-target-benefit>div{
    min-width:0;
    height:72px;
    display:grid;
    grid-template-rows:29px 1fr;
    align-content:start;
  }
  .home-target-benefit strong{
    margin:0;
    min-height:29px;
    display:flex;
    align-items:flex-start;
    font-size:10.5px;
    line-height:1.16;
    letter-spacing:-.01em;
    color:#181818;
  }
  .home-target-benefit p{
    margin:0;
    max-width:112px;
    font-size:9.3px;
    line-height:1.43;
    color:#616161;
  }
}


/* ======================================================================
   WebPro Theme 1.2.3 — final desktop benefit-row alignment
   Keeps all four benefits on a single heading line with balanced two-line copy.
   ====================================================================== */
@media(min-width:1201px){
  .home-target-benefits{
    width:700px;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:stretch;
  }
  .home-target-benefit{
    min-height:70px;
    height:70px;
    grid-template-columns:24px minmax(0,1fr);
    column-gap:9px;
    padding:0 14px;
    align-items:start;
    border-right:1px solid #e5e4e1;
  }
  .home-target-benefit:first-child{padding-left:0}
  .home-target-benefit:last-child{padding-right:0;border-right:0}
  .home-target-benefit svg{
    width:21px;
    height:21px;
    margin-top:1px;
  }
  .home-target-benefit>div{
    height:70px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    min-width:0;
  }
  .home-target-benefit strong{
    display:block;
    min-height:18px;
    margin:0 0 7px;
    font-size:10.2px;
    line-height:1.15;
    font-weight:700;
    white-space:nowrap;
    letter-spacing:-.012em;
  }
  .home-target-benefit p{
    margin:0;
    max-width:none;
    font-size:9.25px;
    line-height:1.42;
    color:#606060;
  }
}

/* ======================================================================
   WebPro Theme 1.2.4 — desktop hero benefit-row containment
   Keeps the four promises fully inside the copy side of the hero so the
   portfolio device mockup can never cover the fourth item.
   ====================================================================== */
@media(min-width:1201px){
  .home-target-benefits{
    width:590px;
    grid-template-columns:repeat(4,minmax(0,1fr));
    column-gap:0;
    align-items:stretch;
  }
  .home-target-benefit{
    height:68px;
    min-height:68px;
    grid-template-columns:21px minmax(0,1fr);
    column-gap:8px;
    padding:0 11px;
    align-items:start;
    border-right:1px solid #e5e4e1;
    overflow:visible;
  }
  .home-target-benefit:first-child{padding-left:0}
  .home-target-benefit:last-child{padding-right:0;border-right:0}
  .home-target-benefit svg{
    width:20px;
    height:20px;
    margin-top:1px;
    flex:none;
  }
  .home-target-benefit>div{
    height:68px;
    min-width:0;
    display:grid;
    grid-template-rows:18px 1fr;
    align-content:start;
  }
  .home-target-benefit strong{
    display:block;
    margin:0;
    min-height:18px;
    font-size:9.6px;
    line-height:1.12;
    font-weight:750;
    letter-spacing:-.015em;
    white-space:nowrap;
  }
  .home-target-benefit p{
    margin:5px 0 0;
    max-width:104px;
    font-size:8.8px;
    line-height:1.42;
    color:#626262;
  }
}

/* On intermediate desktop widths, reserve a little more breathing room
   between the benefits and the device stage. */
@media(max-width:1350px) and (min-width:1201px){
  .home-target-benefits{width:570px}
  .home-target-benefit{padding-left:9px;padding-right:9px;grid-template-columns:20px minmax(0,1fr);column-gap:7px}
  .home-target-benefit strong{font-size:9.2px}
  .home-target-benefit p{font-size:8.45px;max-width:98px}
}

/* ======================================================================
   WebPro Theme 1.2.5 — header-only refinement
   A cleaner, more balanced global navigation shell. No homepage/layout
   changes outside the header.
   ====================================================================== */
.site-header{
  height:90px;
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,.98);
  border-top:2px solid #171717;
  border-bottom:1px solid #e7e4df;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
  backdrop-filter:saturate(130%) blur(10px);
}
.header-shell{
  width:min(calc(100% - 48px),1440px);
  height:88px;
  margin:0 auto;
  padding:0;
  display:grid;
  grid-template-columns:180px minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
  position:relative;
}
.brand-wrap{
  position:static;
  height:88px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
}
.site-brand,.custom-logo-link{
  width:146px;
  height:68px;
  overflow:visible;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
.site-brand img,.custom-logo{
  width:146px;
  height:68px;
  object-fit:contain;
  object-position:left center;
  display:block;
}
.primary-nav{
  position:static;
  height:88px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
}
.primary-nav .menu{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  list-style:none;
  margin:0;
  padding:0;
  white-space:nowrap;
}
.primary-nav .menu>li{position:relative}
.primary-nav .menu>li>a{
  position:relative;
  height:88px;
  padding:0;
  display:flex;
  align-items:center;
  font-size:13.5px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.012em;
  color:#171717;
  transition:color .18s ease;
}
.primary-nav .menu>li>a:before{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:21px;
  height:2px;
  background:#ff7900;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
}
.primary-nav .menu>li>a:hover:before,
.primary-nav .menu>li.current-menu-item>a:before,
.primary-nav .menu>li.current-menu-ancestor>a:before{
  transform:scaleX(1);
}
.primary-nav .menu>li.menu-item-has-children>a:after{
  content:'⌄';
  font-size:10px;
  margin-left:6px;
  top:-1px;
  color:#6b6863;
}
.primary-nav .sub-menu{
  left:-20px;
  top:76px;
  width:238px;
  padding:10px;
  border:1px solid #e1ded8;
  border-radius:4px;
  background:#fff;
  box-shadow:0 18px 44px rgba(0,0,0,.10);
}
.primary-nav .sub-menu a{
  padding:11px 12px;
  border-radius:2px;
  font-size:13px;
  line-height:1.35;
  font-weight:650;
}
.primary-nav .sub-menu a:hover{background:#f6f3ee;color:#111}
.header-actions{
  position:static;
  height:88px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:18px;
  min-width:max-content;
  font-size:13px;
  font-weight:700;
}
.header-login{
  position:relative;
  height:auto;
  padding:13px 2px;
  border-left:0;
  display:inline-flex;
  align-items:center;
  color:#171717;
}
.header-login:after{
  content:'';
  position:absolute;
  left:50%;
  right:auto;
  bottom:8px;
  width:26px;
  height:2px;
  background:#ff7900;
  transform:translateX(-50%) scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
}
.header-login:hover:after,.header-login:focus-visible:after{transform:translateX(-50%) scaleX(1)}
.header-start{
  height:46px;
  padding:0 22px;
  border:1px solid #e76f00;
  border-radius:3px;
  background:#ff7900;
  color:#111;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  line-height:1;
  font-weight:800;
  box-shadow:0 1px 0 rgba(0,0,0,.04);
  transition:background .18s ease,transform .18s ease,box-shadow .18s ease;
}
.header-start:hover,.header-start:focus-visible{
  background:#f17100;
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}
.primary-nav a:focus-visible,.header-login:focus-visible,.header-start:focus-visible,.nav-toggle:focus-visible{
  outline:2px solid #ff7900;
  outline-offset:3px;
}

@media(max-width:1240px) and (min-width:1101px){
  .header-shell{width:min(calc(100% - 36px),1440px);grid-template-columns:158px minmax(0,1fr) auto;gap:16px}
  .site-brand,.custom-logo-link,.site-brand img,.custom-logo{width:132px;height:62px}
  .primary-nav .menu{gap:20px}
  .primary-nav .menu>li>a{font-size:12.5px}
  .header-actions{gap:13px;font-size:12.5px}
  .header-start{padding:0 17px;font-size:12.5px}
}

@media(max-width:1100px){
  .site-header{height:78px;border-top-width:2px}
  .header-shell{height:76px;width:100%;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
  .brand-wrap{height:76px;flex:0 0 auto}
  .site-brand,.custom-logo-link{width:128px;height:60px}
  .site-brand img,.custom-logo{width:128px;height:60px;object-fit:contain;object-position:left center}
  .primary-nav{
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:76px;
    height:auto;
    padding:18px 24px 24px;
    background:#fff;
    border-top:1px solid #ece8e1;
    border-bottom:1px solid #ddd8d0;
    box-shadow:0 20px 40px rgba(0,0,0,.10);
    justify-content:flex-start;
  }
  .primary-nav.is-open{display:block}
  .primary-nav .menu{display:block;white-space:normal}
  .primary-nav .menu>li>a{height:auto;padding:12px 0;font-size:16px;line-height:1.35}
  .primary-nav .menu>li>a:before{display:none}
  .primary-nav .sub-menu{position:static;width:auto;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-left:2px solid #ff7900;border-radius:0;margin:0 0 7px 8px;padding:0 0 0 14px;display:none}
  .primary-nav li.is-open>.sub-menu,.primary-nav li:focus-within>.sub-menu{display:block}
  .header-actions{height:76px;margin-left:auto;gap:12px}
  .header-login{display:none}
  .header-start{height:42px;padding:0 16px;font-size:12.5px}
  .nav-toggle{display:block;position:static;width:44px;height:44px;padding:10px;border-radius:3px;margin-left:0}
  .nav-toggle>span:not(.screen-reader-text){height:2px;margin:5px 0;background:#171717}
}

@media(max-width:600px){
  .header-shell{padding:0 16px}
  .site-brand,.custom-logo-link{width:118px;height:56px}
  .site-brand img,.custom-logo{width:118px;height:56px}
  .header-start{display:none}
  .header-actions{display:none}
  .nav-toggle{margin-left:auto}
}

/* ======================================================================
   WebPro Theme 1.2.6 — premium header refinement only
   Keeps all homepage/content layouts unchanged.
   ====================================================================== */
.site-header{
  height:84px;
  position:sticky;
  top:0;
  z-index:1000;
  background:#f5f1e9;
  border-top:0;
  border-bottom:1px solid #d8d1c7;
  box-shadow:0 10px 28px rgba(28,24,18,.055);
  backdrop-filter:none;
}
.header-shell{
  width:min(calc(100% - 56px),1380px);
  height:84px;
  margin:0 auto;
  display:grid;
  grid-template-columns:154px minmax(0,1fr) auto;
  align-items:center;
  gap:34px;
}
.brand-wrap{height:84px;display:flex;align-items:center;justify-content:flex-start}
.site-brand,.custom-logo-link{
  width:136px;
  height:64px;
  overflow:visible;
  display:flex;
  align-items:center;
}
.site-brand img,.custom-logo{
  width:136px;
  height:64px;
  object-fit:contain;
  object-position:left center;
}
.primary-nav{height:84px;display:flex;align-items:center;justify-content:flex-start;position:static}
.primary-nav .menu{gap:32px;justify-content:flex-start}
.primary-nav .menu>li>a{
  height:84px;
  font-size:13.5px;
  line-height:1;
  font-weight:680;
  letter-spacing:-.015em;
  color:#1b1a18;
}
.primary-nav .menu>li>a:before{
  left:0;
  right:0;
  bottom:18px;
  height:2px;
  background:#f57900;
  transform-origin:left center;
}
.primary-nav .menu>li.menu-item-has-children>a:after{
  content:'⌄';
  margin-left:6px;
  color:#6d675f;
  font-size:10px;
}
.primary-nav .sub-menu{
  top:70px;
  left:-18px;
  width:240px;
  padding:9px;
  background:#fffdf9;
  border:1px solid #dcd6cc;
  border-radius:2px;
  box-shadow:0 20px 50px rgba(29,25,19,.13);
}
.primary-nav .sub-menu a{padding:11px 12px;border-radius:1px;font-size:13px}
.primary-nav .sub-menu a:hover{background:#f4efe7}
.header-actions{
  height:84px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:22px;
  font-size:13.5px;
  font-weight:700;
  position:static;
}
.header-login{
  height:44px;
  padding:0 0;
  border:0;
  display:inline-flex;
  align-items:center;
  color:#1b1a18;
  position:relative;
}
.header-login:after{
  content:'';
  position:absolute;
  left:50%;
  right:auto;
  bottom:8px;
  width:26px;
  height:2px;
  background:#f57900;
  transform:translateX(-50%) scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
}
.header-login:hover:after,.header-login:focus-visible:after{transform:translateX(-50%) scaleX(1)}
.header-start{
  height:46px;
  padding:0 23px;
  border:1px solid #df6f00;
  border-radius:2px;
  background:#f77a00;
  color:#15130f;
  font-size:13px;
  font-weight:800;
  box-shadow:none;
}
.header-start:hover,.header-start:focus-visible{
  background:#e97100;
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(126,67,0,.12);
}

@media(max-width:1240px) and (min-width:1101px){
  .header-shell{width:min(calc(100% - 36px),1380px);grid-template-columns:142px minmax(0,1fr) auto;gap:20px}
  .site-brand,.custom-logo-link,.site-brand img,.custom-logo{width:128px;height:60px}
  .primary-nav .menu{gap:22px}
  .primary-nav .menu>li>a{font-size:12.5px}
  .header-actions{gap:14px;font-size:12.5px}
  .header-start{padding:0 17px;font-size:12.5px}
}

@media(max-width:1100px){
  .site-header{height:76px;background:#f5f1e9}
  .header-shell{height:76px;width:100%;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:14px}
  .brand-wrap{height:76px}
  .site-brand,.custom-logo-link,.site-brand img,.custom-logo{width:124px;height:58px}
  .primary-nav{top:76px;background:#fbf8f2;border-top:1px solid #ded8ce;border-bottom:1px solid #d5cec3}
  .primary-nav .menu>li>a{font-size:16px}
  .header-actions{height:76px}
  .header-start{height:42px}
}

@media(max-width:600px){
  .header-shell{padding:0 16px}
  .site-brand,.custom-logo-link,.site-brand img,.custom-logo{width:116px;height:54px}
}


/* ======================================================================
   WebPro Theme 1.2.8 — navigation polish only
   Replaces the text glyph dropdown indicator with a proper CSS chevron
   and refines the desktop dropdown interaction without touching page layouts.
   ====================================================================== */
@media(min-width:1101px){
  .primary-nav .menu{gap:30px}
  .primary-nav .menu>li>a{
    gap:8px;
    padding:0 1px;
    font-weight:700;
    transition:color .18s ease;
  }
  .primary-nav .menu>li.menu-item-has-children>a:after{
    content:'';
    width:5px;
    height:5px;
    margin:0 0 3px 1px;
    border-right:1.5px solid #6b665f;
    border-bottom:1.5px solid #6b665f;
    transform:rotate(45deg);
    transform-origin:center;
    position:static;
    transition:transform .18s ease,border-color .18s ease;
    flex:0 0 auto;
  }
  .primary-nav .menu>li.menu-item-has-children:hover>a:after,
  .primary-nav .menu>li.menu-item-has-children:focus-within>a:after{
    transform:rotate(225deg) translate(-1px,-1px);
    border-color:#f57900;
  }
  .primary-nav .sub-menu{
    top:66px;
    left:-16px;
    width:248px;
    padding:8px;
    background:#fffdfa;
    border:1px solid #d8d1c7;
    border-top:2px solid #f57900;
    border-radius:0 0 3px 3px;
    box-shadow:0 22px 48px rgba(28,24,18,.13);
    transform:translateY(8px);
  }
  .primary-nav li:hover>.sub-menu,
  .primary-nav li:focus-within>.sub-menu{
    transform:translateY(0);
  }
  .primary-nav .sub-menu:before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:-14px;
    height:14px;
  }
  .primary-nav .sub-menu li+li{border-top:1px solid #eee8df}
  .primary-nav .sub-menu a{
    position:relative;
    padding:12px 13px;
    border-radius:0;
    font-size:13px;
    line-height:1.35;
    font-weight:650;
    color:#1b1a18;
    transition:background .16s ease,color .16s ease,padding-left .16s ease;
  }
  .primary-nav .sub-menu a:after{
    content:'→';
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%) translateX(-3px);
    opacity:0;
    color:#f57900;
    transition:opacity .16s ease,transform .16s ease;
  }
  .primary-nav .sub-menu a:hover,
  .primary-nav .sub-menu a:focus-visible{
    background:#f6f1e9;
    color:#111;
    padding-left:16px;
  }
  .primary-nav .sub-menu a:hover:after,
  .primary-nav .sub-menu a:focus-visible:after{
    opacity:1;
    transform:translateY(-50%) translateX(0);
  }
}

@media(max-width:1100px){
  .primary-nav .menu>li.menu-item-has-children>a{
    display:flex;
    justify-content:space-between;
    gap:14px;
  }
  .primary-nav .menu>li.menu-item-has-children>a:after{
    content:'';
    width:7px;
    height:7px;
    margin:0 4px 4px 0;
    border-right:1.5px solid #6b665f;
    border-bottom:1.5px solid #6b665f;
    transform:rotate(45deg);
    position:static;
    flex:0 0 auto;
    transition:transform .18s ease,border-color .18s ease;
  }
  .primary-nav .menu>li.is-open>a:after{
    transform:rotate(225deg) translate(-1px,-1px);
    border-color:#f57900;
  }
}

/* ======================================================================
   WebPro Theme 1.2.9 — navigation + dropdown refinement
   Removes the desktop dropdown chevron and gives the menu a cleaner,
   editorial interaction while preserving the existing header structure.
   ====================================================================== */
@media(min-width:1101px){
  .primary-nav .menu{
    gap:34px;
  }
  .primary-nav .menu>li>a{
    position:relative;
    gap:0;
    padding:0 1px;
    font-size:13.5px;
    font-weight:700;
    letter-spacing:-.014em;
    color:#181714;
  }
  /* No visible dropdown arrow on desktop. */
  .primary-nav .menu>li.menu-item-has-children>a:after{
    content:none!important;
    display:none!important;
  }
  /* Refined underline: slim, centred and not over-emphasised. */
  .primary-nav .menu>li>a:before{
    left:0;
    right:0;
    bottom:19px;
    height:1.5px;
    background:#f57900;
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .18s ease;
  }
  .primary-nav .menu>li>a:hover:before,
  .primary-nav .menu>li>a:focus-visible:before,
  .primary-nav .menu>li.current-menu-item>a:before,
  .primary-nav .menu>li.current-menu-ancestor>a:before{
    transform:scaleX(1);
  }

  .primary-nav .sub-menu{
    top:70px;
    left:50%;
    width:278px;
    padding:9px 0;
    margin:0;
    background:#fffdfa;
    border:1px solid #d8d2c8;
    border-radius:2px;
    box-shadow:0 22px 54px rgba(30,25,18,.13);
    opacity:0;
    visibility:hidden;
    transform:translate(-50%,10px);
    transition:opacity .16s ease,transform .18s ease,visibility .16s ease;
    overflow:hidden;
  }
  .primary-nav li:hover>.sub-menu,
  .primary-nav li:focus-within>.sub-menu{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,0);
  }
  /* Invisible hover bridge so the dropdown does not flicker. */
  .primary-nav .sub-menu:before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:-14px;
    height:14px;
  }
  .primary-nav .sub-menu:after{
    content:'';
    position:absolute;
    top:0;
    left:18px;
    width:34px;
    height:2px;
    background:#f57900;
  }
  .primary-nav .sub-menu li{
    position:relative;
    margin:0;
    border:0;
  }
  .primary-nav .sub-menu li+li{
    border-top:1px solid #eee9e1;
  }
  .primary-nav .sub-menu a{
    position:relative;
    display:block;
    padding:13px 18px 13px 20px;
    border-radius:0;
    font-size:13.25px;
    line-height:1.35;
    font-weight:650;
    letter-spacing:-.006em;
    color:#1c1a17;
    background:transparent;
    transition:background .15s ease,color .15s ease,padding-left .15s ease;
  }
  .primary-nav .sub-menu a:before{
    content:'';
    position:absolute;
    left:0;
    top:10px;
    bottom:10px;
    width:2px;
    background:#f57900;
    transform:scaleY(0);
    transform-origin:center;
    transition:transform .15s ease;
  }
  .primary-nav .sub-menu a:after{
    content:none!important;
    display:none!important;
  }
  .primary-nav .sub-menu a:hover,
  .primary-nav .sub-menu a:focus-visible{
    background:#f4efe7;
    color:#111;
    padding-left:24px;
  }
  .primary-nav .sub-menu a:hover:before,
  .primary-nav .sub-menu a:focus-visible:before,
  .primary-nav .sub-menu .current-menu-item>a:before{
    transform:scaleY(1);
  }
  .primary-nav .sub-menu .current-menu-item>a{
    background:#f7f3ec;
  }
}

/* On the mobile menu, use a restrained + / − disclosure rather than a chevron. */
@media(max-width:1100px){
  .primary-nav .menu>li.menu-item-has-children>a:after{
    content:'+'!important;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    margin:0;
    border:1px solid #d8d1c7;
    border-radius:2px;
    font-size:18px;
    line-height:1;
    font-weight:400;
    color:#5d5851;
    background:#fffdfa;
    transform:none!important;
  }
  .primary-nav .menu>li.is-open>a:after{
    content:'−'!important;
    color:#181714;
    border-color:#c9c1b5;
    background:#f2ece3;
  }
  .primary-nav .sub-menu{
    margin:0 0 10px 0;
    padding:4px 0 6px 16px;
    border-left:1px solid #d7d0c5;
  }
  .primary-nav .sub-menu a{
    padding:10px 0;
    font-size:14px;
    background:transparent!important;
  }
}

/* ======================================================================
   WebPro Theme 1.2.10 — compact premium desktop navigation dropdown
   Header/menu only. No page-content changes.
   ====================================================================== */
@media (min-width:1101px){
  .primary-nav .menu{
    gap:31px;
  }
  .primary-nav .menu>li>a{
    font-size:13px;
    font-weight:680;
    letter-spacing:-.012em;
  }
  .primary-nav .menu>li>a:before{
    bottom:18px;
    height:1px;
  }

  /* Keep the submenu visually attached to the parent item rather than
     floating as a large centred block. */
  .primary-nav .menu>li.menu-item-has-children{
    position:relative;
  }
  .primary-nav .sub-menu{
    left:-16px;
    top:64px;
    width:226px;
    padding:8px;
    background:#fbf8f2;
    border:1px solid rgba(36,31,24,.14);
    border-radius:6px;
    box-shadow:0 16px 38px rgba(35,29,20,.11),0 2px 5px rgba(35,29,20,.05);
    transform:translateY(8px);
    overflow:visible;
  }
  .primary-nav li:hover>.sub-menu,
  .primary-nav li:focus-within>.sub-menu{
    transform:translateY(0);
  }
  /* Mouse-safe bridge from the nav item to the panel. */
  .primary-nav .sub-menu:before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:-12px;
    height:12px;
    background:transparent;
  }
  /* Remove the previous decorative orange bar. */
  .primary-nav .sub-menu:after{
    content:none;
    display:none;
  }
  .primary-nav .sub-menu li,
  .primary-nav .sub-menu li+li{
    border:0;
  }
  .primary-nav .sub-menu a{
    display:flex;
    align-items:center;
    min-height:42px;
    padding:10px 12px;
    border-radius:4px;
    font-size:13px;
    line-height:1.25;
    font-weight:660;
    letter-spacing:-.008em;
    color:#211e19;
    transition:background .15s ease,color .15s ease,transform .15s ease;
  }
  .primary-nav .sub-menu a:before,
  .primary-nav .sub-menu a:after{
    content:none!important;
    display:none!important;
  }
  .primary-nav .sub-menu a:hover,
  .primary-nav .sub-menu a:focus-visible,
  .primary-nav .sub-menu .current-menu-item>a{
    background:#f0e9df;
    color:#111;
    padding-left:12px;
    transform:translateX(2px);
  }
  .primary-nav .sub-menu a:focus-visible{
    outline:2px solid #f57900;
    outline-offset:1px;
  }
}


/* ======================================================================
   WebPro Theme 1.2.11 — Websites dropdown information hierarchy
   Header/menu only. Keeps the compact 1.2.10 panel but adds useful context
   and a restrained footer action so the dropdown feels intentionally designed.
   ====================================================================== */
@media (min-width:1101px){
  .primary-nav .menu>li.menu-item-has-children>.sub-menu{
    width:320px;
    left:-20px;
    top:64px;
    padding:0 10px 10px;
    background:#fbf8f2;
    border-color:rgba(43,36,27,.14);
    border-radius:5px;
    box-shadow:0 20px 48px rgba(36,29,20,.13),0 3px 8px rgba(36,29,20,.045);
  }
  .primary-nav .menu>li.menu-item-has-children>.sub-menu:before{
    content:'WEBSITES';
    position:static;
    display:block;
    height:auto;
    padding:14px 12px 7px;
    background:transparent;
    color:#e76f00;
    font-size:9.5px;
    line-height:1;
    font-weight:800;
    letter-spacing:.16em;
  }
  .primary-nav .menu>li.menu-item-has-children>.sub-menu>li{
    border:0!important;
  }
  .primary-nav .menu>li.menu-item-has-children>.sub-menu>li>a{
    min-height:0;
    padding:10px 12px 11px;
    display:block;
    border-radius:3px;
    color:#191714;
    transform:none;
  }
  .primary-nav .menu>li.menu-item-has-children>.sub-menu>li>a:hover,
  .primary-nav .menu>li.menu-item-has-children>.sub-menu>li>a:focus-visible,
  .primary-nav .menu>li.menu-item-has-children>.sub-menu>li.current-menu-item>a{
    padding-left:12px;
    background:#f1eadf;
    transform:none;
  }
  .submenu-link-title{
    display:block;
    font-size:13.25px;
    line-height:1.2;
    font-weight:750;
    letter-spacing:-.014em;
    color:#171512;
  }
  .submenu-link-desc{
    display:block;
    max-width:260px;
    margin-top:4px;
    color:#6c665e;
    font-size:11.25px;
    line-height:1.45;
    font-weight:450;
    letter-spacing:0;
  }
  .primary-nav .sub-menu .submenu-footer{
    margin-top:5px;
    padding-top:7px;
    border-top:1px solid #ded7cd!important;
  }
  .primary-nav .sub-menu .submenu-footer>a{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    min-height:0;
    padding:9px 12px!important;
    color:#181612;
    font-size:11.5px;
    line-height:1.2;
    font-weight:750;
    background:transparent!important;
  }
  .primary-nav .sub-menu .submenu-footer>a:hover,
  .primary-nav .sub-menu .submenu-footer>a:focus-visible{
    color:#d96800;
  }
  .primary-nav .sub-menu .submenu-footer .menu-footer-arrow{
    color:#ef7700;
    font-size:15px;
    line-height:1;
    transform:translateX(0);
    transition:transform .16s ease;
  }
  .primary-nav .sub-menu .submenu-footer>a:hover .menu-footer-arrow,
  .primary-nav .sub-menu .submenu-footer>a:focus-visible .menu-footer-arrow{
    transform:translateX(3px);
  }
}

@media(max-width:1100px){
  .submenu-link-title{display:block;font-weight:700}
  .submenu-link-desc{display:block;margin-top:2px;color:#777066;font-size:12px;line-height:1.4;font-weight:450}
  .primary-nav .sub-menu .submenu-footer{border-top:1px solid #d9d1c6;margin-top:4px;padding-top:5px}
  .primary-nav .sub-menu .submenu-footer>a{display:flex;align-items:center;justify-content:space-between;font-weight:700}
}


/* ======================================================================
   WebPro Theme 1.2.13 — compact vertical Websites dropdown
   Restores the preferred stacked layout from 1.2.11, with shorter copy
   and extra internal breathing room so descriptions never crowd the edge.
   ====================================================================== */
@media (min-width:1101px){
  .primary-nav .menu>li.menu-item-has-children>.sub-menu{
    width:326px;
    padding:0 13px 11px;
  }
  .primary-nav .menu>li.menu-item-has-children>.sub-menu:before{
    padding-left:13px;
    padding-right:13px;
  }
  .primary-nav .menu>li.menu-item-has-children>.sub-menu>li>a{
    padding-left:13px;
    padding-right:18px;
  }
  .primary-nav .menu>li.menu-item-has-children>.sub-menu>li>a:hover,
  .primary-nav .menu>li.menu-item-has-children>.sub-menu>li>a:focus-visible,
  .primary-nav .menu>li.menu-item-has-children>.sub-menu>li.current-menu-item>a{
    padding-left:13px;
  }
  .submenu-link-desc{
    max-width:244px;
  }
  .primary-nav .sub-menu .submenu-footer>a{
    padding-right:13px!important;
  }
}

/* ======================================================================
   WebPro Theme 1.2.16 — homepage hero refinement only
   Warms the hero, reduces device dominance, improves the image crop and
   gives the inclusion row more breathing room. Header/menu intentionally
   untouched.
   ====================================================================== */
.home-target-hero{
  background:#f8f5ef;
}

@media(min-width:1201px){
  .home-target-visual{
    background:#d8d0c5;
  }
  .home-target-office{
    object-position:53% 44%;
  }
  .home-target-device-stage{
    left:682px;
    top:252px;
    transform:scale(.90);
    transform-origin:left top;
  }
  .home-target-benefits{
    left:40px;
    top:426px;
    width:620px;
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .home-target-benefit{
    height:72px;
    min-height:72px;
    grid-template-columns:22px minmax(0,1fr);
    column-gap:9px;
    padding:0 12px;
    border-right:1px solid #dedbd5;
  }
  .home-target-benefit:first-child{padding-left:0}
  .home-target-benefit:last-child{padding-right:0;border-right:0}
  .home-target-benefit svg{
    width:21px;
    height:21px;
    margin-top:1px;
  }
  .home-target-benefit>div{
    height:72px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    min-width:0;
  }
  .home-target-benefit strong{
    min-height:18px;
    margin:0 0 7px;
    font-size:9.9px;
    line-height:1.15;
    white-space:nowrap;
  }
  .home-target-benefit p{
    margin:0;
    max-width:112px;
    font-size:9.05px;
    line-height:1.44;
    color:#625e58;
  }
}

@media(max-width:1350px) and (min-width:1201px){
  .home-target-device-stage{left:660px}
  .home-target-benefits{width:600px}
  .home-target-benefit{padding-left:10px;padding-right:10px;grid-template-columns:21px minmax(0,1fr);column-gap:8px}
  .home-target-benefit strong{font-size:9.55px}
  .home-target-benefit p{font-size:8.8px;max-width:106px}
}

@media(max-width:900px){
  .home-target-hero{background:#f8f5ef}
}


/* ======================================================================
   WebPro Theme 1.2.17 — hero typography readability pass only
   Slightly improves desktop readability in the approved homepage hero.
   Header, layout, imagery, colours and hero proportions remain untouched.
   ====================================================================== */
@media(min-width:901px){
  .home-target-lead{
    font-size:15px;
    line-height:1.72;
    color:#514e49;
  }
  .home-target-link{
    font-size:13px;
  }
}

@media(min-width:1351px){
  .home-target-benefit strong{
    font-size:10.4px;
    line-height:1.18;
    font-weight:750;
    color:#191919;
  }
  .home-target-benefit p{
    font-size:9.6px;
    line-height:1.5;
    color:#57534d;
  }
}

@media(max-width:1350px) and (min-width:1201px){
  .home-target-benefit strong{
    font-size:9.9px;
    font-weight:750;
  }
  .home-target-benefit p{
    font-size:9.15px;
    line-height:1.5;
    color:#57534d;
  }
}


/* ======================================================================
   WebPro Theme 1.2.18 — hero supporting type + benefit-row alignment
   Brings the small hero copy up to a comfortable reading size and rebuilds
   the four inclusion items as a cleaner, evenly aligned desktop row.
   Headline, imagery, device composition, background and header are unchanged.
   ====================================================================== */
@media(min-width:901px){
  .home-target-lead{
    font-size:16px;
    line-height:1.68;
    color:#45423e;
  }
  .home-target-primary{
    font-size:12.5px;
  }
  .home-target-link{
    font-size:13.5px;
    font-weight:750;
  }
}

@media(min-width:1201px){
  .home-target-benefits{
    top:426px;
    width:620px;
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .home-target-benefit{
    min-height:76px;
    height:76px;
    grid-template-columns:19px minmax(0,1fr);
    column-gap:7px;
    padding:0 8px;
    align-items:start;
  }
  .home-target-benefit:first-child{padding-left:0}
  .home-target-benefit:last-child{padding-right:0}
  .home-target-benefit svg{
    width:19px;
    height:19px;
    margin-top:1px;
  }
  .home-target-benefit>div{
    height:76px;
    min-width:0;
    display:grid;
    grid-template-rows:20px auto;
    align-content:start;
  }
  .home-target-benefit strong{
    min-height:0;
    margin:0;
    font-size:12.4px;
    line-height:1.2;
    font-weight:750;
    letter-spacing:-.01em;
    color:#191919;
    white-space:nowrap;
  }
  .home-target-benefit p{
    margin:4px 0 0;
    max-width:118px;
    font-size:11.2px;
    line-height:1.42;
    color:#514d47;
  }
}

@media(max-width:1350px) and (min-width:1201px){
  .home-target-benefit{
    grid-template-columns:18px minmax(0,1fr);
    column-gap:6px;
    padding-left:7px;
    padding-right:7px;
  }
  .home-target-benefit svg{width:18px;height:18px}
  .home-target-benefit strong{font-size:11.55px}
  .home-target-benefit p{font-size:10.45px;max-width:108px}
}

@media(min-width:1351px){
  .home-target-trust-label{
    font-size:10px;
    line-height:1.38;
  }
  .home-target-trust-items small{
    font-size:8.5px;
    line-height:1.25;
    margin-top:6px;
    color:#8b8b8b;
  }
}


/* ======================================================================
   WebPro Theme 1.2.19 — final hero tidy-up
   Keeps the approved hero intact while correcting the primary CTA arrow
   spacing and keeping the 12-month benefit copy to the same two-line rhythm.
   ====================================================================== */
.home-target-primary{
  gap:10px;
}
.home-target-primary span{
  flex:0 0 auto;
}


/* ======================================================================
   WebPro Theme 1.2.20 — 12-month wording clarification
   Clarifies that the initial commitment is a 12-month minimum and that the
   managed website continues on a rolling monthly basis afterwards.
   No visual layout, header, hero composition or typography changes.
   ====================================================================== */


/* ======================================================================
   WebPro Theme 1.2.22 — benefit-row micro-spacing
   Adds a few pixels of breathing room to the long 12-month heading without
   changing the four equal column widths or the approved hero composition.
   ====================================================================== */
@media(min-width:1201px){
  .home-target-benefit:nth-child(2){
    column-gap:5px;
  }
  .home-target-benefit:nth-child(2) strong{
    letter-spacing:-.02em;
  }
}


/* ======================================================================
   WebPro Theme 1.2.24 — hero CTA arrow alignment
   Gives both hero actions the exact same arrow treatment and reserves
   comfortable space around the primary CTA arrow on desktop.
   ====================================================================== */
.home-target-primary span,
.home-target-link span{
  display:inline-flex;
  width:18px;
  min-width:18px;
  height:18px;
  align-items:center;
  justify-content:center;
  font-size:18px;
  line-height:18px;
  font-weight:400;
  position:relative;
  top:-1px;
}
.home-target-primary:hover span,
.home-target-link:hover span{
  transform:translateX(3px);
}
.home-target-link{
  gap:14px;
}
@media(min-width:1201px){
  .home-target-primary{
    width:max-content;
    min-width:224px;
    padding-left:20px;
    padding-right:20px;
    gap:14px;
  }
}

/* ======================================================================
   WebPro Theme 1.2.26 — Selected Work strip polish
   Keeps the approved text-only treatment while pairing each featured
   project with a concise WebPro Hub industry • location descriptor.
   ====================================================================== */
.home-target-trust-items>a{
  color:#55514c;
  font-size:18px;
  line-height:1.12;
  font-weight:700;
}
.home-target-trust-items>a small{
  display:block;
  margin-top:5px;
  color:#85817b;
  font-size:10px;
  line-height:1.3;
  font-weight:400;
  letter-spacing:.01em;
}
.home-target-trust-items>a:hover{
  color:#171717;
}
.home-target-trust-items>a:hover small{
  color:#66615b;
}
@media(max-width:900px){
  .home-target-trust-items>a{font-size:17px}
  .home-target-trust-items>a small{font-size:10px}
}



/* ======================================================================
   WebPro Theme 1.2.27 — homepage pricing readability + hierarchy
   Keeps the approved dark three-card concept while making the section
   comfortable to read at normal desktop zoom.
   ====================================================================== */
.home-target-pricing-intro>p:last-child{
  font-size:15px!important;
  line-height:1.55!important;
  color:#dedede!important;
  width:340px;
}
.home-target-price-card h3{
  font-size:16px;
  line-height:1.2;
  margin-bottom:7px;
}
.home-target-price-sub{
  font-size:12.5px;
  line-height:1.4;
  color:#ececec;
  min-height:28px;
  margin-bottom:2px;
}
.home-target-price{
  font-size:56px;
  line-height:.98;
  margin:8px 0 7px;
}
.home-target-price small{
  font-size:12px;
  line-height:1;
  color:#e2e2e2;
  margin-left:4px;
}
.home-target-term{
  font-size:11.5px;
  line-height:1.35;
  color:#dedede;
  margin-bottom:13px;
}
.home-target-includes{
  font-size:12px;
  line-height:1.35;
  font-weight:700;
  color:#fff;
  margin-bottom:9px;
}
.home-target-price-card li{
  font-size:12.5px;
  line-height:1.4;
  color:#ededed;
  margin-bottom:6px;
  padding-left:20px;
}
.home-target-price-card li:before{
  font-size:14px;
  line-height:1.25;
}
.home-target-card-link{
  font-size:12.5px;
  line-height:1.2;
  gap:8px;
  padding-top:11px;
  text-decoration:none!important;
}
.home-target-card-link span{
  display:inline-block;
  font-size:14px;
  line-height:1;
  transition:transform .2s ease;
}
.home-target-card-link:hover span,
.home-target-card-link:focus-visible span{
  transform:translateX(3px);
}
.home-target-card-link:hover,
.home-target-card-link:focus-visible{
  text-decoration:underline!important;
  text-underline-offset:3px;
}
.home-target-popbar{
  height:24px;
  top:-16px;
  font-size:9.5px;
  letter-spacing:.1em;
}

@media(max-width:1280px) and (min-width:901px){
  .home-target-pricing-intro>p:last-child{font-size:14px!important;width:300px}
  .home-target-price-card h3{font-size:15px}
  .home-target-price-sub{font-size:11.5px}
  .home-target-price{font-size:50px}
  .home-target-price small{font-size:11px}
  .home-target-term{font-size:10.5px}
  .home-target-includes{font-size:11px}
  .home-target-price-card li{font-size:11.5px}
  .home-target-card-link{font-size:11.5px}
}

@media(max-width:900px){
  .home-target-pricing-intro>p:last-child{font-size:16px!important;line-height:1.6!important;width:min(100%,520px)}
  .home-target-price-card h3{font-size:17px}
  .home-target-price-sub{font-size:14px;min-height:0;margin-bottom:10px}
  .home-target-price{font-size:56px}
  .home-target-price small{font-size:13px}
  .home-target-term{font-size:12.5px}
  .home-target-includes{font-size:13px}
  .home-target-price-card li{font-size:14px;line-height:1.45;margin-bottom:8px}
  .home-target-card-link{font-size:14px;margin-top:22px}
  .home-target-popbar{font-size:10px}
}

/* ======================================================================
   WebPro Theme 1.2.28 — homepage pricing precision pass
   Final spacing/alignment polish for the approved pricing section.
   ====================================================================== */
.home-target-pricing{
  height:448px;
  padding-top:36px;
  padding-bottom:36px;
}
.home-target-price-cards{
  padding-top:12px;
  gap:30px;
  align-items:stretch;
}
.home-target-price-card{
  height:348px;
}
.home-target-price-card.is-popular{
  border-color:#727478;
}
.home-target-popbar{
  top:-15px;
}
.home-target-price small{
  font-size:13px;
  margin-left:6px;
  color:#f0f0f0;
}
.home-target-term{
  margin-bottom:17px;
}
.home-target-price-card ul{
  margin:0;
  flex:1 1 auto;
}
.home-target-card-link{
  margin-top:14px;
}

@media(max-width:1280px) and (min-width:901px){
  .home-target-pricing{height:auto;min-height:448px;padding-top:34px;padding-bottom:34px}
  .home-target-price-cards{padding-top:10px;gap:20px}
  .home-target-price small{font-size:12px}
}

@media(max-width:900px){
  .home-target-pricing{padding-top:64px;padding-bottom:64px;height:auto}
  .home-target-price-cards{padding-top:0}
  .home-target-price small{font-size:13px}
}

/* ======================================================================
   WebPro Theme 1.2.29 — pricing CTA baseline lock
   Keeps every desktop package CTA on one clean baseline with deliberate
   space above the bottom border, regardless of feature-list length.
   ====================================================================== */
@media(min-width:901px){
  .home-target-price-card{
    padding-bottom:58px;
  }
  .home-target-card-link{
    position:absolute!important;
    left:24px!important;
    bottom:21px!important;
    margin:0!important;
    padding:0!important;
    min-height:0;
  }
  .home-target-price-card.is-popular .home-target-card-link{
    bottom:21px!important;
  }
}

@media(max-width:1200px) and (min-width:901px){
  .home-target-card-link{left:18px!important}
}

/* ======================================================================
   WebPro Theme 1.2.30 — homepage Our Work editorial polish
   Keeps the open alternating portfolio layout while improving readability,
   project context and vertical rhythm.
   ====================================================================== */
.home-work-heading{
  margin-bottom:64px;
}
.home-work-heading p{
  font-size:19px;
  line-height:1.65;
  color:#4f4e4a;
  max-width:540px;
}
.home-work .webpro-portfolio-grid{
  gap:68px!important;
}
.home-work .webpro-portfolio-card,
.home-work .webpro-portfolio-card:nth-child(even){
  gap:58px!important;
}
.home-work .webpro-monitor-screen{
  height:438px!important;
}
.home-work .webpro-portfolio-copy{
  max-width:420px;
}
.home-work-project-meta{
  margin:0 0 12px;
  color:var(--orange);
  font-size:11px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.home-work .webpro-portfolio-copy h3{
  line-height:.98!important;
  margin:0 0 18px!important;
}
.home-work .webpro-portfolio-copy p{
  font-size:16px!important;
  line-height:1.65!important;
  color:#55534f!important;
  margin:0 0 18px!important;
}
.home-work-live-link,
.home-work-portfolio-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-size:14.5px!important;
  line-height:1.25;
  font-weight:750!important;
  text-decoration:none!important;
  border-bottom:1px solid #9d9b96!important;
  padding-bottom:4px!important;
}
.home-work-live-link span,
.home-work-portfolio-link span{
  display:inline-block;
  line-height:1;
  transition:transform .2s ease;
}
.home-work-live-link:hover span,
.home-work-live-link:focus-visible span,
.home-work-portfolio-link:hover span,
.home-work-portfolio-link:focus-visible span{
  transform:translateX(3px);
}
.home-work-more{
  margin-top:30px;
}
.home-work-portfolio-link{
  font-size:15px!important;
}

@media(max-width:1280px) and (min-width:901px){
  .home-work-heading p{font-size:17px}
  .home-work .webpro-portfolio-grid{gap:60px!important}
  .home-work .webpro-portfolio-card,.home-work .webpro-portfolio-card:nth-child(even){gap:46px!important}
  .home-work .webpro-monitor-screen{height:410px!important}
}

@media(max-width:900px){
  .home-work-heading{margin-bottom:48px}
  .home-work-heading p{font-size:17px;line-height:1.6}
  .home-work .webpro-portfolio-grid{gap:58px!important}
  .home-work .webpro-portfolio-card,.home-work .webpro-portfolio-card:nth-child(even){gap:26px!important}
  .home-work .webpro-monitor-screen{height:400px!important}
  .home-work .webpro-portfolio-copy{max-width:none}
  .home-work-project-meta{font-size:10.5px;margin-bottom:9px}
  .home-work .webpro-portfolio-copy p{font-size:16px!important}
  .home-work-live-link,.home-work-portfolio-link{font-size:14.5px!important}
  .home-work-more{margin-top:26px}
}

@media(max-width:680px){
  .home-work .webpro-monitor-screen{height:290px!important}
  .home-work .webpro-portfolio-copy h3{line-height:1.02!important}
}

/* ======================================================================
   WebPro Theme 1.2.31 — homepage Our Work finishing pass
   Keeps the approved editorial layout, curates the homepage to three
   featured projects, and adds restrained monitor/CTA polish.
   ====================================================================== */
@media(min-width:901px){
  .home-work .webpro-monitor{
    width:97%;
    transition:transform .2s ease, box-shadow .2s ease;
    box-shadow:0 18px 40px rgba(0,0,0,.10)!important;
  }
  .home-work .webpro-portfolio-card:nth-child(odd) .webpro-monitor{
    justify-self:start;
  }
  .home-work .webpro-portfolio-card:nth-child(even) .webpro-monitor{
    justify-self:end;
  }
  .home-work .webpro-monitor:hover,
  .home-work .webpro-monitor:focus-visible{
    transform:translateY(-2px);
    box-shadow:0 21px 44px rgba(0,0,0,.12)!important;
  }
  .home-work .webpro-portfolio-copy{
    align-self:center;
  }
}
.home-work-more{
  margin-top:20px;
}
.home-work-portfolio-link{
  gap:10px;
}

@media(max-width:900px){
  .home-work .webpro-monitor{
    width:100%;
    transition:transform .2s ease, box-shadow .2s ease;
    box-shadow:0 18px 40px rgba(0,0,0,.10)!important;
  }
  .home-work .webpro-monitor:hover,
  .home-work .webpro-monitor:focus-visible{
    transform:translateY(-2px);
  }
  .home-work-more{margin-top:22px}
}

/* ======================================================================
   WebPro Theme 1.2.32 — homepage Our Work section entry spacing
   Tightens only the space above Our Work and keeps link/arrow treatment
   consistent with the approved editorial system.
   ====================================================================== */
.home-work{
  padding-top:76px;
}
.home-work-live-link,
.home-work-portfolio-link{
  gap:9px;
}

@media(max-width:900px){
  .home-work{padding-top:72px}
}

@media(max-width:680px){
  .home-work{padding-top:62px}
}

/* ======================================================================
   WebPro Theme 1.2.33 — Fully Managed editorial refinement
   Keeps the approved content but gives the section stronger hierarchy,
   a calmer image proportion and a more deliberate secondary CTA.
   ====================================================================== */
.home-managed-copy h2:after{
  content:'';
  display:block;
  width:64px;
  height:3px;
  margin:24px 0 28px;
  background:var(--orange);
  border-radius:3px;
}
.home-managed-copy p{
  max-width:500px;
  font-size:20px;
  line-height:1.62;
  color:#53514d;
  margin-bottom:18px;
}
.home-managed-copy .text-link{
  font-size:16px;
  gap:12px;
  padding-bottom:3px;
  border-bottom-color:#8e8b85;
}
.home-managed-copy .text-link span{
  display:inline-block;
  font-size:17px;
  line-height:1;
  transition:transform .18s ease;
}
.home-managed-copy .text-link:hover span,
.home-managed-copy .text-link:focus-visible span{
  transform:translateX(3px);
}
.home-managed-photo img{
  object-position:44% 50%;
}

@media(min-width:901px){
  .home-managed-grid{
    grid-template-columns:.95fr 1.05fr;
    gap:112px;
  }
  .home-managed-photo{
    height:565px;
  }
}

@media(max-width:900px){
  .home-managed-copy p{font-size:18px;max-width:620px}
  .home-managed-copy h2:after{margin:20px 0 24px}
}

/* ======================================================================
   WebPro Theme 1.2.34 — Fully Managed image swap
   Replaces the generic laptop photo with the stronger branded working shot.
   ====================================================================== */
.home-managed-photo img{
  object-position:50% 52%;
}

/* ======================================================================
   WebPro Theme 1.2.35 — Fully Managed composition pass
   Gives the headline clear visual priority and treats the image as a
   supporting editorial photograph rather than a competing 50/50 block.
   ====================================================================== */
.home-managed-copy h2:after{
  margin:18px 0 26px;
}

@media(min-width:901px){
  .home-managed-grid{
    grid-template-columns:1fr .92fr;
    gap:124px;
    align-items:start;
  }
  .home-managed-photo{
    width:88%;
    max-width:610px;
    height:auto;
    aspect-ratio:4 / 3;
    justify-self:end;
    margin-top:54px;
  }
  .home-managed-photo img{
    object-position:50% 52%;
  }
}

/* ======================================================================
   WebPro Theme 1.2.36 — Fully Managed image rebalance
   Keeps the improved landscape composition but lets the image carry a bit
   more presence so the section feels intentional rather than under-filled.
   ====================================================================== */
@media(min-width:901px){
  .home-managed-grid{
    gap:112px;
  }
  .home-managed-photo{
    width:95%;
    max-width:670px;
    margin-top:46px;
  }
}

/* ======================================================================
   WebPro Theme 1.2.37 — Fully Managed image presence
   Keeps the improved landscape composition, but gives the photograph
   enough scale to properly balance the large editorial headline.
   ====================================================================== */
@media(min-width:901px){
  .home-managed-grid{
    grid-template-columns:.88fr 1.12fr;
    gap:86px;
  }
  .home-managed-photo{
    width:100%;
    max-width:760px;
    margin-top:34px;
    aspect-ratio:4 / 3;
  }
}

/* ======================================================================
   WebPro Theme 1.2.38 — Fully Managed laptop mock-up test
   Uses the transparent portfolio laptop asset while preserving the locked
   section composition so the image choice can be judged fairly.
   ====================================================================== */
.home-managed-photo{
  overflow:visible;
}
.home-managed-photo img{
  object-fit:contain;
  object-position:center;
}

/* ======================================================================
   WebPro Theme 1.2.40 — Fully Managed final laptop balance
   Slightly enlarges and pulls the dashboard laptop toward the copy, while
   preserving transparent canvas padding so no laptop corner is clipped.
   ====================================================================== */
@media(min-width:901px){
  .home-managed-photo{
    width:111%;
    max-width:845px;
    transform:translateX(-24px);
  }
}

/* ======================================================================
   WebPro Theme 1.2.41 — Fully Managed laptop edge repair
   Asset-level repair to restore the clipped front-left laptop corner.
   ====================================================================== */

/* ======================================================================
   WebPro Theme 1.2.42 — Fully Managed laptop canvas fix
   Keeps the original dashboard laptop untouched and gives the image a
   transparent safety canvas so the full chassis can render without crop.
   ====================================================================== */
.home-managed-photo{
  overflow:visible!important;
  aspect-ratio:auto!important;
  height:auto!important;
}
.home-managed-photo img{
  display:block;
  width:100%;
  height:auto!important;
  max-width:none;
  object-fit:contain!important;
  object-position:center!important;
}
@media(min-width:901px){
  .home-managed-photo{
    width:117%;
    max-width:890px;
    transform:translateX(-28px);
  }
}

/* ======================================================================
   WebPro Theme 1.2.44 — trust section mobile mock-up test
   Replaces the repeated office photograph with the supplied phone mock-up
   while keeping the approved trust/company copy and layout untouched.
   ====================================================================== */
.home-trust-device{
  height:650px;
  overflow:visible;
  display:flex;
  align-items:center;
  justify-content:center;
}
.home-trust-device img{
  width:auto;
  height:100%;
  max-width:100%;
  object-fit:contain;
  object-position:center;
  display:block;
}

@media(max-width:900px){
  .home-trust-device{
    height:auto;
    min-height:0;
    padding:10px 0 20px;
  }
  .home-trust-device img{
    width:min(72vw,460px);
    height:auto;
  }
}

/* ======================================================================
   WebPro Theme 1.2.46 — company/trust section balance pass
   Brings the phone and company facts into the same editorial design system
   as the locked Fully Managed section above.
   ====================================================================== */
.home-trust-copy h2:after{
  content:'';
  display:block;
  width:64px;
  height:3px;
  margin:18px 0 26px;
  background:var(--orange);
  border-radius:3px;
}
.home-trust-copy dl{
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-bottom:1px solid #d8d6d2;
}
.home-trust-copy dl div{
  min-width:0;
  padding:18px 18px 18px 0;
  border-bottom:0;
}
.home-trust-copy dl div+div{
  padding-left:18px;
  border-left:1px solid #d8d6d2;
}
.home-trust-copy .text-link{
  display:inline-flex;
  align-items:center;
  gap:12px;
}
.home-trust-copy .text-link span{
  display:inline-block;
  transition:transform .18s ease;
}
.home-trust-copy .text-link:hover span,
.home-trust-copy .text-link:focus-visible span{
  transform:translateX(3px);
}

@media(min-width:901px){
  .home-trust-grid{
    grid-template-columns:.94fr 1.06fr;
    gap:74px;
  }
  .home-trust-device{
    height:720px;
    justify-content:flex-end;
    transform:translateX(24px);
  }
  .home-trust-device img{
    height:100%;
    max-width:none;
  }
}

@media(max-width:900px){
  .home-trust-copy h2:after{margin:20px 0 24px}
  .home-trust-copy dl{grid-template-columns:1fr}
  .home-trust-copy dl div,
  .home-trust-copy dl div+div{
    padding:16px 0;
    border-left:0;
    border-bottom:1px solid #d8d6d2;
  }
  .home-trust-copy dl div:last-child{border-bottom:0}
}

/* WebPro Theme 1.2.47 — company section final spacing polish */
.home-trust-copy dl{
  margin-bottom:30px;
}

/* ======================================================================
   WebPro Theme 1.2.48 — Local SEO section polish
   Keeps the strong dark editorial concept while improving right-side
   hierarchy, CTA branding and overall vertical rhythm.
   ====================================================================== */
.home-seo{
  padding-top:104px;
  padding-bottom:104px;
}
.home-seo p{
  font-size:19px;
  line-height:1.62;
  color:#dddddd;
  margin-bottom:0;
}
.home-seo-cta{
  margin-top:30px!important;
  gap:12px;
  background:var(--orange);
  border-color:var(--orange);
  color:#111;
}
.home-seo-cta:hover,
.home-seo-cta:focus-visible{
  background:#ef7200;
  border-color:#ef7200;
}
.home-seo-cta span{
  display:inline-block;
  font-size:16px;
  line-height:1;
  transition:transform .18s ease;
}
.home-seo-cta:hover span,
.home-seo-cta:focus-visible span{
  transform:translateX(3px);
}

@media(min-width:901px){
  .home-seo-grid>div:last-child{
    transform:translateY(-34px);
  }
}

@media(max-width:900px){
  .home-seo{
    padding-top:82px;
    padding-bottom:82px;
  }
  .home-seo p{font-size:17px;line-height:1.6}
  .home-seo-grid>div:last-child{transform:none}
}

/* WebPro Theme 1.2.49 — Local SEO final vertical alignment */
@media(min-width:901px){
  .home-seo-grid>div:last-child{
    transform:translateY(-46px);
  }
}

/* ======================================================================
   WebPro Theme 1.2.50 — final CTA refinement
   Tightens the closing conversion section and brings its buttons into the
   same visual system as the approved homepage CTAs above.
   ====================================================================== */
.section-cta{
  padding:64px 0;
}
.cta-editorial{
  padding:42px 0;
  grid-template-columns:minmax(0,760px) auto;
  justify-content:start;
  gap:72px;
}
.cta-editorial p{
  margin-bottom:0;
}
.cta-actions{
  gap:14px;
  align-items:center;
}
.cta-actions .button{
  min-height:52px;
  padding-inline:24px;
  font-size:14px;
  white-space:nowrap;
}
.cta-actions .button::after{
  content:'→';
  display:inline-block;
  margin-left:11px;
  font-size:15px;
  line-height:1;
  transition:transform .18s ease;
}
.cta-actions .button:hover::after,
.cta-actions .button:focus-visible::after{
  transform:translateX(3px);
}
.cta-actions .button-outline{
  border-color:#aaa69f;
  background:transparent;
}
.cta-actions .button-outline:hover,
.cta-actions .button-outline:focus-visible{
  background:#f5f2ec;
  border-color:#77736d;
  color:var(--ink);
}

@media(max-width:1100px) and (min-width:901px){
  .cta-editorial{
    grid-template-columns:minmax(0,1fr) auto;
    gap:42px;
  }
}
@media(max-width:900px){
  .section-cta{padding:56px 0}
  .cta-editorial{padding:38px 0;grid-template-columns:1fr;gap:28px}
  .cta-actions{justify-content:flex-start;flex-wrap:wrap}
}
@media(max-width:680px){
  .section-cta{padding:44px 0}
  .cta-actions{width:100%}
  .cta-actions .button{width:100%}
}

/* ======================================================================
   WebPro Theme 1.2.51 — homepage closing CTA panel
   Gives the final homepage conversion area a more deliberate finish while
   preserving the approved headline, copy and button hierarchy.
   ====================================================================== */
body.home .section-cta{
  padding:58px 0 64px;
}
body.home .cta-editorial{
  position:relative;
  padding:46px 48px;
  grid-template-columns:minmax(0,700px) auto;
  gap:48px;
  background:#f8f5ef;
  border:1px solid #e1ddd5;
  box-shadow:0 10px 28px rgba(24,20,16,.025);
}
body.home .cta-editorial::before{
  content:'';
  position:absolute;
  top:-1px;
  left:48px;
  width:80px;
  height:3px;
  background:var(--orange);
}
body.home .cta-actions{
  align-self:center;
}

@media(max-width:1100px) and (min-width:901px){
  body.home .cta-editorial{
    grid-template-columns:minmax(0,1fr) auto;
    gap:34px;
    padding:42px 38px;
  }
  body.home .cta-editorial::before{left:38px}
}
@media(max-width:900px){
  body.home .section-cta{padding:50px 0}
  body.home .cta-editorial{
    padding:38px 32px;
    grid-template-columns:1fr;
    gap:26px;
  }
  body.home .cta-editorial::before{left:32px}
}
@media(max-width:680px){
  body.home .section-cta{padding:40px 0}
  body.home .cta-editorial{padding:34px 24px}
  body.home .cta-editorial::before{left:24px;width:64px}
}

/* ======================================================================
   WebPro Theme 1.2.53 — homepage CTA-to-footer spacing
   Tightens only the whitespace below the final homepage CTA while leaving
   the panel and footer styling unchanged.
   ====================================================================== */
body.home .site-footer{
  margin-top:50px;
}

@media(max-width:900px){
  body.home .site-footer{margin-top:36px}
}
@media(max-width:680px){
  body.home .site-footer{margin-top:28px}
}

/* ======================================================================
   WebPro Theme 1.2.54 — final homepage CTA bottom spacing
   Removes the last excess whitespace between the closing CTA panel and
   the footer while leaving the approved panel itself untouched.
   ====================================================================== */
body.home .site-footer{
  margin-top:14px;
}
@media(max-width:900px){
  body.home .site-footer{margin-top:12px}
}
@media(max-width:680px){
  body.home .site-footer{margin-top:10px}
}

/* ======================================================================
   WebPro Theme 1.2.55 — footer refinement
   Brings the footer into the same restrained editorial system as the
   locked homepage sections: transparent branding, clearer typography,
   tighter rhythm and a cleaner utility/legal finish.
   ====================================================================== */
.site-footer{
  margin-top:0;
  padding:62px 0 22px;
  background:#171819;
}
.footer-top{
  grid-template-columns:1.05fr 1.95fr;
  gap:88px;
  padding-bottom:42px;
  align-items:start;
}
.footer-statement img{
  width:178px;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  display:block;
}
.footer-statement p{
  max-width:430px;
  margin-top:22px;
  font-size:15px;
  line-height:1.6;
  color:#c9c9c7;
}
.footer-columns{
  gap:58px;
}
.footer-columns h3{
  margin:2px 0 12px;
  font-size:10.5px;
  line-height:1.2;
  letter-spacing:.14em;
  color:#ff9719;
}
.footer-columns a{
  padding:5px 0;
  font-size:14px;
  line-height:1.35;
  color:#d0d0ce;
  text-decoration:none;
  transition:color .18s ease, transform .18s ease;
}
.footer-columns a:hover,
.footer-columns a:focus-visible{
  color:#fff;
  transform:translateX(2px);
}
.footer-columns .footer-login{
  margin-top:7px;
  color:#fff;
  font-weight:700;
}
.footer-contact-line{
  margin-top:0;
  gap:32px;
  padding:18px 0;
  border-color:#343536;
  font-size:13px;
  line-height:1.45;
  color:#bdbdbb;
}
.footer-contact-line a{
  color:#ededeb;
  font-weight:700;
}
.footer-bottom{
  align-items:center;
  padding-top:18px;
  color:#989896;
  font-size:12px;
  line-height:1.45;
}
.footer-legal{
  gap:20px;
}
.footer-legal a{
  color:#aaa9a7;
  text-decoration:none;
}
.footer-legal a:hover,
.footer-legal a:focus-visible{
  color:#fff;
}

@media(max-width:900px){
  .site-footer{padding-top:54px}
  .footer-top{gap:42px;padding-bottom:36px}
  .footer-statement img{width:160px}
  .footer-statement p{font-size:15px;max-width:520px}
  .footer-columns{gap:36px}
  .footer-columns a{font-size:14px}
}

@media(max-width:680px){
  .site-footer{padding-top:46px}
  .footer-columns{grid-template-columns:1fr 1fr;gap:32px 28px}
  .footer-statement img{width:150px}
  .footer-contact-line{gap:14px;padding:18px 0}
  .footer-bottom{gap:12px;padding-top:16px}
  .footer-legal{gap:16px;flex-wrap:wrap}
}

/* ======================================================================
   WebPro Theme 1.2.56 — footer finishing pass
   Improves logo legibility on dark, normalises utility link weight and
   gives the contact strip a final readability bump.
   ====================================================================== */
.footer-logo-lockup{
  width:max-content;
  margin:0;
}
.footer-logo-crop{
  display:block;
  width:172px;
  height:74px;
  overflow:hidden;
}
.footer-logo-crop img{
  display:block;
  width:172px!important;
  height:auto!important;
  max-width:none!important;
  object-fit:initial!important;
  object-position:initial!important;
  background:transparent!important;
}
.footer-logo-word{
  display:block;
  margin-top:2px;
  padding-left:7px;
  color:#a9a9a9;
  font-size:10px;
  line-height:1;
  letter-spacing:.28em;
  font-weight:500;
}
.footer-columns .footer-login{
  font-weight:400;
  color:#d2d2d2;
}
.footer-columns .footer-login:hover,
.footer-columns .footer-login:focus-visible{
  color:#fff;
}
.footer-contact-line{
  font-size:14px;
  line-height:1.45;
}

@media(max-width:900px){
  .footer-logo-crop{width:160px;height:69px}
  .footer-logo-crop img{width:160px!important}
  .footer-logo-word{font-size:9px;padding-left:6px}
}

@media(max-width:680px){
  .footer-logo-crop{width:150px;height:65px}
  .footer-logo-crop img{width:150px!important}
  .footer-contact-line{font-size:13px}
}

/* ======================================================================
   WebPro Theme 1.2.57 — footer logo lockup correction
   Uses the real logo geometry as one image so PROFESSIONALS sits in the
   exact original position beneath the WEB mark.
   ====================================================================== */
.footer-logo-lockup{
  width:172px;
}
.footer-logo-crop{
  width:172px;
  height:auto;
  overflow:visible;
}
.footer-logo-crop img{
  display:block;
  width:172px!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
  background:transparent!important;
}
.footer-logo-word{display:none!important;}

@media(max-width:900px){
  .footer-logo-lockup,.footer-logo-crop{width:160px}
  .footer-logo-crop img{width:160px!important}
}
@media(max-width:680px){
  .footer-logo-lockup,.footer-logo-crop{width:150px}
  .footer-logo-crop img{width:150px!important}
}

/* ======================================================================
   WebPro Theme 1.2.58 — homepage heading hierarchy pass
   Slightly reins in the oversized editorial section statements so the
   homepage hero remains the primary opening statement. Desktop/tablet only;
   existing mobile heading rules remain unchanged.
   ====================================================================== */
@media(min-width:901px){
  .home-work-heading h2{
    font-size:clamp(3rem,5.05vw,5.15rem);
  }
  .home-managed-copy h2,
  .home-trust-copy h2{
    font-size:clamp(2.8rem,4.45vw,4.25rem);
  }
  .home-seo h2{
    font-size:clamp(3rem,5.05vw,5.35rem);
  }
}

/* ======================================================================
   WebPro Theme 1.2.59 — corrected homepage heading hierarchy
   Uses sensible desktop caps so section statements remain large/editorial
   without visually outranking the locked 67px homepage hero headline.
   ====================================================================== */
@media(min-width:901px){
  .home-work-heading h2{
    font-size:clamp(48px,3.8vw,64px);
  }
  .home-managed-copy h2,
  .home-trust-copy h2{
    font-size:clamp(46px,3.55vw,61px);
  }
  .home-seo h2{
    font-size:clamp(48px,3.8vw,64px);
  }
}

/* ======================================================================
   WebPro Theme 1.2.60 — homepage responsive QA pass
   Tablet/mobile only. Desktop (>1100px) is intentionally untouched.
   Tightens breakpoints, prevents device/mockup overflow and improves
   navigation/touch behaviour while preserving the locked visual system.
   ====================================================================== */

@media(max-width:1100px){
  /* Mobile/tablet navigation behaves like a proper drawer and remains usable
     on short landscape screens. */
  .primary-nav{
    z-index:100;
    max-height:calc(100vh - 74px);
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .primary-nav .menu>li>a{min-height:48px}
  .primary-nav .sub-menu a{min-height:44px;display:flex;align-items:center}
  .nav-toggle{z-index:101}

  /* Keep the hero comfortable on tablet instead of allowing the desktop
     headline scale to grow right up to the breakpoint. */
  .home-target-copy h1{
    font-size:clamp(50px,6.2vw,64px);
    line-height:1.03;
    letter-spacing:-.038em;
  }
  .home-target-line-two{font-size:inherit;line-height:inherit}
  .home-target-copy{max-width:720px}
  .home-target-visual{height:520px}
  .home-target-portrait-wrap{height:520px}
  .home-target-portrait{height:485px}
  .home-target-device-stage{transform:scale(.82);bottom:4px}

  /* The pricing intro should lead, with three cards still visible side by
     side on landscape/tablet widths where there is enough room. */
  .home-target-pricing{height:auto;min-height:0;padding:52px 28px 56px}
  .home-target-pricing-grid{grid-template-columns:1fr;gap:38px}
  .home-target-pricing-intro{padding-top:0;max-width:650px}
  .home-target-pricing-intro h2,
  .home-target-pricing-intro>p:last-child{width:auto;max-width:560px}
  .home-target-price-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:10px}
  .home-target-price-card{height:360px;padding-inline:18px}
  .home-target-card-link{left:18px!important}

  /* Transparent device assets should remain contained when their sections
     collapse from two columns to one. */
  .home-managed-photo{
    width:min(100%,720px)!important;
    max-width:720px!important;
    transform:none!important;
    justify-self:center;
    margin:0 auto!important;
  }
  .home-managed-photo img{max-width:100%!important}
  .home-trust-device{transform:none!important;justify-content:center!important}

  .home-seo-grid{gap:42px}
}

@media(max-width:900px){
  .wrap,.narrow{width:min(calc(100% - 48px),var(--content))}

  .home-target-hero{padding:54px 28px 0}
  .home-target-copy h1{font-size:clamp(48px,7vw,60px)}
  .home-target-rule{margin-top:18px;margin-bottom:22px}
  .home-target-actions{margin-top:22px}
  .home-target-visual{
    width:calc(100% + 56px);
    margin-left:-28px;
    height:500px;
  }
  .home-target-portrait-wrap{height:500px;width:300px}
  .home-target-portrait{height:465px;right:-125px}
  .home-target-device-stage{left:18px;transform:scale(.76);bottom:-6px}
  .home-target-benefits{margin-top:38px;padding-bottom:40px;gap:16px 22px}

  /* At portrait tablet widths, stacking the cards is easier to scan and
     prevents cramped feature copy. */
  .home-target-pricing{padding:56px 28px}
  .home-target-price-cards{grid-template-columns:1fr;gap:30px;padding-top:0}
  .home-target-price-card{height:auto;min-height:350px;padding:30px 28px 26px}
  .home-target-card-link{position:static!important;margin-top:22px!important;padding-top:0!important}

  .home-work-heading{gap:24px}
  .home-work-heading h2{font-size:clamp(46px,7vw,58px)}
  .home-work .webpro-monitor-screen{height:clamp(320px,52vw,400px)!important}

  .home-managed-grid,.home-trust-grid{gap:40px}
  .home-managed-photo{width:min(92vw,650px)!important}
  .home-trust-device img{width:min(62vw,430px)}
  .home-trust-copy dl{margin-top:30px}

  .home-seo{padding-top:76px;padding-bottom:76px}
  .home-seo-grid{gap:32px}
  .home-seo h2{font-size:clamp(46px,7vw,58px)}

  body.home .cta-editorial{gap:24px}
  .footer-top{grid-template-columns:1fr;gap:36px}
}

@media(max-width:680px){
  .wrap,.narrow{width:min(calc(100% - 32px),var(--content))}
  .site-header,.header-shell{height:68px}
  .brand-wrap{left:16px;height:68px}
  .site-brand,.custom-logo-link{width:96px;height:48px}
  .site-brand img,.custom-logo{width:96px;height:48px}
  .nav-toggle{right:10px;top:11px}
  .header-actions{right:62px;height:68px}
  .primary-nav{top:68px;max-height:calc(100vh - 68px);padding:14px 18px 20px}
  .primary-nav .menu>li>a{font-size:16px;padding:10px 0}
  .primary-nav .sub-menu{padding-left:12px}

  .home-target-hero{padding:42px 18px 0}
  .home-target-copy h1{
    font-size:clamp(40px,11.7vw,52px);
    line-height:1.04;
    letter-spacing:-.034em;
  }
  .home-target-eyebrow{font-size:9px;line-height:1.25;margin-bottom:12px}
  .home-target-rule{width:86px;height:3px;margin:17px 0 19px}
  .home-target-lead{font-size:15.5px;line-height:1.65}
  .home-target-actions{gap:8px;margin-top:20px}
  .home-target-primary{width:100%;max-width:none;min-height:48px;justify-content:space-between}
  .home-target-link{min-height:44px;padding-left:2px}
  .home-target-visual{
    width:calc(100% + 36px);
    margin-left:-18px;
    height:420px;
  }
  .home-target-office{object-position:48% 48%}
  .home-target-portrait-wrap{height:420px;width:225px}
  .home-target-portrait{height:390px;right:-112px}
  .home-target-device-stage{left:3px;bottom:-24px;transform:scale(.55)}
  .home-target-benefits{margin-top:30px;padding-bottom:32px;gap:0}
  .home-target-benefit{padding:16px 0;min-height:0;height:auto;border-bottom:1px solid #ddd}
  .home-target-benefit:last-child{border-bottom:0}
  .home-target-benefit strong{font-size:13px}
  .home-target-benefit p{font-size:12px;line-height:1.5}

  .home-target-trust{padding:24px 18px}
  .home-target-trust-items{gap:18px}
  .home-target-trust-items>a{font-size:16px}

  .home-target-pricing{padding:48px 18px 50px}
  .home-target-pricing-intro h2{font-size:36px;line-height:1.08}
  .home-target-pricing-intro>p:last-child{font-size:15px!important}
  .home-target-price-card{min-height:0;padding:28px 22px 24px}
  .home-target-price{font-size:50px}
  .home-target-price-card li{font-size:13.5px}

  .section{padding:66px 0}
  .home-work{padding-top:56px}
  .home-work-heading{margin-bottom:38px;gap:20px}
  .home-work-heading h2,
  .home-seo h2{font-size:clamp(40px,11vw,48px);line-height:1.03}
  .home-work-heading p{font-size:16px}
  .home-work .webpro-portfolio-grid{gap:48px!important}
  .home-work .webpro-monitor-screen{height:clamp(230px,62vw,310px)!important}
  .home-work .webpro-portfolio-card,
  .home-work .webpro-portfolio-card:nth-child(even){gap:22px!important}
  .home-work .webpro-portfolio-copy h3{font-size:clamp(34px,9vw,44px)!important}
  .home-work-more{margin-top:18px}

  .home-managed-grid,.home-trust-grid{gap:32px}
  .home-managed-copy h2,
  .home-trust-copy h2{font-size:clamp(40px,10.5vw,48px);line-height:1.04}
  .home-managed-copy p,.home-trust-copy>p{font-size:16.5px;line-height:1.6}
  .home-managed-photo{width:min(100%,480px)!important}
  .home-trust-device{padding:0 0 10px}
  .home-trust-device img{width:min(72vw,360px)}
  .home-trust-copy dl{margin:26px 0 24px}

  .home-seo{padding-top:64px;padding-bottom:64px}
  .home-seo p{font-size:16.5px}
  .home-seo-cta{margin-top:22px!important;min-height:48px}

  body.home .section-cta{padding:34px 0}
  body.home .cta-editorial{padding:32px 22px;gap:22px}
  body.home .cta-editorial h2{font-size:clamp(36px,9.5vw,46px);line-height:1.05}
  body.home .cta-editorial p{font-size:16px;line-height:1.55}
  .cta-actions{gap:10px}
  .cta-actions .button{min-height:50px}

  .site-footer{padding-top:42px}
  .footer-top{gap:30px;padding-bottom:28px}
  .footer-columns{grid-template-columns:1fr 1fr;gap:28px 22px}
  .footer-columns a{font-size:13.5px}
  .footer-contact-line{align-items:flex-start;gap:10px;font-size:13px}
  .footer-bottom{align-items:flex-start}
}

@media(max-width:460px){
  .footer-columns{grid-template-columns:1fr;gap:24px}
  .home-target-copy h1{font-size:clamp(39px,11.5vw,48px)}
  .home-target-visual{height:390px}
  .home-target-portrait-wrap{height:390px;width:205px}
  .home-target-portrait{height:365px;right:-108px}
  .home-target-device-stage{transform:scale(.50);bottom:-34px;left:-5px}
  .home-trust-device img{width:min(78vw,330px)}
}

/* ======================================================================
   WebPro Theme 1.2.61 — mobile header + hero structural QA
   Desktop remains untouched. Adds a slim mobile contact bar, simplifies the
   closed mobile header to logo + hamburger, puts utility actions in the drawer,
   and contains the hero portfolio mockup inside the photo instead of allowing
   it to overlap the benefits strip.
   ====================================================================== */
.mobile-utility-bar,
.mobile-nav-actions,
.home-target-device-stage-mobile{display:none}

@media(max-width:760px){
  /* Slim utility strip above the sticky mobile header. It scrolls away while
     the main header itself remains sticky. */
  .mobile-utility-bar{
    display:flex;
    min-height:36px;
    padding:0 16px;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    background:#171819;
    color:#fff;
    font-size:12px;
    line-height:1;
    font-weight:700;
    letter-spacing:.01em;
  }
  .mobile-utility-bar a{color:#fff;text-decoration:none}
  .mobile-utility-phone{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
  .mobile-utility-phone span{color:#ff7900;font-size:13px}
  .mobile-utility-support{color:#e8e5df;white-space:nowrap;font-weight:600}

  /* Closed state is deliberately just logo + hamburger. Strong !important
     rules protect this from older accumulated header declarations. */
  .site-header{height:68px!important}
  .header-shell{
    height:68px!important;
    width:100%!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
  }
  .brand-wrap{height:68px!important;position:static!important;flex:0 0 auto!important}
  .site-brand,.custom-logo-link,
  .site-brand img,.custom-logo{width:108px!important;height:52px!important;object-fit:contain!important;object-position:left center!important}
  .header-actions{display:none!important}
  .nav-toggle{
    display:block!important;
    position:static!important;
    width:46px!important;
    height:46px!important;
    margin-left:auto!important;
    padding:10px!important;
    flex:0 0 46px!important;
  }
  .nav-toggle>span:not(.screen-reader-text){height:2px!important;margin:6px 0!important;background:#171717!important}
  .primary-nav{
    display:none!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:68px!important;
    height:auto!important;
    max-height:calc(100dvh - 68px)!important;
    overflow-y:auto!important;
    padding:12px 20px 22px!important;
    background:#fbf8f2!important;
    border-top:1px solid #ded8ce!important;
    border-bottom:1px solid #d5cec3!important;
    box-shadow:0 18px 36px rgba(0,0,0,.12)!important;
    z-index:1002!important;
  }
  .primary-nav.is-open{display:block!important}
  .primary-nav .menu{display:block!important;margin:0!important;padding:0!important}
  .primary-nav .menu>li{display:block!important;width:100%!important}
  .primary-nav .menu>li>a{
    display:flex!important;
    width:100%!important;
    min-height:48px!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:10px 0!important;
    font-size:16px!important;
    line-height:1.3!important;
  }
  .primary-nav .sub-menu{padding-left:14px!important;margin:0 0 8px!important}
  .mobile-nav-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    padding-top:16px;
    margin-top:10px;
    border-top:1px solid #d8d1c7;
  }
  .mobile-nav-login,
  .mobile-nav-start{
    min-height:50px;
    display:flex;
    align-items:center;
    text-decoration:none;
    font-size:15px;
    font-weight:750;
  }
  .mobile-nav-login{color:#181714;padding:0 2px}
  .mobile-nav-start{
    justify-content:space-between;
    padding:0 18px;
    background:#ff7900;
    color:#111;
    border:1px solid #ed7000;
  }
  .mobile-nav-start span{font-size:19px;font-weight:400}

  /* Hero mobile flow: copy and both CTAs finish before the photo begins. */
  .home-target-hero{padding:40px 18px 0!important}
  .home-target-copy{padding-bottom:22px!important}
  .home-target-copy h1{
    font-size:clamp(39px,11.2vw,49px)!important;
    line-height:1.045!important;
    letter-spacing:-.032em!important;
  }
  .home-target-lead{font-size:15.5px!important;line-height:1.6!important}
  .home-target-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:10px!important;
    margin:20px 0 0!important;
  }
  .home-target-primary{
    width:100%!important;
    max-width:none!important;
    min-height:54px!important;
    height:54px!important;
    padding:0 18px!important;
    justify-content:space-between!important;
    font-size:14px!important;
  }
  .home-target-link{
    width:max-content!important;
    min-height:42px!important;
    height:42px!important;
    padding:0 2px!important;
    gap:12px!important;
    font-size:14px!important;
  }
  .home-target-visual{
    width:calc(100% + 36px)!important;
    margin-left:-18px!important;
    height:405px!important;
    overflow:hidden!important;
    order:2!important;
  }
  .home-target-office{object-position:48% 50%!important}
  .home-target-portrait-wrap{height:405px!important;width:225px!important}
  .home-target-portrait{height:378px!important;right:-112px!important}

  /* Hide the desktop-positioned mockup and use a duplicate that is actually
     inside the photo container, so it can never cover the benefit rows. */
  .home-target-hero > .home-target-device-stage{display:none!important}
  .home-target-visual .home-target-device-stage-mobile{
    display:block!important;
    position:absolute!important;
    left:10px!important;
    top:auto!important;
    bottom:12px!important;
    width:510px!important;
    height:300px!important;
    transform:scale(.51)!important;
    transform-origin:left bottom!important;
    z-index:9!important;
    pointer-events:none!important;
  }
  .home-target-benefits{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    order:3!important;
    width:100%!important;
    margin-top:0!important;
    padding:16px 0 28px!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    background:#f8f5ef;
    z-index:3!important;
  }
  .home-target-benefit{
    grid-template-columns:38px 1fr!important;
    column-gap:12px!important;
    padding:17px 0!important;
    border-right:0!important;
    border-bottom:1px solid #ddd8d0!important;
  }
  .home-target-benefit:last-child{border-bottom:0!important}
  .home-target-benefit svg{width:26px!important;height:26px!important;margin-top:1px!important}
  .home-target-benefit strong{font-size:14px!important;line-height:1.25!important;margin:0 0 5px!important}
  .home-target-benefit p{font-size:12.5px!important;line-height:1.5!important;margin:0!important}

  .home-target-trust{padding-top:22px!important}
}

@media(max-width:390px){
  .mobile-utility-bar{padding-inline:12px;font-size:11.5px}
  .mobile-utility-support{font-size:11px}
  .home-target-copy h1{font-size:clamp(38px,11.4vw,46px)!important}
  .home-target-visual{height:385px!important}
  .home-target-portrait-wrap{height:385px!important;width:205px!important}
  .home-target-portrait{height:360px!important;right:-108px!important}
  .home-target-visual .home-target-device-stage-mobile{left:8px!important;bottom:10px!important;transform:scale(.48)!important}
}

/* ======================================================================
   WebPro Theme 1.2.62 — mobile visual polish
   Mobile-only finishing pass: branded utility icon, hero secondary-link
   placement, and calmer editorial heading hierarchy. Desktop is untouched.
   ====================================================================== */
.home-target-link-mobile-only{display:none}

@media(max-width:760px){
  /* Replace the emoji handset with a clean brand-colour line icon. */
  .mobile-utility-phone{gap:8px}
  .mobile-utility-phone-icon{
    width:17px;
    height:17px;
    flex:0 0 17px;
    fill:none;
    stroke:#ff7900;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  /* Keep the secondary hero action completely outside the photograph. */
  .home-target-actions .home-target-link{display:none!important}
  .home-target-link-mobile-only{
    display:inline-flex!important;
    order:1!important;
    width:max-content!important;
    min-height:44px!important;
    margin:0 18px 14px!important;
    padding:0 2px!important;
    align-items:center!important;
    gap:12px!important;
    color:#171717!important;
    font-size:14px!important;
    font-weight:750!important;
    text-decoration:none!important;
    background:#f8f5ef!important;
    position:relative!important;
    z-index:5!important;
  }
  .home-target-link-mobile-only span{
    display:inline-flex;
    width:18px;
    height:18px;
    align-items:center;
    justify-content:center;
    font-size:18px;
    line-height:1;
    position:relative;
    top:-1px;
  }
  .home-target-copy{padding-bottom:8px!important}
  .home-target-visual{order:2!important;margin-top:0!important}

  /* Mobile section statements should still feel editorial, but must scan
     comfortably on a phone and remain clearly below the hero in hierarchy. */
  .home-work-heading h2{
    font-size:clamp(38px,10vw,44px)!important;
    line-height:1.03!important;
  }
  .home-work-heading p{
    font-size:15.5px!important;
    line-height:1.58!important;
  }
  .home-work .webpro-portfolio-copy h3{
    font-size:clamp(32px,8.6vw,38px)!important;
    line-height:1.04!important;
  }
  .home-work .webpro-portfolio-copy p{
    font-size:15px!important;
    line-height:1.58!important;
  }
  .home-managed-copy h2,
  .home-trust-copy h2{
    font-size:clamp(36px,9.2vw,42px)!important;
    line-height:1.045!important;
  }
  .home-seo h2{
    font-size:clamp(38px,9.7vw,44px)!important;
    line-height:1.035!important;
  }
}

@media(max-width:390px){
  .home-target-link-mobile-only{margin-left:18px!important;margin-right:18px!important}
  .home-work-heading h2{font-size:clamp(36px,10vw,41px)!important}
  .home-managed-copy h2,.home-trust-copy h2{font-size:clamp(34px,9.4vw,39px)!important}
  .home-seo h2{font-size:clamp(36px,9.8vw,41px)!important}
}

/* ======================================================================
   WebPro Theme 1.2.63 — mobile hero rebuild
   Rebuilds only the phone hero flow so it feels intentionally designed on
   mobile rather than inheriting desktop positioning. Desktop is untouched.
   ====================================================================== */
@media(max-width:760px){
  /* Remove the legacy relative top offset that was creating the large blank
     band under the sticky header on phones. */
  .home-target-hero{
    padding:30px 18px 0!important;
    margin-top:0!important;
  }
  .home-target-copy{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    width:100%!important;
    max-width:none!important;
    padding:0 0 0!important;
    margin:0!important;
    transform:none!important;
  }
  .home-target-eyebrow{
    margin:0 0 14px!important;
    font-size:9.5px!important;
    line-height:1.3!important;
    letter-spacing:.14em!important;
  }
  .home-target-copy h1{
    width:100%!important;
    margin:0!important;
    font-size:clamp(42px,11.4vw,48px)!important;
    line-height:1.02!important;
    letter-spacing:-.034em!important;
  }
  .home-target-line-one,
  .home-target-line-two{
    width:auto!important;
    margin-left:0!important;
    white-space:normal!important;
    transform:none!important;
  }
  .home-target-line-two{margin-top:3px!important}
  .home-target-rule{
    width:72px!important;
    height:3px!important;
    margin:18px 0 20px!important;
  }
  .home-target-lead{
    width:100%!important;
    margin:0!important;
    font-size:16px!important;
    line-height:1.55!important;
    color:#5a5651!important;
  }
  .home-target-lead br{display:none!important}

  /* Keep both actions in one deliberate mobile stack. The previous duplicate
     secondary link is disabled so it can never overlap the orange CTA. */
  .home-target-link-mobile-only{display:none!important}
  .home-target-actions{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:12px!important;
    width:100%!important;
    margin:22px 0 0!important;
  }
  .home-target-actions .home-target-primary{
    display:flex!important;
    width:100%!important;
    max-width:none!important;
    height:54px!important;
    min-height:54px!important;
    padding:0 18px!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    font-size:14.5px!important;
    line-height:1!important;
  }
  .home-target-actions .home-target-link{
    display:inline-flex!important;
    width:max-content!important;
    height:auto!important;
    min-height:38px!important;
    padding:0 2px!important;
    align-items:center!important;
    gap:10px!important;
    color:#171717!important;
    background:transparent!important;
    font-size:14.5px!important;
    font-weight:750!important;
    line-height:1.2!important;
  }
  .home-target-actions .home-target-primary span,
  .home-target-actions .home-target-link span{
    font-size:19px!important;
    line-height:1!important;
  }

  /* Photo is a separate visual beat after both actions. */
  .home-target-visual{
    order:2!important;
    width:calc(100% + 36px)!important;
    height:390px!important;
    margin:18px 0 0 -18px!important;
    overflow:hidden!important;
  }
  .home-target-office{object-position:47% 50%!important}
  .home-target-portrait-wrap{height:390px!important;width:215px!important}
  .home-target-portrait{height:365px!important;right:-108px!important}
  .home-target-visual .home-target-device-stage-mobile{
    left:8px!important;
    bottom:10px!important;
    transform:scale(.49)!important;
    transform-origin:left bottom!important;
  }

  /* Benefits start cleanly after the visual, with no device overlap. */
  .home-target-benefits{
    order:3!important;
    margin-top:0!important;
    padding:14px 0 26px!important;
  }
}

@media(max-width:390px){
  .home-target-hero{padding-top:26px!important}
  .home-target-copy h1{font-size:clamp(40px,11.2vw,44px)!important}
  .home-target-lead{font-size:15.5px!important}
  .home-target-actions .home-target-primary{height:52px!important;min-height:52px!important;font-size:14px!important}
  .home-target-actions .home-target-link{font-size:14px!important}
  .home-target-visual{height:372px!important}
  .home-target-portrait-wrap{height:372px!important;width:200px!important}
  .home-target-portrait{height:348px!important;right:-104px!important}
  .home-target-visual .home-target-device-stage-mobile{left:6px!important;bottom:8px!important;transform:scale(.46)!important}
}

/* ======================================================================
   WebPro Theme 1.2.64 — mobile hero visual refinement
   Keeps the approved mobile hero structure while making the office visual
   shorter and the overlaid device mock-up slightly smaller/less crowded.
   Desktop remains untouched.
   ====================================================================== */
@media(max-width:760px){
  .home-target-visual{
    height:340px!important;
  }
  .home-target-office{
    object-position:49% 50%!important;
  }
  .home-target-portrait-wrap{
    height:340px!important;
    width:205px!important;
  }
  .home-target-portrait{
    height:325px!important;
    right:-102px!important;
  }
  .home-target-visual .home-target-device-stage-mobile{
    left:14px!important;
    bottom:12px!important;
    transform:scale(.45)!important;
  }
}

@media(max-width:390px){
  .home-target-visual{
    height:324px!important;
  }
  .home-target-portrait-wrap{
    height:324px!important;
    width:194px!important;
  }
  .home-target-portrait{
    height:310px!important;
    right:-99px!important;
  }
  .home-target-visual .home-target-device-stage-mobile{
    left:12px!important;
    bottom:10px!important;
    transform:scale(.41)!important;
  }
}

/* ======================================================================
   WebPro Theme 1.2.65 — mobile hero finish + benefit/work alignment
   Tightens the approved hero handoff and gives the benefit/selected-work
   blocks a calmer, consistent mobile rhythm. Desktop remains untouched.
   ====================================================================== */
@media(max-width:760px){
  /* Slightly tighter handoff from secondary CTA into the hero visual. */
  .home-target-visual{margin-top:10px!important}

  /* Benefits: one consistent icon column and one text column, with the same
     vertical rhythm on every row. */
  .home-target-benefits{
    padding:10px 18px 18px!important;
  }
  .home-target-benefit{
    grid-template-columns:44px minmax(0,1fr)!important;
    column-gap:12px!important;
    align-items:start!important;
    padding:18px 0!important;
  }
  .home-target-benefit svg{
    width:27px!important;
    height:27px!important;
    margin:1px 0 0 1px!important;
  }
  .home-target-benefit>div{min-width:0!important}
  .home-target-benefit strong{
    display:block!important;
    font-size:14px!important;
    line-height:1.25!important;
    margin:0 0 5px!important;
  }
  .home-target-benefit p{
    max-width:none!important;
    font-size:12.75px!important;
    line-height:1.45!important;
    margin:0!important;
  }
  .home-target-benefit:nth-child(2) p br{display:none!important}

  /* Selected work: align the label and project entries to the same left
     edge rather than mixing a left label with centred project names. */
  .home-target-trust{
    padding:24px 18px 26px!important;
  }
  .home-target-trust-label{
    height:auto!important;
    margin:0!important;
    padding:0 0 16px!important;
    border-right:0!important;
    border-bottom:1px solid #ddd8d0!important;
    font-size:10.5px!important;
    line-height:1.35!important;
    letter-spacing:.12em!important;
    text-align:left!important;
  }
  .home-target-trust-items,
  .home-target-trust-items.has-fewer-projects{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:0!important;
    margin:0!important;
  }
  .home-target-trust-items>a{
    width:100%!important;
    padding:16px 0!important;
    margin:0!important;
    border-bottom:1px solid #ece8e1!important;
    text-align:left!important;
    font-size:16px!important;
    line-height:1.2!important;
    letter-spacing:-.015em!important;
  }
  .home-target-trust-items>a:last-child{border-bottom:0!important}
  .home-target-trust-items>a small{
    display:block!important;
    margin-top:5px!important;
    font-size:11.5px!important;
    line-height:1.35!important;
    color:#77736d!important;
    text-align:left!important;
  }
}

@media(max-width:390px){
  .home-target-benefits{padding-inline:16px!important}
  .home-target-benefit{grid-template-columns:42px minmax(0,1fr)!important}
  .home-target-trust{padding-inline:16px!important}
}

/* ======================================================================
   WebPro Theme 1.2.66 — mobile benefits / selected-work spacing polish
   Keeps the approved left alignment and simply tightens vertical rhythm.
   Desktop remains untouched.
   ====================================================================== */
@media(max-width:760px){
  .home-target-benefits{
    padding-top:6px!important;
    padding-bottom:12px!important;
  }
  .home-target-benefit{
    padding:13px 0!important;
  }
  .home-target-trust{
    padding-top:18px!important;
    padding-bottom:18px!important;
  }
  .home-target-trust-label{
    padding-bottom:12px!important;
  }
  .home-target-trust-items>a{
    padding:13px 0!important;
  }
}

/* ======================================================================
   WebPro Theme 1.2.67 — final mobile rhythm / ordering QA
   Desktop remains untouched. Tightens long mobile sections, keeps featured
   project order consistent, and gives the company/trust section a more
   natural copy -> device -> facts reading order on phones.
   ====================================================================== */
.home-trust-device-mobile{display:none}

@media(max-width:760px){
  /* Pricing: preserve the approved type scale while reducing unnecessary
     vertical travel through three stacked cards. */
  .home-target-pricing{padding-top:44px!important;padding-bottom:44px!important}
  .home-target-price-cards{gap:24px!important}
  .home-target-price-card{
    padding:24px 20px 21px!important;
    min-height:0!important;
  }
  .home-target-price-card.is-popular{padding-top:28px!important}
  .home-target-price-sub{margin-bottom:0!important}
  .home-target-price{margin-top:6px!important;margin-bottom:6px!important}
  .home-target-term{margin-bottom:14px!important}
  .home-target-price-card li{margin-bottom:6px!important}
  .home-target-card-link{margin-top:18px!important}

  /* Our Work: a slightly calmer project scale and tighter project rhythm.
     The query now uses the same featured-project order as Selected Work. */
  .home-work .webpro-portfolio-grid{gap:38px!important}
  .home-work .webpro-portfolio-card,
  .home-work .webpro-portfolio-card:nth-child(even){gap:18px!important}
  .home-work .webpro-portfolio-copy h3{
    font-size:clamp(30px,8vw,35px)!important;
    line-height:1.04!important;
  }
  .home-work .webpro-portfolio-copy p{
    font-size:14.5px!important;
    line-height:1.55!important;
  }
  .home-work-project-meta{margin-bottom:8px!important}
  .home-work-live-link{margin-top:12px!important}
  .home-work-more{margin-top:12px!important}

  /* Fully Managed: keep the approved laptop treatment, just remove some of
     the excess vertical travel around it. */
  .home-managed{padding-top:56px!important;padding-bottom:54px!important}
  .home-managed-grid{gap:22px!important}
  .home-managed-copy p{margin-bottom:18px!important}
  .home-managed-photo{margin-top:2px!important;margin-bottom:0!important}

  /* Company/trust: on mobile the story should read heading/copy first,
     then the support device, then the company facts. */
  .home-trust{padding-top:56px!important;padding-bottom:54px!important}
  .home-trust-grid{display:block!important}
  .home-trust-grid>.home-trust-device{display:none!important}
  .home-trust-device-mobile{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    margin:28px auto 22px!important;
    padding:0!important;
    overflow:visible!important;
  }
  .home-trust-device-mobile img{
    display:block!important;
    width:min(68vw,330px)!important;
    height:auto!important;
    max-width:100%!important;
    object-fit:contain!important;
  }
  .home-trust-copy dl{margin:20px 0 20px!important}

  /* Footer: keep Websites + Explore side-by-side on phones, with Company
     spanning underneath, rather than forcing three long full-width groups. */
  .site-footer{padding-top:38px!important}
  .footer-top{gap:24px!important;padding-bottom:24px!important}
  .footer-logo-lockup,.footer-logo-crop{width:136px!important}
  .footer-logo-crop img{width:136px!important}
  .footer-statement p{margin-top:18px!important}
  .footer-columns{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:24px 20px!important;
  }
  .footer-columns>div:nth-child(3){grid-column:1 / -1!important}
  .footer-columns h3{margin-bottom:12px!important}
  .footer-columns a{margin-bottom:8px!important}
  .footer-contact-line{margin-top:2px!important;padding-top:16px!important;padding-bottom:16px!important}
  .footer-bottom{padding-top:14px!important;padding-bottom:18px!important}
}

@media(max-width:390px){
  .home-trust-device-mobile img{width:min(69vw,300px)!important}
  .footer-columns{gap:22px 16px!important}
  .footer-columns a{font-size:13px!important}
}

/* ======================================================================
   WebPro Theme 1.2.68 — mobile menu + top proof-strip grid refinement
   Desktop remains untouched. Compacts the mobile drawer, converts the
   Websites submenu into native stacked mobile rows, and aligns Selected
   Work project copy to the same text column used by the benefit rows.
   ====================================================================== */
@media(max-width:760px){
  /* Mobile drawer: deliberate 60px navigation rhythm instead of large gaps. */
  .primary-nav{
    padding:0 18px 18px!important;
    background:#fbf8f2!important;
  }
  .primary-nav .menu{
    display:block!important;
    margin:0!important;
    padding:0!important;
  }
  .primary-nav .menu>li{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border-bottom:1px solid #e2ddd5!important;
  }
  .primary-nav .menu>li>a{
    height:58px!important;
    min-height:58px!important;
    margin:0!important;
    padding:0 2px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    font-size:16px!important;
    line-height:1.2!important;
    font-weight:750!important;
  }
  .primary-nav .menu>li.menu-item-has-children>a:after{
    width:32px!important;
    height:32px!important;
    flex:0 0 32px!important;
    border-color:#d2cbc0!important;
    background:#fffdfa!important;
    font-size:20px!important;
  }

  /* Expanded Websites menu should read like mobile navigation, not a desktop
     card compressed into a narrow viewport. */
  .primary-nav .sub-menu{
    position:static!important;
    width:100%!important;
    margin:0!important;
    padding:3px 0 7px!important;
    border:0!important;
    border-top:1px solid #e2ddd5!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#f4efe7!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  .primary-nav .sub-menu>li{
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid #e4ded5!important;
  }
  .primary-nav .sub-menu>li:last-child{border-bottom:0!important}
  .primary-nav .sub-menu a{
    display:block!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:12px 14px!important;
    background:transparent!important;
    border-radius:0!important;
  }
  .submenu-link-title{
    display:block!important;
    font-size:14.5px!important;
    line-height:1.25!important;
    font-weight:750!important;
    color:#191714!important;
  }
  .submenu-link-desc{
    display:block!important;
    max-width:none!important;
    margin:3px 0 0!important;
    font-size:12px!important;
    line-height:1.4!important;
    font-weight:450!important;
    color:#726c64!important;
  }
  .primary-nav .sub-menu .submenu-footer{
    margin:0!important;
    padding:0!important;
    border-top:0!important;
  }
  .primary-nav .sub-menu .submenu-footer>a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:48px!important;
    padding:0 14px!important;
    font-size:13.5px!important;
    font-weight:750!important;
    color:#191714!important;
  }

  /* Utility actions sit directly under the primary list without a large dead
     zone, so the whole menu is usable within one phone viewport when closed. */
  .mobile-nav-actions{
    gap:0!important;
    margin-top:0!important;
    padding-top:0!important;
    border-top:0!important;
  }
  .mobile-nav-login{
    min-height:56px!important;
    padding:0 2px!important;
    border-bottom:1px solid #e2ddd5!important;
    font-size:15.5px!important;
    font-weight:750!important;
  }
  .mobile-nav-start{
    min-height:52px!important;
    margin-top:12px!important;
    padding:0 16px!important;
    font-size:15px!important;
  }

  /* Shared mobile grid between the benefit rows and Selected Work. Benefit
     text and project names now start on the same vertical line. */
  .home-target-benefits{
    padding-left:30px!important;
    padding-right:30px!important;
  }
  .home-target-benefit{
    grid-template-columns:34px minmax(0,1fr)!important;
    column-gap:10px!important;
  }
  .home-target-benefit svg{
    width:25px!important;
    height:25px!important;
    margin-left:0!important;
  }
  .home-target-trust{
    padding-left:30px!important;
    padding-right:30px!important;
  }
  .home-target-trust-label{
    padding-left:0!important;
    padding-right:0!important;
  }
  .home-target-trust-items>a{
    padding-left:44px!important;
    padding-right:0!important;
  }
}

@media(max-width:390px){
  .primary-nav{padding-left:16px!important;padding-right:16px!important}
  .home-target-benefits{padding-left:24px!important;padding-right:24px!important}
  .home-target-trust{padding-left:24px!important;padding-right:24px!important}
  .home-target-trust-items>a{padding-left:42px!important}
}

/* ======================================================================
   WebPro Theme 1.2.69 — mobile Featured/Selected Work label alignment
   Centres the strip label to match the centred project entries below it.
   Desktop remains unchanged.
   ====================================================================== */
@media(max-width:680px){
  .home-target-trust-label{
    width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
    text-align:center!important;
    justify-self:stretch!important;
  }
}

/* ======================================================================
   WebPro Theme 1.2.70 — restore approved centred mobile proof block
   Keeps the centred benefit cards/project entries from the preferred mobile
   layout and centres only the Featured Work label to complete the block.
   Desktop/tablet desktop layout remains unchanged.
   ====================================================================== */
@media(max-width:680px){
  .home-target-benefits{
    padding-left:30px!important;
    padding-right:30px!important;
  }
  .home-target-benefit{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    padding:20px 0!important;
    gap:0!important;
  }
  .home-target-benefit svg{
    width:27px!important;
    height:27px!important;
    margin:0 0 12px!important;
  }
  .home-target-benefit>div{
    width:100%!important;
    text-align:center!important;
  }
  .home-target-benefit strong,
  .home-target-benefit p{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .home-target-benefit p{max-width:390px!important}

  .home-target-trust{
    padding-left:30px!important;
    padding-right:30px!important;
  }
  .home-target-trust-label{
    width:100%!important;
    padding:0 0 14px!important;
    text-align:center!important;
    justify-self:stretch!important;
  }
  .home-target-trust-items>a{
    padding:15px 0!important;
    text-align:center!important;
  }
  .home-target-trust-items>a small{
    text-align:center!important;
  }
}

@media(max-width:390px){
  .home-target-benefits,
  .home-target-trust{
    padding-left:24px!important;
    padding-right:24px!important;
  }
}


/* ======================================================================
   WebPro Theme 1.2.71 — mobile Featured Work label correction
   Restores the approved "Featured Work" wording and centres the complete
   two-line label on the exact same axis as the centred project entries.
   ====================================================================== */
@media(max-width:680px){
  .home-target-trust-label{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    text-align:center!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}

/* ======================================================================
   WebPro Theme 1.2.72 — mobile pricing card spacing consistency
   The Most Popular ribbon extends above its card, so compensate for that
   on phones to make the visible gaps between all three cards equal.
   Desktop remains untouched.
   ====================================================================== */
@media(max-width:760px){
  .home-target-price-cards{
    gap:24px!important;
  }
  .home-target-price-card.is-popular{
    margin-top:15px!important;
  }
}

/* ======================================================================
   WebPro Theme 1.2.73 — final mobile lower-page rhythm + compact sticky header
   Desktop remains untouched. Small mobile-only refinements after full-page QA.
   ====================================================================== */
@media(max-width:760px){
  /* Fully Managed: keep the approved composition, but reduce dead vertical
     travel around the laptop so the section moves at a more natural pace. */
  .home-managed{
    padding-top:52px!important;
    padding-bottom:44px!important;
  }
  .home-managed-grid{gap:18px!important}
  .home-managed-photo{
    width:min(96%,455px)!important;
    margin-top:0!important;
  }

  /* Company/trust: the support phone should support the message rather than
     dominate the whole viewport, and the facts should follow it more closely. */
  .home-trust{
    padding-top:52px!important;
    padding-bottom:46px!important;
  }
  .home-trust-device-mobile{
    margin:22px auto 16px!important;
  }
  .home-trust-device-mobile img{
    width:min(64vw,310px)!important;
  }
  .home-trust-copy dl{
    margin:16px 0 18px!important;
  }

  /* Footer: slightly quieter branding and tighter vertical rhythm. */
  .site-footer{padding-top:34px!important}
  .footer-top{gap:20px!important;padding-bottom:20px!important}
  .footer-logo-lockup,.footer-logo-crop{width:124px!important}
  .footer-logo-crop img{width:124px!important}
  .footer-statement p{margin-top:14px!important}
  .footer-columns{gap:20px 18px!important}
  .footer-columns h3{margin-bottom:10px!important}
  .footer-columns a{margin-bottom:6px!important}
  .footer-contact-line{padding-top:14px!important;padding-bottom:14px!important}
  .footer-bottom{padding-top:12px!important;padding-bottom:16px!important}

  /* The normal top-of-page mobile header stays spacious. Once the user has
     scrolled into content, reduce the sticky shell so it consumes less screen. */
  .site-header,
  .header-shell,
  .brand-wrap,
  .site-brand,.custom-logo-link,
  .site-brand img,.custom-logo,
  .nav-toggle{
    transition:height .18s ease,width .18s ease,padding .18s ease,transform .18s ease!important;
  }
  .site-header.is-scrolled{height:58px!important}
  .site-header.is-scrolled .header-shell{height:58px!important;padding-inline:14px!important}
  .site-header.is-scrolled .brand-wrap{height:58px!important}
  .site-header.is-scrolled .site-brand,
  .site-header.is-scrolled .custom-logo-link,
  .site-header.is-scrolled .site-brand img,
  .site-header.is-scrolled .custom-logo{
    width:94px!important;
    height:45px!important;
  }
  .site-header.is-scrolled .nav-toggle{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
    padding:9px!important;
  }
  .site-header.is-scrolled .primary-nav{
    top:58px!important;
    max-height:calc(100dvh - 58px)!important;
  }
}

@media(max-width:390px){
  .home-trust-device-mobile img{width:min(66vw,285px)!important}
  .footer-logo-lockup,.footer-logo-crop,.footer-logo-crop img{width:118px!important}
}

/* ======================================================================
   WebPro Theme 1.2.74 — mobile horizontal-overflow QA guard
   Prevents iOS/Safari from exposing a few off-canvas pixels from intentional
   full-bleed hero/device treatments. Visual layout remains unchanged.
   ====================================================================== */
@media(max-width:760px){
  html,
  body.home{
    max-width:100%!important;
    overflow-x:clip!important;
  }
  body.home{
    touch-action:pan-y pinch-zoom;
  }
  body.home .site-header,
  body.home .site-main,
  body.home .site-footer{
    width:100%!important;
    max-width:100%!important;
    overflow-x:clip!important;
  }
  body.home .header-shell,
  body.home .home-target-hero,
  body.home .home-target-pricing{
    max-width:100%!important;
  }
}

@supports not (overflow:clip){
  @media(max-width:760px){
    html,
    body.home,
    body.home .site-header,
    body.home .site-main,
    body.home .site-footer{
      overflow-x:hidden!important;
    }
  }
}

/* ======================================================================
   WebPro Theme 1.3.0 — public internal-page design system
   Uses the finished homepage as the visual reference while keeping every
   homepage selector untouched. Customer/portal routes are excluded via body
   class so the public-site upgrade cannot leak into WebPro Hub screens.
   ====================================================================== */

/* ---------- Shared internal-page foundations ---------- */
body.webpro-public-page{
  background:#fff;
  --internal-warm:#f8f5ef;
  --internal-warm-2:#f3efe7;
  --internal-ink:#171717;
  --internal-muted:#595752;
  --internal-line:#d9d5cd;
  --internal-shadow:0 24px 60px rgba(36,30,24,.08);
}
body.webpro-public-page .site-main{overflow:clip}
body.webpro-public-page .wrap{width:min(calc(100% - 72px),1320px)}
body.webpro-public-page .narrow{width:min(calc(100% - 72px),900px)}
body.webpro-public-page .section{padding:104px 0}
body.webpro-public-page .section-warm{background:var(--internal-warm)}
body.webpro-public-page .eyebrow{
  font-size:10.5px;
  line-height:1.2;
  letter-spacing:.17em;
  color:#f06d00;
  margin-bottom:17px;
}
body.webpro-public-page .breadcrumbs{
  margin-bottom:26px;
  font-size:11px;
  line-height:1.4;
  color:#77736d;
}
body.webpro-public-page .breadcrumbs span[aria-current="page"]{color:#34322f}
body.webpro-public-page .breadcrumbs a{transition:color .16s ease}
body.webpro-public-page .breadcrumbs a:hover{color:#f06d00}
body.webpro-public-page .prose-large p,
body.webpro-public-page .landing-intro-copy,
body.webpro-public-page .guide-prose{
  color:var(--internal-muted);
}
body.webpro-public-page .prose-large p{font-size:18px;line-height:1.72}
body.webpro-public-page .text-link{
  font-size:14px;
  font-weight:750;
  gap:10px;
  border-bottom-color:#aaa69e;
  text-underline-offset:3px;
  transition:border-color .18s ease,color .18s ease;
}
body.webpro-public-page .text-link:hover,
body.webpro-public-page .text-link:focus-visible{border-bottom-color:var(--orange);color:#111}
body.webpro-public-page .button{
  min-height:52px;
  padding-inline:24px;
  border-radius:2px;
  font-size:14px;
  font-weight:800;
  letter-spacing:-.01em;
  box-shadow:none;
}
body.webpro-public-page .button-primary{background:#ff7900;border-color:#ff7900;color:#14110e}
body.webpro-public-page .button-primary:hover{background:#ef7100;border-color:#ef7100}
body.webpro-public-page .button-outline{border-color:#a9a59d;background:transparent}
body.webpro-public-page .button-outline:hover{border-color:#37342f;background:#fff}

/* ---------- Hero system ---------- */
body.webpro-public-page .page-hero,
body.webpro-public-page .landing-hero{
  position:relative;
  overflow:hidden;
  padding:88px 0 92px;
  background:var(--internal-warm);
  border-bottom:1px solid #e5e0d8;
}
body.webpro-public-page .page-hero:before,
body.webpro-public-page .landing-hero:before{
  content:'';
  position:absolute;
  left:0;right:0;top:0;
  height:3px;
  background:linear-gradient(90deg,#ff7900 0 96px,transparent 96px);
  opacity:.95;
}
body.webpro-public-page .page-hero h1,
body.webpro-public-page .landing-hero h1{
  max-width:820px;
  margin:.18em 0 .34em;
  font-size:clamp(52px,4.45vw,68px);
  line-height:.99;
  letter-spacing:-.042em;
}
body.webpro-public-page .page-hero h1 em,
body.webpro-public-page .landing-hero h1 em{font-style:italic;font-weight:400}
body.webpro-public-page .page-hero p,
body.webpro-public-page .landing-lead{
  max-width:650px;
  font-size:18px;
  line-height:1.68;
  color:var(--internal-muted);
}
body.webpro-public-page .page-hero-wide{
  display:grid;
  grid-template-columns:minmax(0,1.32fr) minmax(330px,.68fr);
  gap:86px;
  align-items:end;
}
body.webpro-public-page .page-hero-wide>div:last-child{
  position:relative;
  padding:4px 0 5px 38px;
  border-left:1px solid #d8d2c8;
}
body.webpro-public-page .page-hero-wide>div:last-child:before{
  content:'';
  position:absolute;
  left:-1px;
  top:0;
  width:3px;
  height:42px;
  background:#ff7900;
}
body.webpro-public-page .page-hero-wide>div:last-child p{margin:0 0 24px;font-size:17px;line-height:1.68}
body.webpro-public-page .service-page-hero,
body.webpro-public-page .about-page-hero{padding:76px 0 80px}
body.webpro-public-page .service-hero-grid,
body.webpro-public-page .landing-hero-grid,
body.webpro-public-page .about-hero-grid{
  grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);
  gap:76px;
}
body.webpro-public-page .landing-actions{margin-top:30px;gap:24px}

/* Visual hero panels inherit the polished warm/ink homepage language. */
body.webpro-public-page .service-hero-photo,
body.webpro-public-page .industry-hero-photo,
body.webpro-public-page .about-hero-portrait{
  min-height:470px;
  height:470px;
  border:1px solid #e0dcd4;
  background:#f0ece4;
  box-shadow:var(--internal-shadow);
}
body.webpro-public-page .service-hero-photo img,
body.webpro-public-page .industry-hero-photo img{height:100%;object-fit:cover}
body.webpro-public-page .service-hero-photo figcaption,
body.webpro-public-page .industry-hero-photo figcaption,
body.webpro-public-page .about-hero-portrait figcaption{
  left:20px;
  bottom:18px;
  padding:9px 12px;
  background:rgba(255,255,255,.95);
  border-left:3px solid #ff7900;
  font-size:11px;
  box-shadow:0 8px 24px rgba(0,0,0,.07);
}

/* Local SEO remains intentionally dark, but now shares the same rhythm. */
body.webpro-public-page .seo-page-hero{
  background:#171819;
  border-bottom-color:#2d2e2f;
}
body.webpro-public-page .seo-page-hero:before{background:linear-gradient(90deg,#ff7900 0 96px,transparent 96px)}
body.webpro-public-page .seo-page-hero h1,
body.webpro-public-page .seo-page-hero .breadcrumbs,
body.webpro-public-page .seo-page-hero .breadcrumbs a{color:#fff}
body.webpro-public-page .seo-page-hero .landing-lead{color:#d0cfcc}
body.webpro-public-page .seo-hero-art{
  min-height:430px;
  padding:48px;
  border-color:#414244;
  background:#1b1c1d;
}

/* Location/industry hero art remains its own family identity. */
body.webpro-public-page .location-hero-art{
  min-height:470px;
  border:1px solid #323335;
  box-shadow:var(--internal-shadow);
}
body.webpro-public-page .location-hero-city{font-size:clamp(62px,6.3vw,96px)}

/* ---------- Editorial section hierarchy ---------- */
body.webpro-public-page .section-heading-split{
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
  gap:72px;
  align-items:end;
  margin-bottom:54px;
  padding-bottom:30px;
  border-bottom:1px solid var(--internal-line);
}
body.webpro-public-page .section-heading-split h2,
body.webpro-public-page .landing-intro-grid h2,
body.webpro-public-page .location-service-grid h2,
body.webpro-public-page .industry-services-grid h2,
body.webpro-public-page .package-rules-grid h2,
body.webpro-public-page .seo-method-grid h2,
body.webpro-public-page .about-story-grid h2,
body.webpro-public-page .portfolio-project-details h2{
  font-size:clamp(42px,3.65vw,58px);
  line-height:1.02;
  letter-spacing:-.035em;
}
body.webpro-public-page .section-heading-split p{font-size:17px;line-height:1.65;color:var(--internal-muted)}
body.webpro-public-page .landing-intro-grid{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:94px;
}
body.webpro-public-page .landing-intro-copy{font-size:17px;line-height:1.75}
body.webpro-public-page .landing-intro-copy>p:first-child{font-size:20px;line-height:1.65;color:#24221f}

/* Managed inclusions and process rows */
body.webpro-public-page .inclusion-section{padding-top:72px}
body.webpro-public-page .inclusion-list,
body.webpro-public-page .service-statement-grid,
body.webpro-public-page .editorial-steps{border-top:1px solid var(--internal-line)}
body.webpro-public-page .inclusion-row{
  grid-template-columns:70px 270px minmax(0,1fr);
  gap:30px;
  padding:30px 0;
  border-bottom-color:var(--internal-line);
}
body.webpro-public-page .inclusion-row h3{font-size:19px}
body.webpro-public-page .inclusion-row p{font-size:16px;line-height:1.62}
body.webpro-public-page .editorial-steps{list-style:none;padding:0;margin:0}
body.webpro-public-page .editorial-steps li{
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  gap:34px;
  padding:36px 0;
  border-bottom:1px solid var(--internal-line);
}
body.webpro-public-page .editorial-steps>li>span,
body.webpro-public-page .service-statement-number{
  padding-top:8px;
  color:#f06d00;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
}
body.webpro-public-page .editorial-steps h2,
body.webpro-public-page .service-statement-grid h2{
  margin:0 0 8px;
  font-size:clamp(30px,2.6vw,40px);
  line-height:1.08;
}
body.webpro-public-page .editorial-steps p,
body.webpro-public-page .service-statement-grid p{margin:0;color:var(--internal-muted);font-size:16px;line-height:1.65}

/* ---------- Internal package system ---------- */
body.webpro-public-page .webpro-pricing-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
}
body.webpro-public-page .webpro-price-card{
  position:relative!important;
  min-height:520px!important;
  display:flex!important;
  flex-direction:column!important;
  padding:34px 30px 30px!important;
  border:1px solid #d8d5cf!important;
  border-radius:2px!important;
  background:#fff!important;
  box-shadow:0 18px 42px rgba(27,23,19,.055)!important;
  transform:none!important;
}
body.webpro-public-page .webpro-price-card.is-featured{
  border-color:#c7b39c!important;
  background:#fffaf4!important;
}
body.webpro-public-page .webpro-price-badge{
  position:absolute!important;
  top:-1px!important;
  left:-1px!important;
  right:-1px!important;
  width:auto!important;
  padding:8px 12px!important;
  border-radius:0!important;
  background:#ff7900!important;
  color:#15110d!important;
  text-align:center!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  font-weight:850!important;
}
body.webpro-public-page .webpro-price-card.is-featured{padding-top:56px!important}
body.webpro-public-page .webpro-price-card h3{
  margin:0 0 8px!important;
  font-family:var(--serif)!important;
  font-size:30px!important;
  line-height:1.06!important;
  font-weight:400!important;
  color:#171717!important;
}
body.webpro-public-page .webpro-price-card>p{
  min-height:48px!important;
  margin:0!important;
  font-size:15px!important;
  line-height:1.55!important;
  color:#66625d!important;
}
body.webpro-public-page .webpro-price{
  display:flex!important;
  align-items:baseline!important;
  gap:7px!important;
  margin:24px 0 22px!important;
}
body.webpro-public-page .webpro-price strong{
  font-family:var(--serif)!important;
  font-size:58px!important;
  line-height:.95!important;
  font-weight:400!important;
  letter-spacing:-.045em!important;
}
body.webpro-public-page .webpro-price span{font-size:13px!important;color:#6d6963!important}
body.webpro-public-page .webpro-price-card ul{
  list-style:none!important;
  padding:0!important;
  margin:0 0 24px!important;
  border-top:1px solid #e6e2dc!important;
  flex:1!important;
}
body.webpro-public-page .webpro-price-card li{
  position:relative!important;
  padding:11px 0 11px 22px!important;
  border-bottom:1px solid #e6e2dc!important;
  font-size:14px!important;
  line-height:1.45!important;
  color:#393632!important;
}
body.webpro-public-page .webpro-price-card li:before{
  content:'✓'!important;
  position:absolute!important;
  left:0!important;
  color:#f06d00!important;
  font-weight:850!important;
}
body.webpro-public-page .webpro-price-card .webpro-button{
  width:100%!important;
  min-height:50px!important;
  margin-top:auto!important;
  border:1px solid #ff7900!important;
  border-radius:2px!important;
  background:#ff7900!important;
  color:#15110d!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:14px!important;
  font-weight:800!important;
}
body.webpro-public-page .webpro-price-card .webpro-button:hover{background:#ef7100!important;border-color:#ef7100!important}
body.webpro-public-page .webpro-price-card>small{display:block!important;margin-top:11px!important;font-size:11.5px!important;color:#77726b!important;text-align:center!important}
body.webpro-public-page .packages-main-section{background:#fff;padding-top:96px}
body.webpro-public-page .landing-packages-section{padding-top:96px;padding-bottom:104px}

/* Package rules / SEO method / service lists share one disciplined row system. */
body.webpro-public-page .package-rules,
body.webpro-public-page .seo-method-list,
body.webpro-public-page .service-list-editorial{border-top-color:var(--internal-line)}
body.webpro-public-page .package-rules>div{padding:25px 0;border-bottom-color:var(--internal-line)}
body.webpro-public-page .package-rules strong{font-size:24px;line-height:1.15}
body.webpro-public-page .package-rules p{font-size:15.5px;line-height:1.62}
body.webpro-public-page .seo-method-list>div{grid-template-columns:48px 180px 1fr;padding:24px 0;border-bottom-color:var(--internal-line)}
body.webpro-public-page .service-list-editorial>div{padding:19px 0;border-bottom-color:var(--internal-line)}

/* ---------- Portfolio family ---------- */
body.webpro-public-page .project-editorial-section{padding-top:104px;padding-bottom:112px}
body.webpro-public-page .project-editorial-list{gap:92px}
body.webpro-public-page .project-editorial-item{
  grid-template-columns:minmax(0,1.38fr) minmax(300px,.62fr);
  gap:64px;
}
body.webpro-public-page .project-editorial-item.is-reversed{grid-template-columns:minmax(300px,.62fr) minmax(0,1.38fr)}
body.webpro-public-page .project-browser,
body.webpro-public-page .webpro-monitor{
  border-radius:5px!important;
  box-shadow:0 22px 52px rgba(26,22,18,.12)!important;
}
body.webpro-public-page .project-browser-screen{height:420px}
body.webpro-public-page .project-editorial-copy h3{font-size:clamp(36px,3vw,48px);line-height:1.04}
body.webpro-public-page .project-editorial-copy p{font-size:16px;line-height:1.62}
body.webpro-public-page .portfolio-index-section .webpro-portfolio-grid{gap:84px!important}
body.webpro-public-page .portfolio-index-section .webpro-portfolio-card{gap:58px!important}
body.webpro-public-page .portfolio-index-section .webpro-monitor-screen{height:430px!important}
body.webpro-public-page .webpro-portfolio-copy h3{font-size:clamp(36px,3.1vw,48px)!important}
body.webpro-public-page .portfolio-project-stage{padding:72px 0 94px;background:var(--internal-warm)}
body.webpro-public-page .project-visual-large{max-width:1120px}
body.webpro-public-page .portfolio-project-details{gap:78px}

/* ---------- Directory families ---------- */
body.webpro-public-page .location-directory,
body.webpro-public-page .industry-directory{border-top-color:var(--internal-line)}
body.webpro-public-page .location-directory-group{grid-template-columns:210px 1fr;border-bottom-color:var(--internal-line)}
body.webpro-public-page .location-directory-label{padding:28px 28px 28px 0}
body.webpro-public-page .location-directory-label span{font-size:29px}
body.webpro-public-page .location-directory-links{border-left-color:var(--internal-line)}
body.webpro-public-page .location-directory-links a{
  min-height:106px;
  padding:22px 46px 20px 23px;
  border-color:var(--internal-line);
}
body.webpro-public-page .location-directory-links a:hover{background:#f8f5ef}
body.webpro-public-page .location-directory-links strong{font-size:23px}
body.webpro-public-page .industry-directory-row{padding:25px 0;border-bottom-color:var(--internal-line)}
body.webpro-public-page .industry-directory-row:hover{padding-left:12px;background:linear-gradient(90deg,#f8f5ef,transparent 72%)}
body.webpro-public-page .industry-directory-row strong{font-size:27px}
body.webpro-public-page .industry-directory-row p{font-size:14px;line-height:1.55}
body.webpro-public-page .nearby-panel{
  border-top:3px solid #171717;
  padding:34px 36px 32px;
  box-shadow:0 16px 40px rgba(27,23,19,.05);
}
body.webpro-public-page .industry-proof-section{background:#171819}
body.webpro-public-page .industry-proof-quote blockquote{font-size:clamp(36px,3.6vw,54px)}

/* ---------- About / trust / contact / FAQ ---------- */
body.webpro-public-page .about-story-grid{gap:78px}
body.webpro-public-page .about-story-grid>figure{height:520px;box-shadow:var(--internal-shadow)}
body.webpro-public-page .company-facts{border-top-color:var(--internal-line);margin-top:30px}
body.webpro-public-page .company-facts>div{padding:14px 0;border-bottom-color:var(--internal-line)}
body.webpro-public-page .contact-main-section{padding-top:96px}
body.webpro-public-page .contact-layout{
  display:grid;
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);
  gap:92px;
  align-items:start;
}
body.webpro-public-page .contact-details h2,
body.webpro-public-page .contact-form-shell h2{font-size:clamp(38px,3.2vw,48px);line-height:1.05}
body.webpro-public-page .contact-details>a{
  display:block;
  width:max-content;
  max-width:100%;
  margin:8px 0;
  font-family:var(--serif);
  font-size:clamp(25px,2.1vw,34px);
  line-height:1.15;
}
body.webpro-public-page .contact-details>a:hover{color:#f06d00}
body.webpro-public-page .contact-details>p{max-width:430px;color:var(--internal-muted)}
body.webpro-public-page .contact-form-shell{
  border-top:3px solid #171717;
  padding-top:30px;
}
body.webpro-public-page .contact-form-shell input,
body.webpro-public-page .contact-form-shell textarea,
body.webpro-public-page .contact-form-shell select{
  border-color:#cfcac2!important;
  border-radius:2px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.webpro-public-page .contact-form-shell input:focus,
body.webpro-public-page .contact-form-shell textarea:focus,
body.webpro-public-page .contact-form-shell select:focus{
  border-color:#f06d00!important;
  outline:2px solid rgba(240,109,0,.12)!important;
  outline-offset:0!important;
}
body.webpro-public-page .contact-trust-strip{border-color:var(--internal-line)}
body.webpro-public-page .contact-trust-strip>div{padding:26px;border-color:var(--internal-line)}
body.webpro-public-page .faq-layout{grid-template-columns:280px 1fr;gap:82px}
body.webpro-public-page .faq-layout>aside{top:102px}
body.webpro-public-page .faq-layout>aside h2{font-size:38px}
body.webpro-public-page .faq-prose details{padding:25px 0;border-bottom-color:var(--internal-line)}
body.webpro-public-page .faq-prose summary{font-family:var(--serif);font-size:26px;letter-spacing:-.02em}
body.webpro-public-page .faq-prose details p{font-size:16px;line-height:1.68}

/* ---------- Guides / long-form content ---------- */
body.webpro-public-page .guides-directory-section .webpro-link-grid{gap:16px!important}
body.webpro-public-page .guides-directory-section .webpro-link-card{
  min-height:184px!important;
  padding:30px 34px!important;
  border:1px solid var(--internal-line)!important;
  background:#fff!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
body.webpro-public-page .guides-directory-section .webpro-link-card:hover{
  transform:translateY(-2px)!important;
  border-color:#c8c2b8!important;
  box-shadow:0 18px 38px rgba(27,23,19,.055)!important;
}
body.webpro-public-page .guides-directory-section .webpro-link-card strong{font-size:28px!important;line-height:1.08!important}
body.webpro-public-page .guides-directory-section .webpro-link-card span{font-size:15px!important}
body.webpro-public-page .article-layout{grid-template-columns:minmax(0,1fr) 300px;gap:82px}
body.webpro-public-page .guide-prose{font-size:18px;line-height:1.76}
body.webpro-public-page .guide-prose>p:first-child{font-size:21px;line-height:1.65}
body.webpro-public-page .guide-prose h2{font-size:36px;line-height:1.08;margin:48px 0 15px}
body.webpro-public-page .guide-prose h3{font-size:27px;line-height:1.12;margin:36px 0 12px}
body.webpro-public-page .article-aside{
  top:104px;
  border-top:3px solid #171717;
  padding:25px 0;
}
body.webpro-public-page .article-aside>strong{font-size:28px}

/* ---------- Generic/internal cards ---------- */
body.webpro-public-page .content-grid{gap:18px}
body.webpro-public-page .content-card{
  border:1px solid var(--internal-line);
  background:#fff;
  box-shadow:0 14px 34px rgba(27,23,19,.04);
}
body.webpro-public-page .content-card .card-copy{padding:30px}
body.webpro-public-page .content-card h2{font-size:30px;line-height:1.08;margin:10px 0 14px}
body.webpro-public-page .content-card p{font-size:15px;line-height:1.62;color:var(--internal-muted)}

/* ---------- Final CTA system ---------- */
body.webpro-public-page .section-cta{padding:76px 0 82px;background:#fff}
body.webpro-public-page .cta-editorial{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:54px;
  align-items:center;
  padding:44px 46px;
  border:1px solid #ded9d1;
  background:#faf7f1;
  box-shadow:0 16px 38px rgba(27,23,19,.045);
}
body.webpro-public-page .cta-editorial:before{
  content:'';
  position:absolute;
  left:46px;
  top:-1px;
  width:78px;
  height:3px;
  background:#ff7900;
}
body.webpro-public-page .cta-editorial h2{
  max-width:760px;
  margin:.18em 0 .18em;
  font-size:clamp(38px,3.35vw,52px);
  line-height:1.04;
}
body.webpro-public-page .cta-editorial p{margin:0;color:var(--internal-muted);font-size:16px;line-height:1.62}
body.webpro-public-page .cta-actions{display:flex;gap:12px;align-items:center}
body.webpro-public-page .section-cta .button:after{content:'→';margin-left:10px;font-size:18px;line-height:1;transition:transform .18s ease}
body.webpro-public-page .section-cta .button:hover:after{transform:translateX(3px)}

/* ---------- Tablet ---------- */
@media(max-width:1100px){
  body.webpro-public-page .wrap,
  body.webpro-public-page .narrow{width:min(calc(100% - 48px),1320px)}
  body.webpro-public-page .section{padding:88px 0}
  body.webpro-public-page .page-hero,
  body.webpro-public-page .landing-hero{padding:72px 0 76px}
  body.webpro-public-page .page-hero-wide,
  body.webpro-public-page .service-hero-grid,
  body.webpro-public-page .landing-hero-grid,
  body.webpro-public-page .seo-hero-grid,
  body.webpro-public-page .about-hero-grid,
  body.webpro-public-page .landing-intro-grid,
  body.webpro-public-page .location-service-grid,
  body.webpro-public-page .industry-services-grid,
  body.webpro-public-page .industry-proof-grid,
  body.webpro-public-page .package-rules-grid,
  body.webpro-public-page .seo-method-grid,
  body.webpro-public-page .about-story-grid,
  body.webpro-public-page .faq-layout,
  body.webpro-public-page .contact-layout,
  body.webpro-public-page .portfolio-project-details{
    grid-template-columns:1fr;
    gap:46px;
  }
  body.webpro-public-page .page-hero-wide>div:last-child{
    max-width:680px;
    padding:24px 0 0;
    border-left:0;
    border-top:1px solid #d8d2c8;
  }
  body.webpro-public-page .page-hero-wide>div:last-child:before{left:0;top:-1px;width:54px;height:3px}
  body.webpro-public-page .service-hero-photo,
  body.webpro-public-page .industry-hero-photo,
  body.webpro-public-page .about-hero-portrait,
  body.webpro-public-page .location-hero-art{height:430px;min-height:430px}
  body.webpro-public-page .section-heading-split{grid-template-columns:1fr;gap:20px}
  body.webpro-public-page .webpro-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  body.webpro-public-page .webpro-price-card{padding-inline:22px!important;min-height:500px!important}
  body.webpro-public-page .webpro-price strong{font-size:50px!important}
  body.webpro-public-page .project-editorial-item,
  body.webpro-public-page .project-editorial-item.is-reversed,
  body.webpro-public-page .portfolio-index-section .webpro-portfolio-card,
  body.webpro-public-page .portfolio-index-section .webpro-portfolio-card:nth-child(even){grid-template-columns:1fr!important;gap:30px!important}
  body.webpro-public-page .project-editorial-item.is-reversed .project-editorial-media,
  body.webpro-public-page .project-editorial-item.is-reversed .project-editorial-copy,
  body.webpro-public-page .portfolio-index-section .webpro-portfolio-card:nth-child(even) .webpro-monitor,
  body.webpro-public-page .portfolio-index-section .webpro-portfolio-card:nth-child(even) .webpro-portfolio-copy{grid-column:auto!important;grid-row:auto!important}
  body.webpro-public-page .project-editorial-copy{max-width:680px}
  body.webpro-public-page .faq-layout>aside,
  body.webpro-public-page .article-aside{position:static}
  body.webpro-public-page .cta-editorial{grid-template-columns:1fr;gap:28px}
}

/* ---------- Mobile ---------- */
@media(max-width:760px){
  html,
  body.webpro-public-page{max-width:100%;overflow-x:clip}
  body.webpro-public-page .site-main,
  body.webpro-public-page .site-header,
  body.webpro-public-page .site-footer{width:100%;max-width:100%;overflow-x:clip}
  body.webpro-public-page .wrap,
  body.webpro-public-page .narrow{width:min(calc(100% - 36px),1320px)}
  body.webpro-public-page .section{padding:66px 0}
  body.webpro-public-page .page-hero,
  body.webpro-public-page .landing-hero{padding:52px 0 58px}
  body.webpro-public-page .page-hero:before,
  body.webpro-public-page .landing-hero:before{background:linear-gradient(90deg,#ff7900 0 64px,transparent 64px)}
  body.webpro-public-page .breadcrumbs{margin-bottom:20px;font-size:10.5px}
  body.webpro-public-page .eyebrow{font-size:10px;margin-bottom:14px}
  body.webpro-public-page .page-hero h1,
  body.webpro-public-page .landing-hero h1{
    max-width:100%;
    font-size:clamp(42px,12.3vw,52px);
    line-height:1;
    margin:.16em 0 .34em;
  }
  body.webpro-public-page .page-hero p,
  body.webpro-public-page .landing-lead{font-size:16px;line-height:1.62}
  body.webpro-public-page .page-hero-wide,
  body.webpro-public-page .service-hero-grid,
  body.webpro-public-page .landing-hero-grid,
  body.webpro-public-page .seo-hero-grid,
  body.webpro-public-page .about-hero-grid{gap:34px}
  body.webpro-public-page .page-hero-wide>div:last-child{padding-top:20px}
  body.webpro-public-page .landing-actions{flex-direction:column;align-items:stretch;gap:13px;margin-top:25px}
  body.webpro-public-page .landing-actions .button{width:100%}
  body.webpro-public-page .landing-actions .text-link{width:max-content}
  body.webpro-public-page .service-hero-photo,
  body.webpro-public-page .industry-hero-photo,
  body.webpro-public-page .about-hero-portrait,
  body.webpro-public-page .location-hero-art{height:330px;min-height:330px}
  body.webpro-public-page .service-hero-photo figcaption,
  body.webpro-public-page .industry-hero-photo figcaption,
  body.webpro-public-page .about-hero-portrait figcaption{left:14px;bottom:14px;max-width:calc(100% - 28px);font-size:10px}
  body.webpro-public-page .location-hero-art{padding:26px}
  body.webpro-public-page .location-hero-city{left:24px;top:24px;font-size:52px}
  body.webpro-public-page .location-hero-meta{flex-direction:column;gap:4px}
  body.webpro-public-page .seo-hero-art{min-height:300px;padding:26px}
  body.webpro-public-page .seo-hero-art span{font-size:26px}

  body.webpro-public-page .section-heading-split{margin-bottom:38px;padding-bottom:24px}
  body.webpro-public-page .section-heading-split h2,
  body.webpro-public-page .landing-intro-grid h2,
  body.webpro-public-page .location-service-grid h2,
  body.webpro-public-page .industry-services-grid h2,
  body.webpro-public-page .package-rules-grid h2,
  body.webpro-public-page .seo-method-grid h2,
  body.webpro-public-page .about-story-grid h2,
  body.webpro-public-page .portfolio-project-details h2{font-size:clamp(35px,10vw,42px);line-height:1.04}
  body.webpro-public-page .landing-intro-grid{gap:32px}
  body.webpro-public-page .landing-intro-copy{font-size:16px}
  body.webpro-public-page .landing-intro-copy>p:first-child{font-size:18px}

  body.webpro-public-page .inclusion-section{padding-top:52px}
  body.webpro-public-page .inclusion-row{grid-template-columns:38px 1fr;gap:14px;padding:24px 0}
  body.webpro-public-page .inclusion-row h3{font-size:18px}
  body.webpro-public-page .inclusion-row p{grid-column:2;font-size:15px}
  body.webpro-public-page .editorial-steps li{grid-template-columns:38px 1fr;gap:14px;padding:27px 0}
  body.webpro-public-page .editorial-steps h2{font-size:29px}
  body.webpro-public-page .editorial-steps p{font-size:15px}

  body.webpro-public-page .webpro-pricing-grid{grid-template-columns:1fr!important;gap:22px!important}
  body.webpro-public-page .webpro-price-card,
  body.webpro-public-page .webpro-price-card.is-featured{min-height:0!important;padding:28px 24px 26px!important}
  body.webpro-public-page .webpro-price-card.is-featured{padding-top:52px!important}
  body.webpro-public-page .webpro-price-card>p{min-height:0!important}
  body.webpro-public-page .webpro-price strong{font-size:52px!important}
  body.webpro-public-page .webpro-price-card h3{font-size:28px!important}
  body.webpro-public-page .webpro-price-card li{font-size:14px!important}
  body.webpro-public-page .packages-main-section,
  body.webpro-public-page .landing-packages-section{padding-top:64px;padding-bottom:70px}

  body.webpro-public-page .project-editorial-section{padding-top:66px;padding-bottom:72px}
  body.webpro-public-page .project-editorial-list{gap:66px}
  body.webpro-public-page .project-visual{padding-right:22px;padding-bottom:27px}
  body.webpro-public-page .project-browser-screen{height:275px}
  body.webpro-public-page .project-phone{width:76px;height:158px;border-width:4px}
  body.webpro-public-page .project-editorial-copy h3{font-size:35px}
  body.webpro-public-page .project-editorial-copy p{font-size:15px}
  body.webpro-public-page .portfolio-index-section .webpro-portfolio-grid{gap:62px!important}
  body.webpro-public-page .portfolio-index-section .webpro-monitor-screen{height:270px!important}
  body.webpro-public-page .webpro-portfolio-copy h3{font-size:34px!important}
  body.webpro-public-page .portfolio-project-stage{padding:44px 0 68px}
  body.webpro-public-page .project-visual-large{padding-right:26px}
  body.webpro-public-page .project-visual-large .project-browser-screen{height:300px}
  body.webpro-public-page .project-visual-large .project-phone{width:84px;height:176px}

  body.webpro-public-page .location-directory-group{grid-template-columns:1fr}
  body.webpro-public-page .location-directory-label{padding:22px 0 18px}
  body.webpro-public-page .location-directory-links{grid-template-columns:1fr;border-left:0}
  body.webpro-public-page .location-directory-links a{min-height:92px;border-right:0;padding:20px 46px 18px 0}
  body.webpro-public-page .industry-directory-row{grid-template-columns:36px 1fr 18px;gap:12px;padding:22px 0}
  body.webpro-public-page .industry-directory-row p{grid-column:2;font-size:13.5px}
  body.webpro-public-page .industry-directory-row strong{font-size:23px}
  body.webpro-public-page .nearby-panel{padding:26px 22px}

  body.webpro-public-page .about-story-grid>figure{height:360px}
  body.webpro-public-page .company-facts>div{grid-template-columns:105px 1fr;gap:16px}
  body.webpro-public-page .contact-main-section{padding-top:66px}
  body.webpro-public-page .contact-layout{gap:52px}
  body.webpro-public-page .contact-details>a{font-size:25px;word-break:break-word}
  body.webpro-public-page .contact-form-shell h2{font-size:36px}
  body.webpro-public-page .contact-trust-strip{grid-template-columns:1fr}
  body.webpro-public-page .contact-trust-strip>div{padding:22px}
  body.webpro-public-page .faq-layout{gap:44px}
  body.webpro-public-page .faq-layout>aside h2{font-size:34px}
  body.webpro-public-page .faq-prose details{padding:22px 0}
  body.webpro-public-page .faq-prose summary{font-size:22px;padding-right:34px}
  body.webpro-public-page .faq-prose details p{font-size:15.5px}

  body.webpro-public-page .guides-directory-section .webpro-link-grid{grid-template-columns:1fr!important;gap:12px!important}
  body.webpro-public-page .guides-directory-section .webpro-link-card{min-height:0!important;padding:26px 24px!important}
  body.webpro-public-page .guides-directory-section .webpro-link-card strong{font-size:25px!important}
  body.webpro-public-page .article-layout{grid-template-columns:1fr;gap:44px}
  body.webpro-public-page .guide-prose{font-size:17px}
  body.webpro-public-page .guide-prose>p:first-child{font-size:19px}
  body.webpro-public-page .guide-prose h2{font-size:32px;margin-top:40px}
  body.webpro-public-page .article-aside{padding:22px 0}

  body.webpro-public-page .section-cta{padding:60px 0 66px}
  body.webpro-public-page .cta-editorial{padding:34px 24px;gap:24px}
  body.webpro-public-page .cta-editorial:before{left:24px;width:64px}
  body.webpro-public-page .cta-editorial h2{font-size:clamp(34px,9.5vw,42px)}
  body.webpro-public-page .cta-editorial p{font-size:15.5px}
  body.webpro-public-page .cta-actions{flex-direction:column;align-items:stretch;width:100%}
  body.webpro-public-page .cta-actions .button{width:100%}
}

@supports not (overflow:clip){
  @media(max-width:760px){
    html,
    body.webpro-public-page,
    body.webpro-public-page .site-main,
    body.webpro-public-page .site-header,
    body.webpro-public-page .site-footer{overflow-x:hidden}
  }
}

/* ======================================================================
   WebPro Theme 1.3.1 — internal-page visual system + mobile drawer repair
   1.3.0 was intentionally conservative; this pass gives public internal
   templates the same visual confidence as the finished homepage while
   keeping the homepage and WebPro Hub/system routes isolated.
   ====================================================================== */

/* ---------- Robust mobile navigation drawer ---------- */
@media(max-width:760px){
  .primary-nav.is-open{
    display:block!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:68px!important;
    width:100%!important;
    height:calc(100dvh - 68px)!important;
    max-height:none!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    box-sizing:border-box!important;
    padding:0 18px 28px!important;
    background:#fbf8f2!important;
    border-top:1px solid #ded8ce!important;
    border-bottom:0!important;
    box-shadow:0 22px 42px rgba(0,0,0,.14)!important;
    z-index:10020!important;
  }
  .site-header.is-scrolled .primary-nav.is-open{
    top:58px!important;
    height:calc(100dvh - 58px)!important;
    max-height:none!important;
  }
  body.nav-open{overflow:hidden!important;touch-action:none!important}
  .primary-nav.is-open .menu>li{display:block!important;visibility:visible!important}
}

/* ---------- Stronger hero identity ---------- */
body.webpro-public-page .page-hero,
body.webpro-public-page .landing-hero{
  background:
    radial-gradient(circle at 86% 15%,rgba(255,121,0,.08),transparent 28%),
    linear-gradient(180deg,#faf7f1 0%,#f5f0e8 100%);
}
body.webpro-public-page .page-hero-wide>div:last-child{
  padding:30px 32px 30px 34px;
  border:1px solid #d9d2c8;
  border-left:1px solid #d9d2c8;
  background:rgba(255,255,255,.78);
  box-shadow:0 18px 42px rgba(35,28,20,.055);
}
body.webpro-public-page .page-hero-wide>div:last-child:before{
  left:-1px;
  top:-1px;
  width:72px;
  height:3px;
}
body.webpro-public-page .page-hero-wide>div:last-child p{color:#4f4c47}

/* ---------- Editorial intro blocks ---------- */
body.webpro-public-page .landing-intro-section{
  background:#fff;
}
body.webpro-public-page .landing-intro-grid{
  position:relative;
  padding:50px 0;
  border-top:1px solid var(--internal-line);
  border-bottom:1px solid var(--internal-line);
}
body.webpro-public-page .landing-intro-grid>div:first-child{
  position:relative;
  padding-left:28px;
}
body.webpro-public-page .landing-intro-grid>div:first-child:before{
  content:'';
  position:absolute;
  left:0;
  top:4px;
  width:4px;
  height:64px;
  background:#ff7900;
}

/* ---------- Fully managed / inclusion section becomes a dark anchor ---------- */
body.webpro-public-page .inclusion-section{
  padding-top:92px;
  padding-bottom:96px;
  background:#171819;
  color:#fff;
}
body.webpro-public-page .inclusion-section .section-heading-split{
  border-bottom-color:#3b3c3e;
}
body.webpro-public-page .inclusion-section .section-heading-split h2,
body.webpro-public-page .inclusion-section .section-heading-split p,
body.webpro-public-page .inclusion-section .inclusion-row h3{color:#fff}
body.webpro-public-page .inclusion-section .section-heading-split p,
body.webpro-public-page .inclusion-section .inclusion-row p{color:#d2d0cc}
body.webpro-public-page .inclusion-section .inclusion-list{border-top-color:#3b3c3e}
body.webpro-public-page .inclusion-section .inclusion-row{border-bottom-color:#3b3c3e}
body.webpro-public-page .inclusion-section .inclusion-row>span{color:#ff8a00;font-weight:800}

/* ---------- Pricing is a deliberate dark conversion section ---------- */
body.webpro-public-page .packages-main-section,
body.webpro-public-page .landing-packages-section{
  background:#171819!important;
  color:#fff;
}
body.webpro-public-page .landing-packages-section .section-heading-split{border-bottom-color:#3b3c3e}
body.webpro-public-page .landing-packages-section .section-heading-split h2,
body.webpro-public-page .landing-packages-section .section-heading-split p{color:#fff}
body.webpro-public-page .landing-packages-section .section-heading-split p{color:#d2d0cc}
body.webpro-public-page .webpro-price-card{
  border-color:#4a4b4d!important;
  background:#1d1e20!important;
  box-shadow:none!important;
}
body.webpro-public-page .webpro-price-card.is-featured{
  border-color:#737477!important;
  background:#1d1e20!important;
}
body.webpro-public-page .webpro-price-card h3,
body.webpro-public-page .webpro-price strong{color:#fff!important}
body.webpro-public-page .webpro-price-card>p,
body.webpro-public-page .webpro-price span,
body.webpro-public-page .webpro-price-card li,
body.webpro-public-page .webpro-price-card>small{color:#ddd!important}
body.webpro-public-page .webpro-price-card ul{border-top-color:#3f4042!important}
body.webpro-public-page .webpro-price-card li{border-bottom-color:#3f4042!important}

/* ---------- Portfolio/project sections get an editorial warm field ---------- */
body.webpro-public-page .project-editorial-section,
body.webpro-public-page .portfolio-index-section{
  background:#fbfaf7;
}
body.webpro-public-page .project-editorial-item{
  padding:26px 0;
}
body.webpro-public-page .project-browser{
  box-shadow:0 26px 62px rgba(19,17,15,.16);
}
body.webpro-public-page .project-editorial-copy h3 a{color:#171717}

/* ---------- Trust / contact / FAQ families ---------- */
body.webpro-public-page .contact-main-section,
body.webpro-public-page .faq-main-section,
body.webpro-public-page .guides-directory-section,
body.webpro-public-page .location-directory-section,
body.webpro-public-page .industry-directory-section{
  background:#fbfaf7;
}
body.webpro-public-page .contact-details,
body.webpro-public-page .contact-form-shell{
  border:1px solid var(--internal-line);
  background:#fff;
  box-shadow:0 18px 44px rgba(27,23,19,.05);
}
body.webpro-public-page .contact-details{padding:42px}
body.webpro-public-page .faq-prose details{
  margin:0 0 10px;
  padding:24px 26px;
  border:1px solid var(--internal-line);
  background:#fff;
}
body.webpro-public-page .faq-prose details[open]{border-color:#cfc5b8;box-shadow:0 12px 30px rgba(27,23,19,.04)}

/* ---------- Industry proof is a dark editorial pause ---------- */
body.webpro-public-page .industry-proof-section{
  background:#171819;
  color:#fff;
}
body.webpro-public-page .industry-proof-section blockquote,
body.webpro-public-page .industry-proof-section h3{color:#fff}
body.webpro-public-page .industry-proof-section p{color:#d2d0cc}
body.webpro-public-page .industry-proof-section .text-link{color:#fff;border-bottom-color:#777}

/* ---------- Directory rows feel like designed resources, not plain lists ---------- */
body.webpro-public-page .location-directory-group,
body.webpro-public-page .industry-directory-row{
  background:#fff;
}
body.webpro-public-page .location-directory-group{
  margin-bottom:18px;
  border:1px solid var(--internal-line);
}
body.webpro-public-page .industry-directory-row{
  margin-bottom:10px;
  border:1px solid var(--internal-line);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
body.webpro-public-page .industry-directory-row:hover{
  transform:translateY(-2px);
  border-color:#c8c2b8;
  box-shadow:0 14px 34px rgba(27,23,19,.055);
}

/* ---------- About story / service proof image polish ---------- */
body.webpro-public-page .about-story-grid>figure,
body.webpro-public-page .home-trust-photo{
  box-shadow:var(--internal-shadow);
  border:1px solid #ded9d1;
}
body.webpro-public-page .company-facts{
  border-top:1px solid var(--internal-line);
  border-bottom:1px solid var(--internal-line);
}

/* ---------- Mobile internal pages keep the visual system, not plain white ---------- */
@media(max-width:760px){
  body.webpro-public-page .page-hero-wide>div:last-child{
    padding:22px 20px 20px;
    background:#fff;
  }
  body.webpro-public-page .landing-intro-grid{
    padding:34px 0;
  }
  body.webpro-public-page .landing-intro-grid>div:first-child{padding-left:18px}
  body.webpro-public-page .landing-intro-grid>div:first-child:before{height:48px;width:3px}
  body.webpro-public-page .inclusion-section{padding-top:64px;padding-bottom:68px}
  body.webpro-public-page .packages-main-section,
  body.webpro-public-page .landing-packages-section{padding-top:68px!important;padding-bottom:72px!important}
  body.webpro-public-page .contact-details{padding:28px 24px}
  body.webpro-public-page .faq-prose details{padding:20px 18px}
}

/* ======================================================================
   WebPro Theme 1.3.2 — internal pages, proper visual overhaul
   The homepage remains untouched. Public internal templates now use the
   same bold editorial language: warm fields, dark anchors, device visuals,
   stronger panel contrast and deliberate section rhythm.
   ====================================================================== */

/* ---------- Shared internal hero: warm field + dark information panel ---------- */
body.webpro-public-page .page-hero:not(.seo-page-hero),
body.webpro-public-page .landing-hero{
  background:
    radial-gradient(circle at 83% 10%,rgba(255,121,0,.11),transparent 24%),
    linear-gradient(180deg,#faf6ee 0%,#f3eee5 100%)!important;
  border-bottom:1px solid #ded8ce;
}
body.webpro-public-page .page-hero:not(.seo-page-hero):before,
body.webpro-public-page .landing-hero:before{
  height:4px!important;
  background:linear-gradient(90deg,#ff7900 0 84px,transparent 84px)!important;
}
body.webpro-public-page .page-hero-wide>div:last-child{
  position:relative;
  padding:42px 42px 40px!important;
  color:#fff!important;
  background:#171819!important;
  border:1px solid #2f3032!important;
  box-shadow:0 28px 64px rgba(28,23,18,.14)!important;
}
body.webpro-public-page .page-hero-wide>div:last-child:before{
  content:'';
  position:absolute;
  left:42px!important;
  top:0!important;
  width:78px!important;
  height:4px!important;
  background:#ff7900!important;
}
body.webpro-public-page .page-hero-wide>div:last-child p{
  color:#dedbd5!important;
  font-size:18px!important;
  line-height:1.68!important;
}
body.webpro-public-page .page-hero-wide>div:last-child .button{
  margin-top:18px;
}

/* ---------- Device-led service/industry heroes ---------- */
body.webpro-public-page .service-hero-device,
body.webpro-public-page .industry-hero-device{
  min-height:520px!important;
  height:520px!important;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:38px 34px 30px;
  overflow:visible!important;
  background:
    radial-gradient(circle at 65% 35%,rgba(255,121,0,.12),transparent 28%),
    #171819!important;
  border:1px solid #303133;
  box-shadow:0 28px 64px rgba(28,23,18,.14)!important;
}
body.webpro-public-page .service-hero-device:before,
body.webpro-public-page .industry-hero-device:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:86px;
  height:4px;
  background:#ff7900;
  z-index:2;
}
body.webpro-public-page .service-hero-device img,
body.webpro-public-page .industry-hero-device img{
  width:108%!important;
  height:auto!important;
  max-height:470px;
  object-fit:contain!important;
  filter:drop-shadow(0 22px 30px rgba(0,0,0,.28));
}
body.webpro-public-page .service-hero-device figcaption,
body.webpro-public-page .industry-hero-device figcaption{
  left:28px!important;
  bottom:24px!important;
  background:#f8f5ef!important;
  color:#171717!important;
  border-left:3px solid #ff7900!important;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}

/* ---------- Editorial intro becomes a designed panel, not loose white copy ---------- */
body.webpro-public-page .landing-intro-section,
body.webpro-public-page .service-intro-section{
  background:#fff!important;
}
body.webpro-public-page .landing-intro-grid{
  padding:58px 58px!important;
  gap:80px!important;
  background:#f7f3ec!important;
  border:1px solid #ded8cf!important;
  box-shadow:0 22px 54px rgba(35,28,20,.055);
}
body.webpro-public-page .landing-intro-grid>div:first-child{
  padding-left:30px!important;
}
body.webpro-public-page .landing-intro-grid>div:first-child:before{
  width:4px!important;
  height:76px!important;
  top:2px!important;
}
body.webpro-public-page .landing-intro-copy p,
body.webpro-public-page .prose-large p{
  font-size:17px!important;
  line-height:1.72!important;
  color:#55514c!important;
}

/* ---------- Pay monthly: dark editorial three-step anchor ---------- */
body.webpro-public-page .pay-monthly-steps{
  background:#171819!important;
  color:#fff;
  padding-top:86px!important;
  padding-bottom:94px!important;
}
body.webpro-public-page .pay-monthly-steps .section-heading-split{
  border-bottom-color:#3c3d3f!important;
  margin-bottom:44px;
}
body.webpro-public-page .pay-monthly-steps .section-heading-split h2,
body.webpro-public-page .pay-monthly-steps .section-heading-split p{color:#fff!important}
body.webpro-public-page .pay-monthly-steps .section-heading-split p{color:#cfcfcb!important}
body.webpro-public-page .pay-monthly-steps .service-statement-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  border:0!important;
}
body.webpro-public-page .pay-monthly-steps .service-statement-grid>*{
  padding:0!important;
  border:0!important;
}
body.webpro-public-page .pay-monthly-steps .service-statement-number{
  grid-row:auto;
  font-size:12px!important;
  padding:26px 28px 0!important;
  background:#202123;
  border:1px solid #404143!important;
  border-bottom:0!important;
}
body.webpro-public-page .pay-monthly-steps .service-statement-grid h2{
  font-size:28px!important;
  padding:10px 28px 8px!important;
  margin:0!important;
  background:#202123;
  color:#fff!important;
  border-left:1px solid #404143!important;
  border-right:1px solid #404143!important;
}
body.webpro-public-page .pay-monthly-steps .service-statement-grid p{
  min-height:166px;
  padding:8px 28px 30px!important;
  color:#d2d0cc!important;
  background:#202123;
  border:1px solid #404143!important;
  border-top:0!important;
}
body.webpro-public-page .pay-monthly-accountability .home-trust-grid{
  padding:28px;
  background:#fff;
  border:1px solid #ded8cf;
  box-shadow:0 20px 50px rgba(30,25,19,.055);
}

/* ---------- Process page: numbered cards rather than a plain ruled list ---------- */
body.webpro-public-page .process-steps-section{
  background:#fbfaf7!important;
}
body.webpro-public-page .process-steps-heading{margin-bottom:42px}
body.webpro-public-page .editorial-steps{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  border-top:0!important;
}
body.webpro-public-page .editorial-steps li{
  display:grid!important;
  grid-template-columns:54px 1fr!important;
  gap:18px!important;
  padding:30px!important;
  border:1px solid #ded8cf!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(30,25,19,.04);
}
body.webpro-public-page .editorial-steps li>span{
  color:#ff7900!important;
  font-weight:800;
  letter-spacing:.1em;
}
body.webpro-public-page .editorial-steps h2{font-size:27px!important;line-height:1.15!important}
body.webpro-public-page .editorial-steps p{font-size:16px!important;line-height:1.65!important}
body.webpro-public-page .process-managed-device{
  height:470px!important;
  overflow:visible!important;
  background:transparent!important;
}
body.webpro-public-page .process-managed-device img{
  object-fit:contain!important;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.16));
}

/* ---------- Package rules: three strong cards ---------- */
body.webpro-public-page .packages-rules-section .package-rules-grid{
  gap:74px!important;
}
body.webpro-public-page .packages-rules-section .package-rules{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
body.webpro-public-page .packages-rules-section .package-rules>div{
  padding:28px 26px!important;
  border:1px solid #ddd7cd!important;
  background:#fff;
  box-shadow:0 12px 30px rgba(30,25,19,.035);
}
body.webpro-public-page .packages-rules-section .package-rules strong{
  display:block;
  font-size:17px;
  line-height:1.35;
  margin-bottom:10px;
}
body.webpro-public-page .packages-rules-section .package-rules p{
  margin:0;
  color:#5a5752;
  font-size:15px;
  line-height:1.65;
}

/* ---------- SEO method: numbered white cards on a warm field ---------- */
body.webpro-public-page .seo-method-section{background:#f7f3ec!important}
body.webpro-public-page .seo-method-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
body.webpro-public-page .seo-method-list>div{
  grid-template-columns:42px 1fr!important;
  gap:12px!important;
  padding:26px!important;
  border:1px solid #ddd7cd!important;
  background:#fff!important;
}
body.webpro-public-page .seo-method-list>div p{
  grid-column:2;
  margin:0;
}
body.webpro-public-page .seo-hero-art{
  min-height:500px!important;
  background:
    radial-gradient(circle at 72% 25%,rgba(255,121,0,.13),transparent 24%),
    linear-gradient(145deg,#1d1e20,#131415)!important;
  box-shadow:0 28px 64px rgba(0,0,0,.2);
}
body.webpro-public-page .seo-hero-art:before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:88px;
  height:4px;
  background:#ff7900;
}

/* ---------- Location pages: stronger visual card + dark local coverage panel ---------- */
body.webpro-public-page .location-hero-art{
  min-height:540px!important;
  box-shadow:0 28px 64px rgba(25,21,17,.16)!important;
  border:1px solid #303133;
  background:
    radial-gradient(circle at 78% 28%,rgba(255,121,0,.14),transparent 24%),
    #171819!important;
}
body.webpro-public-page .location-hero-art .location-hero-city{color:#fff}
body.webpro-public-page .location-intro-section .landing-intro-grid{background:#fff!important}
body.webpro-public-page .location-coverage-section .nearby-panel{
  color:#fff;
  background:#171819!important;
  border:1px solid #303133!important;
  box-shadow:0 22px 54px rgba(28,23,18,.13);
}
body.webpro-public-page .location-coverage-section .nearby-label,
body.webpro-public-page .location-coverage-section .nearby-list span{color:#fff!important}
body.webpro-public-page .location-coverage-section .nearby-list span{border-bottom-color:#3b3c3e!important}
body.webpro-public-page .location-coverage-section .nearby-panel small{color:#aaa!important}

/* ---------- Industry pages: product visual + stronger service panel ---------- */
body.webpro-public-page .industry-intro-section .landing-intro-grid{background:#fff!important}
body.webpro-public-page .industry-services-section{
  background:#f7f3ec!important;
}
body.webpro-public-page .industry-services-section .service-list-editorial{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  border-top:0!important;
}
body.webpro-public-page .industry-services-section .service-list-editorial>div{
  padding:22px 24px!important;
  border:1px solid #ddd7cd!important;
  background:#fff!important;
}

/* ---------- Trust/index pages: stronger white-space control ---------- */
body.webpro-public-page.webpro-family-trust .page-hero,
body.webpro-public-page.webpro-family-guides .page-hero,
body.webpro-public-page .industries-index-hero,
body.webpro-public-page .locations-index-hero,
body.webpro-public-page .portfolio-index-hero{
  padding-top:82px!important;
  padding-bottom:88px!important;
}
body.webpro-public-page .contact-main-section,
body.webpro-public-page .faq-main-section,
body.webpro-public-page .guides-directory-section,
body.webpro-public-page .location-directory-section,
body.webpro-public-page .industry-directory-section{
  padding-top:88px!important;
  padding-bottom:96px!important;
}

/* ---------- Internal CTAs echo the homepage finish ---------- */
body.webpro-public-page .section-cta{
  background:#fff!important;
}
body.webpro-public-page .cta-editorial{
  position:relative;
  background:#f7f3ec!important;
  border:1px solid #ddd7cd!important;
  box-shadow:0 18px 44px rgba(30,25,19,.045);
}
body.webpro-public-page .cta-editorial:before{
  content:'';
  position:absolute;
  left:42px;
  top:-1px;
  width:78px;
  height:4px;
  background:#ff7900;
}

/* ---------- Tablet/mobile: preserve the design language ---------- */
@media(max-width:1100px){
  body.webpro-public-page .pay-monthly-steps .service-statement-grid{
    grid-template-columns:1fr!important;
  }
  body.webpro-public-page .pay-monthly-steps .service-statement-grid p{min-height:0}
  body.webpro-public-page .editorial-steps{grid-template-columns:1fr!important}
  body.webpro-public-page .packages-rules-section .package-rules{grid-template-columns:1fr!important}
  body.webpro-public-page .seo-method-list{grid-template-columns:1fr!important}
  body.webpro-public-page .industry-services-section .service-list-editorial{grid-template-columns:1fr!important}
}

@media(max-width:760px){
  body.webpro-public-page .page-hero-wide>div:last-child{
    padding:26px 22px 24px!important;
    background:#171819!important;
    border-color:#303133!important;
  }
  body.webpro-public-page .page-hero-wide>div:last-child:before{left:22px!important;width:60px!important}
  body.webpro-public-page .page-hero-wide>div:last-child p{font-size:15.5px!important;line-height:1.62!important}
  body.webpro-public-page .service-hero-device,
  body.webpro-public-page .industry-hero-device{
    min-height:330px!important;
    height:330px!important;
    padding:24px 18px!important;
  }
  body.webpro-public-page .service-hero-device img,
  body.webpro-public-page .industry-hero-device img{width:112%!important;max-height:300px!important}
  body.webpro-public-page .service-hero-device figcaption,
  body.webpro-public-page .industry-hero-device figcaption{left:14px!important;bottom:12px!important;font-size:9.5px!important}

  body.webpro-public-page .landing-intro-grid{
    padding:30px 22px!important;
    gap:28px!important;
  }
  body.webpro-public-page .landing-intro-grid>div:first-child{padding-left:18px!important}
  body.webpro-public-page .landing-intro-grid>div:first-child:before{height:52px!important;width:3px!important}

  body.webpro-public-page .pay-monthly-steps{padding-top:62px!important;padding-bottom:66px!important}
  body.webpro-public-page .pay-monthly-steps .service-statement-number{padding:22px 22px 0!important}
  body.webpro-public-page .pay-monthly-steps .service-statement-grid h2{font-size:24px!important;padding:8px 22px 6px!important}
  body.webpro-public-page .pay-monthly-steps .service-statement-grid p{padding:8px 22px 24px!important;font-size:15px!important}

  body.webpro-public-page .editorial-steps li{padding:24px 20px!important;grid-template-columns:40px 1fr!important}
  body.webpro-public-page .editorial-steps h2{font-size:24px!important}
  body.webpro-public-page .process-managed-device{height:330px!important}

  body.webpro-public-page .seo-hero-art,
  body.webpro-public-page .location-hero-art{min-height:310px!important;height:310px!important}
  body.webpro-public-page .location-hero-city{font-size:48px!important}
  body.webpro-public-page .location-coverage-section .nearby-panel{padding:26px 22px!important}

  body.webpro-public-page .packages-rules-section .package-rules>div{padding:22px 20px!important}
  body.webpro-public-page .seo-method-list>div{padding:22px 20px!important}
  body.webpro-public-page .industry-services-section .service-list-editorial>div{padding:20px!important}

  body.webpro-public-page .cta-editorial:before{left:24px;width:62px}
}

/* ======================================================================
   WebPro Theme 1.3.3 — Internal pages: real visual system
   This is a template-level redesign, not just font/spacing polish.
   Homepage remains excluded through the webpro-public-page body class.
   ====================================================================== */
body.webpro-public-page{
  --ip-ink:#171819;
  --ip-warm:#f6f1e9;
  --ip-warm-2:#fbf8f3;
  --ip-line:#ddd6cc;
}
body.webpro-public-page .site-main>section:not(.page-hero):not(.landing-hero):not(.internal-dark-band):not(.internal-packages-band):nth-of-type(even){background:var(--ip-warm-2)}
body.webpro-public-page .site-main>section:not(.page-hero):not(.landing-hero):not(.internal-dark-band):not(.internal-packages-band):nth-of-type(odd){background:#fff}

/* big split hero shared by conversion pages */
body.webpro-public-page .internal-split-hero{
  padding:88px 0 92px!important;
  background:linear-gradient(90deg,#f7f2ea 0 61%,#efe8dd 61% 100%)!important;
}
body.webpro-public-page .internal-split-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.82fr);
  gap:72px;
  align-items:center;
}
body.webpro-public-page .internal-hero-copy h1{font-size:clamp(54px,4.8vw,72px);max-width:790px;margin:.18em 0 .28em;line-height:.98}
body.webpro-public-page .internal-hero-copy .landing-lead{font-size:18px;line-height:1.65;max-width:640px}
body.webpro-public-page .internal-panel-kicker{display:block;color:#ff7900;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin-bottom:14px}
body.webpro-public-page .internal-service-visual,
body.webpro-public-page .internal-summary-panel,
body.webpro-public-page .internal-process-panel{
  position:relative;
  overflow:hidden;
  min-height:480px;
  padding:42px;
  color:#fff;
  background:radial-gradient(circle at 75% 20%,rgba(255,121,0,.16),transparent 28%),#171819;
  border:1px solid #303133;
  box-shadow:0 28px 64px rgba(24,20,16,.16);
}
body.webpro-public-page .internal-service-visual:before,
body.webpro-public-page .internal-summary-panel:before,
body.webpro-public-page .internal-process-panel:before{content:'';position:absolute;top:0;left:0;width:90px;height:4px;background:#ff7900}
body.webpro-public-page .internal-service-visual h2,
body.webpro-public-page .internal-summary-panel h2{font-family:var(--serif);font-size:42px;line-height:1.02;margin:0 0 24px;color:#fff}
body.webpro-public-page .internal-service-list{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #3a3b3d;max-width:430px}
body.webpro-public-page .internal-service-list span{padding:13px 0;border-bottom:1px solid #3a3b3d;font-size:14px;color:#dedbd6}
body.webpro-public-page .internal-service-list span:nth-child(odd){padding-right:18px}
body.webpro-public-page .internal-service-visual img{position:absolute;right:-72px;bottom:-88px;width:430px;filter:drop-shadow(0 24px 32px rgba(0,0,0,.28))}
body.webpro-public-page .internal-summary-panel ul{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid #3b3c3e}
body.webpro-public-page .internal-summary-panel li{padding:16px 0;border-bottom:1px solid #3b3c3e;color:#e3e0db;font-size:16px}
body.webpro-public-page .internal-summary-panel li:before{content:'✓';color:#ff7900;margin-right:11px;font-weight:800}
body.webpro-public-page .internal-process-panel ol{list-style:none;margin:18px 0 0;padding:0}
body.webpro-public-page .internal-process-panel li{display:grid;grid-template-columns:48px 1fr;align-items:center;padding:18px 0;border-bottom:1px solid #3b3c3e;font-family:var(--serif);font-size:28px}
body.webpro-public-page .internal-process-panel li b{font-family:var(--sans);font-size:11px;letter-spacing:.14em;color:#ff7900}

/* strong dark editorial bands */
body.webpro-public-page .internal-dark-band,
body.webpro-public-page .internal-packages-band{
  color:#fff!important;
  background:#171819!important;
}
body.webpro-public-page .internal-dark-band h2,
body.webpro-public-page .internal-packages-band h2{color:#fff!important}
body.webpro-public-page .internal-dark-band p,
body.webpro-public-page .internal-packages-band .section-heading-split>p{color:#d2cfca!important}
body.webpro-public-page .internal-three-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:46px}
body.webpro-public-page .internal-three-cards article{padding:30px 28px;border:1px solid #3d3e40;background:#202123}
body.webpro-public-page .internal-three-cards article>span{color:#ff7900;font-size:11px;font-weight:800;letter-spacing:.15em}
body.webpro-public-page .internal-three-cards h3{font-family:var(--serif);font-size:30px;line-height:1.08;margin:18px 0 13px;color:#fff}
body.webpro-public-page .internal-three-cards p{font-size:15px;line-height:1.65;color:#d2cfca;margin:0}
body.webpro-public-page .internal-light-cards article{background:#fff;border-color:#ddd6cc}
body.webpro-public-page .internal-light-cards h3{color:#171717}
body.webpro-public-page .internal-light-cards p{color:#5d5954}

/* image/text splits */
body.webpro-public-page .internal-feature-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);gap:88px;align-items:center}
body.webpro-public-page .internal-feature-grid h2{font-family:var(--serif);font-size:clamp(44px,4vw,62px);line-height:1;letter-spacing:-.035em;margin:.15em 0 .35em}
body.webpro-public-page .internal-feature-grid>div>p{font-size:18px;line-height:1.7;max-width:620px}
body.webpro-public-page .internal-feature-grid figure{margin:0;min-height:480px;display:flex;align-items:center;justify-content:center;overflow:hidden}
body.webpro-public-page .internal-feature-grid figure img{max-height:500px;width:auto;object-fit:contain}
body.webpro-public-page .internal-dark-band .internal-feature-grid figure img{filter:drop-shadow(0 22px 30px rgba(0,0,0,.24))}
body.webpro-public-page .internal-device{background:transparent!important}

/* force the existing generic internal sections to feel designed */
body.webpro-public-page .landing-intro-grid,
body.webpro-public-page .about-story-grid,
body.webpro-public-page .location-service-grid,
body.webpro-public-page .industry-services-grid,
body.webpro-public-page .faq-layout,
body.webpro-public-page .contact-grid{
  border:1px solid #dfd8ce;
  background:#fff;
  padding:48px!important;
  box-shadow:0 16px 40px rgba(30,24,18,.04);
}
body.webpro-public-page .industry-proof-section{background:#171819!important;color:#fff!important}
body.webpro-public-page .industry-proof-section blockquote,
body.webpro-public-page .industry-proof-section h3{color:#fff!important}
body.webpro-public-page .industry-proof-section p{color:#d1ceca!important}
body.webpro-public-page .location-coverage-section{background:#171819!important;color:#fff!important}
body.webpro-public-page .location-coverage-section h2{color:#fff!important}
body.webpro-public-page .location-coverage-section p{color:#d1ceca!important}
body.webpro-public-page .landing-faq-section{background:#f6f1e9!important}

/* Packages shortcode inside dark bands */
body.webpro-public-page .internal-packages-band .webpro-pricing-grid{margin-top:38px!important}
body.webpro-public-page .internal-packages-band .webpro-price-card{background:#202123!important;border-color:#454648!important;color:#fff!important}
body.webpro-public-page .internal-packages-band .webpro-price-card h3,
body.webpro-public-page .internal-packages-band .webpro-price-card strong{color:#fff!important}
body.webpro-public-page .internal-packages-band .webpro-price-card p,
body.webpro-public-page .internal-packages-band .webpro-price-card li{color:#ddd!important}

/* tablet/mobile */
@media(max-width:1100px){
  body.webpro-public-page .internal-split-grid,
  body.webpro-public-page .internal-feature-grid{grid-template-columns:1fr;gap:38px}
  body.webpro-public-page .internal-service-visual,
  body.webpro-public-page .internal-summary-panel,
  body.webpro-public-page .internal-process-panel{min-height:430px}
  body.webpro-public-page .internal-three-cards{grid-template-columns:1fr}
}
@media(max-width:760px){
  body.webpro-public-page .internal-split-hero{padding:58px 0 62px!important;background:#f6f1e9!important}
  body.webpro-public-page .internal-split-grid{gap:30px}
  body.webpro-public-page .internal-hero-copy h1{font-size:46px!important;line-height:1.01!important}
  body.webpro-public-page .internal-hero-copy .landing-lead{font-size:16px!important}
  body.webpro-public-page .internal-service-visual,
  body.webpro-public-page .internal-summary-panel,
  body.webpro-public-page .internal-process-panel{min-height:360px;padding:28px 24px}
  body.webpro-public-page .internal-service-visual h2,
  body.webpro-public-page .internal-summary-panel h2{font-size:34px}
  body.webpro-public-page .internal-service-visual img{width:315px;right:-68px;bottom:-60px}
  body.webpro-public-page .internal-service-list{grid-template-columns:1fr;max-width:220px}
  body.webpro-public-page .internal-service-list span{padding:10px 0!important}
  body.webpro-public-page .internal-process-panel li{font-size:24px;padding:14px 0}
  body.webpro-public-page .internal-three-cards{margin-top:30px}
  body.webpro-public-page .internal-three-cards article{padding:24px 22px}
  body.webpro-public-page .internal-feature-grid{gap:26px}
  body.webpro-public-page .internal-feature-grid figure{min-height:320px}
  body.webpro-public-page .internal-feature-grid figure img{max-width:100%;max-height:340px}
  body.webpro-public-page .landing-intro-grid,
  body.webpro-public-page .about-story-grid,
  body.webpro-public-page .location-service-grid,
  body.webpro-public-page .industry-services-grid,
  body.webpro-public-page .faq-layout,
  body.webpro-public-page .contact-grid{padding:26px 22px!important}
}