/* One spacing system for regular sections; scroll scenes keep their runways. */
.sales-page{--web-section-space:88px}
.sales-page :is(#impact-standard,#work,#formats,#scope,#design-experience,#development-technologies,#security,#project-team,#project-roadmap,#estimate,#client-reviews,#faq,#promotion,#next-step,#expectations,#handover){padding-block:var(--web-section-space)}
.sales-page :is(.wcb-heading,.ws-heading-grid){margin-bottom:40px}.sales-page .ws-section-top{margin-bottom:32px}
.sales-page .web-method-system .chapter{margin-top:0}.sales-page .web-method-system .chapter-sticky{max-height:none}
.sales-page :is(#project-team,#client-reviews,#next-step) .wcb-kicker{display:none}
.wp-team-board{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr);gap:48px;align-items:stretch}
.wp-project-core{background:#171717;color:#fff;padding:36px;border-radius:6px;display:flex;flex-direction:column;min-width:0}.wp-project-core>svg{width:58px;height:58px;fill:#ff5a2b;margin-bottom:30px}.sales-page .wp-project-core h3{font-size:32px;line-height:1.15;font-weight:400;margin:0 0 18px;letter-spacing:-.025em}.wp-project-core>p,.wp-manager p{font-size:14px;line-height:1.65;color:#a3a3a3;margin:0}.wp-manager{border-top:1px solid #ffffff26;padding-top:24px;margin-top:32px}.wp-manager>span{display:block;font-size:11px;color:#a3a3a3;margin-bottom:10px}.wp-manager strong{display:block;font-size:20px;font-weight:400;margin-bottom:12px}
.wp-team-work{min-width:0;padding:4px 0}.wp-role-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #d6d6d6;padding-bottom:22px;margin-bottom:32px}.wp-role-tabs button{appearance:none;border:0;background:#f3f3f3;color:#656565;padding:12px 16px;border-radius:4px;font:inherit;font-size:13px;cursor:pointer}.wp-role-tabs button[aria-selected=true]{background:#171717;color:#fff}.wp-role-panel[hidden],.wp-review-slide[hidden]{display:none}.wp-role-panel{animation:wp-panel-in .35s ease both}.wp-specialists{font-size:12px;color:#656565}.sales-page .wp-role-panel h3{font-size:clamp(28px,2.8vw,40px);line-height:1.15;font-weight:400;letter-spacing:-.025em;margin:22px 0}.wp-role-panel>p{font-size:16px;line-height:1.7;color:#656565;max-width:620px;margin:0}.wp-role-results{border-top:1px solid #d6d6d6;padding-top:22px;margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}.wp-role-results>span{grid-column:1/-1;font-size:11px;color:#656565}.wp-role-results strong{font-size:17px;font-weight:400;padding-left:14px;border-left:2px solid #ff5a2b}.wp-team-note{font-size:12px;color:#656565;line-height:1.6;margin:24px 0 0}
.sales-page #client-reviews{background:#f6f6f6}.wp-review-demo{font-size:11px;color:#656565;margin:0 0 30px;line-height:1.5}.wp-review-slide{display:grid;grid-template-columns:.7fr 1.6fr;gap:80px;min-height:440px;animation:wp-panel-in .4s ease both}.wp-review-company{border-top:1px solid #d6d6d6;padding-top:26px}.wp-review-company>span{font-size:11px;color:#656565}.wp-review-company>strong{display:block;font-size:36px;font-weight:400;line-height:1.15;margin:28px 0}.wp-review-company p{font-size:14px;color:#656565;margin:0 0 10px}.wp-review-company small{font-size:11px;color:#656565}.wp-review-story>span{font-size:12px;color:#656565}.sales-page .wp-review-story h3{font-size:clamp(36px,4vw,58px);line-height:1.12;font-weight:400;letter-spacing:-.03em;margin:24px 0 30px}.wp-review-story blockquote{font-size:18px;line-height:1.7;margin:0;color:#656565;max-width:760px}.wp-review-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d6d6d6;padding-top:24px;margin-top:32px}.wp-review-controls>span{font-size:12px;color:#656565}.wp-review-controls>div{display:flex;gap:12px}.wp-review-controls button{width:54px;height:54px;border:1px solid #d6d6d6;border-radius:50%;background:none;color:#171717;font-size:23px;cursor:pointer}.wp-review-controls button:hover{background:#171717;color:#fff;border-color:#171717}
.wp-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.wp-start-grid article{padding:28px;background:#f6f6f6;border-radius:6px}.wp-start-grid article>span{font-size:12px;color:#656565}.sales-page .wp-start-grid h3{font-size:28px;line-height:1.2;font-weight:400;letter-spacing:-.02em;margin:24px 0 18px}.wp-start-grid p{font-size:15px;line-height:1.65;color:#656565;margin:0}.wp-start-footer{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:32px}.wp-start-footer p{font-size:15px;line-height:1.6;color:#656565;max-width:420px;margin:0}.wp-start-footer .ws-button{flex-shrink:0}
.wp-role-tabs button:focus-visible,.wp-review-controls button:focus-visible{outline:2px solid #ff5a2b;outline-offset:3px}
@keyframes wp-panel-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.wp-team-board{gap:28px;grid-template-columns:1fr 1.35fr}.wp-project-core{padding:28px}.wp-review-slide{gap:40px;min-height:450px}.wp-start-grid{gap:16px}.wp-start-grid article{padding:24px}.sales-page .wp-start-grid h3{font-size:25px}}
@media(max-width:760px){.sales-page{--web-section-space:64px}.sales-page :is(.wcb-heading,.ws-heading-grid){margin-bottom:28px}.sales-page .ws-section-top{margin-bottom:24px}.wp-team-board{grid-template-columns:1fr;gap:28px}.wp-project-core{padding:26px}.wp-project-core>svg{width:42px;height:42px;margin-bottom:22px}.sales-page .wp-project-core h3{font-size:30px}.wp-manager{margin-top:24px}.wp-role-tabs{gap:7px;margin-bottom:26px;padding-bottom:20px}.wp-role-tabs button{font-size:12px;padding:11px 13px}.sales-page .wp-role-panel h3{font-size:30px}.wp-role-panel>p{font-size:15px}.wp-role-results strong{font-size:15px}.wp-role-results{gap:14px}.wp-review-slide{grid-template-columns:1fr;gap:26px;min-height:600px}.wp-review-company{padding-top:20px}.wp-review-company>strong{font-size:25px;margin:14px 0}.wp-review-company>strong br{display:none}.wp-review-company p{margin:0 0 8px;font-size:12px}.wp-review-company small{font-size:10px}.sales-page .wp-review-story h3{font-size:34px;margin:18px 0 24px}.wp-review-story blockquote{font-size:16px;line-height:1.65}.wp-review-demo{margin-bottom:24px}.wp-review-controls{margin-top:24px;padding-top:20px}.wp-start-grid{grid-template-columns:1fr;gap:14px}.wp-start-grid article{padding:24px}.sales-page .wp-start-grid h3 br{display:none}.sales-page .wp-start-grid h3{margin:16px 0 14px;font-size:26px}.wp-start-footer{flex-direction:column;align-items:start;gap:24px}.wp-start-footer .ws-button{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.wp-review-slide,.wp-role-panel{animation:none}}

/* Homepage invitation: the pitch and the form share a restrained content width. */
.sales-page #contact{padding-top:clamp(78px,7vw,112px);padding-bottom:clamp(86px,7vw,120px)}
.sales-page #contact .contact-shell{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(52px,5.7vw,96px);align-items:start;max-width:1480px;margin-inline:auto}
.sales-page #contact .contact-lead{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.sales-page #contact .contact-heading{width:100%;margin:0 0 clamp(38px,4vw,60px)}
.sales-page #contact .contact-heading h2{font-size:clamp(46px,4.35vw,70px);line-height:1.08;letter-spacing:-.035em}
.sales-page #contact .idea-project-arrow{width:1.32em;height:.74em}
.sales-page #contact .contact-intro{display:block;max-width:490px}
.sales-page #contact .contact-intro>p:first-child{font-size:clamp(18px,1.25vw,21px);line-height:1.55}
.sales-page #contact .contact-intro .text-link{margin:22px 0 0;font-size:16px}
.sales-page #contact .contact-intro .contact-reassurance{max-width:330px;margin-top:22px;font-size:13px;line-height:1.55;color:#c4afb7}
.sales-page #contact #brief-form{width:100%;max-width:none;gap:24px}
.sales-page #contact #brief-form legend{margin-bottom:12px;font-size:15px}
.sales-page #contact #brief-form .chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sales-page #contact #brief-form .chips label>span{min-height:50px;padding:12px 15px;font-size:15px;gap:12px}
.sales-page #contact #brief-form .field-row{gap:18px}
.sales-page #contact #brief-form .field{gap:8px}
.sales-page #contact #brief-form .field>label{font-size:15px}
.sales-page #contact #brief-form .field input{height:60px}
.sales-page #contact #brief-form .field input,.sales-page #contact #brief-form textarea{padding:15px 17px;font-size:17px}
.sales-page #contact #brief-form textarea{min-height:130px}
.sales-page #contact #brief-form .submit-row .button{min-height:60px;padding:16px 22px;font-size:17px}

@media(max-width:1180px){
  .sales-page #contact .contact-shell{display:block;max-width:760px}
  .sales-page #contact .contact-heading{margin-bottom:30px}
  .sales-page #contact .contact-heading h2{font-size:clamp(47px,5.15vw,62px)}
  .sales-page #contact .contact-intro{max-width:620px}
  .sales-page #contact #brief-form{margin-top:48px;padding-top:36px;border-top:1px solid #aa89945c}
}
@media(max-width:700px){
  .sales-page #contact{padding-top:68px;padding-bottom:78px}
  .sales-page #contact .contact-heading{margin-bottom:26px}
  .sales-page #contact .contact-heading h2{font-size:clamp(32px,8.5vw,48px)}
  .sales-page #contact .idea-project-arrow{width:1.18em}
  .sales-page #contact .contact-intro>p:first-child{font-size:16px}
  .sales-page #contact .contact-intro .text-link{margin-top:18px}
  .sales-page #contact .contact-intro .contact-reassurance{margin-top:18px}
  .sales-page #contact #brief-form{margin-top:38px;padding-top:30px;gap:22px}
  .sales-page #contact #brief-form .chips{gap:8px}
  .sales-page #contact #brief-form .chips label>span{font-size:13px;padding:11px 12px}
  .sales-page #contact #brief-form .field-row{grid-template-columns:1fr;gap:22px}
  .sales-page #contact #brief-form .field input,.sales-page #contact #brief-form textarea{font-size:16px}
  .sales-page #contact #brief-form .submit-row .button{width:100%;font-size:16px}
}
.sales-page #project-team{background:#fff;color:#171717}.sales-page #project-team .wcb-heading>p{color:#656565}
.sales-page #security.sec-system{padding-block:var(--web-section-space)}
/* A static signature closes the promise with a readable brand accent. */
.sales-page #expectations .we-signature{grid-column:1/-1;min-width:0;border-top:1px solid #dedede;padding-top:38px;display:grid;grid-template-columns:minmax(0,1fr) 64px;align-items:center;gap:32px}
.sales-page #expectations .we-signature p{font-size:clamp(32px,3.9vw,64px);font-weight:400;line-height:1.18;letter-spacing:-.035em;color:#171717;margin:0;max-width:none}
.we-signature p span{color:#ff5a2b;white-space:nowrap}
.we-signature svg{display:block;width:64px;height:64px;fill:#ff5a2b}
@media(max-width:760px){.sales-page #expectations .we-signature{padding-top:28px;grid-template-columns:minmax(0,1fr) 30px;gap:18px;align-items:start}.sales-page #expectations .we-signature p{font-size:30px}.we-signature svg{width:30px;height:30px;margin-top:4px}.we-signature-break{display:none}}