/* /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}}

/* /commerce/commerce-picker.css */
.commerce-section{margin-block:var(--cf-section-space);--commerce-accent:var(--cf-service-reliability,#f1c27d);--commerce-ink:var(--cf-service-reliability-ink,#805d23)}
.commerce-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(28px,5vw,100px);align-items:end;margin-bottom:44px}
.commerce-heading h2{font-family:var(--cf-display);font-size:clamp(56px,6vw,106px);line-height:1.05;font-weight:500;text-transform:uppercase;margin:20px 0 0}
.commerce-heading h2 em{font-style:normal;color:var(--commerce-accent)}
.commerce-heading>p{max-width:38ch;color:var(--cf-muted);font-size:clamp(17px,1.3vw,22px);line-height:1.6;margin:0 0 8px}
.commerce-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:clamp(24px,3vw,56px);align-items:start}
.commerce-options{border:1px solid var(--cf-line);background:linear-gradient(145deg,#161f2b,#0d121c);min-width:0}
.commerce-domain,.commerce-hosting{padding:clamp(22px,2.5vw,42px);margin:0;border:0;min-width:0}
.commerce-domain{border-bottom:1px solid var(--cf-line)}
.commerce-index{font-family:var(--cf-mono);font-size:11px;letter-spacing:.05em;color:var(--commerce-accent);display:block;margin-bottom:18px}
.commerce-domain h3,.commerce-question{font-size:clamp(23px,2vw,32px);font-weight:500;line-height:1.25;margin:0 0 22px;display:block}
.domain-modes{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0 0 24px;padding:0;border:0}
.domain-modes label,.domain-only{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font-size:14px}
.commerce-section input[type=radio]{accent-color:var(--commerce-accent);width:18px;height:18px;flex-shrink:0;margin:0}
.commerce-domain>label{font-size:14px;display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.commerce-optional{color:var(--cf-muted);font-size:12px}
.domain-entry{display:flex;gap:10px;flex-wrap:wrap}
.domain-entry input{min-width:140px;flex:1;box-sizing:border-box;border:1px solid #6e819b;background:#080b12;color:var(--cf-ink);border-radius:0;padding:17px 15px;min-height:56px;font:inherit;font-size:17px}
.domain-entry input::placeholder{color:var(--cf-muted)}
.commerce-section button{font:inherit;cursor:pointer}
.domain-check{padding:12px 18px;min-height:56px;border:1px solid var(--commerce-accent);background:transparent;color:var(--commerce-accent);display:flex;align-items:center;gap:16px;font-size:14px}
.domain-check:disabled{cursor:wait;color:var(--cf-muted);border-color:var(--cf-line)}
.commerce-help,.commerce-price-note{font-size:13px;line-height:1.65;color:var(--cf-muted);margin:12px 0 20px}
.commerce-error{color:#ffb0a5;font-size:14px;line-height:1.6;margin:0}
.commerce-error:empty,.domain-result:empty{display:none}
.commerce-error:not(:empty){padding:12px 0}
.domain-result{font-size:15px;line-height:1.6;padding:14px 16px;border-left:2px solid var(--commerce-accent);background:#1c2734;margin:16px 0}
.domain-result a{color:var(--commerce-accent);text-decoration:underline;text-underline-offset:3px}
.commerce-text-link{color:var(--cf-muted);font-size:13px;line-height:1.5;display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}
.commerce-domain-links{display:flex;gap:8px 24px;flex-wrap:wrap}
.commerce-hosting legend{float:left;width:100%;padding:0}
.commerce-hosting>p:first-of-type{clear:both}
.hosting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;clear:both}
.hosting-choice{display:flex;flex-direction:column;gap:16px;position:relative;min-width:0;padding:20px 16px;background:#0a1019;border:1px solid #40516a;cursor:pointer}
.hosting-choice:has(input:checked){border-color:var(--commerce-accent);background:#292b29;box-shadow:inset 0 3px var(--commerce-accent)}
.hosting-choice-name{font-size:15px;line-height:1.35;min-height:2.7em;font-weight:500}
.hosting-choice-price{font-size:29px;line-height:1.1;color:var(--commerce-accent);white-space:nowrap}
.hosting-choice-price small{font-size:11px;color:var(--cf-muted)}
.hosting-choice-tax{font-size:10px;color:var(--cf-muted);display:block;line-height:1.5;margin-top:5px}
.hosting-choice-spec{color:var(--cf-muted);font-size:12px;line-height:1.6}
.hosting-more{margin:16px 0 10px;border-block:1px solid var(--cf-line)}
.hosting-more summary{padding:18px 0;cursor:pointer;font-size:14px;min-height:44px;box-sizing:border-box}
.hosting-more summary span{color:var(--cf-muted);font:11px var(--cf-mono);margin-left:8px}
.hosting-grid-more{padding-bottom:20px}
.domain-only{padding-block:10px;color:var(--cf-ink)}
.commerce-price-note{border-top:1px solid var(--cf-line);padding-top:20px;margin-bottom:0;font-size:12px}
.commerce-summary{background:var(--cf-frost);color:#172d42;border:1px solid #819ab0;padding:clamp(24px,2.6vw,44px);position:sticky;top:125px;min-width:0}
.commerce-summary-label{font:10px/1.7 var(--cf-mono);color:#4d6379;letter-spacing:.03em;display:block;border-bottom:1px solid #9bafbf;padding-bottom:18px}
.commerce-summary h3{font:500 clamp(37px,3.4vw,62px)/1.1 var(--cf-display);text-transform:uppercase;margin:28px 0}
.commerce-summary dl{margin:0}
.commerce-summary dl>div{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;padding:16px 0;border-bottom:1px solid #b1c0cd}
.commerce-summary dt{font-size:12px;color:#4d6379;line-height:1.5}
.commerce-summary dd{font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}
.commerce-summary dd.commerce-total{font-size:30px;font-weight:500;color:var(--commerce-ink);line-height:1}
.commerce-summary>p{font-size:13px;line-height:1.6;margin:24px 0}
.commerce-continue{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:56px;padding:14px 20px;border-radius:999px;background:#172d42;color:var(--cf-ink);text-decoration:none;font-size:14px;font-weight:500;box-sizing:border-box}
.commerce-continue span{font-size:27px}
.commerce-continue[aria-disabled=true]{background:#d1dce5;color:#334b61;border:1px solid #9bafbf}
.commerce-summary>p.commerce-destination{font-size:12px;color:#4d6379;margin:18px 0 8px}
.commerce-reset{min-height:44px;padding:10px 0;background:none;border:0;color:#38546d;text-decoration:underline;text-underline-offset:4px;font-size:12px}
.commerce-assistance{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;border-top:1px solid var(--cf-line);padding-block:22px;color:var(--cf-muted);font-size:15px}
.commerce-assistance p{margin:0;line-height:1.6}
.commerce-assistance a{display:inline-flex;align-items:center;gap:24px;color:var(--cf-ink);min-height:44px;text-decoration:underline;text-underline-offset:5px}
.commerce-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.commerce-enhanced{display:none}
.commerce-ready .commerce-enhanced{display:flex}
.commerce-ready .commerce-nojs{display:none}
.commerce-section :focus-visible{outline:3px solid var(--commerce-accent);outline-offset:5px}
.commerce-section .commerce-summary :focus-visible{outline-color:var(--commerce-ink)}
.commerce-own-domain [data-check-domain]{display:none}
.commerce-nojs{color:var(--commerce-accent);font-size:13px;line-height:1.6}
@media(min-width:1000px) and (prefers-reduced-motion:no-preference){.hosting-choice,.commerce-continue{transition:background .18s,border-color .18s}.hosting-choice:hover{border-color:var(--commerce-accent)}}
@media(max-width:1050px){.commerce-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr)}.hosting-grid{grid-template-columns:1fr}.hosting-choice{display:grid;grid-template-columns:20px 1fr auto;gap:12px;align-items:center}.hosting-choice-name{min-height:0}.hosting-choice-price{font-size:24px}.hosting-choice-spec{grid-column:2/-1}.commerce-nojs{grid-column:1/-1}.commerce-heading{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.commerce-heading,.commerce-layout{grid-template-columns:1fr}.commerce-heading{gap:24px;margin-bottom:28px}.commerce-heading>p{max-width:45ch}.commerce-summary{position:static}.commerce-hosting,.commerce-domain{padding:24px 20px}.hosting-more summary span{display:block;margin:8px 0 0}.commerce-heading h2{font-size:clamp(52px,12vw,80px)}}
@media(max-width:380px){.hosting-choice{grid-template-columns:18px 1fr;padding:16px 12px}.hosting-choice-price{grid-column:2}.hosting-choice-spec{grid-column:2}.commerce-summary{padding:22px}.domain-check{width:100%;justify-content:space-between}}
@media(max-height:760px){.commerce-summary{position:static}}

/* Hosting enquiries arrive at the comparison without choosing a paid package. */
.commerce-hosting{scroll-margin-top:calc(var(--shell-height,120px) + 24px)}
.commerce-question:focus{outline:none}
.commerce-policy-note{max-width:1000px;line-height:1.8}
.commerce-policy-note a{color:#edf3fa;text-underline-offset:4px}
.commerce-policy-note a:hover{color:var(--service-accent,#f6bd68)}