.cost-page{max-width:1432px}.cost-page [hidden]{display:none!important}.cost-page section[id]{scroll-margin-top:24px}.cost-hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(32px,5vw,80px);padding:72px 0 80px}.cost-eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 24px}.cost-hero h1{font:500 clamp(40px,5vw,70px)/1.04 var(--display);letter-spacing:-.055em;margin:0 0 28px}.cost-dot{color:var(--red)}.cost-lead{font-size:clamp(19px,2vw,24px);line-height:1.45}.cost-hero p{max-width:590px}.cost-hero figure{margin:0}.cost-hero img{width:100%;aspect-ratio:4/5;object-fit:cover}.cost-hero figcaption{margin-top:16px;font-size:11px;color:var(--muted)}.cost-button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-height:56px;padding:18px 24px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font:500 13px/1.5 var(--body);cursor:pointer;margin-top:20px;text-decoration:none}.cost-button:hover{background:#302d28}.cost-button:disabled{cursor:wait;opacity:.6}.cost-page .cost-small{font-size:12px;line-height:1.7;color:#68645d}.cost-section{padding:64px 0;border-top:1px solid #d4cdc4}.cost-page h2{font:500 clamp(30px,3.6vw,48px)/1.08 var(--display);letter-spacing:-.04em;margin:0 0 32px}.cost-page h3{font:500 21px/1.25 var(--display);letter-spacing:-.025em;margin:0 0 16px}.cost-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.cost-columns p,.cost-service p{font-size:14px;line-height:1.8;margin:0}.cost-section.surface-panel{padding:56px clamp(24px,4vw,56px);border:0}.cost-service{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:24px;padding:30px 0;border-bottom:1px solid #d4cdc4}.cost-service>span{font-size:11px;color:var(--red)}.cost-service>div{max-width:640px}.cost-service>a{font-size:12px;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:flex;align-items:center}.cost-request{padding:64px clamp(24px,4vw,56px);display:grid;grid-template-columns:.85fr 1.15fr;gap:64px}.cost-request p{font-size:14px;line-height:1.8}.cost-phone{font-size:13px;display:inline-flex;align-items:center;gap:14px;min-height:44px;margin-top:24px;text-decoration:none}.cost-phone span{text-decoration:underline;text-underline-offset:4px}.cost-phone-icon{flex:none;color:var(--ink)}.cost-phone:focus-visible{outline:2px solid var(--red);outline-offset:4px}.cost-fields{display:grid;grid-template-columns:1fr 1fr;gap:28px 24px}.cost-page label{display:grid;gap:10px;font-size:12px}.cost-page input,.cost-page select,.cost-page textarea{width:100%;min-width:0;border:1px solid #a9a196;border-radius:0;padding:14px 12px;background:var(--paper);color:var(--ink);font:400 16px/1.5 var(--body)}.cost-page input,.cost-page select{min-height:54px}.cost-page textarea{resize:vertical}.cost-page :is(input,select,textarea,button):focus-visible{outline:2px solid var(--red);outline-offset:4px}.cost-result{border-top:1px solid #b5ac9f;padding-top:26px;margin-top:30px}.cost-result h3{outline-offset:6px}.cost-result .cost-button{display:flex}.cost-copy{border:0;border-bottom:1px solid;background:transparent;padding:12px 0;font:400 12px/1.5 var(--body);cursor:pointer;min-height:44px;color:var(--ink)}.cost-page details{border-bottom:1px solid #d4cdc4;padding:22px 0}.cost-page summary{cursor:pointer;font:500 18px/1.45 var(--display)}.cost-page details p{font-size:14px;max-width:750px}.cost-page .site-page-footer{margin-top:10px}.project-site-nav{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){.cost-hero{grid-template-columns:1fr;padding:44px 0;gap:32px}.cost-hero h1{font-size:clamp(36px,8.5vw,58px)}.cost-hero figure{max-width:520px}.cost-hero img{aspect-ratio:4/3}.cost-columns{grid-template-columns:1fr;gap:28px}.cost-section{padding:44px 0}.cost-service{grid-template-columns:24px minmax(0,1fr);gap:16px}.cost-service>a{grid-column:2}.cost-section.surface-panel{padding:32px 24px}.cost-request{grid-template-columns:1fr;padding:36px 24px;gap:30px}.cost-fields{gap:20px 16px}.cost-button{width:100%;justify-content:space-between}.project-site-header{align-items:flex-start}.project-site-nav{gap:10px 16px}.cost-page h2{font-size:34px}}
@media(max-width:440px){.cost-fields{grid-template-columns:1fr}.cost-request{padding:30px 20px}.cost-hero h1{font-size:36px}}

/* Screenshot corrections: shared brand treatment, red section markers, direct email. */
.cost-brand{display:flex;flex-direction:column;width:max-content;flex:none}
.cost-brand__name{font:600 21px/1 var(--display);letter-spacing:-.045em}
.cost-brand__sub{margin-top:5px;font:500 6px/1.2 var(--body);letter-spacing:.055em}
.cost-section .cost-eyebrow,.cost-request .cost-eyebrow{color:var(--red)}
.cost-request .cost-email{display:flex;width:max-content;max-width:100%;margin-top:16px;padding:0}
.cost-email span{overflow-wrap:anywhere}
@media(max-width:700px){.cost-brand__name{font-size:19px}.cost-brand__sub{font-size:5px}}
@media(max-width:400px){.project-site-header{flex-wrap:wrap}.project-site-nav{justify-content:flex-start}}

/* Reply preference and a locally prepared request. */
.cost-request>div{min-width:0}
.cost-reply{border:0;padding:0;margin:30px 0 0;min-width:0}
.cost-reply legend{padding:0;margin-bottom:18px;font:500 18px/1.4 var(--display);letter-spacing:-.02em}
.cost-page input:disabled{opacity:.65;cursor:not-allowed}
.cost-result-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px 24px;margin-top:12px}
.cost-result-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;text-decoration:underline;text-underline-offset:5px}
.cost-result-link:focus-visible{outline:2px solid var(--red);outline-offset:4px}

/* Selected portfolio projects under the cost page. */
.cost-examples-header{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:34px}
.cost-examples-header h2{margin-bottom:18px}
.cost-examples-intro{font-size:14px;line-height:1.8;margin:0}
.cost-portfolio-link{display:inline-flex;align-items:center;gap:24px;min-height:44px;flex:none;font-size:12px;text-decoration:underline;text-underline-offset:5px}
.cost-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cost-project-card{display:block;min-width:0;text-decoration:none}
.cost-project-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:var(--paper-2)}
.cost-project-meta{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-top:18px}
.cost-project-meta h3{font-size:clamp(19px,1.7vw,24px);line-height:1.25;margin:0 0 8px}
.cost-project-meta p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}
.cost-project-meta>span{font-size:20px;line-height:1;flex:none}
.cost-project-card:hover h3,.cost-project-card:hover .cost-project-meta>span,.cost-portfolio-link:hover{color:var(--red)}
.cost-project-card:focus-visible,.cost-portfolio-link:focus-visible{outline:2px solid var(--red);outline-offset:6px}
@media(max-width:760px){.cost-examples-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:28px}.cost-project-grid{grid-template-columns:1fr;max-width:504px;margin:0 auto;gap:32px}.cost-project-meta{padding-top:14px}.cost-project-meta h3{font-size:23px}}

/* External form loads only after the visitor opens it. */
.cost-hosted-intake{min-width:0}
.cost-hosted-intake .cost-hosted-intake__intro{margin:0;max-width:42ch;font-size:18px;line-height:1.6}
.cost-hosted-intake .cost-form-open{background:var(--red);border-color:var(--red);color:#fff;justify-content:center;min-width:220px;margin:24px 0 12px}
.cost-hosted-intake .cost-form-open:hover{background:#a73123;border-color:#a73123}
.cost-hosted-intake .cost-small{margin:12px 0 0}
.cost-hosted-intake a{text-underline-offset:4px;overflow-wrap:anywhere}
.cost-hosted-intake a:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.cost-embedded-form{display:block;width:100%;max-width:100%;border:0;background:var(--paper)}


/* A fixed modal viewport keeps Yandex confirmation and validation views visible. */
html.cost-form-dialog-open,html.cost-form-dialog-open body{overflow:hidden;overscroll-behavior:none}
.cost-form-dialog{inset:0;width:calc(100vw - 32px);max-width:708px;height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;overflow:hidden;background:var(--paper,#fff);color:var(--ink,#111)}
.cost-form-dialog[open]{display:flex;flex-direction:column}
.cost-form-dialog::backdrop{background:rgb(17 17 17 / .7)}
.cost-form-dialog__header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;flex:0 0 60px;height:60px;padding:8px 12px 8px 20px;border-bottom:1px solid #e5e5e5;background:var(--paper,#fff)}
.cost-form-dialog .cost-form-dialog__title{margin:0;font:500 18px/1.2 var(--display);letter-spacing:-.02em}
.cost-form-dialog__close{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--ink,#111);font:400 30px/1 var(--body);cursor:pointer}
.cost-form-dialog__close:hover{color:var(--red,#c43a27)}
.cost-form-dialog__close:focus-visible{outline:2px solid var(--red,#c43a27);outline-offset:-3px}
.cost-form-dialog .cost-embedded-form{display:block;flex:1 1 auto;width:100%;max-width:100%;height:100%;min-height:0;margin:0;border:0}
.cost-form-dialog .cost-form-dialog__footer{flex:0 0 auto;margin:0;padding:8px 16px;border-top:1px solid #e5e5e5;font:400 12px/1.5 var(--body);color:var(--muted,#68645d)}
.cost-form-dialog__footer a{color:var(--ink,#111);white-space:nowrap}
@media(max-width:760px){.cost-form-dialog{width:100vw;max-width:708px;height:100dvh;max-height:100dvh}}