.subpage{--accent:var(--green)}.sub-main{padding-bottom:65px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--soft);padding:27px 0 0}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.sub-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center;padding:48px 0 55px;border-bottom:1px solid var(--line)}.sub-hero.text-only{display:block;max-width:950px}.sub-hero h1{font:600 clamp(36px,4.2vw,59px)/1.1 'Archivo',sans-serif;letter-spacing:-.05em;margin:20px 0}.sub-hero h1 .g{color:var(--green)}.sub-hero .lead{font-size:18px;line-height:1.7;color:var(--soft);max-width:700px}.sub-hero img{height:380px;width:100%;object-fit:cover;border-radius:4px}.sub-hero .hero-cta{margin-top:25px}.sub-hero .hero-note{font-size:12px;color:var(--soft);margin-top:12px}.sub-hero figcaption{font-size:10px;color:var(--soft);margin-top:9px}.sub-hero figure{margin:0}.subpage .btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--green);color:var(--white);border:1px solid var(--green);padding:13px 22px;border-radius:4px;text-decoration:none;font-weight:600;font-size:14px;cursor:pointer;max-width:100%}.subpage .btn:hover{background:#173d29}.subpage .btn svg{width:20px;height:20px}.subpage .wa-link{font-size:12px;color:var(--soft);margin-left:18px}.subpage .blk{padding:45px 0 0}.subpage .blk h2{font-size:clamp(28px,3vw,39px);max-width:850px}.subpage .sec-intro{font-size:16px;line-height:1.7;color:var(--soft);max-width:800px;margin-top:20px}.subpage .guide{display:grid;grid-template-columns:1fr 1fr;gap:25px 45px;margin-top:25px}.subpage .g-item{border-top:1px solid var(--line);padding-top:16px}.subpage .g-item h3{font-size:18px;margin:0 0 9px}.subpage .g-item p{font-size:14px;line-height:1.8;color:var(--soft);margin:0}.subpage .prob{margin-top:25px;border-top:1px solid var(--line)}.subpage .prob-row{display:grid;grid-template-columns:1.15fr 1fr;gap:35px;border-bottom:1px solid var(--line);padding:17px 0;font-size:15px}.subpage .prob-row .fix{color:var(--green);font-size:14px}.subpage .faq{max-width:950px;margin-top:25px}.subpage .faq .plus{display:none}.subpage .ans{font-size:14px;color:var(--soft);padding:0 25px 22px 0}.subpage .sub-links{font-size:12px;line-height:2;color:var(--soft);margin-top:35px;padding-top:20px;border-top:1px solid var(--line)}.subpage .sub-links a{white-space:normal}.subpage .section{padding-bottom:0}.subpage .ref-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center;margin-top:25px}.subpage .ref-head .eyebrow{display:none}.subpage .ref-head p{font-size:14px;color:var(--soft)}.subpage .ref-trio img{border:1px solid var(--line);border-radius:4px;height:auto}.subpage .ref-stars{font-size:11px;color:var(--green)}.subpage .rs-s{margin-left:10px}.subpage blockquote{font-size:21px;line-height:1.6;letter-spacing:-.02em;margin:18px 0}.subpage .quote-by{font-size:12px;color:var(--soft)}.subpage .gal{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.subpage .gal img{height:300px;object-fit:cover}.subpage .mock-cap{font-size:11px;color:var(--soft);margin-top:12px}.subpage .mock{border:1px solid var(--line);border-radius:5px;overflow:hidden;margin-top:25px;background:#faf9f5}.subpage .mock-bar{background:#e9ede3;padding:10px 16px;font-size:11px}.subpage .mock-bar>i{display:none}.subpage .mock-main{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:30px}.subpage .mock-txt h3{font:400 38px/1.15 Georgia,serif}.subpage .mock-img img{height:280px;object-fit:cover}.subpage .mock-nav,.subpage .mock-chips{font-size:11px;display:flex;gap:15px;padding:15px}.subpage .mock-open{font-size:12px}.subpage .sb{margin-top:25px}.subpage .sb-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--line);font-size:15px}.subpage .sb-row small{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px}.subpage .sb-no{color:var(--soft)}.subpage .sb-yes{color:var(--green)}.subpage .sb-why{grid-column:1/-1;color:var(--soft);font-size:12px;margin:0}.subpage .pos{margin-top:25px;background:var(--sage);padding:28px}.subpage .pos label{display:block;font-size:13px;margin-bottom:15px}.subpage .pos input{max-width:650px}.subpage .pos-out{font:400 25px/1.5 Georgia,serif;max-width:800px}.subpage .calc{display:grid;grid-template-columns:1fr 1fr;gap:35px;background:var(--sage);padding:30px;margin-top:25px}.subpage fieldset{border:1px solid #cbd2bf;padding:16px;margin:0 0 15px;min-width:0}.subpage legend{font-size:13px;font-weight:600}.subpage .calc label{display:block;font-size:12px;margin-bottom:12px}.subpage .calc input[type=checkbox]{width:20px;min-height:20px;margin:7px 0}.subpage .calc .bar{padding:15px 0}.subpage .bar-l{display:flex;justify-content:space-between;gap:15px;font-size:13px}.subpage .bar-t{height:8px;background:#d0d8c3;margin:10px 0}.subpage .bar-t i{display:block;height:100%;background:#6d815d;width:0}.subpage .bar-mm .bar-t i{background:var(--green)}.subpage .bar-n,.subpage .calc-note{font-size:11px;color:var(--soft)}.subpage .inline-demo{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;align-items:center;margin-top:40px;border-top:1px solid var(--line);padding-top:30px}.inline-demo h3{font-size:25px;margin:12px 0}.inline-demo p{font-size:14px;color:var(--soft)}.inline-demo img{height:200px;width:100%;object-fit:cover}.topic-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:22px;font-size:13px}.topic-links a{padding:7px 0;text-decoration:none;border-bottom:1px solid var(--line)}.topic-links a:hover{color:var(--green);border-color:var(--green)}.all-pages-link{font-size:12px;display:inline-block;margin-top:18px}.site-directory{display:grid;grid-template-columns:1fr 1fr;gap:20px 60px;padding:35px 0 65px}.directory-group{border-top:1px solid var(--line);padding-top:14px}.directory-group h2{font-size:26px;margin:5px 0 15px}.directory-group ul{list-style:none;padding:0;font-size:14px;line-height:2.4}.demo-showcase{padding:65px 0 0}.demo-showcase .section-head{margin-bottom:27px}.demo-options{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.demo-option{text-decoration:none;display:block;min-width:0}.demo-cover{height:180px;background:var(--sage);overflow:hidden;border:1px solid var(--line);border-radius:4px}.demo-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.demo-option:hover img{transform:scale(1.025)}.demo-option small{display:block;font-size:10px;color:var(--soft);margin-top:13px}.demo-option h3{font-size:20px;margin:6px 0}.demo-option p{font-size:12px;color:var(--soft);margin:0}.consult-cover{height:100%;background:#e6dfd5;color:#263d4a;padding:23px;display:flex;flex-direction:column;justify-content:center}.consult-cover span{font-size:9px;letter-spacing:.1em}.consult-cover strong{font:500 23px/1.15 'Archivo',sans-serif;letter-spacing:-.04em;display:block;margin-top:14px}.consult-cover em{font:italic 29px Georgia,serif;color:#86604e}.form-panel details{border:0;font-size:12px;margin-bottom:18px}.form-panel details summary{padding:4px 0;font-size:12px;font-weight:400;min-height:32px}.form-panel details label{margin-top:9px}.utility-content{max-width:820px;padding:45px 0 65px;line-height:1.8}.utility-content h1{font:600 clamp(34px,5vw,58px)/1.1 'Archivo',sans-serif;letter-spacing:-.045em;margin:20px 0 30px}.utility-content h2{font-size:25px;margin-top:35px}.utility-content h3{font-size:18px}.utility-content p{font-size:15px;color:var(--soft)}.utility-content .back{font-size:12px}.utility-content .meta,.utility-content .ey{font-size:12px}.utility-note{padding:16px 20px;background:var(--sage);font-size:12px;color:var(--soft);margin-bottom:24px}.utility-content .steps{display:block;padding-left:20px}.utility-content .steps li{margin:12px 0}.utility-content form{background:var(--white);padding:25px;border:1px solid var(--line)}.utility-content form label{display:block;font-size:13px;margin-bottom:16px}.utility-content form input[type=checkbox],.utility-content form input[type=radio]{display:inline-block;width:auto;min-height:auto;margin:0 8px 0 0}.utility-content .chips{display:flex;flex-wrap:wrap;gap:10px}.utility-content .chips label{margin:0}.utility-content .hp,.utility-content .err{display:none}.utility-content .note{display:block;background:none;padding:0;font-size:12px}.foot-topics{margin:20px 0 22px;font-size:12px;display:flex;flex-wrap:wrap;gap:12px 25px;padding-top:20px;border-top:1px solid var(--line)}.fact-note{font-size:12px;color:var(--soft);padding:20px 0;border-bottom:1px solid var(--line)}
@media(max-width:900px){.sub-hero{gap:35px}.sub-hero h1{font-size:43px}.demo-cover{height:160px}.consult-cover{padding:16px}.consult-cover strong{font-size:20px}.consult-cover em{font-size:24px}}
@media(max-width:740px){.sub-main{padding-bottom:45px}.breadcrumbs{font-size:10px;padding-top:18px}.sub-hero{grid-template-columns:1fr;gap:25px;padding:30px 0 35px}.sub-hero h1{font-size:38px;overflow-wrap:anywhere}.sub-hero .lead{font-size:16px}.sub-hero img{height:270px}.sub-hero .hero-cta .btn{width:100%}.subpage .wa-link{display:block;margin:12px 0 0}.subpage .blk{padding-top:30px}.subpage .blk h2{font-size:29px;overflow-wrap:anywhere}.subpage .guide{grid-template-columns:1fr;gap:20px}.subpage .prob-row{grid-template-columns:1fr;gap:7px}.subpage .ref-grid,.subpage .mock-main,.subpage .calc,.subpage .inline-demo{grid-template-columns:1fr;gap:22px}.subpage .ref-grid{margin-top:20px}.subpage blockquote{font-size:19px}.subpage .gal img{height:190px}.subpage .sb-row{grid-template-columns:1fr;gap:14px}.subpage .sb-why{grid-column:auto}.subpage .pos,.subpage .calc{padding:21px}.subpage .mock-main{padding:20px}.subpage .mock-txt h3{font-size:28px}.subpage .mock-img img{height:220px}.subpage .inline-demo img{height:210px}.site-directory{grid-template-columns:1fr;gap:20px}.demo-showcase{padding-top:45px}.demo-options{grid-template-columns:1fr;gap:27px}.demo-cover{height:210px}.demo-option h3{font-size:22px}.demo-option p{font-size:13px}.consult-cover{padding:30px}.consult-cover strong{font-size:28px}.consult-cover em{font-size:36px}.utility-content{padding-top:25px}.utility-content h1{font-size:38px;overflow-wrap:anywhere}.utility-content form{padding:20px}.foot-topics{font-size:11px;gap:10px 20px}}
.sub-hero .real-project img{height:auto;object-fit:contain;border:1px solid var(--line)}.sub-hero .real-project figcaption{font-size:11px;line-height:1.7}.practice-proof{border-top:0}.subpage .practice-proof blockquote{margin:0;font-size:19px}
.direct-contact{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:35px;border-top:1px solid #c9d1bd;padding-top:30px;margin-top:0}.direct-contact h3{font-size:24px;margin:0 0 8px;letter-spacing:-.03em}.direct-contact p{font-size:14px;color:var(--soft);margin:0 0 10px;max-width:460px}.direct-phone{font-size:13px;text-underline-offset:4px}.whatsapp-button{display:flex;align-items:center;justify-content:center;gap:17px;min-height:86px;min-width:330px;padding:19px 25px;background:#1f6a40;color:#fffef9;text-decoration:none;border-radius:5px;font-size:16px;font-weight:600;transition:background .2s,transform .2s}.whatsapp-button:hover{background:#15552f;transform:translateY(-2px)}.whatsapp-button svg{width:35px;height:35px;flex:none}.whatsapp-button small{display:block;margin-top:3px;font-size:13px;font-weight:400;letter-spacing:.05em}.whatsapp-button .wa-arrow{font-size:26px;margin-left:10px;font-weight:400}@media(max-width:740px){.direct-contact{display:block;margin-top:0;padding-top:25px}.whatsapp-button{min-width:0;width:100%;margin-top:22px;padding:18px 20px;justify-content:flex-start}.whatsapp-button .wa-arrow{margin-left:auto}.direct-contact h3{font-size:22px}}@media(prefers-reduced-motion:reduce){.whatsapp-button{transition:none}}

.contact-grid{row-gap:35px}
