/* An editorial break: paper, ink and one vivid warm accent. */
.quiet-atmosphere,.quiet-space-thread{display:none}
.quiet-sequence{position:absolute;left:0;right:0;z-index:2;isolation:isolate;overflow:clip;background:#f3f0e7;color:#20211e;color-scheme:light}
.quiet-sequence>.copy.quiet-copy{position:relative;top:auto;bottom:auto;left:0;width:100%;max-width:none;min-height:var(--quiet-page-height,100svh);height:auto;max-height:none;opacity:1;transform:none;pointer-events:auto;padding:135px 5vw 105px;background:#f3f0e7;color:#20211e;--q-x:0;--q-y:0;--beam:#ef4c28;--beam-core:#20211e;--beam-halo:transparent;--rule:#24251f30}
.quiet-copy::selection,.quiet-copy ::selection{background:#f4522b;color:#fff8e8}
.quiet-heading{display:block}
.quiet-copy .eyebrow{font-size:12px;letter-spacing:.1em;color:#6b6b62;margin:0 0 35px;position:relative;max-width:none}
.quiet-sequence>.copy.quiet-copy h2{font:500 clamp(60px,6.3vw,125px)/1.02 Manrope,Arial,sans-serif;letter-spacing:-.07em;margin:0 0 45px;padding:0;position:relative;max-width:none;z-index:1}
.quiet-sequence .quiet-copy h2 em{font:inherit;letter-spacing:inherit;display:block;color:#ec4c28;font-style:normal;margin:0;transform:none}
.quiet-copy h2::after{display:none!important}
.quiet-copy .strip-front{color:var(--beam-core)!important;text-shadow:none}
.quiet-copy .strip-wrap::after{width:2px;box-shadow:none;background:var(--beam)}
.quiet-copy .strip-content em{background:none;color:inherit}
.quiet-copy .strip-front em{color:inherit!important}
.quiet-copy a:focus-visible,.quiet-copy button:focus-visible,.quiet-copy summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.quiet-body{position:relative;max-height:none;overflow:visible;overscroll-behavior:auto;padding:0;outline:none}
.quiet-body:focus-visible{outline:1px solid #20211e;outline-offset:12px}
/* The scope folds are a vector object. Each service opens one physical-looking leaf. */
.quiet-sequence>.copy.process{display:grid;grid-template-columns:1.06fr 1fr;column-gap:4vw;align-content:center}
.process .quiet-heading,.process .quiet-body{grid-column:1}
.quiet-sequence>.copy.process h2{font-size:clamp(54px,5.55vw,110px);margin-bottom:34px}
.scope-art{grid-column:2;grid-row:1/3;align-self:center;position:relative;width:100%;max-width:730px;justify-self:center;pointer-events:none}
.fold-system{transform-origin:330px 330px;transform:rotate(calc(var(--q-x)*7deg + (1 - var(--strip-phase,1))*-35deg)) scale(calc(.92 + var(--strip-phase,1)*.08));transition:transform .75s cubic-bezier(.2,.75,.2,1)}
.scope-fold{transform-origin:330px 330px;transform:rotate(var(--fold-angle));transition:transform .8s cubic-bezier(.2,.75,.2,1)}
.scope-fold.fold-active{transform:rotate(var(--fold-angle)) translate(-8px,-16px)}
.fold-face{fill:url(#fold-face);stroke:#f3f0e7;stroke-width:1.2;transition:fill .6s}
.fold-return{fill:#d73b1c;stroke:none;transition:fill .6s}
.fold-edge{fill:none;stroke:#ffae8a;stroke-width:1}
.fold-active .fold-face{fill:#242521}.fold-active .fold-return{fill:#0e0f0c}.fold-active .fold-edge{stroke:#62635b}
.fold-center{fill:#f3f0e7}.fold-index{fill:#252620;font:500 56px Manrope,Arial,sans-serif;letter-spacing:-4px}.fold-pointer{fill:none;stroke:#ec4c28;stroke-width:2}
.art-register{display:block;text-align:center;font-size:13px;letter-spacing:.14em;color:#706c61;margin:16px 0 0}
.quiet-copy .scope-grid{display:block;max-width:none;margin:0;padding:0;counter-reset:scope}
.quiet-copy .scope-grid>div{counter-increment:scope;position:relative;display:grid;grid-template-columns:30px 1fr;align-items:baseline;gap:0 20px;padding:13px 0;border:0;border-bottom:1px solid #20211e23;min-height:0}
.quiet-copy .scope-grid>div::before{content:"0" counter(scope);position:relative;top:auto;left:auto;right:auto;height:auto;background:none;box-shadow:none;transform:none;opacity:1;color:#77786d;font-size:12px;letter-spacing:.03em}
.quiet-copy .scope-grid>div::after{display:none}
.quiet-copy .scope-grid dt{font-size:clamp(23px,2.05vw,36px);font-weight:500;letter-spacing:-.04em;line-height:1.25;margin:0;color:#57594f}
.scope-choice{font:inherit;text-align:left;padding:0;line-height:inherit;display:block;width:100%;position:relative;transition:color .4s,translate .6s}
.scope-choice .strip-wrap{width:100%}
.scope-choice:hover,.scope-choice:focus-visible,.service-active .scope-choice{color:#20211e;translate:8px 0}
.service-active .scope-choice::after{content:"↗";position:absolute;right:8px;top:0;color:#ef4c28;font-size:1em;line-height:inherit}
.scope-choice[aria-pressed=true]::after{content:"↘"}
.quiet-copy .scope-grid dd{font-size:18px;line-height:1.55;color:#56594e;margin:9px 36px 2px 0;max-width:none;grid-column:2;display:none}
.quiet-copy .scope-grid .service-active dd{display:block}
.quiet-copy .scope-grid>div.service-active::before{color:#e44c27}
.scope-light{display:none}
.scope-instruction{font-size:14px;color:#20211e;margin:23px 0 0 50px}.scope-instruction span{margin-left:12px;color:#ef4c28}
.quiet-copy .scope-note{font-size:14px;line-height:1.5;color:#77786d;margin:8px 0 0 50px}
/* Process is a full-width typographic route, not another row of cards. */
.quiet-sequence>.copy.design{background:#f15b38;--beam:#fff3de;--beam-core:#fff3de;--rule:#28241d40;align-content:center}
.design .quiet-heading{display:flex;align-items:start;gap:8vw;margin-bottom:65px}
.design .eyebrow{width:24%;flex-shrink:0;margin-top:8px;color:#5b2a1b}
.quiet-sequence>.copy.design h2{font-size:clamp(60px,6vw,122px);margin:0;line-height:1.02;letter-spacing:-.068em}
.quiet-sequence>.copy.design h2 em{color:#fff1de}
.quiet-copy .process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;position:relative;isolation:isolate;list-style:none;max-width:none;counter-reset:steps;margin:0;padding:0}
.quiet-copy .process-steps li{counter-increment:steps;position:relative;display:grid;grid-template-columns:1fr;align-items:start;align-content:start;gap:0;min-height:0;padding:0;border:0;margin:0!important}
.quiet-copy .process-steps li::before{content:"0" counter(steps);position:relative;top:auto;left:auto;grid-row:1;grid-column:1;font:500 clamp(125px,15.2vw,285px)/1.04 Manrope,Arial,sans-serif;letter-spacing:-.085em;color:transparent;-webkit-text-stroke:1.5px #923820;transition:color .55s,-webkit-text-stroke .55s,transform .8s;transform:translateY(calc(var(--q-y)*-4px))}
.quiet-copy .process-steps li.step-active::before{color:#fff1de;-webkit-text-stroke:0;transform:translateY(-4px)}
.quiet-copy .process-steps li::after{display:none}
.quiet-copy .process-steps h3{font-size:clamp(23px,2.2vw,39px);font-weight:500;line-height:1.12;letter-spacing:-.045em;margin:70px 0 20px}
.step-choice{font:inherit;text-align:left;padding:0;max-width:100%;transition:color .4s}
.step-choice:hover,.step-choice[aria-pressed=true]{color:#fff1de}
.quiet-copy .process-steps p{grid-column:1;font-size:clamp(18px,1.3vw,23px);color:#452e23;line-height:1.55;margin:0;max-width:390px}
.quiet-copy .process-steps .step-checkpoint{font-size:18px;line-height:1.5;color:#fff4e3;visibility:hidden;grid-column:1;margin:20px 0 0}
.step-checkpoint span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#5b2a1b;margin-bottom:5px}
.quiet-copy .process-steps .step-active .step-checkpoint{visibility:visible}
.interactive-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1}
.interactive-route path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}
.route-base{stroke:#90392355;stroke-width:1}
.route-energy{stroke:#fff1de;stroke-width:3;stroke-dasharray:100;stroke-dashoffset:calc((1 - var(--route-position,0))*100);transition:stroke-dashoffset .8s cubic-bezier(.2,.7,.2,1)}
.route-handle{position:absolute;width:48px;height:48px;margin:-24px 0 0 -24px;z-index:2;display:grid;place-items:center;border:1px solid #20211e;border-radius:50%;background:#fff1de;color:#25241d;cursor:grab;touch-action:none;user-select:none;transition:left .8s cubic-bezier(.2,.7,.2,1),top .8s cubic-bezier(.2,.7,.2,1),background .4s}
.route-handle span{font-size:23px;line-height:1}
.route-handle:hover,.route-handle:focus-visible{outline:1px solid #25241d;outline-offset:6px;background:#fffaf0}
.route-dragging .route-handle{cursor:grabbing;transition:none}
.route-dragging .route-energy{transition:none}
.route-instruction{display:flex;justify-content:space-between;font-size:14px;line-height:1.6;color:#452b21;margin:40px 0 0;padding-top:20px;border-top:1px solid #91382044}
.route-instruction .strip-wrap,.route-instruction .strip-content{width:100%}
.route-instruction .strip-content>span{float:right;color:#572a1c}
/* Cost: large ink figures, a format selector and concise readable terms. */
.quiet-sequence>.copy.clarity{display:grid;grid-template-columns:1.05fr 1fr;column-gap:9vw;align-content:center;background:#e9e7dd;--quote-shift:0px}
.clarity .quiet-heading{grid-column:1;grid-row:1}
.quiet-sequence>.copy.clarity h2{font-size:clamp(54px,4.9vw,101px);margin-bottom:42px}
.clarity .quiet-body{grid-column:2;grid-row:1/3;align-self:end;padding-bottom:15px}
.quiet-signature.signature-price{position:relative;grid-column:1;grid-row:2;align-self:start;min-width:0;pointer-events:auto}
.object-controls{display:flex;flex-wrap:wrap;gap:14px 23px;margin:0 0 38px;position:relative}
.object-controls button{font-size:17px;line-height:1.4;padding:12px 0;color:#68685f;position:relative;border:0;transition:color .4s}
.object-controls button::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#ed4d28;transform:scaleX(0);transform-origin:left;transition:transform .45s}
.object-controls button:hover,.object-controls button[aria-pressed=true]{color:#252620}
.object-controls button[aria-pressed=true]::after{transform:scaleX(1)}
.quote-display{display:flex;position:relative;align-items:baseline;gap:9px;white-space:nowrap;margin:0 0 26px;padding:24px 0 15px;border-bottom:5px solid #ed4d28;isolation:isolate}
.quote-display::before{content:"";position:absolute;bottom:-5px;left:0;right:0;height:5px;z-index:-1;background:#252620;transform:scaleX(var(--quote-light,.7));transform-origin:left;transition:transform .9s}
.object-price{font:500 clamp(85px,12.1vw,250px)/1 Manrope,Arial,sans-serif;letter-spacing:0;font-variant-numeric:tabular-nums;display:inline-flex;color:#23251f;background:none;-webkit-text-fill-color:initial;transform:translateX(calc(var(--q-x)*-3px));transition:transform .9s}
.object-price .strip-wrap,.object-price .strip-content,.object-price .strip-front{max-width:none;white-space:nowrap}
.quote-from{position:absolute;left:0;top:0;font-size:17px;color:#5e6255}
.quote-currency{font-size:clamp(30px,3vw,56px);font-weight:400;color:#ed4d28}
.price-cell{position:relative;display:inline-block;width:.56em;height:1.12em;line-height:1.12;overflow:hidden;vertical-align:bottom}
.price-gap{display:inline-block;width:.15em}
.price-glyph{display:block;letter-spacing:-.085em;color:#23251f;background:none;-webkit-text-fill-color:initial}
.price-old{position:absolute;inset:0;pointer-events:none}
.price-changing .price-new{animation:price-arrive .7s cubic-bezier(.22,.7,.2,1) both}
.price-changing .price-old{animation:price-depart .6s cubic-bezier(.22,.7,.2,1) both}
.price-cell:nth-child(2) .price-glyph{animation-delay:40ms}.price-cell:nth-child(4) .price-glyph{animation-delay:80ms}.price-cell:nth-child(5) .price-glyph{animation-delay:120ms}.price-cell:nth-child(6) .price-glyph{animation-delay:160ms}
@keyframes price-arrive{from{transform:translateY(110%)}to{transform:translateY(0)}}
@keyframes price-depart{from{transform:translateY(0)}to{transform:translateY(-110%)}}
.quote-caption{font-size:15px;color:#63665b;line-height:1.5}
.quiet-copy .quote-package{font-size:22px;line-height:1.45;letter-spacing:-.025em;color:#292c23;max-width:460px;margin:20px 0 0}
.quiet-copy .estimate-note{font-size:clamp(19px,1.5vw,24px);line-height:1.5;color:#34382e;margin:0 0 35px;max-width:none}
.quiet-copy .pricing-faq{max-width:none;margin:0 0 34px}
.quiet-copy .pricing-faq details{border-top:1px solid #282d252d;font-size:18px;padding:0}
.quiet-copy .pricing-faq details::before{display:none}
.quiet-copy .pricing-faq summary{font-size:19px;line-height:1.5;padding:22px 40px 22px 0;color:#363a30;font-weight:400}
.quiet-copy .pricing-faq summary::after{top:18px;color:#ed4d28;font-size:30px;font-weight:300}
.quiet-copy .pricing-faq p{font-size:18px;line-height:1.65;color:#565b50;margin:0 20px 20px 0}
.quiet-copy .pricing-faq details[open] summary{color:#20241c;font-weight:500}
.quiet-copy .quiet-cta{font-size:21px;color:#252820;padding:16px 0;border-bottom:2px solid #252820}
.quiet-copy .quiet-cta:hover{color:#d53c1c;border-color:#d53c1c}
.quiet-copy .return.strip-text::after{display:none}
/* Fixed navigation changes ink at the actual section boundary. */
header,.quiet-mode header{color:color-mix(in srgb,#eee7df,#20211e calc(var(--quiet-header,0)*100%))}
header .logo,.quiet-mode header .logo{color:inherit}
header .contact,.quiet-mode header .contact{border-color:color-mix(in srgb,#d8c1a170,#20211e80 calc(var(--quiet-header,0)*100%))}
footer,.quiet-mode footer{color:color-mix(in srgb,#b8a895,#42463c calc(var(--quiet-footer,0)*100%))}
.quiet-mode .frames i{background:#25282035}.quiet-mode .frames b{background:#ed4d28;box-shadow:none}
html[data-quiet-panel=scope] header nav a::after,html[data-quiet-panel=process] header nav a::after,html[data-quiet-panel=price] header nav a::after{background:#ed4d28;box-shadow:none}
/* A selected format remains editable in the existing contact scene. */
.contact-brief{max-width:570px;margin:20px 0 10px;padding-top:15px;border-top:1px solid #ad865540}
.contact-brief[hidden]{display:none}
.contact-brief label{display:block;font-size:15px;color:#ba9d79;margin-bottom:10px}
.contact-brief textarea{display:block;width:100%;resize:none;padding:10px 12px;border:1px solid #b18b5840;background:#0e0d0b;color:#ded0bb;font:16px/1.5 Manrope,Arial,sans-serif;border-radius:0}
.contact-brief textarea:focus-visible{outline:1px solid #d7b17c;outline-offset:3px}
.contact-brief button{font-size:15px;padding:13px 0;border-bottom:1px solid #9d7848;color:#d3b181}
.brief-copy-status{display:block;font-size:13px;color:#b99d79;margin-top:8px}
.contacts:has(.contact-brief:not([hidden])){top:15svh}
.contacts:has(.contact-brief:not([hidden])) .contact-options{display:none}
.contacts:has(.contact-brief:not([hidden])) .return{margin-top:15px}
@media(min-width:1001px) and (max-height:850px){
 .quiet-sequence>.copy.quiet-copy{padding-top:105px;padding-bottom:85px}
 .quiet-copy .eyebrow{margin-bottom:26px}.quiet-sequence>.copy.process h2{font-size:4.65vw;margin-bottom:24px}
 .quiet-copy .scope-grid>div{padding:10px 0}.quiet-copy .scope-grid dt{font-size:1.8vw}.scope-art{width:88%}
 .design .quiet-heading{margin-bottom:35px}.quiet-sequence>.copy.design h2{font-size:5.4vw}.quiet-copy .process-steps li::before{font-size:12vw}
 .quiet-copy .process-steps h3{font-size:2vw;margin-top:67px;margin-bottom:15px}.quiet-copy .process-steps .step-checkpoint{margin-top:15px}
 .route-instruction{margin-top:30px}.quiet-sequence>.copy.clarity h2{font-size:4.7vw;margin-bottom:30px}.quiet-copy .pricing-faq summary{padding-top:18px;padding-bottom:18px}
}
@media(max-width:1000px){
 .quiet-sequence>.copy.quiet-copy{padding:125px 5vw 95px}.quiet-sequence>.copy.process{column-gap:2vw;grid-template-columns:1.15fr 1fr}.quiet-sequence>.copy.process h2{font-size:5.9vw}.quiet-copy .scope-grid dt{font-size:23px}
 .design .quiet-heading{display:block;margin-bottom:45px}.design .eyebrow{width:auto;margin-bottom:25px}.quiet-sequence>.copy.design h2{font-size:7vw}
 .quiet-sequence>.copy.clarity{column-gap:6vw}.object-controls{gap:9px 15px}.object-controls button{font-size:15px}.object-price{font-size:12vw}
}
@media(max-width:800px){
 .quiet-sequence>.copy.process{display:block}.scope-art{position:absolute;width:38vw;top:120px;right:4vw}.quiet-sequence>.copy.process h2{font-size:8vw;max-width:60%}.process .quiet-body{margin-top:70px}.quiet-copy .scope-grid dt{font-size:27px}.quiet-copy .scope-grid dd{font-size:18px}
 .quiet-copy .process-steps{display:block;padding-left:55px}.quiet-copy .process-steps li{padding:0 0 35px;display:grid;grid-template-columns:85px 1fr;gap:0 25px}.quiet-copy .process-steps li::before{font-size:75px;grid-column:1;grid-row:1/4}.quiet-copy .process-steps h3{grid-column:2;font-size:27px;margin:0 0 15px}.quiet-copy .process-steps p,.quiet-copy .process-steps .step-checkpoint{grid-column:2}.route-handle{width:42px;height:42px;margin:-21px 0 0 -21px}.route-instruction .strip-content>span{float:none;display:block;margin-top:5px}
 .quiet-sequence>.copy.clarity{display:block}.quiet-sequence>.copy.clarity h2{font-size:9vw}.signature-price{margin-bottom:50px}.object-price{font-size:22vw}.object-controls button{font-size:17px}.clarity .quiet-body{padding:0}.quote-package{min-height:60px}
}
@media(max-width:550px){
 .quiet-sequence>.copy.quiet-copy{padding-top:110px;padding-bottom:100px}.quiet-copy .eyebrow{font-size:10px;letter-spacing:.07em}.quiet-sequence>.copy.process h2{font-size:10vw}.scope-art{width:43vw;right:0;top:110px}.art-register{font-size:10px}
 .quiet-copy .scope-grid>div{grid-template-columns:23px 1fr;column-gap:12px}.quiet-copy .scope-grid dt{font-size:25px}.scope-instruction,.quiet-copy .scope-note{margin-left:35px}
 .quiet-sequence>.copy.design h2{font-size:10vw}.quiet-copy .process-steps{padding-left:34px}.quiet-copy .process-steps li{grid-template-columns:60px 1fr;gap:0 12px}.quiet-copy .process-steps li::before{font-size:55px}.quiet-copy .process-steps h3{font-size:25px}.quiet-copy .process-steps p{font-size:17px}.quiet-copy .process-steps .step-checkpoint{font-size:17px}.route-handle{width:32px;height:32px;margin:-16px 0 0 -16px}
 .quiet-sequence>.copy.clarity h2{font-size:12vw}.object-controls{gap:7px 17px}.object-controls button{font-size:15px}.quote-caption{font-size:14px}.quiet-copy .quote-package{font-size:20px}.quiet-copy .pricing-faq summary,.quiet-copy .pricing-faq p{font-size:17px}.contact-brief textarea{font-size:15px}.contacts:has(.contact-brief:not([hidden])){width:90vw}
}
@media(prefers-reduced-motion:reduce){.quiet-copy *{animation:none!important;transition:none!important}.fold-system{transform:none}.scope-fold{transform:rotate(var(--fold-angle))}.scope-fold.fold-active{transform:rotate(var(--fold-angle))}.price-old{display:none}}
.quiet-copy[data-object-motion=off] *{animation:none!important;transition:none!important}.quiet-copy[data-object-motion=off] .price-old{display:none}.quiet-copy[data-object-motion=off] .fold-system{transform:none}
/* Stable hit targets: service details share one reserved reading area. */
.quiet-copy .scope-grid{position:relative;padding-bottom:105px}
.quiet-copy .scope-grid>div{position:static}
.quiet-copy .scope-grid dd{position:absolute;bottom:0;left:50px;right:0;height:83px;margin:0;display:block;visibility:hidden;font-size:20px;color:#303329}
.quiet-copy .scope-grid .service-active dd{display:block;visibility:visible}
.quiet-copy .scope-grid dd::before{content:"Результат";display:block;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#77786d;margin:0 0 7px}
.scope-instruction{font-size:16px;margin-top:17px}
.scope-instruction span{color:inherit}
.scope-instruction .strip-content>span{color:#e04725}
.quiet-copy .scope-note{font-size:15px}
.step-checkpoint span{font-size:inherit;text-transform:none;letter-spacing:inherit;color:inherit;margin:0;display:block}
.step-checkpoint .strip-content>span,.step-checkpoint .strip-front>span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#5b2a1b;margin-bottom:5px}
.route-instruction{font-size:16px}
@media(max-width:550px){.quiet-copy .scope-grid dd{left:35px;height:100px;font-size:18px}.quiet-copy .scope-grid{padding-bottom:120px}.scope-instruction{font-size:15px}}
/* The price is a typographic spread; the action belongs to it. */
.quiet-sequence>.copy.clarity{grid-template-columns:1fr 1fr;column-gap:8vw;row-gap:35px;align-content:center}
.clarity .quiet-heading{grid-column:1;grid-row:1}
.quiet-sequence>.copy.clarity h2{font-size:clamp(54px,5.1vw,104px);margin-bottom:0}
.quiet-signature.signature-price{display:contents}
.object-controls{grid-column:2;grid-row:1;display:grid;grid-template-columns:1fr;gap:0;align-self:end;justify-self:end;width:75%;margin:0 0 8px}
.object-controls button{text-align:left;font-size:22px;padding:13px 0;border-bottom:1px solid #2526202a}
.object-controls button .strip-wrap{width:100%}.object-controls button .strip-content{display:flex;align-items:baseline;gap:25px}
.format-index{font-size:12px;color:#737368;letter-spacing:.05em;width:24px}
.object-controls button[aria-pressed=true] .format-index{color:#ec4c28}
.quote-display{grid-column:1/-1;grid-row:2;gap:12px;align-items:baseline;margin:0;padding:22px 0 25px;border-bottom-width:2px}
.quote-display::before{bottom:-2px;height:2px}
.object-price{font-size:clamp(130px,23vw,450px);letter-spacing:0;transform:translateX(calc(var(--q-x)*-3px))}
.quote-from{font-size:18px;top:0}
.quote-currency{font-size:clamp(38px,4vw,76px);margin-left:0}
.quote-footer{grid-column:1;grid-row:3;align-self:start;padding-top:6px}
.quote-caption{font-size:16px;color:#676b5e}
.quiet-copy .quote-package{font-size:clamp(24px,2.15vw,39px);font-weight:400;letter-spacing:-.04em;line-height:1.2;max-width:530px;margin:20px 0 0}
.clarity .quiet-body{grid-column:2;grid-row:3;align-self:start;padding:0}
.quiet-copy .estimate-note{font-size:20px;line-height:1.5;margin:0 0 23px}
.quiet-copy .pricing-faq{margin:0}
.quiet-copy .pricing-faq summary{font-size:18px;padding:16px 36px 16px 0}
.quiet-copy .pricing-faq summary::after{top:10px}
.quiet-copy .quote-action{display:block;flex-shrink:0;margin-left:auto;width:clamp(105px,11vw,185px);height:clamp(105px,11vw,185px);align-self:center;padding:0;border:0;border-radius:50%;background:#ef4e29;color:#21241d;position:relative;overflow:visible;transition:background .4s,transform .65s cubic-bezier(.2,.7,.2,1)}
.quote-action .strip-wrap{width:100%;height:100%}.quote-action .strip-content{display:grid;place-items:center;height:100%;width:100%}
.quote-action-arrow{font-size:clamp(54px,6vw,100px);font-weight:300;line-height:1;display:block;transition:transform .6s}
.quote-action-label{position:absolute;top:calc(100% + 15px);width:200px;left:50%;transform:translateX(-50%);font-size:14px;line-height:1.3;text-align:center;color:#404538}
.quiet-copy .quote-action:hover{background:#ff6840;color:#21241d;transform:scale(1.045)}
.quote-action:hover .quote-action-arrow{transform:rotate(45deg)}
.quote-action.strip-text::after{display:none}
@media(min-width:1001px) and (max-height:850px){.quiet-sequence>.copy.clarity{row-gap:27px}.object-price{font-size:19vw}.quiet-copy .quote-action{width:125px;height:125px}.quote-action-arrow{font-size:75px}.quiet-copy .quote-package{font-size:29px}.object-controls{width:75%}.object-controls button{font-size:19px;padding:10px 0}}
@media(max-width:1000px){.quiet-sequence>.copy.clarity{column-gap:6vw}.quiet-sequence>.copy.clarity h2{font-size:6vw}.object-controls{width:85%}.object-controls button{font-size:20px}.object-price{font-size:23vw}.quiet-copy .quote-action{width:100px;height:100px}.quote-action-label{width:130px;font-size:12px}.quiet-copy .quote-package{font-size:28px}}
@media(max-width:800px){
 .quiet-sequence>.copy.clarity{display:grid;grid-template-columns:1fr;gap:30px}.clarity .quiet-heading{grid-column:1;grid-row:1}.quiet-sequence>.copy.clarity h2{font-size:10vw}.object-controls{grid-column:1;grid-row:2;width:100%;justify-self:stretch;display:flex;gap:25px;flex-wrap:wrap}.object-controls button{font-size:17px;padding:12px 0}.format-index{display:none}
 .quote-display{grid-column:1;grid-row:3;flex-wrap:wrap;gap:7px;padding-bottom:40px}.object-price{font-size:26vw}.quote-currency{font-size:7vw}.quiet-copy .quote-action{width:75px;height:75px;margin-left:auto;align-self:center}.quote-action-arrow{font-size:43px}.quote-action-label{font-size:11px;width:95px;top:calc(100% + 10px)}
 .quote-footer{grid-column:1;grid-row:4}.clarity .quiet-body{grid-column:1;grid-row:5}.quiet-copy .quote-package{min-height:0;font-size:27px;max-width:550px}.quiet-copy .estimate-note{font-size:19px}
}
@media(max-width:550px){.object-controls{gap:8px 18px}.object-controls button{font-size:15px}.quote-display{padding-top:30px;padding-bottom:45px}.object-price{font-size:24vw}.quote-currency{font-size:6vw}.quiet-copy .quote-action{width:55px;height:55px}.quote-action-arrow{font-size:34px}.quote-action-label{font-size:10px;width:85px}.quote-caption{font-size:14px}.quiet-copy .quote-package{font-size:25px}}
/* Reading gets the full page; the fixed scene index would sit over its copy. */
html[data-quiet-panel=scope] footer .frames,html[data-quiet-panel=process] footer .frames,html[data-quiet-panel=price] footer .frames{visibility:hidden;pointer-events:none}
/* A solid masthead keeps scrolled type out of the navigation. */
header::before{content:"";position:absolute;left:calc(var(--gutter)*-1);right:calc(var(--gutter)*-1);top:0;bottom:0;z-index:-1;background:var(--reader-header-bg,#f3f0e7);opacity:var(--quiet-header,0);pointer-events:none}
html[data-reader-header=scope]{--reader-header-bg:#f3f0e7}
html[data-reader-header=process]{--reader-header-bg:#f15b38}
html[data-reader-header=pricing]{--reader-header-bg:#e9e7dd}

/* Sheets pass over the live held shots, including their HTML copy. */
.copy:not(.quiet-copy){z-index:1}
html[data-reader-footer="1"] footer .frames{visibility:hidden;pointer-events:none}

/* A small typographic wave, triggered only by hover or keyboard focus. */
.hover-word{position:relative;display:inline-block;overflow:clip;padding-block:.1em;margin-block:-.1em;vertical-align:top}
.hover-ink{display:block;transform:translateY(0);transition:transform .5s cubic-bezier(.22,.8,.2,1)}
.hover-echo{position:absolute;inset:0;padding-block:.1em;display:block;transform:translateY(115%);transition:transform .5s cubic-bezier(.22,.8,.2,1);pointer-events:none}
.hover-type:is(:hover,:focus-visible) .hover-ink{transform:translateY(-115%);transition-delay:var(--word-delay,0ms)}
.hover-type:is(:hover,:focus-visible) .hover-echo{transform:translateY(0);transition-delay:var(--word-delay,0ms)}
.quiet-copy h2.hover-type{cursor:default}
.scope-choice,.step-choice,.object-controls button{touch-action:manipulation}
.scope-choice{padding-right:48px;transition:color .3s,translate .5s}
.scope-choice::after,.service-active .scope-choice::after{content:"↗";position:absolute;right:8px;top:50%;width:32px;height:32px;display:grid;place-items:center;border:1px solid #20211e45;border-radius:50%;font-size:21px;line-height:1;color:#20211e;transform:translateY(-50%);transition:background .3s,color .3s,rotate .5s}
.scope-choice:hover::after,.scope-choice:focus-visible::after,.service-active .scope-choice::after{background:#ef4c28;border-color:#ef4c28;color:#20211e;rotate:45deg}
.scope-choice[aria-pressed=true]::after{content:"↗";rotate:90deg}
.quiet-copy .scope-note{margin-top:21px}

/* The large stage numbers are real buttons, with persistent action cues. */
.quiet-copy .process-steps li::before{display:none}
.step-number{position:relative;grid-column:1;grid-row:1;width:100%;display:block;text-align:left;padding:0;font:500 clamp(125px,15.2vw,285px)/1.04 Manrope,Arial,sans-serif;letter-spacing:-.085em;color:transparent;-webkit-text-stroke:1.5px #923820}
.step-digit{display:block;transition:transform .65s cubic-bezier(.2,.8,.2,1),color .4s,-webkit-text-stroke .4s}
.step-number::after{content:"↗";position:absolute;right:0;top:56%;width:48px;height:48px;border:1px solid #29261f;border-radius:50%;background:#29261f;color:#fff1de;-webkit-text-stroke:0;display:grid;place-items:center;font:400 25px/1 Manrope,Arial,sans-serif;letter-spacing:0;transition:background .35s,color .35s,transform .55s cubic-bezier(.2,.8,.2,1)}
.step-active .step-number{color:#fff1de;-webkit-text-stroke:0}
.step-active .step-number::after{background:#fff1de;color:#29261f;border-color:#fff1de}
.process-steps li:has(.step-choice:hover) .step-digit,.step-number:is(:hover,:focus-visible) .step-digit{transform:translateY(-9px);color:#fff1de;-webkit-text-stroke:0}
.process-steps li:has(.step-choice:hover) .step-number::after,.step-number:is(:hover,:focus-visible)::after{background:#fff1de;color:#29261f;transform:rotate(45deg) scale(1.1)}
.step-choice{display:block;width:100%;padding:0 0 10px;border-bottom:1px solid #92382066;transition:color .3s,border-color .4s}
.step-choice:is(:hover,:focus-visible),.step-choice[aria-pressed=true]{border-color:#fff1de}
.route-handle{transition:left .8s cubic-bezier(.2,.7,.2,1),top .8s cubic-bezier(.2,.7,.2,1),background .3s,scale .4s;outline:none}
.route-handle:is(:hover,:focus-visible){scale:1.16;outline:1px solid #25241d;outline-offset:5px}
.route-handle span{transition:rotate .4s}.route-handle:is(:hover,:focus-visible) span{rotate:45deg}

/* Format rows react as whole controls, not just as fine underlines. */
.object-controls button{padding:15px 58px 15px 12px;transition:color .3s,background .3s}
.object-controls button .strip-content{display:block}
.format-index{display:inline-block;margin-right:22px}
.object-controls button::before{content:"↗";position:absolute;right:8px;top:50%;width:35px;height:35px;display:grid;place-items:center;border:1px solid #25262066;border-radius:50%;font-size:22px;line-height:1;transform:translateY(-50%);transition:rotate .4s,background .3s,color .3s}
.object-controls button:is(:hover,:focus-visible){background:#24251f;color:#fff1de}
.object-controls button:is(:hover,:focus-visible) .format-index{color:#ff9a75}
.object-controls button:is(:hover,:focus-visible)::before{background:#ef4c28;border-color:#ef4c28;color:#20211e;rotate:45deg}
.object-controls button[aria-pressed=true]::before{content:"✓";background:#ef4c28;border-color:#ef4c28;color:#20211e}
.object-controls button[aria-pressed=true]:is(:hover,:focus-visible)::before{rotate:0deg}
.object-controls button:is(:hover,:focus-visible)::after{transform:scaleX(1)}
.quiet-copy .pricing-faq summary{transition:background .3s,padding-left .4s,color .3s}
.quiet-copy .pricing-faq summary:is(:hover,:focus-visible){background:#f7f3e7;padding-left:10px;color:#d94421}
.quiet-copy .pricing-faq summary::after{transition:transform .35s}
.quiet-copy .pricing-faq summary:hover::after{transform:rotate(90deg)}
.quiet-copy .pricing-faq details[open] p{animation:answer-open .4s cubic-bezier(.2,.8,.2,1) both}
@keyframes answer-open{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.quiet-copy .quote-action:is(:hover,:focus-visible){box-shadow:0 0 0 9px #ef4e2924;transform:scale(1.06);background:#ff6840}
.quiet-copy .quote-action{transition:background .4s,transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
@media(min-width:1001px) and (max-height:850px){.step-number{font-size:12vw}.step-number::after{width:40px;height:40px;font-size:23px}.object-controls button{font-size:19px;padding:10px 54px 10px 10px}}
@media(max-width:800px){.step-number{grid-column:1;grid-row:1/4;width:85px;font-size:75px}.step-number::after{width:29px;height:29px;font-size:18px;top:auto;bottom:-8px;right:0}.object-controls button{padding:12px 45px 12px 10px}.object-controls button::before{width:29px;height:29px;font-size:18px}.step-choice{padding-bottom:7px}}
@media(max-width:550px){.step-number{width:60px;font-size:55px}.step-number::after{width:24px;height:24px;font-size:16px}.scope-choice::after,.service-active .scope-choice::after{width:28px;height:28px;font-size:18px}.object-controls button{font-size:15px;padding-right:40px}}
@media(prefers-reduced-motion:reduce){.hover-ink,.hover-type:is(:hover,:focus-visible) .hover-ink{transform:none}.hover-echo{display:none}.step-digit,.step-number:is(:hover,:focus-visible) .step-digit{transform:none}}
.quiet-copy[data-object-motion=off] .hover-ink{transform:none}.quiet-copy[data-object-motion=off] .hover-echo{display:none}