.section-frame{max-inline-size:var(--content-width);margin-inline:auto;padding-inline:var(--page-pad)}
section[id]{scroll-margin-block-start:var(--service-top)}
.section-space{padding-block-start:var(--section-space)}
.section-title{margin:var(--zero);font:var(--weight-heading) var(--heading)/var(--leading-heading) var(--font-heading);color:var(--forest)}
.text-line{display:block;overflow:clip;padding-block:var(--hero-line-pad)}.text-line>span{display:block}
.site-picture{display:block}.site-picture img{inline-size:var(--full);block-size:auto}
.intro{display:grid;grid-template-columns:var(--intro-columns);align-items:center;align-content:center;min-block-size:var(--hero-height);gap:var(--intro-gap);padding-block:var(--s12)}
.intro .section-title{font-size:var(--intro-title)}.intro-copy>p{font-size:var(--lead);margin-block:var(--zero) var(--s4)}
.trust-words{list-style:none;padding:var(--zero);margin:var(--zero);display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);color:var(--brand);font-weight:var(--weight-strong)}
.services{display:grid;grid-template-columns:var(--service-columns);gap:var(--service-gap);align-items:start}
.services-heading{display:grid;grid-template-columns:var(--intro-columns);gap:var(--intro-gap);align-items:end}.services-heading p{max-inline-size:var(--measure);margin:var(--zero);font-size:var(--lead)}
.services-list{min-inline-size:var(--zero)}
.service-panel{position:sticky;inset-block-start:var(--service-top);display:grid;grid-template-columns:var(--service-panel-columns);gap:var(--s5);align-items:stretch;min-block-size:var(--service-panel-height);padding:var(--s3);border-radius:var(--service-radius);background:var(--pale);margin-block-end:var(--s4);transform-origin:center top}
.service-panel:nth-child(even){background:var(--pale-strong)}.service-panel:last-child{margin-block-end:var(--zero)}
.service-copy{min-inline-size:var(--zero);padding:var(--s4);display:flex;flex-direction:column;justify-content:center;align-items:start}.service-copy h3{font:var(--weight-heading) var(--service-title)/var(--leading-heading) var(--font-heading);color:var(--brand);margin:var(--zero);text-wrap:balance}
.service-copy p{margin-block:var(--s3);font-size:var(--body)}
.service-image{overflow:clip;border-radius:var(--service-radius);aspect-ratio:var(--service-photo-ratio)}
.service-image .site-picture,.service-image img{block-size:var(--full);inline-size:var(--full);object-fit:cover}
.service-image img{transition:transform var(--motion-detail) var(--ease)}.service-panel:hover img{transform:scale(var(--image-hover-scale))}
.service-link{display:flex;gap:var(--s2);align-items:center;min-block-size:var(--touch-target);font-weight:var(--weight-strong);color:var(--brand)}
.service-link>span:last-child{display:inline-block}.service-link:dir(rtl)>span:last-child{transform:scaleX(-1)}
.process-heading{display:flex;justify-content:space-between;align-items:end;gap:var(--s4);margin-block-end:var(--s6)}
.process-heading p{font-size:var(--lead);max-inline-size:var(--measure);margin-block:var(--s3) var(--zero)}
.motion-toggle{font:inherit;min-block-size:var(--touch-target);padding:var(--s1) var(--s3);border:var(--zero);background:var(--pale);color:var(--brand);border-radius:var(--pill);white-space:nowrap;cursor:pointer}
.motion-play{display:none}.motion-toggle[aria-pressed=true] .motion-play{display:inline}.motion-toggle[aria-pressed=true] .motion-stop{display:none}
.process-grid{display:grid;grid-template-columns:var(--process-columns);gap:var(--s4)}
.process-stage{min-inline-size:var(--zero);overflow:clip;border-radius:var(--process-radius);background:var(--pale)}
.upload-stage{grid-column:1/-1}.loop-canvas{position:relative;display:grid;place-items:center;overflow:clip}
.upload-canvas{block-size:var(--upload-height);background:var(--pale)}.compare-canvas{block-size:var(--compare-height)}.delivery-canvas{block-size:var(--delivery-height)}
.stage-copy{padding:var(--s4)}.stage-copy h3{font:var(--weight-strong) var(--service-title)/var(--leading-heading) var(--font-heading);margin:var(--zero);color:var(--forest)}
.stage-copy p{margin-block:var(--s2) var(--zero);max-inline-size:var(--measure)}
.upload-stage .stage-copy{display:grid;grid-template-columns:var(--process-columns);gap:var(--s4);align-items:start}
.upload-drop{inline-size:var(--drop-width);block-size:var(--drop-height);border:var(--drop-stroke) dashed var(--sage);border-radius:var(--process-radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s2);color:var(--brand);font-size:var(--drop-label-size)}
.upload-symbol{inline-size:var(--upload-icon);block-size:var(--upload-icon)}
.upload-progress{inline-size:var(--progress-width);block-size:var(--progress-height);background:var(--pale-strong);overflow:hidden;border-radius:var(--pill)}
.upload-progress span{display:block;block-size:var(--full);background:var(--brand);transform-origin:0 center}
.upload-sheet{position:absolute;inset-inline-start:var(--upload-inset);inset-block-start:var(--s4);inline-size:var(--upload-file-width);transform:rotate(var(--sheet-tilt))}
.upload-sheet .demo-paper{inline-size:var(--upload-file-width);block-size:var(--upload-file-height);font-size:var(--sheet-copy);padding:var(--sheet-space)}
.ghost-cursor{position:absolute;inset-block-end:var(--s2);inset-inline-end:var(--zero);inline-size:var(--cursor-size);block-size:var(--cursor-size);color:var(--forest)}
.quote-note{position:absolute;inset-inline-end:var(--note-inset);inset-block-end:var(--note-bottom);inline-size:var(--note-width);display:flex;align-items:center;gap:var(--s2);padding:var(--s2);border-radius:var(--note-radius);background:var(--white);font-size:var(--small)}
.quote-note strong,.quote-note div>span{display:block}.mini-check{display:grid;place-items:center;border-radius:var(--circle);background:var(--brand);color:var(--ivory);inline-size:var(--s4);block-size:var(--s4);flex-shrink:var(--zero)}
/* Paper shadows communicate actual paper depth within the client-requested process demo. */
.demo-paper{position:relative;display:flex;flex-direction:column;gap:var(--demo-gap);inline-size:var(--sheet-width);block-size:var(--sheet-height);padding:var(--s2);background:var(--white);color:var(--forest);border-radius:var(--sheet-radius);box-shadow:var(--sheet-shadow);font-size:var(--demo-copy);line-height:var(--leading-body);text-align:start;overflow:hidden}
.upload-sheet .paper-rows,.upload-sheet .paper-foot{display:none}
.upload-sheet .demo-paper strong{font-size:var(--demo-copy)}
.upload-sheet .demo-example p{display:none}
.demo-example[lang=ar]{font-family:var(--font-body-ar);direction:rtl}.demo-example[lang=en]{font-family:var(--font-body-en);direction:ltr}
.demo-paper strong{font-size:var(--demo-title)}.demo-paper p{margin:var(--zero)}.paper-identity{color:var(--brand);font-size:var(--sheet-copy)}.paper-foot{font-size:var(--sheet-copy);margin-block-start:auto;color:var(--muted)}
.paper-rows{display:flex;flex-direction:column;gap:var(--demo-gap)}.paper-rows span{display:block;block-size:var(--demo-lines);background:var(--pale)}.paper-rows span:last-child{inline-size:var(--half)}
.translation{background:var(--ivory)}.translation .paper-identity{font-weight:var(--weight-strong)}
.compare-labels{position:absolute;inset-block-start:var(--s3);inset-inline:var(--compare-label-inset);display:flex;justify-content:space-between;color:var(--brand);font-size:var(--small)}
.compare-board{direction:ltr;position:relative;inline-size:var(--compare-width);max-inline-size:calc(100% - var(--s6));block-size:var(--sheet-height);margin-block-start:var(--s2)}
.compare-base,.compare-window,.compare-document{position:absolute;inset:var(--zero)}.compare-window{overflow:hidden;transform:translateX(-50%)}.compare-document{transform:translateX(50%)}
.compare-board .demo-paper{inline-size:var(--full);block-size:var(--full);box-shadow:none;direction:rtl;padding:var(--s3)}
:lang(en) .compare-board .demo-paper{direction:ltr}
.compare-handle{position:absolute;inset-inline-start:var(--half);inset-block:var(--zero);inline-size:var(--compare-line-width);background:var(--brand)}
.compare-handle>span{position:absolute;inset-block-start:var(--half);inset-inline-start:var(--half);display:grid;place-items:center;inline-size:var(--compare-handle);block-size:var(--compare-handle);border-radius:var(--circle);background:var(--brand);color:var(--ivory);transform:translate(-50%,-50%)}
.compare-control{position:absolute;inset-inline:var(--s4);inset-block-end:var(--s3);display:none}.has-js .compare-control{display:block}
.compare-control input{inline-size:var(--full);min-block-size:var(--touch-target);accent-color:var(--brand);cursor:ew-resize;direction:ltr}
.compare-labels{direction:rtl}
.delivery-folder{position:relative;inline-size:var(--folder-width);block-size:var(--folder-height);margin-block-start:var(--s6)}
.folder-back{position:absolute;inset:var(--zero);background:var(--folder-back);border-radius:var(--folder-radius)}
.folder-back::before{content:'';position:absolute;inset-block-start:calc(var(--folder-tab-height) * -1);inset-inline-start:var(--zero);inline-size:var(--folder-tab-width);block-size:var(--folder-tab-height);background:var(--folder-back);border-start-start-radius:var(--folder-radius);border-start-end-radius:var(--folder-radius)}
.delivery-sheet{position:absolute;inset-inline-start:var(--s2);inset-block-end:var(--s3)}
.folder-front{position:absolute;inset-inline:var(--zero);inset-block:var(--s4) var(--zero);border-radius:var(--folder-radius);background:var(--folder-front);transform-origin:center bottom}
.delivery-check{position:absolute;inset-inline-end:calc(var(--s2) * -1);inset-block-end:calc(var(--s2) * -1);display:grid;place-items:center;inline-size:var(--tick-size);block-size:var(--tick-size);border-radius:var(--circle);background:var(--brand);color:var(--ivory);font-size:var(--s3)}
.delivery-notice{position:absolute;inset-block-end:var(--s4);inset-inline:var(--s2);text-align:center;color:var(--brand);font-weight:var(--weight-strong)}
.screen-reader-text{position:absolute;inline-size:var(--stroke);block-size:var(--stroke);overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mini-check svg,.delivery-check svg{inline-size:var(--s3);block-size:var(--s3)}
input:focus-visible,summary:focus-visible{outline:var(--focus-width) solid var(--brand);outline-offset:var(--focus-offset)}
.languages{display:grid;grid-template-columns:var(--language-layout);gap:var(--service-gap);align-items:center}
.languages-intro p{font-size:var(--lead);max-inline-size:var(--measure);margin-block:var(--s3) var(--zero)}
.language-field{padding:var(--s5);background:var(--ivory)}
.language-count{display:block;font:var(--weight-heading) var(--language-count)/1 var(--font-heading-en);color:var(--brand);direction:ltr;text-align:start;margin-block-end:var(--s4)}
.language-count>span{font-size:var(--heading)}.language-list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2);padding:var(--zero);margin:var(--zero);font-size:var(--body);font-weight:var(--weight-strong)}
.contact{display:grid;grid-template-columns:var(--contact-columns);gap:var(--service-gap);align-items:center;padding-block-end:var(--section-space);padding-inline-start:var(--page-pad)}
.contact-copy{min-inline-size:var(--zero)}.contact h2{font:var(--weight-heading) var(--contact-title)/var(--leading-heading) var(--font-heading);margin:var(--zero);color:var(--brand)}
.contact-copy>p{font-size:var(--lead);max-inline-size:var(--measure);margin-block:var(--s4)}
.contact-image{aspect-ratio:var(--contact-image-ratio);overflow:clip;border-start-start-radius:var(--surface-radius);border-end-start-radius:var(--surface-radius)}
.contact-image .site-picture,.contact-image img{block-size:var(--full);inline-size:var(--full);object-fit:cover}
.site-footer{position:relative;z-index:var(--surface-layer);background:var(--ivory);padding-block:var(--s6) var(--s3)}
.footer-main{display:flex;justify-content:space-between;gap:var(--footer-gap);align-items:start;flex-wrap:wrap}.footer-logo{inline-size:var(--footer-logo)}.footer-logo img{block-size:auto}
.footer-contact{display:flex;flex-direction:column;gap:var(--s1);font-style:normal}.footer-contact a{min-block-size:var(--touch-target);display:flex;align-items:center}
.footer-nav{display:flex;flex-wrap:wrap;gap:var(--s3)}.footer-nav a{display:flex;min-block-size:var(--touch-target);align-items:center}
.footer-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--s2);margin-block-start:var(--s6);font-size:var(--small)}.footer-meta p{margin:var(--zero)}
@media(max-width:64rem){.service-panel{padding:var(--s3);gap:var(--s3)}.service-copy{padding:var(--s2)}.service-copy p{font-size:var(--body)}.services{gap:var(--s4)}.quote-note{inset-inline-end:var(--s3)}}
@media(max-width:48rem){
 .intro{grid-template-columns:var(--full);gap:var(--s4);padding-block-start:var(--s8)}.intro-copy>p{font-size:var(--lead)}.trust-words{gap:var(--s1) var(--s3)}
 .services{grid-template-columns:var(--full);gap:var(--s5)}.services-heading{grid-template-columns:var(--full);gap:var(--s3)}.services-heading,.service-panel{position:relative;inset-block-start:auto}.service-panel{grid-template-columns:var(--full);gap:var(--s1);padding:var(--s2);min-block-size:var(--zero)}.service-copy{padding:var(--s2)}.service-image{aspect-ratio:var(--contact-image-ratio);grid-row:1}.service-copy p{margin-block:var(--s2)}.service-copy h3{font-size:var(--service-title)}
 .process-heading{display:block}.motion-toggle{margin-block-start:var(--s3)}.process-grid,.upload-stage .stage-copy{grid-template-columns:var(--full)}.upload-stage{grid-column:auto}.upload-stage .stage-copy{gap:var(--s2)}.stage-copy{padding:var(--s3)}
 .upload-sheet{inset-inline-start:var(--s2);inset-block-start:var(--s3)}.quote-note{inset-inline-end:var(--s2);inset-block-end:var(--s3);inline-size:var(--note-width)}
 .languages{grid-template-columns:var(--full);gap:var(--s4)}.language-field{padding:var(--s4)}.language-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.contact{grid-template-columns:var(--full);gap:var(--s5);padding-inline-start:var(--zero)}.contact-copy{padding-inline:var(--page-pad)}.contact-image{margin-inline-start:var(--page-pad)}
 .footer-main{flex-direction:column;gap:var(--s4)}.footer-meta{margin-block-start:var(--s4)}
}
@media(prefers-reduced-motion:reduce){.services-heading,.service-panel{position:relative;inset-block-start:auto}.service-image img{transition:none}.service-panel:hover img{transform:none}.motion-toggle{display:none}}
