@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--ink:#1d352d;--paper:#f6f5ef;--acid:#d8eb72;--line:#d9ded4;--muted:#5c6c61;--serif:'DM Serif Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px}a{color:inherit}button,input{font:inherit}.wrap{width:min(1320px,calc(100% - 96px));margin:auto}.skip{position:absolute;left:12px;top:-80px;background:#fff;padding:12px;z-index:99}.skip:focus{top:12px}.header{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;letter-spacing:-.04em;font-size:20px;font-weight:500}.brand b{font-weight:700}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:var(--ink);color:var(--paper);font:italic 28px/1 var(--serif);letter-spacing:-.12em;padding-right:5px}.brand-mark span{color:var(--acid)}nav{display:flex;align-items:center;gap:32px}.nav-link{font-size:13px;font-weight:600;text-decoration:none}.nav-link:hover,.quiet-link:hover{text-decoration:underline}.button{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;background:var(--ink);color:white;border:1px solid var(--ink);text-decoration:none;padding:19px 21px;font-weight:700;font-size:13px;cursor:pointer;transition:background .2s,color .2s}.button:hover{background:#345447}.button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #7b930a;outline-offset:3px}.button.small{padding:14px 16px;gap:30px}.hero{display:grid;grid-template-columns:1fr .87fr;gap:7%;align-items:center;padding-top:68px;padding-bottom:80px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#8aab44;margin-right:8px}.hero h1,.section h2,.dark-section h2,.join-section h2{font-family:var(--serif);font-size:clamp(50px,5.6vw,82px);font-weight:400;letter-spacing:-.045em;line-height:1.03;margin:28px 0}.hero h1 em,.section h2 em,.join-section h2 em{color:#728b5b;font-weight:400}.lead,.section-intro>p:last-child,.join-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:var(--muted);max-width:470px}.hero-actions{display:flex;align-items:center;gap:29px;margin-top:30px}.quiet-link{font-size:13px;font-weight:700;text-decoration:none}.hero-note{font-size:11px;color:#6c7b6f;margin-top:24px}.hero-art{min-height:520px;position:relative;overflow:hidden;background:#d6e0cd;padding:27px;display:flex;flex-direction:column;justify-content:space-between}.art-top,.art-bottom{position:relative;z-index:3;display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:.14em}.art-title{position:absolute;top:77px;left:38px;z-index:2;font:40px/1.06 var(--serif);letter-spacing:-.03em}.art-title em{color:#637d53}.sun{position:absolute;background:var(--acid);height:225px;width:225px;border-radius:50%;right:-20px;top:110px}.arc{position:absolute;width:590px;height:590px;border-radius:50%;border:1px solid rgba(29,53,45,.19);left:-80px;top:210px}.arc-two{width:460px;height:460px;left:-15px;top:275px}.art-card{position:absolute;z-index:3;right:36px;bottom:81px;background:var(--paper);padding:18px;display:flex;gap:14px;align-items:center;box-shadow:0 12px 30px #2b3b231c}.card-icon{display:grid;place-items:center;width:36px;height:36px;background:var(--acid);font-size:21px}.art-card b,.art-card small{display:block}.art-card b{font-size:12px}.art-card small{font-size:10px;color:var(--muted);margin-top:5px}.band{background:var(--acid)}.band-inner{min-height:67px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;font-weight:700;letter-spacing:.14em}.band-inner span:nth-child(even){font-size:17px}.section{padding:130px 0}.section-intro{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:30px;align-items:start}.section-intro h2{font-size:clamp(44px,4.4vw,64px);margin:0}.section-intro>p:last-child{font-size:15px;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:75px;border-top:1px solid #bdc9b8}.steps article{padding:28px 34px 10px 0}.steps article+article{border-left:1px solid #bdc9b8;padding-left:34px}.step-number{font-size:11px;color:#6f806c}.steps h3{font:26px var(--serif);margin:58px 0 13px;letter-spacing:-.02em}.steps p,.fine-print{font-size:13px;color:var(--muted);line-height:1.75}.fine-print{font-size:11px;margin:48px 0 0}.dark-section{background:var(--ink);color:#f7f7ed;padding:120px 0}.dark-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:end}.pale{color:#c4d8ad}.dark-section h2{font-size:clamp(48px,5vw,70px);margin-bottom:0}.dark-section h2 em{color:#b4c8a4}.dark-copy p{color:#cad7c7;font-size:16px;line-height:1.8;max-width:470px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.tags span{border:1px solid #72897a;padding:10px 12px;font-size:9px;letter-spacing:.13em}.join-section{display:grid;grid-template-columns:1fr .8fr;gap:12%;padding-top:130px;padding-bottom:130px;align-items:start}.join-section h2{font-size:clamp(48px,5vw,68px)}.join-note{display:flex;align-items:center;gap:14px;margin-top:50px;max-width:320px;border-top:1px solid var(--line);padding-top:18px}.join-note span{font-size:28px;color:#8ca16e}.join-note p{font-size:12px;line-height:1.6;color:var(--muted)}.form-card{background:#fff;padding:36px;box-shadow:0 10px 40px #2941320b}.form-header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:23px}.form-header h3{font:30px var(--serif);margin:12px 0 0}.form-header>span{font-size:25px}label:not(.consent){display:block;font-size:12px;font-weight:700;margin:18px 0 8px}label span{font-weight:400;color:var(--muted)}input:not([type=checkbox]){width:100%;border:1px solid #cbd3c9;background:#fafbf7;padding:14px;color:var(--ink);border-radius:0}input::placeholder{color:#8c978a}.consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.5;margin:19px 0}.consent input{width:17px;height:17px;accent-color:var(--ink);flex:none}.full{width:100%}.form-help,.status{font-size:11px;line-height:1.6;color:var(--muted)}.status:empty{display:none}.footer{border-top:1px solid var(--line);padding:35px 0 45px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p{font:italic 16px var(--serif);color:var(--muted)}.footer>span{font-size:10px;letter-spacing:.12em;font-weight:700}@media(max-width:850px){.wrap{width:min(100% - 40px,650px)}.header{height:76px}nav{gap:12px}.nav-link{display:none}.button.small{padding:12px;font-size:11px}.hero{grid-template-columns:1fr;padding-top:40px;gap:36px}.hero h1{font-size:clamp(46px,10vw,70px)}.hero-art{min-height:400px}.section{padding:80px 0}.section-intro{grid-template-columns:1fr;gap:18px}.steps{grid-template-columns:1fr;margin-top:45px}.steps article,.steps article+article{padding:20px 0;border-left:0;border-bottom:1px solid var(--line)}.steps h3{margin:24px 0 10px}.dark-section{padding:80px 0}.dark-grid{grid-template-columns:1fr;gap:26px}.join-section{grid-template-columns:1fr;gap:40px;padding-top:80px;padding-bottom:80px}.join-note{margin-top:30px}.band-inner{justify-content:center;text-align:center}.band-inner span:nth-child(n+4){display:none}.footer{flex-wrap:wrap}.footer p{display:none}}@media(max-width:420px){.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.art-card{right:16px;left:16px}.form-card{padding:24px}.hero-art{min-height:370px}}

/* Offer and local directory */
.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:52px}.offer-grid article{background:var(--paper);padding:30px;min-height:220px}.offer-grid article>span,.directory-heading>span{font-size:10px;letter-spacing:.12em;font-weight:700;color:var(--muted)}.offer-grid h3{font:28px/1.08 var(--serif);letter-spacing:-.025em;margin:28px 0 12px}.offer-grid p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.directory-link{color:var(--acid);font-weight:700;text-underline-offset:5px}.directory-main{padding:42px 0 100px}.directory-back{font-size:13px;font-weight:700;text-decoration:none}.directory-back:hover{text-decoration:underline}.directory-intro{padding:80px 0 75px;max-width:760px}.directory-intro h1{font:400 clamp(52px,7vw,96px)/.98 var(--serif);letter-spacing:-.05em;margin:28px 0}.directory-intro h1 em{color:#728b5b}.directory-intro>p:last-child{color:var(--muted);font-size:18px;line-height:1.7;max-width:540px}.directory-section{border-top:1px solid var(--ink)}.directory-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:26px 0}.directory-heading h2{font:48px/1 var(--serif);margin:18px 0 0;letter-spacing:-.04em}.business-card{display:grid;grid-template-columns:minmax(220px,.7fr) 1.3fr;background:#e2e9d7;min-height:315px}.business-monogram{display:flex;align-items:center;justify-content:center;background:#26483a;color:var(--paper);font:italic clamp(105px,15vw,200px)/1 var(--serif);letter-spacing:-.14em;padding-right:20px}.business-monogram span{color:var(--acid)}.business-copy{padding:44px 50px}.business-copy h3{font:40px/1.04 var(--serif);letter-spacing:-.035em;margin:24px 0 16px}.business-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;color:#40584a;max-width:590px}.business-link{display:inline-block;font-weight:700;font-size:13px;margin-top:17px;text-underline-offset:5px}.directory-note{margin:40px 0 0;color:var(--muted);font-size:14px}.directory-note a{font-weight:700;text-underline-offset:4px}@media(max-width:850px){.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:35px}.offer-grid article{min-height:0;padding:24px}.directory-intro{padding:60px 0}.business-card{grid-template-columns:1fr}.business-monogram{min-height:220px}.business-copy{padding:34px}.directory-heading>span{max-width:130px;text-align:right}}@media(max-width:520px){.offer-grid{grid-template-columns:1fr}.offer-grid h3{margin-top:18px}.directory-main{padding-bottom:70px}.directory-intro h1{font-size:56px}.business-copy h3{font-size:34px}}

/* A flexible, legible layout and a consistent Goodwork identity. */
:root{--ink:#173a30;--paper:#f7f6f0;--acid:#d9ed83;--line:#d9dfd3;--muted:#546b60}
html,body{max-width:100%}
.wrap{width:min(1320px,calc(100% - clamp(40px,7vw,120px)))}
.header{gap:24px;min-width:0}
.brand{flex:none;gap:10px;font-size:20px;letter-spacing:-.055em}
.brand-mark{display:block;flex:none;width:42px;height:42px;border-radius:0;background:none;padding:0}
nav{min-width:0;gap:clamp(16px,2.4vw,32px)}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(36px,6vw,96px);padding-top:clamp(48px,5vw,78px);padding-bottom:clamp(64px,6vw,90px)}
.hero-copy,.hero-art,.section-intro>*,.join-section>*,.dark-grid>*{min-width:0}
.hero h1{font-size:clamp(49px,5.4vw,78px);line-height:1.02;overflow-wrap:normal}
.hero h1 em{color:#668459}
.lead{max-width:520px;font-size:17px;line-height:1.72}
.hero-note{font-weight:700;letter-spacing:.015em;color:#586d5d}
.button{border-radius:3px}
.hero-art{min-height:510px;padding:26px;gap:32px;background:#dce8d0;box-shadow:inset 0 0 0 1px #b9cbb5}
.preview-label,.preview-caption{display:flex;justify-content:space-between;gap:12px;position:relative;z-index:2;font-size:9px;font-weight:700;letter-spacing:.13em}
.preview-window{position:relative;z-index:2;width:100%;max-width:505px;margin:auto;box-shadow:0 22px 55px #284b3529;background:#f8f7ee;border:1px solid #244337;border-radius:7px;overflow:hidden;transform:rotate(-2deg)}
.preview-bar{height:35px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;border-bottom:1px solid #d6dfd1;font-size:8px;letter-spacing:.12em;font-weight:700;color:#708078}
.preview-dots{display:flex;gap:4px}.preview-dots i{width:6px;height:6px;border-radius:50%;background:#adc0af}.preview-dots i:first-child{background:#89a86d}
.preview-page{min-height:300px;position:relative;overflow:hidden;padding:24px;background:#f9f8f2}
.preview-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:8px;font-weight:700;letter-spacing:.06em;color:#6e7e70}
.preview-brand{font-size:14px;letter-spacing:-.05em;color:var(--ink)}.preview-brand span{font-size:20px;color:#87a55f;vertical-align:middle}
.preview-content{position:relative;z-index:2;display:flex;align-items:flex-start;flex-direction:column;padding-top:46px}
.preview-overline{font-size:8px;letter-spacing:.14em;font-weight:700;color:#778c72}.preview-content strong{font:400 clamp(26px,3.1vw,43px)/1.07 var(--serif);letter-spacing:-.04em;margin-top:15px}.preview-content em{color:#718a60}.preview-line{width:110px;height:4px;margin-top:19px;background:#e0e8d8}.preview-button{margin-top:21px;padding:11px 13px;color:white;background:var(--ink);font-size:8px;font-weight:700;letter-spacing:.06em}
.preview-shape{position:absolute;width:185px;height:185px;right:-20px;bottom:-24px;display:flex;align-items:center;justify-content:center;background:#d9ed83;border-radius:50%;color:#4e6c3b;font-size:9px;font-weight:700;letter-spacing:.13em;line-height:1.6;text-align:center}
.preview-caption{color:#536e59}.preview-caption span:last-child{text-align:right}
@media(max-width:850px){.wrap{width:calc(100% - 40px)}.header{height:auto;min-height:76px}.hero{grid-template-columns:minmax(0,1fr);gap:35px;padding-top:48px}.hero h1{font-size:clamp(44px,8vw,68px)}.hero-art{min-height:390px}.preview-window{max-width:520px}.preview-page{min-height:255px}.preview-content{padding-top:30px}.preview-content strong{font-size:clamp(28px,6vw,42px)}.preview-shape{width:155px;height:155px}.band-inner{flex-wrap:wrap;padding-block:18px;line-height:1.5}.section-intro{min-width:0}.section-intro h2{font-size:clamp(38px,7vw,60px)}}
@media(max-width:520px){.header{gap:10px}.brand{font-size:17px;gap:8px}.brand-mark{width:37px;height:37px}.button.small{gap:8px;padding:11px;font-size:10px}.hero{padding-top:38px;padding-bottom:52px}.hero h1{font-size:clamp(38px,10.3vw,52px);letter-spacing:-.05em}.hero-actions{align-items:stretch;flex-direction:column;gap:18px}.hero-actions .button{width:100%}.hero-art{min-height:320px;padding:18px;gap:22px}.preview-label,.preview-caption{font-size:8px}.preview-page{min-height:210px;padding:17px}.preview-nav>span:last-child{font-size:6px}.preview-content{padding-top:27px}.preview-content strong{font-size:28px}.preview-shape{width:122px;height:122px;font-size:7px}.preview-button{padding:9px}.lead{font-size:16px}.directory-intro h1{font-size:clamp(42px,11vw,56px)}.business-copy{padding:26px}.join-section h2{font-size:clamp(38px,10vw,48px)}.form-card{padding:22px}.footer{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Launch identity: confident, clear and built around the owner. */
:root{--ink:#142b3e;--paper:#fbfaf7;--acid:#ff865b;--line:#e2e5e2;--muted:#586b74}
body{background:var(--paper);color:var(--ink)}
.header{border-color:#e4e8e6}.brand{font-weight:700;color:#142b3e}.brand b{font-weight:700}.nav-link{color:#324854}
.button{background:#142b3e;border-color:#142b3e;border-radius:4px}.button:hover{background:#29485b;border-color:#29485b}.button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#c4542c}
.header .button{background:#f0764c;border-color:#f0764c;color:#142b3e}.header .button:hover{background:#ff966c;border-color:#ff966c}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,5vw,78px);padding-top:clamp(50px,5vw,76px);padding-bottom:clamp(65px,6vw,86px)}
.hero h1,.section h2,.dark-section h2,.join-section h2,.directory-intro h1{font-family:var(--sans);font-weight:700;letter-spacing:-.065em;line-height:1.04}
.hero h1{font-size:clamp(52px,5.5vw,80px);margin:27px 0}.hero h1 em,.section h2 em,.join-section h2 em,.directory-intro h1 em{font-style:normal;color:#d75c35}
.eyebrow{letter-spacing:.14em}.dot{background:#ef7952}.lead{font-size:18px;line-height:1.65;color:#536773;max-width:530px}.hero-note{color:#596e77}
.hero-actions .button{background:#f0764c;border-color:#f0764c;color:#142b3e;box-shadow:0 6px 18px #e2764c25}.hero-actions .button:hover{background:#ff956d}.quiet-link{text-underline-offset:5px}
.hero-art{min-height:0;aspect-ratio:1.02;display:block;padding:0;border-radius:12px;background:#e8e9e4;box-shadow:0 22px 55px #142b3e20;overflow:hidden}
.owner-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:68% center}.hero-art:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0d1c24a6);pointer-events:none}
.hero-photo-caption{position:absolute;z-index:2;bottom:28px;left:28px;right:28px;display:flex;align-items:center;gap:14px;padding:17px 19px;background:#fffdf8;border-radius:8px;box-shadow:0 10px 30px #08182030}
.caption-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:8px;background:#ffe5d6;color:#bd5030;font-size:24px}.hero-photo-caption strong,.hero-photo-caption small{display:block}.hero-photo-caption strong{font-size:14px}.hero-photo-caption small{font-size:12px;color:#667880;margin-top:4px}.photo-note{position:absolute;top:22px;left:23px;color:white;font-size:9px;letter-spacing:.14em;font-weight:700;text-shadow:0 1px 5px #000}
.band{background:#142b3e;color:white}.band-inner{min-height:70px}.band-inner span:nth-child(even){color:#ff956d}
.section{padding:115px 0}.section-intro h2{font-size:clamp(41px,4.3vw,61px)}.steps h3{font-family:var(--sans);font-size:23px;font-weight:700;letter-spacing:-.04em}.step-number{color:#c45e3f;font-weight:700}.steps article+article{border-color:#dce2df}
.offer-grid{gap:14px;background:transparent;border:0}.offer-grid article{background:#fff;border:1px solid #e0e6e2;border-radius:8px;padding:30px;box-shadow:0 8px 24px #142b3e08}.offer-grid article>span{color:#c45e3f}.offer-grid h3{font:700 23px/1.15 var(--sans);letter-spacing:-.04em}.offer-grid p{font-size:14px}
.dark-section{background:#19394b}.dark-section h2 em{font-style:normal;color:#ffae8a}.pale{color:#ffbd9e}.tags span{border-color:#6f8994;color:#e7efed}.directory-link{color:#ffb28d}.join-section h2{font-size:clamp(45px,4.5vw,64px)}.join-note span{color:#e67d54}.form-card{border:1px solid #e2e8e4;border-radius:8px;box-shadow:0 18px 50px #142b3e0b}.form-header h3{font:700 26px/1.15 var(--sans);letter-spacing:-.04em}.consent input{accent-color:#142b3e}.business-monogram{background:#19394b}.business-monogram span{color:#ffae8a}.business-card{background:#eaf1ed}.business-copy>p:not(.eyebrow){color:#526971}.footer p{font-family:var(--sans);font-style:normal}
@media(max-width:850px){.hero{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:44px}.hero h1{font-size:clamp(44px,8vw,68px)}.hero-art{aspect-ratio:1.4;min-height:0}.owner-photo{object-position:70% 45%}.section{padding:80px 0}.section-intro h2{font-size:clamp(38px,7vw,58px)}}
@media(max-width:520px){.hero{padding-top:36px;padding-bottom:52px}.hero h1{font-size:clamp(42px,11vw,55px)}.lead{font-size:16px}.hero-art{aspect-ratio:1.08}.hero-photo-caption{bottom:14px;left:14px;right:14px;padding:12px;gap:10px}.caption-icon{width:36px;height:36px}.hero-photo-caption strong{font-size:12px}.hero-photo-caption small{font-size:11px}.photo-note{left:16px;top:16px;font-size:8px}.section-intro h2{font-size:clamp(36px,9vw,48px)}.join-section h2{font-size:clamp(38px,10vw,48px)}.offer-grid{gap:10px}.offer-grid article{padding:23px}}

/* Give the opening section a complete screen on desktop without clipping content. */
@media(min-width:851px){
  .hero{min-height:calc(100svh - 102px);padding-top:clamp(32px,4svh,64px);padding-bottom:clamp(32px,4svh,64px)}
  .hero-art{width:100%;height:min(570px,calc(100svh - 180px));aspect-ratio:auto}
}

.directory-section-next{margin-top:70px}.canton-listing{background:#f2e9df}.canton-monogram{background:#78513b}.canton-monogram span{color:#e8bfa3}@media(max-width:520px){.directory-section-next{margin-top:48px}.directory-heading h2{font-size:38px}}

/* Keep the opening composition together on phones and tablets. */
@media(max-width:850px){
  .hero{min-height:calc(100svh - 76px);gap:clamp(18px,2.5svh,26px);padding-top:clamp(20px,3svh,30px);padding-bottom:clamp(20px,3svh,30px);align-content:center}
  .hero-art{height:clamp(150px,24svh,260px);aspect-ratio:auto}
}
@media(max-width:350px){.hero-art{height:clamp(110px,16svh,150px)}}

/* A clear problem statement for owners working on the road. */
.hero h1{font-size:clamp(43px,4.8vw,69px)}
.problem-section{padding-top:105px;padding-bottom:100px;display:grid;grid-template-columns:.65fr 1.35fr;gap:32px;align-items:start}
.problem-section h2{font:700 clamp(36px,4vw,56px)/1.08 var(--sans);letter-spacing:-.06em;margin:0 0 24px}.problem-section h2 em{font-style:normal;color:#d75c35}.problem-section div>p{max-width:650px;color:var(--muted);font-size:17px;line-height:1.75}.owner-control{font-size:14px;line-height:1.6;font-weight:700;margin:30px 0 0;color:var(--ink)}
@media(max-width:850px){.problem-section{grid-template-columns:1fr;gap:18px;padding-top:75px;padding-bottom:65px}.hero h1{font-size:clamp(40px,7vw,64px)}}
@media(max-width:520px){.hero h1{font-size:clamp(35px,9.1vw,48px)}.problem-section h2{font-size:clamp(32px,8vw,43px)}.problem-section div>p{font-size:16px}}

.how-details{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;align-items:start;margin-top:55px;padding:28px 30px;border:1px solid var(--line);border-radius:8px;background:#fff}
.how-details h3{font:700 22px/1.2 var(--sans);letter-spacing:-.035em;margin:13px 0 0}.how-details>p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}
@media(max-width:850px){.how-details{grid-template-columns:1fr;gap:15px;padding:24px;margin-top:35px}}