/* 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}
@media(min-width:1800px){.signature-explorer{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}}