/* Dedicated trades campaign. All styles isolated from the main website. */
.trades-campaign{background:var(--paper)}
.trades-campaign .campaign-header{position:relative;background:var(--deep);border-bottom:1px solid #ffffff12;color:var(--paper)}
.campaign-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px}
.campaign-nav nav{display:flex;position:static;flex-direction:row;align-items:center;gap:28px;padding:0;background:none;border:0;width:auto;box-shadow:none}
.campaign-header .brandmark i{background:var(--lime);border-radius:4px}
.campaign-header .brand-dot{color:var(--lime)}
.trades-campaign .button{border-radius:50px;gap:22px}
.trades-campaign .button.lime{background:var(--lime);color:var(--deep);box-shadow:inset 0 1px 0 #ffffff66}
.campaign-hero{position:relative;isolation:isolate;background:var(--green);color:var(--paper);overflow:hidden}
.campaign-photo{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 35%;z-index:-3}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#062c29e8 0%,#062c29a3 40%,#062c2900 72%),linear-gradient(0deg,#062c29f5 0%,transparent 42%)}
.hero-contours{position:absolute;pointer-events:none;width:600px;height:600px;border:1px solid #c5f27715;border-radius:50%;top:-340px;left:26%;box-shadow:0 0 0 50px #c5f27705,0 0 0 100px #c5f27704;z-index:-1}
.campaign-hero-inner{padding-block:58px 42px}
.campaign-copy{max-width:750px}
.campaign-eyebrow{display:flex;align-items:center;gap:10px;color:#e4f2d3;font-size:.7rem;letter-spacing:.15em;font-weight:800;margin-bottom:24px}
.campaign-eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--lime)}
.campaign-copy h1{font-size:clamp(2.8rem,5.1vw,4.9rem);letter-spacing:-.055em;line-height:1.05;text-wrap:balance}
.campaign-copy h1 em{color:var(--lime)}
.campaign-subtitle{font-size:1.26rem;color:var(--paper);line-height:1.45;margin-top:25px;font-weight:600}
.campaign-description{max-width:480px;margin-top:14px;font-size:.94rem;line-height:1.65;color:#d9e5db}
.hero-book{margin-top:26px;min-width:190px}
.campaign-fineprint{font-size:.74rem;color:#d1dfcf;margin-top:13px}
.campaign-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px;max-width:none}
.campaign-service{display:flex;gap:18px;align-items:flex-start;background:var(--paper);border:1px solid #f6ffe5;border-radius:19px;color:var(--ink);padding:23px;box-shadow:0 12px 25px #031f2420}
.campaign-service .icon-tile{flex-shrink:0;background:#e5f9c9;width:50px;height:50px;border-radius:13px}
.campaign-service h2{font-size:1.5rem;line-height:1.13;letter-spacing:-.045em}
.campaign-service p{color:var(--ink);font-size:.83rem;margin-top:9px}
.campaign-service div>span{display:block;color:var(--muted);font-size:.75rem;line-height:1.55;margin-top:8px}
.trade-strip{padding:21px 0;border-bottom:1px solid var(--line);background:#eef5e7}
.trade-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
.trade-strip .wrap>span{font-size:.63rem;letter-spacing:.09em;font-weight:800;white-space:nowrap}
.trade-strip p{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;font-size:.76rem;color:var(--ink)}
.trade-strip .trade-item{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-weight:600}
.trade-strip .trade-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:1.2rem;font-weight:400;line-height:1.2}
.trade-strip i{font-style:normal;color:#8da278;margin:0 8px}
.campaign-contact{padding:70px 0 75px;scroll-margin-top:20px}
.campaign-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,100px);align-items:start}
.call-copy{padding-top:15px}
.call-copy .eyebrow{font-size:.66rem;letter-spacing:.1em;margin-bottom:22px}
.call-copy h2{font-size:clamp(2.2rem,3.6vw,3.4rem);line-height:1.12}
.call-copy>p{font-size:.95rem;line-height:1.75;margin-top:22px;max-width:460px}
.call-steps{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:22px}
.call-steps li{display:flex;gap:16px;align-items:flex-start}
.call-steps li>span{font-size:.7rem;font-weight:800;background:#e7f3d8;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0}
.call-steps h3{font-size:.98rem;line-height:1.4;letter-spacing:-.02em}
.call-steps p{font-size:.8rem;line-height:1.65;margin-top:4px;max-width:360px}
.call-copy .campaign-areas{font-size:.76rem;border-top:1px solid var(--line);padding-top:22px;margin-top:30px}
.call-direct{display:block;font-size:.77rem;margin-top:18px}
.call-direct strong{display:block;font-size:1rem;margin-top:3px}
.campaign-form-card{border:1px solid #d5e3c9;background:white;border-radius:22px;padding:32px;box-shadow:0 15px 40px #093b3508}
.campaign-form-card .eyebrow{font-size:.63rem;margin-bottom:12px}
.campaign-form-card h2{font-size:2rem;line-height:1.15}
.form-intro{margin-top:11px;font-size:.83rem}
.campaign-form-card .field{margin-top:17px}
.campaign-form-card label{font-size:.73rem}
.campaign-form-card label span{font-weight:400}
.campaign-form-card input:not([type=checkbox]),.campaign-form-card select,.campaign-form-card textarea{min-height:46px;padding:10px 12px;font-size:1rem}
.campaign-form-card textarea{min-height:94px;line-height:1.5}
.campaign-form-card .consent{margin-top:17px;font-size:.71rem;line-height:1.6}
.campaign-form-card .error,.campaign-form-card .notice{margin:16px 0 0;font-size:.77rem}
.campaign-submit{width:100%;margin-top:21px}
.submit-note{text-align:center;font-size:.66rem;margin-top:12px}
.campaign-success p{margin-top:17px;font-size:.9rem}
.campaign-success .button{margin-top:24px}
.campaign-success:focus{outline:2px solid #83a953;outline-offset:8px}
.trades-campaign .campaign-footer{padding:25px 0;background:var(--deep)}
.campaign-footer .wrap{display:flex;align-items:center;gap:28px}
.campaign-footer .brand{font-size:1.4rem}
.campaign-footer p{margin:0;font-size:.73rem}
.campaign-footer .wrap>a:last-child{margin-left:auto;font-size:.8rem}
@media(min-width:1500px){.campaign-photo{object-position:center 42%}.campaign-hero-inner{padding-block:70px 46px}}
@media(max-width:1000px){.campaign-copy{max-width:650px}.campaign-copy h1{font-size:clamp(2.6rem,5.7vw,3.7rem)}.hero-shade{background:linear-gradient(90deg,#062c29f5,#062c2980 65%,#062c2922),linear-gradient(0deg,#062c29,transparent 50%)}.trade-strip .wrap{display:block}.trade-strip p{margin-top:8px}.campaign-contact-grid{gap:35px}}
@media(max-width:760px){
 .campaign-nav{min-height:76px}.campaign-nav nav{display:flex;position:static;background:none;box-shadow:none;padding:0;width:auto;border:0}.campaign-phone{display:none}.campaign-header .brand{font-size:1.5rem}.campaign-nav .button{font-size:.74rem;min-height:42px;padding:9px 16px;gap:10px}
 .campaign-hero-inner{padding-block:34px 27px}.campaign-photo{height:430px;object-position:72% top}.hero-shade{background:linear-gradient(90deg,#062c29d9,transparent),linear-gradient(0deg,#093b35 42%,#093b3500 88%)}
 .campaign-copy{padding-top:230px;max-width:none}.campaign-eyebrow{font-size:.59rem;margin-bottom:17px}.campaign-copy h1{font-size:clamp(2.4rem,7.9vw,3.5rem);text-wrap:initial}.campaign-subtitle{font-size:1.1rem;margin-top:20px}.campaign-description{font-size:.87rem;max-width:510px}.campaign-fineprint{font-size:.67rem}
 .campaign-services{gap:12px;margin-top:28px}.campaign-service{display:block;padding:18px}.campaign-service .icon-tile{width:42px;height:42px;margin-bottom:14px}.campaign-service h2{font-size:1.28rem}.campaign-service p{font-size:.75rem}.campaign-service div>span{font-size:.71rem}
 .trade-strip{padding-block:17px}.trade-strip i{margin-inline:5px}.trade-strip p{line-height:1.9;font-size:.71rem}
 .campaign-contact{padding:38px 0}.campaign-contact-grid{grid-template-columns:1fr;gap:30px}.call-copy{padding:0}.call-copy h2{font-size:2.5rem}.call-copy>p{max-width:none}.call-steps{gap:16px;margin-top:23px}
 .campaign-form-card{padding:25px 21px}.campaign-form-card .field-pair{grid-template-columns:1fr;gap:0}.campaign-footer .wrap{flex-wrap:wrap;gap:12px 20px}.campaign-footer .wrap>a:last-child{margin-left:0;width:100%}
}
@media(max-width:370px){.campaign-header .brand{font-size:1.25rem}.campaign-nav{gap:10px}.campaign-services{grid-template-columns:1fr}.campaign-service{display:flex}.campaign-copy h1{font-size:2.22rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.trades-campaign .button{transition:none}.trades-campaign .button:hover{transform:none}}

/* Campaign details and industry directory. */
.campaign-industries{padding:70px 0;background:#eef2e9;border-bottom:1px solid var(--line)}
.campaign-section-heading{text-align:center;max-width:850px;margin:0 auto 36px}
.campaign-section-heading .eyebrow{font-size:.65rem;letter-spacing:.13em;margin-bottom:18px}
.campaign-section-heading h2{font-size:clamp(2rem,3.5vw,3.15rem);line-height:1.13}
.campaign-section-heading>p{max-width:610px;margin:18px auto 0;font-size:.92rem}
.industry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}
.industry-grid li{padding:23px 22px;background:#e2e8dc;border:1px solid #d9e2d2;border-radius:11px;min-width:0}
.industry-emoji{display:block;font-size:1.8rem;line-height:1.25;margin-bottom:17px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.industry-grid h3{font-size:.97rem;line-height:1.35;letter-spacing:-.02em}
.industry-other{text-align:center;font-size:.84rem;margin-top:30px}
.industry-other a{font-weight:800;color:var(--green);text-decoration:underline;text-underline-offset:4px}
.campaign-feature{padding:78px 0}
.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,7vw,95px);align-items:center}
.feature-copy .eyebrow{font-size:.68rem;letter-spacing:.11em;margin-bottom:20px}
.feature-copy h2{font-size:clamp(2.2rem,3.65vw,3.4rem);line-height:1.1}
.feature-copy>p{font-size:.94rem;line-height:1.75;margin-top:21px;max-width:490px}
.feature-list{list-style:none;display:grid;gap:19px;margin:27px 0 28px;padding:0}
.feature-list li{position:relative;padding-left:25px}
.feature-list li::before{content:'✓';position:absolute;left:0;top:0;color:#527831;font-weight:800}
.feature-list strong{display:block;font-size:.9rem}
.feature-list span{display:block;color:var(--muted);font-size:.8rem;line-height:1.65;margin-top:3px}
.feature-copy .feature-note{font-size:.69rem;margin-top:12px}
.scenario-card{border:1px solid #d5e2c9;border-radius:24px;background:#eef5e7;padding:31px}
.scenario-label{display:block;color:#526c40;font-size:.6rem;letter-spacing:.09em;font-weight:800}
.scenario-symbol{display:block;font-size:2rem;margin:20px 0 13px;line-height:1.2}
.scenario-card h3{font-size:1.7rem;line-height:1.2;letter-spacing:-.04em}
.example-search{display:flex;gap:13px;align-items:center;background:white;border:1px solid #d3e0c7;border-radius:50px;padding:12px 19px;margin-top:23px;font-size:.85rem;color:#315943}
.example-search>span:first-child{font-size:1.5rem;line-height:1}
.scenario-steps{list-style:none;padding:0;margin:25px 0;display:grid;gap:18px}
.scenario-steps strong{font-size:.82rem}
.scenario-steps p{font-size:.79rem;line-height:1.65;margin-top:4px}
.scenario-outcome{background:var(--green);border-radius:13px;padding:18px 20px}
.scenario-outcome strong{font-size:.71rem;color:var(--lime)}
.scenario-outcome p{font-size:.83rem;line-height:1.65;color:var(--paper);margin-top:6px}
.scenario-card .scenario-disclaimer{font-size:.6rem;line-height:1.6;margin-top:14px;color:var(--muted)}
.feature-social{background:#f0f4eb;border-top:1px solid var(--line)}
.feature-social .scenario-card{background:var(--paper)}
.content-examples{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}
.content-examples span{border:1px solid #ceddbc;background:#e7f3d8;border-radius:7px;padding:8px 10px;font-size:.69rem;font-weight:600}
.campaign-process{background:var(--green);padding:70px 0;color:var(--paper)}
.campaign-process .eyebrow{color:var(--lime)}
.campaign-process .campaign-section-heading>p{color:#c8dacc}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;list-style:none;padding:0;margin:40px 0 0}
.process-grid li{border-top:0;padding-top:0}
.process-number{display:block;color:var(--lime);font-size:clamp(2.75rem,5vw,4rem);line-height:1;font-weight:800;letter-spacing:-.04em;margin-bottom:20px}
.process-grid h3{font-size:1.05rem;line-height:1.4;letter-spacing:-.02em}
.process-grid p{color:#cbdccd;font-size:.81rem;line-height:1.75;margin-top:10px}
.process-cta{text-align:center;margin-top:37px}
.process-cta p{font-size:.73rem;color:#cbdccd;margin-top:11px}
@media(max-width:1000px){.industry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-layout{gap:35px}.scenario-card{padding:25px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px}}
@media(max-width:760px){
 .campaign-industries,.campaign-feature,.campaign-process{padding:44px 0}
 .campaign-section-heading{margin-bottom:27px}.campaign-section-heading h2{font-size:2rem}.campaign-section-heading>p{font-size:.84rem}
 .industry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.industry-grid li{padding:19px 16px}.industry-grid h3{font-size:.85rem}.industry-emoji{font-size:1.6rem;margin-bottom:13px}
 .industry-other{font-size:.77rem;line-height:1.8}.industry-other a{display:block}
 .feature-layout{grid-template-columns:1fr;gap:28px}.feature-copy h2{font-size:2.35rem}.feature-copy>p{max-width:none;font-size:.88rem}.feature-list{gap:16px}
 .scenario-card{padding:25px 22px}.scenario-card h3{font-size:1.6rem}
 .process-grid{gap:24px 20px;margin-top:30px}.process-grid h3{font-size:.97rem}.process-grid p{font-size:.76rem}.process-number{margin-bottom:14px}
}
@media(max-width:370px){.industry-grid,.process-grid{grid-template-columns:1fr}}

/* Three equally weighted service cards. */
.campaign-service>div{min-width:0}
@media(min-width:761px) and (max-width:1100px){
 .campaign-service{display:block;padding:20px}
 .campaign-service .icon-tile{margin-bottom:16px}
 .campaign-service h2{font-size:1.35rem}
}
@media(max-width:760px){
 .campaign-services{grid-template-columns:1fr}
 .campaign-service{display:flex;gap:18px}
 .campaign-service .icon-tile{margin-bottom:0}
}

/* Compact service stories, alternating like an editorial product page. */
.campaign-feature.service-detail{padding:48px 0;background:#f5f5ef;border:0}
.service-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,7vw,100px);align-items:center}
.service-text{max-width:490px}
.service-text h2{font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.15;letter-spacing:-.045em;margin:0 0 19px;color:var(--green)}
.service-text>p{font-size:.94rem;line-height:1.75;margin:0 0 15px;color:var(--ink)}
.service-text>p.service-example{color:var(--muted);font-size:.86rem}
.service-text .button{margin-top:6px;background:var(--green);color:var(--lime);border-radius:6px;padding:12px 21px;font-size:.8rem}
.service-text .button:hover{background:var(--deep);transform:translateY(-2px)}
.service-visual{margin:0;padding:22px 24px;min-width:0;background:radial-gradient(ellipse at center,#e0e9d6 0%,#f5f5ef 72%)}
.service-visual figcaption{text-align:center;font-size:.62rem;line-height:1.5;color:var(--muted);margin:15px 0 0}
.service-reverse .service-text{grid-column:2;grid-row:1}
.service-reverse .service-visual{grid-column:1;grid-row:1}
.mini-browser,.mini-content,.mini-chat{width:100%;max-width:390px;margin:auto;background:#fff;border:1px solid #dce3d7;border-radius:10px;box-shadow:0 12px 30px #093b3510;overflow:hidden;color:var(--ink)}
.mini-bar{display:flex;align-items:center;gap:4px;padding:13px;background:#fafbf8;border-bottom:1px solid var(--line)}
.mini-bar i{width:5px;height:5px;background:#b7c5b6;border-radius:50%}
.mini-bar>span{font-size:.58rem;margin-left:10px;color:var(--muted)}
.mini-search{margin:18px 20px 0;padding:10px 12px;border:1px solid var(--line);border-radius:30px;font-size:.77rem;display:flex;gap:10px;align-items:center}
.mini-search>span{font-size:1.2rem;line-height:1}
.mini-result{padding:19px 23px}.mini-result small{display:block;font-size:.52rem;letter-spacing:.07em;color:var(--muted)}
.mini-result strong{display:block;font-size:1.07rem;margin-top:8px}.mini-result p{font-size:.71rem;line-height:1.6;margin:6px 0 13px}
.mini-cta{display:inline-block;background:var(--green);color:var(--lime);font-size:.64rem;font-weight:800;padding:9px 13px;border-radius:4px}
.mini-notice{display:flex;align-items:center;gap:9px;background:#edf7df;padding:13px 20px;font-size:.7rem;font-weight:600}
.mini-notice>span{display:grid;place-items:center;width:22px;height:22px;background:var(--lime);border-radius:50%;flex-shrink:0}
.mini-profile{padding:14px 18px;display:flex;gap:10px;align-items:center}.mini-profile>span:first-child{background:var(--green);color:var(--lime);width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.mini-profile>span:last-child{margin-left:auto;font-size:.7rem}.mini-profile strong,.mini-profile small{display:block}.mini-profile strong{font-size:.72rem}.mini-profile small{font-size:.57rem;color:var(--muted);margin-top:2px}
.mini-project{margin:0 15px;position:relative;background:var(--green);padding:26px 22px;color:var(--paper);border-radius:5px;overflow:hidden}
.mini-project>span:first-child{position:absolute;right:12px;top:0;font-size:8rem;line-height:1.2;color:#c5f27726}.mini-project strong{position:relative;display:block;font-size:1.5rem;line-height:1.2;letter-spacing:-.04em}.project-tag{display:block;color:var(--lime);font-size:.5rem;letter-spacing:.1em;margin-top:22px}
.mini-posts{display:flex;flex-wrap:wrap;gap:6px;padding:14px 15px}.mini-posts span{padding:6px 7px;background:#f0f4eb;border-radius:4px;font-size:.55rem}
.mini-chat{padding:20px}.mini-chat-heading{display:flex;gap:8px;align-items:center;margin-bottom:22px}.mini-chat-heading strong{font-size:.7rem}.mini-chat-heading small{margin-left:auto;font-size:.56rem;color:var(--muted)}.chat-dot{width:7px;height:7px;border-radius:50%;background:#81ae44;flex-shrink:0}
.mini-chat p{padding:13px 15px;font-size:.77rem;line-height:1.6;border-radius:10px;margin:0}.mini-chat .chat-customer{background:#eff2eb;margin-left:35px}.mini-chat .chat-reply{background:var(--green);color:white;margin:12px 25px 20px 0}.mini-chat .mini-notice{border-radius:7px;padding:12px;font-size:.65rem}
@media(max-width:760px){.campaign-feature.service-detail{padding:30px 0}.service-row{grid-template-columns:1fr;gap:16px}.service-text{max-width:none}.service-reverse .service-text,.service-reverse .service-visual{grid-column:auto;grid-row:auto}.service-text h2{font-size:2rem;margin-bottom:14px}.service-visual{padding:15px 8px}.service-text>p{font-size:.88rem}.service-text>p.service-example{font-size:.81rem}}

/* Secondary links to the three service pages. */
.service-text .button.learn-more{margin-left:12px;background:transparent;color:var(--green);border:1px solid var(--green)}
.service-text .button.learn-more:hover{background:var(--soft)}
@media(max-width:400px){.service-text .button.learn-more{margin-left:0}.service-text .button{margin-right:8px}}

/* Service navigation across the public site. */
.campaign-nav .nav-services{display:flex;align-items:center;gap:20px}
.campaign-nav .nav-services a{font-size:.78rem;font-weight:600;line-height:1.5;padding:10px 0}
.campaign-nav .nav-services a:hover,.campaign-nav .nav-services a[aria-current="page"]{color:var(--lime)}
.campaign-nav .nav-services a[aria-current="page"]{text-decoration:underline;text-underline-offset:7px}
@media(max-width:1150px){.campaign-nav nav{gap:18px}.campaign-nav .nav-services{gap:15px}.campaign-nav .campaign-phone{display:none}}
@media(max-width:850px){.campaign-nav{position:relative;flex-wrap:wrap;min-height:124px;padding-top:18px;padding-bottom:57px}.campaign-nav nav{width:auto}.campaign-nav .nav-services{position:absolute;left:0;right:0;bottom:11px;justify-content:center;gap:22px}.campaign-nav .nav-services a{font-size:.76rem;padding:8px 0}.campaign-nav .button{font-size:.78rem;min-height:42px;padding:10px 16px}}
@media(max-width:430px){.campaign-nav .brand{font-size:1.55rem}.campaign-nav .nav-services{gap:13px}.campaign-nav .nav-services a{font-size:.64rem}.campaign-nav .button{gap:9px;font-size:.7rem;padding:9px 12px}.campaign-nav{gap:10px}}

/* Outlined telephone action, compact icon on smaller screens. */
.campaign-nav nav .campaign-phone{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 14px;border:1px solid #c5f27770;border-radius:50px;color:var(--paper);white-space:nowrap;line-height:1.2;font-size:.78rem}
.nav-phone-icon{display:block;width:18px;height:18px;flex-shrink:0}.campaign-nav nav .campaign-phone:hover{background:#c5f27712;color:var(--lime);border-color:var(--lime)}
@media(max-width:1150px){.campaign-nav nav .campaign-phone{width:42px;height:42px;min-height:42px;padding:10px;flex-shrink:0}.campaign-phone>span{display:none}}
@media(max-width:430px){.campaign-nav .brand{font-size:1.25rem;gap:6px}.campaign-nav nav{gap:8px}.campaign-nav nav .campaign-phone{width:36px;height:36px;min-height:36px;padding:8px}.campaign-nav .brandmark{transform:scale(.85);margin-right:0;width:24px}.campaign-nav .button{padding:9px 10px;font-size:.66rem;gap:6px}}

/* Consistent action shapes and equal-sized navigation buttons. */
body.trades-campaign .button,body.trades-campaign button{border-radius:999px}
.campaign-nav nav .campaign-phone,.campaign-nav nav>.button{width:154px;height:46px;min-height:46px;padding:10px 14px;flex:0 0 154px;gap:9px;font-size:.78rem;line-height:1.2;border-radius:999px}
.campaign-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.campaign-hero-actions .hero-secondary{background:transparent;color:var(--paper);border-color:#ffffff80}
.campaign-hero-actions .hero-secondary:hover{background:#ffffff12;border-color:var(--paper)}
@media(max-width:1150px){.campaign-nav nav .campaign-phone,.campaign-nav nav>.button{width:110px;flex-basis:110px;height:44px;min-height:44px;padding:9px 10px;font-size:.73rem;gap:7px}}
@media(max-width:430px){.campaign-nav nav .campaign-phone,.campaign-nav nav>.button{width:82px;flex-basis:82px;height:44px;min-height:44px;padding:8px 6px;font-size:.65rem;gap:4px}.campaign-nav nav>.button>span{font-size:.9rem}.campaign-nav nav{gap:6px}}

/* Three concise benefits per service, with brand-colour check icons. */
.service-benefits{list-style:none;margin:25px 0;padding:0;display:grid;gap:19px}
.service-benefits li{display:flex;align-items:flex-start;gap:13px}
.benefit-check{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:var(--lime);color:var(--deep);margin-top:1px}
.benefit-check svg{width:18px;height:18px}
.service-benefits h3{font-size:.98rem;line-height:1.4;letter-spacing:-.02em;margin:0 0 4px}
.service-benefits p{font-size:.83rem;line-height:1.65;margin:0;color:var(--muted)}
.service-detail[id]{scroll-margin-top:28px}
@media(max-width:760px){.service-benefits{gap:17px;margin:22px 0}.service-benefits h3{font-size:.94rem}.service-benefits p{font-size:.81rem}}

/* SVG action arrows never render as mobile emoji; keep header CTA on one line. */
.button .button-arrow{display:block;width:18px;height:18px;flex:0 0 18px;stroke:currentColor}
.campaign-nav nav>.button{white-space:nowrap;flex-wrap:nowrap}
@media(max-width:430px){
 .campaign-nav .brand{font-size:1.1rem}
 .campaign-nav nav .campaign-phone{width:44px;flex:0 0 44px;height:44px;padding:10px}
 .campaign-nav nav>.button{width:106px;flex:0 0 106px;height:44px;padding:10px;font-size:.72rem;gap:7px}
 .campaign-nav nav>.button .button-arrow{width:15px;height:15px;flex-basis:15px}
}

/* Header actions: intrinsic label width, compact mobile phone, no text wrapping. */
.campaign-nav nav>.button .button-label{font:inherit;white-space:nowrap;flex:0 0 auto}
.campaign-nav nav>.button{width:auto;min-width:154px;flex:0 0 auto;white-space:nowrap}
@media(max-width:1150px){.campaign-nav nav>.button{min-width:116px}}
@media(max-width:850px){
 .campaign-nav nav{flex:0 0 auto;gap:8px}
 .campaign-nav nav .campaign-phone{width:44px;min-width:44px;flex:0 0 44px;padding:10px;height:44px}
 .campaign-nav nav>.button{min-width:116px;height:44px;padding:10px 13px;gap:8px;font-size:12px}
 .campaign-nav nav>.button .button-arrow{width:16px;height:16px;flex:0 0 16px}
}
@media(max-width:430px){.campaign-nav{gap:8px}.campaign-nav nav{gap:6px}.campaign-nav nav>.button{min-width:112px;padding:10px 11px;font-size:12px}}
@media(max-width:350px){.campaign-nav .brand{font-size:1rem;gap:4px}.campaign-nav .brandmark{width:21px;margin-right:0}.campaign-nav nav>.button{min-width:106px;padding:10px 8px;gap:6px}}

/* Keep the hero CTAs together in one row, including narrow phone screens. */
.button>.button-label{font:inherit;white-space:nowrap;flex:0 0 auto}
.campaign-hero-actions{margin-top:26px}
.campaign-hero-actions .hero-book{margin-top:0;white-space:nowrap}
@media(max-width:760px){
 .campaign-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:420px;align-items:stretch}
 .campaign-hero-actions .hero-book{width:100%;min-width:0;min-height:50px;padding:12px 10px;font-size:clamp(12px,3.3vw,14px);font-weight:800;line-height:1.2;gap:8px;flex-wrap:nowrap}
 .campaign-hero-actions .button-arrow{width:16px;height:16px;flex:0 0 16px}
}

/* Taller service illustrations balance the expanded text columns. */
.service-row{align-items:stretch}
.service-visual{align-self:stretch;display:flex;flex-direction:column;gap:18px;padding:28px;border-radius:20px;background:radial-gradient(ellipse at 50% 40%,#e0e9d6 0%,#eef1e7 75%)}
.service-visual>.mini-browser,.service-visual>.mini-content,.service-visual>.mini-chat{display:flex;flex-direction:column;flex:1 0 auto;width:100%;max-width:none;min-height:360px;margin:0;border-radius:16px}
.service-visual figcaption{flex:none;margin:0;line-height:1.6}
.service-visual .mini-result{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:26px}
.service-visual .mini-result strong{font-size:clamp(1.2rem,1.7vw,1.55rem);line-height:1.2}
.service-visual .mini-result p{font-size:.86rem;margin:12px 0 22px}
.service-visual .mini-result small{font-size:.62rem}
.service-visual .mini-cta{font-size:.75rem;border-radius:999px;padding:11px 17px}
.service-visual .mini-search{font-size:.85rem;padding:14px}
.service-visual .mini-notice{margin-top:auto;padding:17px 20px;font-size:.76rem}
.service-visual .mini-content .mini-profile{padding:20px}
.service-visual .mini-profile strong{font-size:.84rem}
.service-visual .mini-profile small{font-size:.67rem}
.service-visual .mini-project{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:250px;padding:30px 25px}
.service-visual .mini-project strong{font-size:clamp(1.6rem,2.4vw,2.15rem)}
.service-visual .project-tag{font-size:.6rem}
.service-visual .mini-posts{padding:20px 15px;gap:8px}
.service-visual .mini-posts span{font-size:.62rem;padding:8px}
.service-visual .mini-chat{padding:26px;gap:22px}
.service-visual .mini-chat-heading{flex-wrap:wrap;margin-bottom:8px;row-gap:6px}
.service-visual .mini-chat-heading strong{font-size:.8rem}
.service-visual .mini-chat p{font-size:.92rem;padding:18px;line-height:1.65}
.service-visual .mini-chat .chat-reply{margin:0 20px 0 0}
.service-visual .mini-chat .mini-notice{margin-top:auto;font-size:.74rem;padding:15px}
@media(max-width:1000px) and (min-width:761px){.service-visual{padding:18px}.service-visual .mini-chat{padding:18px}.service-visual .mini-chat p{font-size:.82rem;padding:15px}.service-visual .mini-chat .chat-customer{margin-left:15px}}
@media(max-width:760px){
 .service-visual{padding:20px;gap:15px}
 .service-visual>.mini-browser,.service-visual>.mini-content,.service-visual>.mini-chat{min-height:340px;max-width:480px;margin-inline:auto}
 .service-visual .mini-project{min-height:220px}
 .service-visual .mini-chat{padding:20px;gap:18px}
 .service-visual .mini-chat p{font-size:.85rem;padding:15px}
}

/* Native disclosure with checkbox selections: keyboard and touch friendly. */
.service-field .field-label{display:block;font-size:.79rem;font-weight:600;margin-bottom:7px;color:var(--ink)}
.service-picker{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
.service-picker summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:50px;padding:13px 14px;cursor:pointer;list-style:none;font-size:.85rem;line-height:1.5}
.service-picker summary::-webkit-details-marker{display:none}
.service-picker summary::marker{content:''}
.service-picker summary svg{width:18px;height:18px;flex:none}
.service-picker[open] summary{border-bottom:1px solid var(--line)}
.service-picker[open] summary svg{transform:rotate(180deg)}
.service-options{border:0;margin:0;padding:8px}
.service-field .service-options label{display:flex;align-items:center;gap:11px;min-height:44px;margin:0;padding:10px 9px;border-radius:6px;cursor:pointer;font-size:.83rem;font-weight:600;line-height:1.5}
.service-options label:hover,.service-options label:has(input:checked){background:var(--soft)}
.service-options input[type="checkbox"]{appearance:auto;width:20px;height:20px;min-height:20px;margin:0;padding:0;flex:0 0 20px;accent-color:var(--green)}
.service-option-group{font-size:.7rem;font-weight:800;margin:10px 9px 2px;color:var(--muted)}
.service-field .service-hint{font-size:.72rem;line-height:1.5;margin:7px 0 0;color:var(--muted)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
