/* /services/remaining-services.css */
/* Three authored service stories, sharing Cloudfusion's material and type system. */
.signature-page .service-hero-grid{grid-template-columns:1fr 1fr;gap:3%;padding-block:20px 54px}
.signature-page .service-display{font-size:clamp(68px,7.3vw,132px);line-height:1.09}
.signature-page .service-offer{font-size:11px;letter-spacing:.065em}
.signature-page .service-lead{max-width:540px}
.visibility-page .service-display{font-size:clamp(62px,6.4vw,115px)}
.brand-page .service-display{font-size:clamp(80px,8.4vw,150px)}
.service-signature-art{color:var(--service-accent);aspect-ratio:660/560;position:relative}
.service-signature-art svg{display:block;width:100%;height:auto;overflow:visible}
.art-orbits{opacity:.32;stroke-width:1}.art-orbits path+path{opacity:.35}
.service-art-panel{filter:drop-shadow(0 16px 17px #0006)}
.art-label{font:400 10px var(--cf-mono);fill:#b9c6d7;letter-spacing:.15px}
.art-title{font:500 27px var(--cf-body);fill:var(--cf-ink);letter-spacing:-.6px}
.art-body{font:400 14px var(--cf-body);fill:#c1ccdc}
.art-display{font:500 76px var(--cf-display);fill:var(--cf-ink)}
.art-accent{fill:var(--service-accent)}.art-ink{fill:var(--service-ink)}.art-dark{fill:#13283e}
.art-signal-path{opacity:.65}
.signature-explorer.is-running .art-layer-one{animation:signature-arrive 2s var(--cf-ease) both}
.signature-explorer.is-running .art-layer-two{animation:signature-resolve 2s var(--cf-ease) both}
.signature-explorer.is-running .art-signal-path{animation:signature-connect 2s ease-out both}
@keyframes signature-arrive{0%{opacity:.2;translate:0 22px}60%,100%{opacity:1;translate:0 0}}
@keyframes signature-resolve{0%,20%{opacity:.12;translate:25px 18px}85%,100%{opacity:1;translate:0 0}}
@keyframes signature-connect{0%,20%{stroke-dasharray:1;stroke-dashoffset:1;opacity:.1}80%,100%{stroke-dasharray:1;stroke-dashoffset:0;opacity:.65}}
.signature-directions{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--cf-line)}
.signature-directions a{display:flex;gap:18px;align-items:center;padding:22px 25px;min-height:88px}
.signature-directions a:first-child{padding-left:0}.signature-directions a+a{border-left:1px solid var(--cf-line)}
.signature-directions a>span:first-child{font:11px var(--cf-mono);color:var(--service-accent)}
.signature-directions strong{font-size:clamp(14px,1.3vw,20px);font-weight:500}.signature-directions a>span:last-child{margin-left:auto;font-size:22px;color:var(--service-accent)}
.signature-directions a:hover{background:var(--service-wash)}.signature-directions a:focus-visible{outline-offset:-3px}
.signature-page .service-capability{scroll-margin-top:135px}
.signature-page .service-section-head h2{font-size:clamp(42px,4.7vw,84px)}
.signature-page .service-proof{margin-block:60px 0}.signature-page .service-proof-feature{margin-bottom:50px}
.signature-page .service-proof-grid:has(>div:only-child){max-width:800px;margin-left:auto;grid-template-columns:1fr}
.signature-plan{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:clamp(28px,5vw,85px);border:1px solid var(--service-line);background:linear-gradient(130deg,var(--service-wash),#101622 75%);margin-block:0 clamp(75px,9vw,145px)}
.signature-plan:after{content:'';position:absolute;left:0;bottom:-1px;width:18%;height:2px;background:var(--service-accent)}
.signature-plan h2{font:500 clamp(43px,4.5vw,79px)/1.15 var(--cf-display);text-transform:uppercase;margin-top:28px}.signature-plan h2 em{color:var(--service-accent)}
.signature-plan>div>p{font-size:16px;max-width:480px;color:var(--cf-muted);margin-top:24px}
.signature-document{background:var(--cf-frost);color:#13283e;padding:clamp(24px,2.8vw,46px);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);border:1px solid #a8bac9;box-shadow:8px 9px 0 #758b9c}
.document-label{display:block;padding-bottom:22px;border-bottom:1px solid #a3b1c7;font:10px/1.6 var(--cf-mono);color:var(--service-ink)}
.signature-document ol{list-style:none;padding:0;margin:0}.signature-document li{display:grid;grid-template-columns:22px 1fr;gap:17px;padding-top:25px}.signature-document li>span{font:11px/2 var(--cf-mono);color:var(--service-ink)}
.signature-document h3{font-size:22px;line-height:1.35;font-weight:500}.signature-document li p{font-size:13px;color:#466079;margin-top:7px}
.signature-plan .document-note{font-size:11px;color:#466079;border-top:1px solid #a3b1c7;padding-top:19px;margin-top:25px}
.signature-scope{border-block:1px solid var(--cf-line);display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-block:45px}
.signature-scope h2{font:500 clamp(28px,2.7vw,45px)/1.28 var(--cf-body);letter-spacing:-.025em;margin:20px 0}.signature-scope p{font-size:15px;color:var(--cf-muted);max-width:540px}
.signature-related{margin-top:0}.signature-related>div{display:flex;flex-wrap:wrap;gap:8px 26px}.signature-related a{display:inline-flex;align-items:center;min-height:44px}
.signature-page .service-closing h2{font-size:clamp(66px,7.6vw,136px)}
.signature-page .service-faq details p{padding-top:8px}
/* Search: an editorial question and a transparent measurement approach. */
.visibility-question{padding-block:clamp(65px,8vw,140px);display:grid;grid-template-columns:1.15fr 1fr;gap:24px 10%;align-items:end;border-bottom:1px solid var(--cf-line)}
.visibility-question>.service-eyebrow{grid-column:1/-1}.visibility-question h2{font:500 clamp(39px,4.5vw,80px)/1.2 var(--cf-body);letter-spacing:-.04em}.visibility-question h2 em{color:var(--service-accent)}.visibility-question>p{color:var(--cf-muted);max-width:430px;font-size:17px}
.visibility-measure{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-block:70px clamp(85px,9vw,150px)}
.visibility-measure h2{font:500 clamp(28px,2.7vw,46px)/1.3 var(--cf-body);letter-spacing:-.025em;margin-top:23px}.visibility-measure h2 em{color:var(--cf-muted)}.visibility-measure p{font-size:15px;color:var(--cf-muted)}.visibility-measure p+p{margin-top:19px}
/* Brand: wider typographic breathing room and large real client compositions. */
.brand-page .service-proof{margin-top:60px}.brand-page .signature-plan{background:linear-gradient(130deg,#231c30,#101622 75%)}
/* Everyday technology: useful existing-client actions directly after the opening. */
.technology-support{display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--cf-line);padding-block:28px}
.technology-support>div{flex:1}.technology-support p{font-size:14px;color:var(--cf-muted);margin-top:7px}.technology-support>a{display:inline-flex;align-items:center;gap:30px;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:7px}.technology-support>a span{font-size:22px;color:var(--service-accent)}
.reliability-page .signature-plan{margin-top:90px}
/* End alignment needs an explicit width so the SVG keeps filling its grid column. */
@media(min-width:1800px){.signature-explorer{width:100%;max-width:810px;justify-self:end}}
@media(max-width:1100px){.signature-page .service-display{font-size:clamp(62px,7.3vw,85px)}.visibility-page .service-display{font-size:clamp(56px,6.4vw,76px)}.signature-plan{gap:5%;padding:35px}.signature-plan h2{font-size:49px}}
@media(max-width:800px){.signature-page .service-hero-grid{grid-template-columns:1fr;gap:20px;padding-block:12px 36px}.signature-page .service-display{font-size:clamp(65px,12vw,98px)}.visibility-page .service-display{font-size:clamp(55px,10.5vw,88px)}.signature-explorer{max-width:600px}.signature-directions a{gap:12px;padding:18px 14px}.signature-directions a>span:first-child{display:none}.signature-directions strong{font-size:14px}.signature-plan{grid-template-columns:1fr;gap:35px}.signature-plan h2{font-size:clamp(42px,7vw,65px)}.signature-plan>div>p{max-width:560px}.signature-document{padding:30px}.signature-scope{grid-template-columns:1fr;gap:28px}.visibility-question,.visibility-measure{grid-template-columns:1fr;gap:28px}.visibility-question>p{max-width:570px}.technology-support{flex-wrap:wrap;gap:12px 35px}.technology-support>div{flex-basis:100%}.signature-page .service-closing h2{font-size:clamp(62px,11vw,95px)}}
@media(max-width:520px){.signature-page .service-display{font-size:clamp(57px,15.5vw,80px)}.visibility-page .service-display{font-size:clamp(48px,12.3vw,66px)}.signature-page .service-offer{font-size:10px}.signature-directions{grid-template-columns:1fr}.signature-directions a,.signature-directions a:first-child{padding:15px 0;min-height:58px}.signature-directions a+a{border-left:0;border-top:1px solid var(--cf-line)}.signature-directions a>span:first-child{display:block}.signature-directions strong{font-size:15px}.signature-page .service-section-head h2{font-size:clamp(39px,10.3vw,53px)}.signature-plan{padding:27px 22px;gap:30px;margin-bottom:65px}.signature-plan h2{font-size:40px}.signature-document{padding:23px 19px}.signature-document li{gap:10px;grid-template-columns:18px 1fr}.signature-document h3{font-size:20px}.signature-document li p{font-size:13px}.visibility-question h2{font-size:clamp(37px,9.5vw,51px)}.visibility-question>p{font-size:16px}.visibility-measure{padding-block:60px 75px}.signature-page .service-proof{margin-top:40px}.signature-page .service-closing h2{font-size:clamp(53px,13vw,75px)}.signature-page .service-primary{gap:22px;font-size:14px;padding-inline:20px}.signature-page .software-caption{padding-left:0}.reliability-page .signature-plan{margin-top:65px}.technology-support{gap:8px 28px}}
@media(prefers-reduced-motion:reduce){.signature-explorer *{animation:none!important;transition:none!important}}
html[data-motion=off] .signature-explorer *,html[data-visual-quality=lite] .signature-explorer *{animation:none!important;transition:none!important}
@media(forced-colors:active){.service-signature-art{display:none}.signature-plan,.signature-document{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}.signature-plan *,.signature-document *{color:CanvasText!important}.signature-directions a,.technology-support a{color:LinkText}}

/* /proof-details.css */
/* A native-scroll signal path. Complete static artwork is the fallback. */
[data-process-path]{--process-progress:1;position:relative;isolation:isolate}
.service-process-list:before,.service-process-list:after{content:"";position:absolute;left:31px;top:35px;bottom:35px;width:1px;z-index:-1;background:var(--cf-line)}
.service-process-list:after{background:var(--service-accent);transform:scaleY(var(--process-progress));transform-origin:top;box-shadow:0 0 14px color-mix(in srgb,var(--service-accent) 40%,transparent)}
.service-process-list li:before{display:grid;place-items:center;width:55px;height:55px;border:1px solid color-mix(in srgb,var(--service-accent) 40%,var(--cf-line));border-radius:50%;background:var(--cf-bg,#0b111b);font-size:28px;margin-left:4px}
/* Markers identify details without changing authentic pixels or blocking zoom. */
.reveal-art.proof-annotated{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,25%);gap:clamp(28px,4vw,65px);align-items:center;--proof-arrival:1}
.proof-annotation-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.proof-annotation-lines path{fill:none;stroke:var(--service-accent,#57d8f5);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--proof-arrival));opacity:.75}
.proof-annotation-marker{position:absolute;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--service-accent,#57d8f5);background:#0b1621;color:#e8f2f8;transform:translate(-50%,-50%);font:11px var(--cf-mono);pointer-events:none}
.proof-annotation-notes{list-style:none;margin:0;padding:0;display:grid;gap:clamp(24px,4vw,56px)}
.proof-annotation-notes li{display:flex;gap:14px;align-items:baseline;border-top:1px solid var(--cf-line);padding-top:18px}
.proof-annotation-notes li>span{color:var(--service-accent,#57d8f5);font:11px var(--cf-mono)}
.proof-annotation-notes strong{font-weight:500;font-size:17px;line-height:1.4}
.proof-annotation-notes p{font-size:14px;line-height:1.65;color:var(--cf-muted,#a7b8bd);margin:9px 0 0}
.case-relationship-map{width:calc(100% - var(--case-gutter,24px)*2);max-width:var(--case-width,1560px);margin:clamp(48px,7vw,110px) auto;padding:clamp(35px,4vw,65px) clamp(24px,4.5vw,75px);border-block:1px solid var(--cf-line)}
.relationship-map-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px 6%;margin-bottom:48px}
.relationship-map-heading .eyebrow{grid-column:1/-1}.relationship-map-heading h2{font:clamp(38px,4vw,66px)/1.1 var(--cf-display);margin:0;max-width:16ch}.relationship-map-heading>p{color:var(--cf-muted,#a7b8bd);font-size:16px;line-height:1.7;align-self:end;max-width:48ch;margin:0}
.relationship-map-path{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding:0;margin:0}
.relationship-map-path:before,.relationship-map-path:after{content:"";position:absolute;top:22px;left:22px;right:22px;height:1px;background:var(--cf-line);z-index:-1}
.relationship-map-path:after{background:var(--service-accent,#57d8f5);transform:scaleX(var(--process-progress));transform-origin:left}
.relationship-map-path li{min-width:0}.relationship-map-number{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--service-accent,#57d8f5);border-radius:50%;background:#0b1621;color:var(--service-accent,#57d8f5);font:12px var(--cf-mono)}
.relationship-map-path h3{font:500 21px/1.4 var(--cf-body);margin:22px 0 12px}.relationship-map-path p{font-size:14px;line-height:1.7;color:var(--cf-muted,#a7b8bd)}.relationship-map-note{font:11px/1.7 var(--cf-mono);color:var(--cf-muted,#a7b8bd);max-width:75ch;margin:30px 0 0}
@media(max-width:950px){.reveal-art.proof-annotated{grid-template-columns:1fr;gap:22px}.proof-annotation-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.proof-annotation-lines,.proof-annotation-marker{display:none}.relationship-map-path{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}.relationship-map-path:before,.relationship-map-path:after{display:none}}
@media(max-width:800px){.service-process-list:before,.service-process-list:after{left:16px}.service-process-list li:before{width:32px;height:32px;font-size:20px;margin:0}.case-relationship-map{width:calc(100% - 40px)}.relationship-map-heading{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.relationship-map-heading .eyebrow{grid-column:auto}.relationship-map-heading>p{font-size:15px}}
@media(max-width:520px){.proof-annotation-notes{grid-template-columns:1fr;gap:15px}.proof-annotation-notes strong{font-size:16px}.relationship-map-path{grid-template-columns:1fr;gap:26px}.relationship-map-path li{display:grid;grid-template-columns:44px 1fr;gap:0 18px}.relationship-map-number{grid-row:1/3}.relationship-map-path h3{font-size:19px;margin:0 0 7px}.relationship-map-path p{grid-column:2;margin:0}.relationship-map-path:before,.relationship-map-path:after{display:block;top:22px;bottom:22px;left:22px;right:auto;height:auto;width:1px}.relationship-map-path:after{transform:scaleY(var(--process-progress));transform-origin:top}}
@media(prefers-reduced-motion:reduce),(forced-colors:active){[data-process-path]{--process-progress:1!important}.proof-annotated{--proof-arrival:1!important}.service-process-list:after{box-shadow:none}.proof-annotation-lines{display:none}}
html[data-motion=off] [data-process-path],html[data-case-motion=off] [data-process-path]{--process-progress:1!important}html[data-motion=off] .proof-annotated,html[data-case-motion=off] .proof-annotated{--proof-arrival:1!important}

/* /site-utilities.css */
.page-tools,.selection-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:24px;font:400 13px/1.6 var(--cf-body);color:var(--cf-muted)}
.page-tools[hidden],.selection-tools[hidden],.cf-print-brief{display:none}
.projects-filter-actions .selection-tools{margin-top:0}.opening-bottom .page-tools{grid-column:1/-1}
.page-tools button,.selection-tools button{min-height:44px;padding:10px 20px;border:1px solid var(--cf-line);border-radius:999px;background:transparent;color:var(--cf-ink);font:500 14px/1.5 var(--cf-body);cursor:pointer;transition:border-color .2s,color .2s}
.page-tools button:hover,.selection-tools button:hover{border-color:var(--cf-light);color:var(--cf-light)}
.page-tools button:focus-visible,.selection-tools button:focus-visible{outline:2px solid var(--cf-light);outline-offset:4px}
.buyer-guidance{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,100px);padding-block:clamp(48px,7vw,110px);border-top:1px solid var(--cf-line)}
.buyer-guidance h2{font:500 clamp(38px,4.2vw,70px)/1.08 var(--cf-display);text-transform:uppercase;margin:22px 0}
.buyer-guidance p{font:400 16px/1.75 var(--cf-body);color:var(--cf-muted);max-width:56ch}
.buyer-guidance-items{display:grid;gap:26px}.buyer-guidance-items h3{font:600 20px/1.4 var(--cf-body);margin:0 0 8px}.buyer-guidance-items p{margin:0}.buyer-guidance-items>a{justify-self:start;min-height:44px;display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid var(--cf-line);font:500 14px/1.5 var(--cf-body);color:var(--cf-ink)}
@media(max-width:760px){.buyer-guidance{grid-template-columns:1fr}.page-tools-help{max-width:30ch}}
@media(prefers-reduced-motion:reduce){.page-tools button,.selection-tools button{transition:none}}
@media print{
 @page{size:A4;margin:14mm}
 html:has(.cf-print-brief),body:has(.cf-print-brief){background:#fff!important;color:#111!important;color-scheme:light!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;transform:none!important;opacity:1!important;filter:none!important}
 body:has(.cf-print-brief)>*{display:none!important}
 body:has(.cf-print-brief)>.cf-print-brief{display:block!important;position:static!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;visibility:visible!important;color:#111!important;background:#fff!important;font:10pt/1.5 var(--cf-body),sans-serif}
 body:has(.cf-print-brief)::before,body:has(.cf-print-brief)::after{display:none!important}
 .cf-print-brief *{transform:none!important;opacity:1!important;filter:none!important;animation:none!important;transition:none!important;color:#111!important;box-shadow:none!important}
 .cf-print-brief header{border-bottom:1px solid #aaa;padding-bottom:5mm;margin-bottom:5mm}.cf-print-brief header>strong{font:8pt/1.5 var(--cf-mono),monospace;letter-spacing:.08em}
 .cf-print-brief .cf-print-title{font:500 30pt/1.1 var(--cf-display),sans-serif;text-transform:uppercase;margin:3mm 0}
 .cf-print-brief h2{font:600 12pt/1.3 var(--cf-body),sans-serif;margin:0 0 2mm}.cf-print-brief p{margin:0 0 3mm}.cf-print-brief section{margin:5mm 0;break-inside:avoid}
 .cf-print-brief figure{margin:3mm 0 5mm;break-inside:avoid}.cf-print-brief img{display:block;max-width:100%;width:auto;height:auto;max-height:58mm;object-fit:contain}
 .cf-print-brief li{margin:0 0 2mm}.cf-print-brief ul,.cf-print-brief ol{padding-left:5mm;margin:0}
 .cf-print-brief footer{border-top:1px solid #aaa;margin-top:5mm;padding-top:4mm;font-size:8pt;overflow-wrap:anywhere}.cf-print-brief a{text-decoration:underline}
}