.comparison-section a{color:inherit;text-decoration:none}
.comparison-section a:focus-visible,.comparison-section input:focus-visible{outline:3px solid #ab541e;outline-offset:6px}
.comparison-section h1,.comparison-section h2,.comparison-section h3,.comparison-section p,.comparison-section figure{margin:0}
.comparison-section h1,.comparison-section h2{font-weight:450;line-height:1.04;letter-spacing:-.045em;text-wrap:balance}
.comparison-section h1{font-size:clamp(43px,5vw,76px)}
.comparison-section h2{font-size:clamp(36px,4.4vw,64px)}
.comparison-section h3{font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-.02em}
.comparison-section em{font-family:Georgia,serif;font-weight:400}
.comparison-section img{display:block;max-width:100%;object-fit:cover}
.comparison-section .wrap{width:min(1440px,100%);padding-inline:clamp(22px,5vw,76px);margin:auto}
.comparison-section .nav{height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.comparison-section .brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:650;letter-spacing:-.035em}
.comparison-section .sun{width:29px;height:15px;border-radius:30px 30px 0 0;background:#bb633d;display:inline-block}
.comparison-section .nav nav{display:flex;gap:32px;font-size:15px;align-items:center}
.comparison-section .nav-quote{border-bottom:1px solid;padding:6px 0}
.comparison-section .nav-quote span{margin-left:18px}
.comparison-section .hero{display:grid;grid-template-columns:1fr 1.03fr;gap:60px;align-items:center;padding-block:60px 90px}
.comparison-section .hero-copy{padding-bottom:30px}
.comparison-section .eyebrow{font-size:13px;font-weight:550;letter-spacing:.1em;text-transform:uppercase;margin-bottom:22px}
.comparison-section .lead{font-size:21px;max-width:32ch;line-height:1.5;margin:26px 0}
.comparison-section .button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:#29372b;color:#fff;min-height:57px;padding:16px 25px;border-radius:2px;font-size:16px;font-weight:550;max-width:100%;transition:background .2s}
.comparison-section .button:hover{background:#48523c}
.comparison-section .button span{font-size:24px;line-height:1}
.comparison-section .fine{font-size:14px;margin-top:17px;color:#65675d}
.comparison-section .hero-work{position:relative;min-width:0}
.comparison-section .mini-site{overflow:hidden;background:#fff}
.comparison-section .hero-example{box-shadow:0 28px 60px #303b2814;transform:rotate(-2deg)}
.comparison-section .mini-nav{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;background:#eeeede;font-size:10px}
.comparison-section .mini-nav b{letter-spacing:.08em;font-size:15px}
.comparison-section .garden-photo{position:relative;height:425px}
.comparison-section .garden-photo img{height:100%;width:100%}
.comparison-section .garden-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#12251899,transparent 90%)}
.comparison-section .garden-title{position:absolute;z-index:1;left:30px;bottom:35px;color:white}
.comparison-section .garden-title>span:first-child{font-size:10px;letter-spacing:.12em}
.comparison-section .garden-title strong{display:block;font:52px/.98 Georgia,serif;letter-spacing:-.03em;margin:16px 0 23px}
.comparison-section .sample-button{display:inline-block;background:#f5f3e9;color:#273024;padding:10px 17px;font-size:12px;font-weight:600;line-height:1.2}
.comparison-section .mini-foot{font-size:11px;padding:20px 22px;display:flex;justify-content:space-between;gap:20px;background:#eeeede}
.comparison-section .floating-note{background:#dfedac;position:absolute;right:-16px;bottom:75px;padding:18px 22px;font-size:14px;line-height:1.35;transform:rotate(3deg);box-shadow:0 10px 25px #20302014}
.comparison-section .small-sun{display:block;width:30px;height:15px;border-radius:30px 30px 0 0;background:#334532;margin-bottom:12px}
.comparison-section .caption{display:flex;justify-content:space-between;gap:18px;font-size:12px;line-height:1.55;color:#65675d;margin-top:24px}
.comparison-section .benefit-strip{background:#e9e9df;border-top:1px solid #d8dacf;border-bottom:1px solid #d8dacf}
.comparison-section .benefit-strip .wrap{display:flex;justify-content:space-between;gap:18px;padding-block:22px;font-size:14px}
.comparison-section .section{padding-block:105px}
.comparison-section .section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:45px}
.comparison-section .section-intro{max-width:37ch;color:#65675d;font-size:18px}
.comparison-section .comparison{height:590px;position:relative;overflow:hidden;background:#243d2d}
.comparison-section .compare-layer{position:absolute;inset:0}
.comparison-section .compare-nav{height:63px;background:#eeeeDF;padding:20px 35px;display:flex;justify-content:space-between;align-items:center;font-size:13px}
.comparison-section .compare-nav b{font-size:19px;letter-spacing:.08em}
.comparison-section .new-site>img{width:100%;height:calc(100% - 63px)}
.comparison-section .new-site:after{position:absolute;inset:63px 0 0;content:'';background:linear-gradient(90deg,#19281799,transparent)}
.comparison-section .after-copy{position:absolute;left:7%;top:28%;z-index:1;color:white}
.comparison-section .micro{font-size:11px;letter-spacing:.12em}
.comparison-section .after-copy strong{display:block;font:clamp(65px,8vw,115px)/.9 Georgia,serif;letter-spacing:-.03em;margin:20px 0 27px}
.comparison-section .old-site{clip-path:inset(0 calc(100% - var(--split)) 0 0);background:#e2e7ec;color:#14285a;font-family:Arial,sans-serif}
.comparison-section .old-banner{text-align:center;font:bold 30px Georgia,serif;background:#20355e;color:#fff77c;padding:28px 15px;border-bottom:8px solid #9b9e9d}
.comparison-section .old-nav{text-align:center;font-size:13px;background:#aebac9;padding:12px 5px;text-decoration:underline}
.comparison-section .old-content{text-align:center;padding:25px 7%}
.comparison-section .old-content h3{color:#b82720;font:bold 28px Georgia,serif}
.comparison-section .old-content>p{font-size:16px;margin:12px}
.comparison-section .old-box{display:flex;align-items:center;justify-content:center;gap:30px;border:2px ridge #aaa;background:#f2f2d4;padding:15px;margin-top:23px}
.comparison-section .old-box img{width:35%;height:130px;filter:saturate(.5)}
.comparison-section .old-box p{font-size:16px;line-height:1.5}
.comparison-section .old-contact{font-size:13px!important;text-decoration:underline}
.comparison-section .compare-label{position:absolute;bottom:22px;background:#f5f3ed;padding:7px 14px;color:#222;font-size:13px;z-index:3}
.comparison-section .label-before{left:22px}
.comparison-section .label-after{right:22px}
.comparison-section .divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:white;z-index:2;pointer-events:none}
.comparison-section .divider span{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;background:#f5f3ed;color:#28392d;border-radius:50%;font-size:22px;box-shadow:0 0 0 1px #2222}
.comparison-section .slider-controls{display:grid;grid-template-columns:1fr 1.2fr auto;align-items:center;gap:25px;margin-top:20px;font-size:14px}
.comparison-section .slider-controls input{accent-color:#334a32;width:100%;height:44px;cursor:ew-resize;margin:0;touch-action:pan-y}
.comparison-section .slider-controls output{font-size:13px;color:#65675d;min-width:170px;text-align:right}
.comparison-section #compare-help{margin-top:8px}
.comparison-section .portfolio{background:#e9e9df}
.comparison-section .portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}
.comparison-section .portfolio-piece{min-width:0}
.comparison-section .offset{padding-top:95px}
.comparison-section .cafe{background:#f2dfc6;color:#b13d27}
.comparison-section .cafe-header{height:77px;padding:16px 27px;display:flex;justify-content:space-between;align-items:center}
.comparison-section .cafe-header strong{font:bold italic 49px Georgia,serif;letter-spacing:-.08em}
.comparison-section .cafe-header span{font-size:10px;letter-spacing:.1em}
.comparison-section .cafe-image{height:310px;position:relative}
.comparison-section .cafe-image img{width:100%;height:100%}
.comparison-section .cafe-stamp{position:absolute;right:22px;bottom:20px;background:#f3e1bd;border-radius:50%;padding:25px 14px;font-size:10px;font-weight:650;transform:rotate(9deg);text-align:center}
.comparison-section .cafe-bottom{display:flex;justify-content:space-between;align-items:flex-end;padding:27px;gap:20px}
.comparison-section .cafe-bottom>strong{font:53px/.95 Georgia,serif;letter-spacing:-.05em}
.comparison-section .cafe-bottom>span{font-size:12px}
.comparison-section .cafe-bottom .sample-button{background:#b13d27;color:#fff;margin-top:12px}
.comparison-section .trade{background:#c4e976;color:#173d39}
.comparison-section .trade-nav{display:flex;justify-content:space-between;padding:24px 29px;border-bottom:1px solid #173d3940}
.comparison-section .trade-nav strong{font-size:23px;line-height:1;letter-spacing:-.06em}
.comparison-section .trade-nav strong span{display:block;font-size:9px;letter-spacing:.25em;margin-top:6px}
.comparison-section .trade-dot{font-size:24px}
.comparison-section .trade-body{padding:34px 30px;position:relative;overflow:hidden;min-height:367px}
.comparison-section .trade-body>strong{display:block;font-size:67px;font-weight:700;line-height:.95;letter-spacing:-.055em;margin:20px 0 25px;position:relative;z-index:2}
.comparison-section .trade-body .sample-button{position:relative;z-index:2;background:#173d39;color:#fff}
.comparison-section .pipe-art{position:absolute;right:-75px;top:40px;width:225px;height:270px;transform:rotate(-18deg);opacity:.7}
.comparison-section .pipe-art i{display:block;width:170px;height:78px;border:22px solid #719c63;border-radius:50px;margin-bottom:-15px;transform:rotate(35deg)}
.comparison-section .trade-footer{display:flex;justify-content:space-between;background:#173d39;color:#d6ecc3;padding:23px 25px;font-size:11px}
.comparison-section .piece-info{padding-top:26px}
.comparison-section .piece-info p{color:#65675d;margin-top:12px;font-size:17px;max-width:41ch}
.comparison-section .piece-info .caption{font-size:11px;letter-spacing:.06em}
.comparison-section .portfolio-note{font-size:13px;color:#65675d;margin-top:36px}
.comparison-section .done-for-you{display:grid;grid-template-columns:1fr 1fr;gap:90px}
.comparison-section .done-for-you .section-intro{margin-top:30px}
.comparison-section .details article{display:flex;gap:24px;padding:24px 0;border-top:1px solid #d4d5ca}
.comparison-section .details article>span{font-size:12px;color:#767a6c;padding-top:4px}
.comparison-section .details p{color:#65675d;margin-top:12px;font-size:16px}
.comparison-section .closing{background:#28372c;color:#f5f3ed;overflow:hidden}
.comparison-section .closing-inner{text-align:center;position:relative;padding-block:90px}
.comparison-section .closing h2{font-size:clamp(44px,6vw,83px)}
.comparison-section .closing .eyebrow{color:#cfdbbd}
.comparison-section .closing-inner>p:not(.eyebrow){max-width:57ch;margin:25px auto;color:#c9cfbf}
.comparison-section .closing .button{background:#dfedac;color:#243422;margin-top:7px}
.comparison-section .closing .button:hover{background:#edf5ca}
.comparison-section .closing-inner>.fine{font-size:14px;margin:20px auto 0!important}
.comparison-section .closing-inner>.email-note{font-size:13px;margin:10px auto 0!important}
.comparison-section .email-note a{text-decoration:underline;overflow-wrap:anywhere}
.comparison-section .closing-sun{display:block;width:85px;height:43px;background:#c87951;border-radius:90px 90px 0 0;margin:0 auto 30px}
.comparison-section footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:32px!important;font-size:13px;color:#65675d}
.comparison-section footer .brand{color:#22271f;font-size:18px}
.comparison-section footer>a:last-child{text-decoration:underline}
.comparison-section .skip{position:absolute;top:-100px;left:20px;padding:12px;background:white;z-index:10}
.comparison-section .skip:focus{top:10px}
@media(max-width:1000px){.comparison-section .hero{gap:30px}
.comparison-section .garden-photo{height:380px}
.comparison-section .garden-title strong{font-size:44px}
.comparison-section .mini-foot span{display:none}
.comparison-section .portfolio-grid{gap:30px}
.comparison-section .done-for-you{gap:45px}
.comparison-section .comparison{height:540px}
.comparison-section .trade-body>strong{font-size:57px}
}
@media(max-width:760px){.comparison-section .nav{height:80px}
.comparison-section .work-link{display:none}
.comparison-section .hero{grid-template-columns:1fr;padding-block:35px 60px;gap:25px}
.comparison-section .hero-copy{padding-bottom:10px}
.comparison-section .hero h1{max-width:14ch}
.comparison-section .lead{font-size:19px}
.comparison-section .hero-example{transform:none}
.comparison-section .floating-note{right:0;bottom:75px}
.comparison-section .garden-photo{height:370px}
.comparison-section .hero-work{margin-top:10px}
.comparison-section .benefit-strip .wrap{display:grid;grid-template-columns:1fr 1fr;font-size:13px;gap:15px 22px}
.comparison-section .section{padding-block:65px}
.comparison-section .section-top{display:block;margin-bottom:30px}
.comparison-section .section-intro{margin-top:22px}
.comparison-section .comparison{height:420px}
.comparison-section .compare-nav{padding:15px;height:50px}
.comparison-section .compare-nav span{display:none}
.comparison-section .compare-nav b{font-size:15px}
.comparison-section .new-site>img{height:calc(100% - 50px)}
.comparison-section .new-site:after{top:50px}
.comparison-section .after-copy{left:25px;top:26%}
.comparison-section .after-copy strong{font-size:69px}
.comparison-section .old-banner{font-size:20px;padding:20px 10px}
.comparison-section .old-nav{font-size:9px;padding:10px 5px}
.comparison-section .old-content{padding:20px 15px}
.comparison-section .old-content h3{font-size:23px}
.comparison-section .old-box{gap:12px;padding:10px;margin-top:15px}
.comparison-section .old-box p{font-size:12px}
.comparison-section .old-box img{height:85px}
.comparison-section .old-contact{font-size:11px!important}
.comparison-section .slider-controls{grid-template-columns:1fr auto;gap:0 12px}
.comparison-section .slider-controls label{grid-column:1/-1;font-size:14px}
.comparison-section .slider-controls output{min-width:130px;font-size:11px}
.comparison-section .caption{font-size:11px;gap:8px}
.comparison-section .caption span{max-width:45%;text-align:right}
.comparison-section .portfolio-grid{grid-template-columns:1fr;gap:50px}
.comparison-section .offset{padding-top:0}
.comparison-section .cafe-image{height:320px}
.comparison-section .trade-body{min-height:370px}
.comparison-section .trade-body>strong{font-size:70px}
.comparison-section .done-for-you{grid-template-columns:1fr;gap:35px}
.comparison-section .closing-inner{padding-block:65px}
.comparison-section footer{flex-wrap:wrap;gap:20px}
.comparison-section footer .brand{width:100%}
}
@media(max-width:380px){.comparison-section .brand{font-size:19px}
.comparison-section .nav nav{font-size:14px}
.comparison-section .hero h1{font-size:40px}
.comparison-section .garden-title{left:22px}
.comparison-section .garden-photo{height:330px}
.comparison-section .garden-title strong{font-size:42px}
.comparison-section .mini-nav{padding:16px}
.comparison-section .cafe-bottom>strong{font-size:44px}
.comparison-section .benefit-strip .wrap{font-size:12px}
.comparison-section .after-copy .micro{font-size:9px}
.comparison-section .old-box p{font-size:11px}
}
@media(prefers-reduced-motion:reduce){}
.comparison-section .closing a:focus-visible{outline-color:#dfedac}
.comparison-section .details article>span{color:#606555}
.comparison-section .comparison{touch-action:pan-y;cursor:ew-resize;user-select:none}
.comparison-section .comparison img{pointer-events:none}
.comparison-section .compare-label[hidden]{display:none}
.comparison-section .example-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:60px 0 25px}
.comparison-section .example-heading>span{font-size:12px;letter-spacing:.12em;color:#65675d}
.comparison-section .example-heading h3{font-size:22px}
.comparison-section .comparison-block{margin-bottom:70px}
.comparison-section .compare-nav small{font-size:10px;letter-spacing:.15em;margin-left:12px}
.comparison-section .plumber-after{background:#c4e976;color:#173d39}
.comparison-section .plumber-after:after,.comparison-section .donut-after:after{display:none}
.comparison-section .plumber-after .compare-nav{background:#c4e976;border-bottom:1px solid #173d3933}
.comparison-section .plumber-content{padding:45px 7%;position:relative}
.comparison-section .plumber-content>strong{display:block;font-size:clamp(65px,7vw,100px);line-height:.95;letter-spacing:-.055em;position:relative;z-index:1;margin:23px 0}
.comparison-section .plumber-content p{font-size:20px;margin-bottom:23px}
.comparison-section .plumber-content .sample-button{background:#173d39;color:#fff;position:relative;z-index:1}
.comparison-section .plumber-content .pipe-art{right:8%;top:50px;transform:rotate(-18deg) scale(1.4);opacity:.45}
.comparison-section .plumber-bottom{background:#173d39;color:#e6f5cf;padding:22px 7%;font-size:14px;position:absolute;bottom:0;left:0;right:0}
.comparison-section .old-symbol{display:block;width:35%;font:32px Georgia,serif;padding:25px;background:#abbecb;color:#20355e}
.comparison-section .electric-after .compare-nav{background:#202c33;color:#f0eee6}
.comparison-section .electric-after .after-copy{top:29%}
.comparison-section .electric-after .sample-button{background:#e9dcb4}
.comparison-section .donut-after{background:#f6dfce;color:#a53136}
.comparison-section .donut-after .compare-nav{background:#f6dfce;color:#a53136}
.comparison-section .donut-layout{display:grid;grid-template-columns:1fr 1fr;height:calc(100% - 63px)}
.comparison-section .donut-layout>img{width:100%;height:100%}
.comparison-section .donut-copy{padding:50px 13%;align-self:center}
.comparison-section .donut-copy strong{display:block;font:clamp(55px,7vw,95px)/.95 Georgia,serif;letter-spacing:-.06em;margin:25px 0 30px}
.comparison-section .donut-copy .sample-button{background:#a53136;color:#fff}
.comparison-section .hero .trade-body{min-height:400px}
.comparison-section .hero .trade-body>strong{font-size:clamp(60px,5.5vw,86px)}
.comparison-section .hero .trade .pipe-art{right:-30px;transform:rotate(-18deg) scale(1.25)}
.comparison-section .hero .floating-note{background:#f0debb}
.comparison-section .real-work-placeholder:empty{display:none}
@media(max-width:760px){.comparison-section .example-heading{display:block;margin-top:40px}
.comparison-section .example-heading h3{margin-top:12px}
.comparison-section .comparison-block{margin-bottom:40px}
.comparison-section .plumber-content{padding:27px 25px}
.comparison-section .plumber-content>strong{font-size:55px;margin:20px 0}
.comparison-section .plumber-content p{font-size:16px;max-width:23ch}
.comparison-section .plumber-content .pipe-art{right:-110px;top:60px;transform:rotate(-18deg);opacity:.3}
.comparison-section .plumber-bottom{font-size:12px;padding:16px 25px}
.comparison-section .compare-nav small{font-size:8px;margin-left:6px}
.comparison-section .donut-layout{height:calc(100% - 50px)}
.comparison-section .donut-copy{padding:20px 13%}
.comparison-section .donut-copy strong{font-size:45px;margin:20px 0}
.comparison-section .donut-copy .micro{font-size:9px}
.comparison-section .donut-copy .sample-button{font-size:10px;padding:9px}
.comparison-section .hero .trade-body{min-height:360px}
.comparison-section .hero .trade-body>strong{font-size:73px}
.comparison-section .old-symbol{font-size:20px;padding:20px 5px}
.comparison-section .electric-after .after-copy{top:25%}
}
@media(max-width:380px){.comparison-section .plumber-content>strong{font-size:47px}
.comparison-section .donut-copy strong{font-size:39px}
.comparison-section .donut-copy{padding-inline:10%}
.comparison-section .compare-nav b{font-size:13px}
}
.comparison-section .actual-work{background:#e9e9df}
.comparison-section .real-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 35px}
.comparison-section .real-project:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr;gap:0 40px;align-items:center}
.comparison-section .real-project:first-child .real-image{grid-row:1/3}
.comparison-section .real-image{display:block;overflow:hidden;box-shadow:0 12px 35px #20302012;background:#fff}
.comparison-section .real-image img{width:100%;height:auto;aspect-ratio:1.56;object-fit:cover;object-position:top}
.comparison-section .real-info{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:23px}
.comparison-section .real-info .caption{margin:0 0 10px;font-size:11px;letter-spacing:.1em}
.comparison-section .real-info>a{white-space:nowrap;border-bottom:1px solid;font-size:14px;padding-bottom:3px}
.comparison-section .real-project>p{font-size:16px;color:#65675d;margin-top:15px;max-width:48ch}
.comparison-section .real-project:first-child .real-info{display:block;align-self:end;margin-top:0}
.comparison-section .real-project:first-child .real-info h3{font-size:36px}
.comparison-section .real-project:first-child .real-info>a{display:inline-block;margin-top:24px}
.comparison-section .real-project:first-child>p{align-self:start}
@media(max-width:760px){.comparison-section .real-grid{grid-template-columns:1fr;gap:45px}
.comparison-section .real-project:first-child{display:block}
.comparison-section .real-project:first-child .real-info{margin-top:23px}
.comparison-section .real-project:first-child .real-info h3{font-size:24px}
.comparison-section .real-project:first-child .real-info>a{margin-top:14px}
.comparison-section .real-info{gap:12px}
.comparison-section .real-info h3{font-size:22px}
}
.comparison-section .comparison .new-site{z-index:0}
.comparison-section .comparison .old-site{z-index:1}
.comparison-section .comparison .divider{z-index:3}
.comparison-section .comparison .compare-label{z-index:4}
.comparison-section .example-picker{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}
.comparison-section .example-picker button,.comparison-section .view-controls button{font:inherit;font-size:14px;min-height:44px;padding:10px 17px;border:1px solid #c7cec0;background:transparent;color:#29372b;border-radius:4px;cursor:pointer}
.comparison-section .example-picker button[aria-pressed="true"],.comparison-section .view-controls button[aria-pressed="true"]{background:#29372b;color:#fff}
.comparison-section .example-picker button:focus-visible,.comparison-section .view-controls button:focus-visible{outline:3px solid #ab541e;outline-offset:3px}
.comparison-section .example-panel[hidden]{display:none}
.comparison-section .example-panel .example-heading{margin-top:25px}
.comparison-section .view-controls{display:flex;justify-content:center;gap:8px;margin:18px 0 5px}
.comparison-section .view-controls button{min-width:76px}
.comparison-section .comparison-block{margin-bottom:25px}
.comparison-section .example-panel{animation:showcase-enter .35s ease-out}
.comparison-section .doctor-after .compare-nav{background:#e6ece6;color:#284e48}
.comparison-section .doctor-after .after-copy{color:#fff}
.comparison-section .lawyer-after .compare-nav{background:#1c2732;color:#efddbd}
.comparison-section .lawyer-after .after-copy{color:#f9eedc}
.comparison-section .lawyer-after .after-copy strong{font-size:80px}
.comparison-section .doctor-after .sample-button{background:#e2e9e0;color:#254d48}
.comparison-section .lawyer-after .sample-button{background:#d2b889;color:#18232a}
.comparison-section .lawyer-after .after-copy{top:25%}
.comparison-section .doctor-after:after,.comparison-section .lawyer-after:after{background:linear-gradient(90deg,#111c27c9,transparent)}
@media(max-width:760px){.comparison-section .nav{height:auto;min-height:80px;flex-wrap:wrap;padding-block:18px;gap:12px}
.comparison-section .nav nav{gap:18px}
.comparison-section .nav .work-link{display:block;font-size:13px}
.comparison-section .nav-quote{font-size:13px}
.comparison-section .hero h1{font-size:clamp(38px,10.6vw,54px);line-height:1.08;max-width:16ch;letter-spacing:-.035em}
.comparison-section .hero{padding-top:24px;padding-bottom:45px}
.comparison-section .hero .eyebrow{font-size:12px;margin-bottom:17px}
.comparison-section .hero .lead{font-size:18px;margin:20px 0}
.comparison-section .hero .button{width:100%}
.comparison-section .hero .fine{font-size:14px}
.comparison-section .section{padding-block:48px}
.comparison-section .section-top h2{font-size:36px;line-height:1.12}
.comparison-section .section-top{margin-bottom:25px}
.comparison-section .section-intro{font-size:17px}
.comparison-section .caption{display:block;font-size:12px;line-height:1.6}
.comparison-section .caption span{display:block;max-width:none;text-align:left;margin-top:5px}
.comparison-section .example-picker{gap:8px}
.comparison-section .example-picker button{flex:1 1 auto;padding:9px 12px}
.comparison-section .example-heading h3{font-size:20px;line-height:1.3}
.comparison-section .comparison{height:350px}
.comparison-section .compare-nav{height:46px;padding:12px}
.comparison-section .compare-nav b{font-size:12px}
.comparison-section .compare-nav small{font-size:7px}
.comparison-section .new-site>img{height:calc(100% - 46px)}
.comparison-section .new-site:after{top:46px}
.comparison-section .plumber-content{padding:23px 20px}
.comparison-section .plumber-content>strong{font-size:41px;line-height:1.04;letter-spacing:-.035em;margin:18px 0}
.comparison-section .plumber-content .micro{font-size:8px}
.comparison-section .plumber-content p{font-size:13px;max-width:25ch;margin-bottom:18px}
.comparison-section .plumber-content .sample-button{font-size:10px;padding:10px 12px}
.comparison-section .plumber-bottom{font-size:10px;padding:14px 20px}
.comparison-section .after-copy{left:22px;top:24%!important}
.comparison-section .after-copy strong,.comparison-section .lawyer-after .after-copy strong{font-size:54px;line-height:.98;margin:18px 0}
.comparison-section .after-copy .micro{font-size:8px}
.comparison-section .after-copy .sample-button{font-size:10px}
.comparison-section .donut-layout{height:calc(100% - 46px);grid-template-columns:1fr 1fr;min-width:0}
.comparison-section .donut-copy{padding:18px 13px;min-width:0}
.comparison-section .donut-copy strong{font-size:clamp(27px,7.5vw,42px);line-height:1.02;letter-spacing:-.04em;margin:17px 0}
.comparison-section .donut-copy .micro{font-size:7px;letter-spacing:.05em}
.comparison-section .donut-copy .sample-button{font-size:8px;max-width:100%;padding:9px 8px}
.comparison-section .donut-layout>img{min-width:0}
.comparison-section .old-banner{font-size:17px;padding:17px 8px;border-bottom-width:5px}
.comparison-section .old-nav{font-size:7px;line-height:1.6}
.comparison-section .old-content{padding:15px 12px}
.comparison-section .old-content h3{font-size:18px}
.comparison-section .old-content>p{font-size:12px}
.comparison-section .old-box{gap:8px;padding:8px;margin-top:12px}
.comparison-section .old-box p{font-size:10px}
.comparison-section .old-box img{height:80px}
.comparison-section .old-symbol{font-size:16px}
.comparison-section .old-contact{font-size:9px!important}
.comparison-section .compare-label{font-size:11px;padding:6px 10px;bottom:14px}
.comparison-section .label-before{left:14px}
.comparison-section .label-after{right:14px}
.comparison-section .slider-controls{display:flex;flex-wrap:wrap;gap:6px 15px}
.comparison-section .slider-controls label{width:100%}
.comparison-section .slider-controls input{width:100%}
.comparison-section .slider-controls output{text-align:left;font-size:12px}
.comparison-section .real-info,.comparison-section .real-project:first-child .real-info{display:block}
.comparison-section .real-info>a{display:inline-block;min-height:44px;padding-top:12px}
.comparison-section .real-project:first-child .real-info>a{margin-top:0}
.comparison-section .real-project>p{margin-top:8px}
.comparison-section .real-image img{aspect-ratio:1.56}
.comparison-section .benefit-strip .wrap{font-size:13px;line-height:1.45}
.comparison-section .closing h2{font-size:42px;line-height:1.1}
.comparison-section .closing .button{font-size:15px;padding:16px 18px;gap:15px}
.comparison-section .done-for-you h2{font-size:35px;line-height:1.1}
.comparison-section .details article{gap:17px}
.comparison-section .details h3{font-size:22px}
.comparison-section .portfolio-note{font-size:13px;line-height:1.65}
.comparison-section .hero .trade-body>strong{font-size:64px}
}
@media(prefers-reduced-motion:reduce){.comparison-section .example-panel{animation:none}
}
.comparison-section .option-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:13px;background:#e9e9df;font-size:12px;line-height:1.4}
.comparison-section .option-bar a{text-decoration:underline;text-underline-offset:4px;min-height:25px;display:flex;align-items:center}
.comparison-section .option-bar span{letter-spacing:.08em}
.comparison-section .example-panel[hidden]{display:none!important}
@media(max-width:760px){.comparison-section .option-bar{align-items:flex-start;font-size:11px}
.comparison-section .option-bar span{text-align:right;max-width:47%}
}
.comparison-section .option-bar a{min-height:44px}
.comparison-section .option-bar{padding-block:4px}
.comparison-section .option-2 *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:no-preference){.comparison-section .option-1 .comparison.has-drag-cue .divider span{animation:drag-cue .8s ease-in-out 2}
}
.comparison-section .comparison{cursor:ew-resize}
@media(max-width:760px){.comparison-section .nav a,.comparison-section footer a,.comparison-section .email-note a{display:inline-flex;align-items:center;min-height:44px}
}

.comparison-section{padding-block:70px;max-width:980px;margin-inline:auto}
.comparison-section .section-top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}
.comparison-section .section-top h2{font-size:clamp(34px,4vw,54px);margin:0;line-height:1.05;letter-spacing:-.04em;font-weight:500}
.comparison-section .section-top p{font-size:16px;max-width:26ch;color:#666861;margin:0}
.comparison-section .comparison{border-radius:8px;isolation:isolate}
.comparison-section .example-picker{margin:24px 0}
.comparison-section .caption{margin-top:10px}
.comparison-section .caption span{max-width:none;text-align:left}
.comparison-section .comparison-block{margin-bottom:0}
@media(max-width:760px){.comparison-section{padding-block:48px}.comparison-section .section-top{display:block}.comparison-section .section-top p{margin-top:16px;max-width:none}.comparison-section .comparison{height:350px}.comparison-section .slider-controls{gap:6px}.comparison-section .slider-controls input{display:block;width:100%}}
.comparison-section .comparison[data-full-view="true"] .divider{display:none}
@media(max-width:760px){.comparison-section .plumber-content>strong{font-size:clamp(30px,8vw,41px)}}

/* Keep the legal headline and CTA inside the narrow preview frame. */
@media(max-width:760px){
 .comparison-section .lawyer-after .after-copy{right:22px}
 .comparison-section .lawyer-after .after-copy strong{font-size:clamp(32px,10.5vw,54px);line-height:1.02;margin:16px 0}
}