/* Homepage details: a shorter route from the work to a real conversation. */
.experience-site .xd-wrap{width:min(1360px,calc(100% - 80px));margin-inline:auto}
.experience-site .xd-eyebrow{display:block;font:600 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.12em;color:inherit}
.experience-site .xd-process{padding:96px 0 74px;display:grid;grid-template-columns:.95fr 2.05fr;gap:60px;border-top:1px solid #17201b26}
.experience-site .xd-section-heading h2{font:500 clamp(32px,3.1vw,48px)/1.05 Bricolage,Manrope,sans-serif;letter-spacing:-.045em;margin-top:20px}
.experience-site .xd-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.experience-site .xd-step-number{display:block;color:#596354;font:400 12px/1 Manrope,sans-serif;margin-bottom:27px}
.experience-site .xd-steps h3{font-size:19px;line-height:1.15;letter-spacing:-.035em;margin-bottom:14px}
.experience-site .xd-steps p{font-size:13px;line-height:1.7;color:#596358}




























.experience-site .xd-inquiry{padding:100px 0 60px;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(45px,8vw,120px);align-items:start}
.experience-site .xd-inquiry-intro{padding-top:12px}
.experience-site .xd-inquiry-intro h2{font:500 clamp(48px,5.7vw,82px)/.99 Bricolage,Manrope,sans-serif;letter-spacing:-.065em;margin:26px 0}
.experience-site .xd-inquiry-intro>p{max-width:360px;font-size:15px;line-height:1.75;color:#5b6558}
.experience-site .xd-inquiry-assurance{display:flex;flex-wrap:wrap;gap:7px 12px;max-width:350px;font-size:11px;margin:25px 0 20px;color:#374b2c}
.experience-site .xd-inquiry-assurance span{border-bottom:1px solid #b3bfa9;padding-bottom:4px}
.experience-site .xd-inquiry-intro .xd-concept-scope{font-size:12px;color:#596354;max-width:300px}
.experience-site .xd-direct-email{display:inline-flex;align-items:center;gap:36px;font-size:13px;border-bottom:1px solid #58654d;text-decoration:none;margin-top:30px;padding:8px 0}
.experience-site .xd-direct-email span{font-size:20px}
.experience-site .xd-form{margin:0;padding:0;border:0;background:none;box-shadow:none;max-width:none;border-radius:0;min-width:0;grid-template-columns:none;display:block}
.experience-site .xd-form-heading{margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid #cbd1c3}
.experience-site .xd-form-heading h3{font-size:20px;line-height:1.2;letter-spacing:-.03em}
.experience-site .xd-form .audit-form-description{font-size:11px;line-height:1.7;color:#596354;margin:10px 0 0;max-width:none}
.experience-site .xd-form label{display:block;font-size:11px;font-weight:600;color:#34422f;margin:0 0 7px}
.experience-site .xd-form input:not([type=checkbox]):not([type=radio]),.experience-site .xd-form select,.experience-site .xd-form textarea{display:block;width:100%;max-width:100%;min-width:0;background:#fffef8;border:1px solid #c6cfbd;border-radius:2px;font:400 13px/1.5 Manrope,Arial,sans-serif;color:#17201b;padding:11px 12px;margin:0 0 7px;min-height:44px;box-shadow:none;transition:border-color .2s,box-shadow .2s}
.experience-site .xd-form textarea{resize:vertical;min-height:88px}
.experience-site .xd-form input:focus,.experience-site .xd-form select:focus,.experience-site .xd-form textarea:focus{border-color:#4a6d36;outline:2px solid #94b17a55;outline-offset:1px}
.experience-site .xd-form input::placeholder,.experience-site .xd-form textarea::placeholder{color:#596354;opacity:1;font-weight:400}
.experience-site .xd-form .website-input{width:100%}
.experience-site .xd-form .check-contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.experience-site .xd-form .check-contact-fields>div{min-width:0}
.experience-site .xd-form .email-help{font-size:10px;line-height:1.65;color:#596354;margin:0 0 16px;padding:0}
.experience-site .xd-form .email-help a{text-underline-offset:3px}
.experience-site .xd-goal{margin-top:9px;border:0;padding:0}
.experience-site .xd-other-request{margin:18px 0 20px;border:0;border-top:1px solid #cbd1c3;border-bottom:1px solid #cbd1c3}
.experience-site .xd-other-request summary{cursor:pointer;font-size:11px;padding:12px 0;line-height:1.6;color:#56654c}
.experience-site .xd-form .request-options{padding:0;border:0;margin:7px 0 15px}
.experience-site .xd-form .request-options legend{font-size:10px;font-weight:600;margin-bottom:10px}
.experience-site .xd-form .request-option-row{padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;background:none;border:0;border-radius:0}
.experience-site .xd-form .request-option{position:relative;margin:0;font-weight:400;min-width:0}
.experience-site .xd-form .request-option input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;margin:0;padding:0;top:50%;left:50%}
.experience-site .xd-form .request-option>span{display:block;border:1px solid #c6cfbd;border-radius:2px;background:#fafbf5;padding:9px 11px;min-height:50px}
.experience-site .xd-form .request-option strong{font-size:11px;line-height:1.5;letter-spacing:0;display:block}
.experience-site .xd-form .request-option small{font-size:9px;line-height:1.5;color:#596354;display:block}
.experience-site .xd-form .request-option input:checked+span{background:#e6eddb;border-color:#82986c;box-shadow:none}
.experience-site .xd-form .request-option input:checked+span strong::after{content:none}
.experience-site .xd-form .request-option input:focus-visible+span{outline:3px solid #b18b17;outline-offset:2px}
.experience-site .xd-form .followup-choice{display:flex;align-items:flex-start;gap:10px;font-size:11px;font-weight:400;line-height:1.5;margin:0 0 18px;max-width:none;color:#55624b}
.experience-site .xd-form .followup-choice>span{color:inherit}
.experience-site .xd-form .followup-choice input{width:16px;height:16px;flex:none;accent-color:#466632;margin:2px 0 0}
.experience-site .xd-form .followup-choice small{font-size:10px;color:#596354;display:block;margin-top:3px}
.experience-site .xd-submit{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:52px;padding:14px 18px;background:#d6eda2;border:1px solid #bfd38f;border-radius:2px;color:#203018;font-size:13px;font-weight:600;transition:background .2s,border-color .2s}
.experience-site .xd-submit:hover{background:#c8e98a;border-color:#9fb676}
.experience-site .xd-submit:disabled{opacity:.6;cursor:default}
.experience-site .xd-submit span{font-size:23px;line-height:1}
.experience-site .xd-form .form-help{font-size:9px;line-height:1.7;color:#596354;margin:11px 0 0;max-width:none}
.experience-site .xd-form .form-help a{text-underline-offset:2px}
.experience-site .xd-form .form-status:empty{display:none}
.experience-site .xd-form .form-status{font-size:12px;line-height:1.65;padding:13px 15px;margin:13px 0 0;background:#e4ebda;color:#35462a;border:1px solid #b7c6a6;border-radius:2px}
.experience-site .xd-form .form-status[data-state=error]{background:#fff1e8;border-color:#d6ac97;color:#8a3421}
.experience-site .xd-inquiry .inquiry-result{grid-column:1/-1;margin:0;padding:26px;background:#e7eddc;border:1px solid #aabb95;border-radius:2px}
.experience-site .xd-inquiry .inquiry-result h3{font-size:25px;margin:10px 0}
.experience-site .xd-inquiry .inquiry-result p{font-size:13px;color:#57654a}
.experience-site .xd-booking{border-top:1px solid #cbd1c3;border-bottom:1px solid #cbd1c3}
.experience-site .xd-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.experience-site .xd-booking details{border:0}
.experience-site .xd-booking summary{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:27px 0;cursor:pointer;list-style:none}
.experience-site .xd-booking summary::-webkit-details-marker{display:none}
.experience-site .xd-booking summary>span:first-child{color:var(--ink);display:grid;grid-template-columns:180px 1fr;gap:7px 25px;align-items:baseline}
.experience-site .xd-booking summary .xd-eyebrow{grid-row:1/3;align-self:center;font-size:9px;color:#596354}
.experience-site .xd-booking summary strong{font:500 25px/1.15 Bricolage,Manrope,sans-serif;letter-spacing:-.035em}
.experience-site .xd-booking-description{font-size:11px;color:#596354}
.experience-site .xd-booking-action{color:#34432c;flex:none;font-size:12px;display:flex;gap:30px;align-items:center;border-bottom:1px solid #546448;padding:8px 0}
.experience-site .xd-booking-action b{font-size:23px;font-weight:400}
.experience-site .xd-booking-note{display:flex;gap:40px;align-items:start;justify-content:space-between;padding:10px 0 25px}
.experience-site .xd-booking-note p{font-size:12px;line-height:1.7;max-width:650px;color:#5f6b55}
.experience-site .xd-booking-note>a{font-size:11px;line-height:1.6;flex:none;max-width:220px;text-underline-offset:3px}
.experience-site .xd-booking-frame{background:#fff;margin-bottom:25px;border:1px solid #d8dfce}
.experience-site .xd-booking-frame iframe{display:block;width:100%;height:650px;border:0}
.experience-site .xd-faq{padding:70px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(45px,8vw,120px)}
.experience-site .xd-faq h2{font:500 39px/1.1 Bricolage,Manrope,sans-serif;letter-spacing:-.045em;margin-top:17px}
.experience-site .xd-faq-list details{border:0;border-bottom:1px solid #cbd1c3}
.experience-site .xd-faq-list details:first-child{border-top:1px solid #cbd1c3}
.experience-site .xd-faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:25px;cursor:pointer;list-style:none;padding:19px 0;font-size:13px;line-height:1.6;font-weight:600;color:#34432c}
.experience-site .xd-faq-list summary::-webkit-details-marker{display:none}
.experience-site .xd-faq-list summary>span{font-size:22px;font-weight:400;line-height:1;color:#6d7c5e;flex:none;transition:transform .2s}
.experience-site .xd-faq-list details[open] summary>span{transform:rotate(45deg)}
.experience-site .xd-faq-list p{font-size:12px;line-height:1.8;color:#64715a;margin:0;padding:0 25px 22px 0;max-width:none}
.experience-site .xd-footer{background:#17251d;color:#e6ebdd;padding:37px 0 22px}
.experience-site .xd-footer-top{display:grid;grid-template-columns:1fr .9fr 1fr;gap:40px;align-items:start;padding-bottom:28px}
.experience-site .xd-footer-brand{font-size:33px;font-weight:800;line-height:1;letter-spacing:-.07em;text-decoration:none;white-space:nowrap}
.experience-site .xd-footer-brand>span{color:#daf2a2}
.experience-site .xd-footer-top>p{font-size:12px;line-height:1.8;color:#acbba0}
.experience-site .xd-footer-contact{display:flex;flex-direction:column;gap:5px;align-items:flex-end}
.experience-site .xd-footer-contact>a{font-size:15px;line-height:1.5;text-decoration:none;display:flex;justify-content:space-between;gap:30px;min-height:32px;align-items:center}
.experience-site .xd-footer-contact>a span{color:#b4c89a}
.experience-site .xd-footer-contact>a:hover{text-decoration:underline;text-underline-offset:4px}
.experience-site .xd-footer-services{display:flex;flex-wrap:wrap;gap:13px 25px;border-top:1px solid #b9c9a62a;padding:20px 0}
.experience-site .xd-footer-services>a{font-size:11px;text-decoration:none;color:#becbb2}
.experience-site .xd-footer-services>a:hover{text-decoration:underline;text-underline-offset:4px}
.experience-site .xd-footer-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;border-top:1px solid #b9c9a62a;padding-top:17px;font-size:9px;color:#9eaf90}
.experience-site .xd-footer-bottom>span:nth-child(2){margin-right:auto}
.experience-site .xd-footer-bottom>a{text-decoration:none}
.experience-site .xd-footer-bottom>a:hover{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1600px){.experience-site .xd-process{gap:90px}.experience-site .xd-steps{gap:45px}}
@media(max-width:1100px){.experience-site .xd-wrap{width:calc(100% - 56px)}.experience-site .xd-process{grid-template-columns:1fr;gap:34px;padding:70px 0}.experience-site .xd-section-heading{display:flex;justify-content:space-between;gap:30px;align-items:baseline}.experience-site .xd-section-heading h2{margin:0;font-size:38px;max-width:650px;width:67%}.experience-site .xd-section-heading h2 br{display:none}.experience-site .xd-step-number{margin-bottom:20px}.experience-site .xd-inquiry{gap:45px;grid-template-columns:.85fr 1.15fr;padding-top:80px}.experience-site .xd-inquiry-intro h2{font-size:59px}.experience-site .xd-booking summary>span:first-child{grid-template-columns:1fr}.experience-site .xd-booking summary .xd-eyebrow{grid-row:auto;margin-bottom:3px}.experience-site .xd-faq{gap:45px}.experience-site .xd-faq h2{font-size:35px}.experience-site .xd-footer-top{grid-template-columns:1fr .6fr 1fr;gap:25px}.experience-site .xd-footer-brand{font-size:29px}.experience-site .xd-footer-contact>a{font-size:13px}}
@media(max-width:760px){.experience-site .xd-wrap{width:calc(100% - 40px)}.experience-site .xd-process{padding:54px 0 45px;gap:30px}.experience-site .xd-section-heading{display:block}.experience-site .xd-section-heading h2{font-size:36px;width:auto;max-width:350px;margin-top:15px}.experience-site .xd-steps{grid-template-columns:1fr;gap:20px}.experience-site .xd-steps li{display:grid;grid-template-columns:35px 1fr;column-gap:15px;border-top:1px solid #cbd1c3;padding-top:20px}.experience-site .xd-step-number{grid-row:1/3;padding-top:4px;margin:0}.experience-site .xd-steps h3{font-size:20px;margin-bottom:9px}.experience-site .xd-steps p{font-size:13px;max-width:500px}.experience-site .xd-inquiry{grid-template-columns:1fr;gap:35px;padding:65px 0 35px}.experience-site .xd-inquiry-intro{padding:0}.experience-site .xd-inquiry-intro h2{font-size:58px;margin:19px 0}.experience-site .xd-inquiry-intro h2 br{display:none}.experience-site .xd-inquiry-intro>p{max-width:480px;font-size:14px}.experience-site .xd-inquiry-assurance{margin:19px 0 15px;max-width:none}.experience-site .xd-inquiry-intro .xd-concept-scope{max-width:none}.experience-site .xd-direct-email{margin-top:15px;font-size:12px;padding:5px 0}.experience-site .xd-form-heading{margin-bottom:20px}.experience-site .xd-form .audit-form-description{font-size:11px}.experience-site .xd-form input:not([type=checkbox]):not([type=radio]),.experience-site .xd-form select,.experience-site .xd-form textarea{font-size:16px;min-height:46px}.experience-site .xd-form label{font-size:11px}.experience-site .xd-form .email-help{font-size:11px}.experience-site .xd-form .form-help{font-size:10px}.experience-site .xd-form .followup-choice{font-size:12px}.experience-site .xd-submit{min-height:54px;font-size:14px}.experience-site .xd-booking summary{padding:25px 0;gap:25px}.experience-site .xd-booking summary strong{font-size:24px;max-width:290px}.experience-site .xd-booking-description{font-size:11px;max-width:290px}.experience-site .xd-booking-action{font-size:11px;gap:18px}.experience-site .xd-booking-note{display:block;padding-top:0}.experience-site .xd-booking-note p{font-size:11px;margin-bottom:12px}.experience-site .xd-booking-frame iframe{height:650px}.experience-site .xd-faq{grid-template-columns:1fr;gap:25px;padding:50px 0}.experience-site .xd-faq h2{font-size:34px;margin-top:12px}.experience-site .xd-faq-list summary{font-size:13px}.experience-site .xd-faq-list p{font-size:12px}.experience-site .xd-footer-top{grid-template-columns:1fr 1fr;gap:25px}.experience-site .xd-footer-contact{grid-column:2;grid-row:1/3;justify-content:center;align-items:flex-start}.experience-site .xd-footer-top>p{font-size:11px}.experience-site .xd-footer-brand{font-size:30px}.experience-site .xd-footer-contact>a{font-size:13px;gap:18px;min-height:36px}.experience-site .xd-footer-services{gap:14px 23px}.experience-site .xd-footer-bottom>span:nth-child(2){order:5;width:100%;font-size:9px;margin-top:4px}.experience-site .xd-footer-bottom>span:first-child{margin-right:auto}}
@media(max-width:480px){.experience-site .xd-wrap{width:calc(100% - 32px)}.experience-site .xd-inquiry-intro h2{font-size:50px;max-width:350px}.experience-site .xd-inquiry-intro>p{font-size:14px}.experience-site .xd-form .check-contact-fields{grid-template-columns:1fr;gap:13px}.experience-site .xd-form .check-contact-fields>div:last-child input{margin-bottom:7px}.experience-site .xd-form .check-contact-fields>div:first-child input{margin-bottom:0}.experience-site .xd-form .check-contact-fields{margin-bottom:10px}.experience-site .xd-form #project-fit-fields .check-contact-fields{gap:14px}.experience-site .xd-goal{margin-top:19px}.experience-site .xd-form .request-option-row{gap:7px}.experience-site .xd-form .request-option>span{padding:9px}.experience-site .xd-booking summary{display:block}.experience-site .xd-booking summary strong{max-width:none}.experience-site .xd-booking-description{max-width:none}.experience-site .xd-booking-action{display:inline-flex;margin-top:13px;gap:40px;padding:5px 0;font-size:12px}.experience-site .xd-footer-top{grid-template-columns:1fr;gap:22px}.experience-site .xd-footer-contact{grid-column:1;grid-row:auto;gap:4px}.experience-site .xd-footer-contact>a{font-size:15px;justify-content:space-between;width:100%;min-height:35px}.experience-site .xd-footer-top>p{display:none}.experience-site .xd-footer-services{gap:13px 20px}.experience-site .xd-footer-bottom{gap:12px 17px}.experience-site .xd-footer-bottom>span:first-child{width:100%}}
@media(prefers-reduced-motion:reduce){.experience-site .xd-scope summary>span,.experience-site .xd-faq-list summary>span,.experience-site .xd-submit,.experience-site .xd-form input,.experience-site .xd-form select,.experience-site .xd-form textarea{transition:none}}



/* The offer: the working website is the proof, before the payment decision. */
.experience-site .xd-offer{background:#e8ebdf;border:1px solid #cdd3c3}
.experience-site .xd-offer-primary{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px 56px;padding:52px 52px 24px;background:#17251d;color:#f3f5ed}
.experience-site .xd-offer-intro h2{font:500 clamp(42px,4.8vw,70px)/1.01 Bricolage,Manrope,sans-serif;letter-spacing:-.055em;margin:22px 0}
.experience-site .xd-offer-intro h2 em{font-style:normal;color:#def0af}
.experience-site .xd-offer-intro p{max-width:590px;font-size:16px;line-height:1.75;color:#c9d2c3}
.experience-site .xd-price{align-self:start;background:#e1f2b2;color:#17251d;padding:25px 28px 27px;border-radius:2px}
.experience-site .xd-price>span{display:block;font-size:9px;letter-spacing:.08em;font-weight:600}
.experience-site .xd-price>strong{white-space:nowrap;font:500 92px/1.08 Bricolage,Manrope,sans-serif;letter-spacing:-.075em;display:block;margin:12px 0 17px}
.experience-site .xd-price strong small{font-size:.42em;vertical-align:top;display:inline-block;padding-top:.22em;margin-right:.12em}
.experience-site .xd-price p{font-size:12px;line-height:1.75;color:#34452a;border-top:1px solid #17251d30;padding-top:15px}
.experience-site .xd-price b{color:#17251d;font-size:15px;font-weight:600}
.experience-site .xd-benefits{grid-column:1/-1;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:30px 0 0;border-top:1px solid #ecf4dd2e}
.experience-site .xd-benefit-number{display:block;font-size:10px;letter-spacing:.07em;color:#b8cc99;margin-bottom:16px}
.experience-site .xd-benefits h3{font:500 23px/1.18 Bricolage,Manrope,sans-serif;letter-spacing:-.035em;max-width:260px;margin-bottom:12px}
.experience-site .xd-benefits p{font-size:13px;line-height:1.8;color:#c3cebc;max-width:325px}
.experience-site .xd-offer-action{grid-column:1/-1;border-top:1px solid #ecf4dd2e;padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:35px}
.experience-site .xd-offer-action strong{font:500 25px/1.2 Bricolage,Manrope,sans-serif;letter-spacing:-.035em}
.experience-site .xd-offer-action p{font-size:13px;line-height:1.7;color:#c3cebc;max-width:420px;margin-top:7px}
.experience-site .xd-offer-next{flex:none;width:280px}
.experience-site .xd-offer-cta{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:54px;padding:13px 18px;background:#e1f2b2;color:#17251d;border:1px solid #e1f2b2;border-radius:2px;text-decoration:none;font-size:13px;font-weight:600;transition:background .2s}
.experience-site .xd-offer-cta:hover{background:#f0ffd0}
.experience-site .xd-offer-cta:focus-visible{outline:2px solid #f3f5ed;outline-offset:4px}
.experience-site .xd-offer-cta span{font-size:23px;font-weight:400}
.experience-site .xd-offer-next>span{display:block;font-size:10px;color:#b8c6ae;text-align:center;margin-top:9px}
.experience-site .xd-scope{grid-column:1/-1;border:0;border-top:1px solid #ecf4dd2e;margin-top:-10px}
.experience-site .xd-scope summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none;min-height:48px;font-size:12px;line-height:1.5;color:#c3cfba;padding:12px 0 0}
.experience-site .xd-scope summary::-webkit-details-marker{display:none}
.experience-site .xd-scope summary>span{font-size:22px;line-height:1}
.experience-site .xd-scope[open] summary>span{transform:rotate(45deg)}
.experience-site .xd-scope-content{display:grid;grid-template-columns:1fr 1fr;gap:18px 32px;padding-top:20px}
.experience-site .xd-scope p{font-size:12px;line-height:1.8;color:#c3cfba;margin:0}
.experience-site .xd-scope a{text-underline-offset:3px}
.experience-site .xd-offer-more{display:grid;grid-template-columns:1fr 1fr;gap:52px;padding:35px 52px}
.experience-site .xd-offer-more>div+div{border-left:1px solid #17201b26;padding-left:52px}
.experience-site .xd-offer-more .xd-eyebrow{font-size:9px;color:#55634a}
.experience-site .xd-offer-more h3{font:500 28px/1.12 Bricolage,Manrope,sans-serif;letter-spacing:-.04em;margin:13px 0;max-width:420px}
.experience-site .xd-offer-more p{font-size:13px;line-height:1.8;color:#4e5d46;max-width:460px}
.experience-site .xd-offer-more a{font-size:12px;display:inline-flex;gap:30px;align-items:center;text-decoration:none;border-bottom:1px solid #59684b;padding:7px 0;margin-top:14px}
.experience-site .xd-offer-more a span{font-size:20px}
.experience-site .xd-repair-route{border-top:1px solid #cdd3c3;padding:18px 52px;font-size:12px;line-height:1.7;color:#44513d}
.experience-site .xd-repair-route a{color:#17251d;text-underline-offset:4px}
@media(max-width:1100px){.experience-site .xd-offer-primary{grid-template-columns:minmax(0,1fr) 240px;gap:32px;padding:36px 32px 20px}.experience-site .xd-offer-intro h2{font-size:52px}.experience-site .xd-offer-intro p{font-size:14px}.experience-site .xd-price{padding:22px}.experience-site .xd-price>strong{font-size:82px}.experience-site .xd-benefits{gap:26px}.experience-site .xd-benefits h3{font-size:21px}.experience-site .xd-offer-more{padding:32px;gap:32px}.experience-site .xd-offer-more>div+div{padding-left:32px}.experience-site .xd-offer-more h3{font-size:26px}.experience-site .xd-repair-route{padding-inline:32px}}
@media(max-width:760px){.experience-site .xd-offer-primary{grid-template-columns:1fr;gap:27px;padding:30px 24px 18px}.experience-site .xd-offer-intro h2{font-size:clamp(39px,7vw,54px);margin:18px 0}.experience-site .xd-offer-intro p{font-size:14px}.experience-site .xd-price{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 16px;align-items:center;padding:20px 23px}.experience-site .xd-price>span{grid-column:1/-1;font-size:9px}.experience-site .xd-price>strong{font-size:64px;margin:8px 0 0}.experience-site .xd-price p{border-top:0;border-left:1px solid #17251d30;padding:0 0 0 20px;font-size:11px}.experience-site .xd-price b{font-size:14px}.experience-site .xd-benefits{grid-template-columns:1fr;padding-top:25px;gap:24px}.experience-site .xd-benefits li{display:grid;grid-template-columns:28px 1fr;gap:0 14px}.experience-site .xd-benefit-number{grid-row:1/3;margin:5px 0 0}.experience-site .xd-benefits h3{max-width:none;font-size:23px;margin-bottom:8px}.experience-site .xd-benefits p{max-width:none;font-size:13px}.experience-site .xd-offer-action{display:block;padding-top:25px}.experience-site .xd-offer-action p{max-width:none}.experience-site .xd-offer-next{width:100%;margin-top:20px}.experience-site .xd-offer-cta{font-size:14px;min-height:56px}.experience-site .xd-offer-next>span{font-size:11px}.experience-site .xd-scope-content{grid-template-columns:1fr;gap:16px}.experience-site .xd-offer-more{grid-template-columns:1fr;gap:25px;padding:28px 24px}.experience-site .xd-offer-more>div+div{border-left:0;border-top:1px solid #17201b26;padding:25px 0 0}.experience-site .xd-offer-more h3{font-size:27px}.experience-site .xd-repair-route{padding:18px 24px}}
@media(prefers-reduced-motion:reduce){.experience-site .xd-offer-cta{transition:none}}

@media(max-width:380px){.experience-site .xd-price{grid-template-columns:1fr}.experience-site .xd-price p{border-left:0;border-top:1px solid #17251d30;padding:12px 0 0;margin-top:12px}}

/* Connect the interactive example to its full, crawlable design study. */
.ex-feature-note .ex-study-link{display:inline-flex;gap:20px;align-items:center;flex:none;padding:0 0 8px;border-bottom:1px solid #87917e;color:#34422c;font-size:11px;text-decoration:none}.ex-study-link:hover{color:#17251e}.ex-study-link:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.xd-client-work{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center;padding-block:64px;border-top:1px solid #d2d8cf;border-bottom:1px solid #d2d8cf}
.xd-client-screen{display:block;background:#e4ecf1;padding:20px;border:1px solid #cbd8df;overflow:hidden}
.xd-client-screen img{display:block;width:100%;height:auto;border:1px solid #cbd8df}
.xd-client-work h2{font-size:clamp(34px,3.6vw,52px);line-height:1.07;letter-spacing:-.045em;margin:18px 0 20px}
.xd-client-work p{font-size:15px;line-height:1.8;max-width:460px;color:#586454}
.xd-client-link{display:inline-flex;align-items:center;gap:45px;font-size:14px;font-weight:600;padding:16px 0 10px;border-bottom:1px solid currentColor;margin-top:10px;text-decoration:none}
.xd-client-link span{font-size:23px;font-weight:400}
.xd-pricing-route{grid-column:1/-1;padding:24px 35px;margin:0;background:#e7ebdc;font-size:14px;line-height:1.8;border-top:1px solid #c8d1bd}
.xd-pricing-route a{color:inherit;text-underline-offset:4px}
@media(max-width:700px){.xd-client-work{grid-template-columns:1fr;padding-block:40px;gap:28px}.xd-client-screen{padding:12px}.xd-client-work h2{font-size:39px}.xd-client-work p{font-size:14px}.xd-pricing-route{padding:22px}}

/* Useful service routes stay visible alongside the interactive portfolio. */
.ex-service-links{display:flex;flex-wrap:wrap;gap:12px 34px;border-top:1px solid var(--line);margin-top:28px;padding-top:15px}
.ex-service-links a{display:inline-flex;gap:20px;align-items:center;min-height:32px;color:#455044;text-decoration:none;font-size:12px}
.ex-service-links a:hover{text-decoration:underline;text-underline-offset:5px}.ex-service-links a span{font-size:18px}
.xd-client-work{margin-top:36px}
@media(max-width:760px){.ex-service-links{gap:5px 22px;margin-top:22px;padding-top:12px}.ex-service-links a{font-size:11px}.xd-client-work{margin-top:25px}}