/* DevMarken service documents. All brand tokens come from public-site.css. */
.service-page { --article-width:850px; }
.service-page .services-panel a[aria-current="page"] { background:#f0f3fb; }
.service-page .services-panel a[aria-current="page"] .service-name { color:var(--blue); }
.service-page .mobile-services a[aria-current="page"] { color:var(--blue); }
.service-hero { padding-top:22px; padding-bottom:36px; }
.service-breadcrumb-row { display:flex; align-items:center; justify-content:space-between; gap:22px; margin-bottom:49px; }
.service-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:11px; color:#7d8289; font-size:11px; line-height:1.5; }
.service-breadcrumb a:hover { color:var(--blue); }
.service-breadcrumb [aria-current] { color:#464b53; }
.service-breadcrumb>span:not([aria-current]) { color:#bdc0c4; }
.service-code { font-size:10px; letter-spacing:.13em; color:#989da3; white-space:nowrap; }
.service-eyebrow { display:flex; align-items:center; gap:10px; font-size:11px; color:#535a64; margin-bottom:21px; }
.service-hero-grid { display:grid; grid-template-columns:minmax(0,1.85fr) minmax(0,1fr); gap:45px; align-items:end; }
.service-hero h1 { font-size:clamp(46px,5.2vw,76px); line-height:1.09; letter-spacing:-.06em; font-weight:400; }
.service-hero h1>span { color:#93979e; }
.service-intro { padding-bottom:4px; max-width:355px; justify-self:end; }
.service-intro p { color:var(--muted); font-size:14px; line-height:1.9; margin-bottom:22px; }
.service-intro .text-link { font-size:12px; line-height:1.5; gap:18px; }
.service-intro .icon { width:17px; height:17px; }
.service-tagline { display:flex; flex-wrap:wrap; gap:8px 23px; margin-top:33px; color:#737a83; font-size:10px; }
.service-tagline>span { display:flex; align-items:center; gap:23px; }
.service-tagline>span+span:before { content:""; display:block; width:3px; height:3px; border-radius:50%; background:#a9afb6; }
.service-navigation { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.service-navigation a { position:relative; display:flex; align-items:center; gap:11px; padding:19px 14px 19px 0; font-size:11px; line-height:1.5; color:#727780; transition:color .2s; }
.service-navigation a:after { content:""; position:absolute; left:0; right:22px; bottom:-1px; height:2px; background:transparent; transition:background .2s; }
.service-navigation .service-tab-number { color:#a0a5ad; font-size:9px; align-self:flex-start; padding-top:2px; }
.service-navigation .icon { width:13px; height:13px; margin-left:auto; }
.service-navigation a[aria-current="page"],.service-navigation a:hover { color:var(--blue); }
.service-navigation a[aria-current="page"]:after { background:var(--blue); }
.service-navigation a[aria-current="page"] .service-tab-number { color:var(--blue); }
.service-figure { margin-block:28px 0; }
.service-scene { height:435px; position:relative; border-radius:11px; overflow:hidden; isolation:isolate; background:#e6e9ec; }
.service-scene-top { position:absolute; top:23px; left:29px; right:29px; display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:10px; color:#67737f; z-index:5; pointer-events:none; }
.service-scene-top>span:first-child { display:flex; align-items:center; gap:12px; }
.service-scene-top>span:last-child { font-size:9px; letter-spacing:.1em; white-space:nowrap; }
.service-figure figcaption { display:flex; justify-content:space-between; gap:24px; font-size:10px; color:#7f858d; padding:13px 0; line-height:1.65; }
.service-figure figcaption>span:first-child { flex:0 0 auto; }
.service-figure figcaption>span:last-child { text-align:right; max-width:660px; }
/* Detail-page visual 01: the exact approved L'Oliva artwork, not a stock template. */
.service-web-art { height:100%; position:relative; }
.service-art-orbit { position:absolute; width:700px; height:700px; border:1px solid #cbd2da82; border-radius:50%; top:-125px; left:3%; }
.service-web-browser { position:absolute; width:600px; max-width:59%; left:24%; top:67px; border:1px solid #fff; border-radius:8px; overflow:hidden; box-shadow:8px 23px 45px #202c3c26; transform:rotate(-3deg); }
.service-web-browser .custom-site { max-height:310px; }
.service-web-phone { position:absolute; right:13%; bottom:31px; width:132px; border-radius:23px; border:4px solid #242925; background:#eeece3; overflow:hidden; box-shadow:8px 16px 28px #18263130; transform:rotate(6deg); padding-top:13px; }
.service-phone-island { position:absolute; background:#242925; width:44px; height:8px; top:3px; border-radius:8px; left:calc(50% - 22px); }
.service-phone-brand { font-family:Georgia,serif; color:#374433; display:block; padding:8px 12px 10px; font-size:18px; }
.service-web-phone img { width:100%; height:79px; object-fit:cover; }
.service-phone-copy { padding:14px 12px 18px; color:#34412f; }
.service-phone-copy small { display:block; font-size:5px; letter-spacing:.06em; }
.service-phone-copy>span { display:block; font-family:Georgia,serif; font-size:20px; line-height:1.16; letter-spacing:-.025em; margin-top:8px; }
.service-phone-copy em { display:block; margin-top:12px; font-size:6px; font-style:normal; }
.service-art-note { position:absolute; left:8%; bottom:76px; display:flex; align-items:center; gap:13px; background:#fffffff5; padding:17px 22px; border:1px solid #fff; border-radius:6px; box-shadow:0 9px 23px #20334a0b; }
.service-art-note>.icon { color:var(--blue); width:25px; height:25px; }
.service-art-note>span { font-size:13px; }
.service-art-note small { display:block; margin-top:4px; font-size:9px; color:var(--muted); }
/* Detail-page visual 02: accessible before/after switch, illustrative only. */
.scene-redesign { background:#e9ebe8; }
.service-redesign-layout { display:grid; grid-template-columns:1fr 1.8fr; height:100%; align-items:center; gap:6%; padding:55px 6% 24px; }
.redesign-explainer h3 { font-size:28px; letter-spacing:-.043em; line-height:1.22; max-width:280px; margin:12px 0 23px; }
.redesign-controls { display:inline-flex; padding:4px; border:1px solid #d0d5ce; border-radius:6px; background:#ffffff63; gap:3px; }
.redesign-controls button { padding:10px 12px; font-size:10px; border-radius:3px; color:#686f68; background:transparent; line-height:1.4; }
.redesign-controls button[aria-pressed="true"] { background:#fff; color:#20241f; box-shadow:0 1px 5px #00000008; }
.redesign-caption { color:#798174; margin-top:13px; font-size:9px; line-height:1.6; }
.redesign-browser { border:1px solid #fff; border-radius:7px; overflow:hidden; width:100%; box-shadow:8px 16px 30px #1921151c; }
.redesign-browser [data-design-view] { width:100%; aspect-ratio:100/57.4; overflow:hidden; }
.redesign-browser [data-design-view="before"] { background:#f6f6f4; }
.wire-nav { display:flex; gap:12px; align-items:center; padding:4% 6%; border-bottom:1px solid #ddd; color:#6b716d; }
.wire-nav>span { margin-right:auto; font-size:15px; }
.wire-nav i { width:7%; height:3px; background:#b9beba; }
.wire-hero { margin:5% 6% 0; background:#d8ddd8; padding:5% 6%; }
.wire-hero>span { font-size:20px; display:block; max-width:75%; line-height:1.25; color:#727a70; }
.wire-hero i { display:block; height:4px; width:70%; background:#bbc3b9; margin-top:12px; }
.wire-hero i:last-child { width:48%; margin-top:7px; }
.wire-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5%; padding:5% 6%; }
.wire-grid div { min-width:0; }
.wire-grid span { display:block; font-size:9px; color:#7f857d; margin-top:8px; }
.wire-grid i { display:block; background:#dadfd8; height:19px; }
.wire-grid i:last-child { height:4px; width:90%; margin-top:7px; }
/* Detail-page visual 03: product illustrations made with native CSS. */
.scene-ecommerce { background:#eae9e6; }
.service-store-art { position:relative; height:100%; }
.store-browser { position:absolute; left:12%; top:72px; width:590px; max-width:65%; border-radius:7px; overflow:hidden; border:1px solid #fff; background:#f9f8f5; box-shadow:0 20px 40px #272b251c; transform:rotate(-2deg); }
.store-inner { padding:19px 30px 13px; }
.store-nav { display:flex; align-items:center; justify-content:space-between; }
.store-nav>span { font-size:24px; letter-spacing:-.06em; }
.store-nav>span>span { font-size:9px; margin-left:3px; vertical-align:top; }
.store-nav small { font-size:8px; color:#6e726a; }
.store-nav .icon { width:13px; height:13px; }
.store-heading { margin-top:18px; margin-bottom:14px; display:flex; align-items:end; justify-content:space-between; gap:15px; }
.store-heading h3 { font-size:27px; letter-spacing:-.05em; line-height:1.1; }
.store-heading h3>span { color:#838e79; }
.store-heading p { font-size:8px; color:#848780; max-width:150px; line-height:1.6; }
.store-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.store-product-photo { height:139px; position:relative; display:flex; align-items:end; justify-content:center; overflow:hidden; background:#e8e6df; padding-bottom:15px; }
.store-product:nth-child(2) .store-product-photo { background:#e2e5de; }
.store-product:nth-child(3) .store-product-photo { background:#e4e4e1; }
.store-product-photo:after { content:""; position:absolute; width:90px; height:12px; background:#39402d2a; filter:blur(5px); bottom:10px; border-radius:50%; }
.store-object { position:relative; z-index:1; }
.object-vase { height:83px; width:54px; border-radius:30% 30% 42% 42%; background:linear-gradient(100deg,#979c87,#e0ded0 40%,#c3c6b0 64%,#999f89); }
.object-vase:before { content:""; width:28px; height:25px; background:linear-gradient(100deg,#a1a891,#d4d9c8 65%,#a3ad96); position:absolute; top:-18px; left:13px; border-radius:6px 6px 0 0; }
.object-vase:after { content:""; position:absolute; width:28px; height:6px; background:#6e7767; border-radius:50%; top:-21px; left:13px; }
.object-bowl { width:104px; height:54px; border-radius:0 0 52px 52px; background:linear-gradient(100deg,#c8c2b0,#f4eede 45%,#d2cbb8 90%); }
.object-bowl:before { content:""; position:absolute; inset:-10px 0 auto; height:22px; background:radial-gradient(ellipse,#c3bca8 25%,#e3dbc8 60%,#f5efdc 66%); border-radius:50%; }
.object-bottle { width:52px; height:88px; border-radius:19px 19px 9px 9px; background:linear-gradient(100deg,#867e71,#b6ae9e 32%,#bdb5a5 57%,#8d8578); }
.object-bottle:before { content:""; position:absolute; width:22px; height:26px; background:linear-gradient(100deg,#958d7c,#b6af9d 50%,#8d8675); border-radius:3px 3px 0 0; left:15px; top:-18px; }
.store-product>div:last-child { display:flex; justify-content:space-between; font-size:9px; padding-top:8px; }
.store-footer { border-top:1px solid #deded6; font-size:7px; color:#888a82; margin-top:17px; padding-top:9px; }
.store-checkout { position:absolute; width:241px; right:11%; top:111px; padding:22px; border-radius:9px; background:#fff; box-shadow:10px 22px 35px #363b2f1c; border:1px solid #f3f4ef; }
.checkout-icon { width:30px; height:30px; display:grid; place-items:center; border:1px solid #e2e5de; border-radius:50%; margin-bottom:14px; }
.checkout-icon .icon { width:15px; height:15px; }
.store-checkout>small { color:#92958d; font-size:8px; }
.store-checkout h3 { font-size:22px; letter-spacing:-.035em; margin-bottom:16px; }
.checkout-step { display:flex; align-items:center; font-size:9px; gap:10px; border-top:1px solid #ebece7; padding:12px 0; }
.checkout-step>span { font-size:8px; color:#959e8b; }
.checkout-step .icon { width:12px; height:12px; margin-left:auto; }
.checkout-bottom { display:flex; justify-content:space-between; align-items:center; background:#242c23; padding:10px; color:#fff; font-size:8px; border-radius:3px; margin-top:8px; }
.checkout-bottom .icon { width:13px; height:13px; }
/* Detail-page visual 04: a workflow with explicit human review. */
.service-software-art { height:100%; display:grid; grid-template-columns:1fr 65px 1.35fr; align-items:center; padding:65px 10% 30px; }
.workflow-board { padding:21px 22px; border-radius:8px; background:#ffffff9e; border:1px solid #fff; }
.workflow-heading { display:flex; align-items:center; gap:9px; font-size:10px; color:#656f7c; padding-bottom:18px; }
.workflow-heading small { margin-left:auto; color:#9ba4b1; font-size:8px; }
.workflow-nodes { position:relative; display:grid; gap:15px; }
.workflow-nodes:before { content:""; position:absolute; left:24px; top:10px; bottom:10px; width:1px; background:#bdcbdc; }
.workflow-node { position:relative; display:flex; align-items:center; gap:12px; padding:13px; background:#fff; border:1px solid #dbe2eb; border-radius:5px; font-size:11px; color:#586271; }
.workflow-node:nth-child(2) { border-color:#94b0ed; color:#2458e8; }
.workflow-node>.icon { width:16px; height:16px; }
.workflow-node>.icon:last-child { margin-left:auto; width:12px; height:12px; }
.software-connector { display:flex; align-items:center; color:#8396b2; }
.software-connector>span { flex:1; height:1px; background:#b4c3d7; }
.software-workspace { border:1px solid #fff; background:#fff; border-radius:8px; padding:22px; box-shadow:4px 17px 30px #1e31451c; }
.software-workspace-top { display:flex; align-items:center; gap:10px; justify-content:space-between; margin-bottom:18px; }
.software-workspace-top .ws-brand { font-size:18px; }
.software-workspace-top>small { font-size:7px; color:#8995a5; }
.software-workspace h3 { font-size:23px; letter-spacing:-.04em; line-height:1.3; margin-bottom:20px; }
.software-workspace-cards { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.software-workspace-cards>div { padding:13px; border:1px solid #e5e9f0; border-radius:5px; color:#6d798a; }
.software-workspace-cards .icon { width:17px; height:17px; color:#496893; margin-bottom:10px; }
.software-workspace-cards span { font-size:9px; line-height:1.5; display:block; }
.software-records { margin-top:19px; }
.software-records>div { display:flex; align-items:center; gap:10px; border-bottom:1px solid #edf0f4; padding:7px 0; }
.software-records i { width:13px; height:13px; border:1px solid #ccd4de; border-radius:3px; }
.software-records span { width:44%; height:3px; background:#e1e6ec; }
.software-records b { width:28px; height:7px; background:#e9eef6; border-radius:3px; margin-left:auto; }
.software-workspace>p { display:flex; align-items:center; justify-content:space-between; font-size:9px; color:#789; margin-top:14px; }
.software-workspace>p .icon { width:14px; height:14px; }
/* Detail-page visual 05: a plan, not live service-health claims. */
.scene-care { background:#e8ebe7; }
.service-care-art { position:relative; height:100%; display:flex; gap:48px; align-items:center; justify-content:center; padding:56px 40px 23px; }
.care-orbit { width:475px; height:475px; border:1px solid #ccd4c985; border-radius:50%; position:absolute; left:4%; top:-16px; z-index:-1; }
.care-orbit-two { width:680px; height:680px; top:-120px; left:-4%; }
.care-identity-card { width:230px; text-align:center; }
.care-brand-icon { margin:0 auto 21px; width:93px; height:93px; display:grid; place-items:center; border:1px solid #fcfffb; background:#ffffff80; box-shadow:0 9px 23px #2b49240a; border-radius:22px; }
.care-brand-icon .icon { width:44px; height:44px; color:#697e6b; stroke-width:1; }
.care-identity-card>span { font-size:9px; color:#879183; }
.care-identity-card>p { font-size:30px; letter-spacing:-.06em; margin-top:7px; }
.care-identity-card>p>span { color:var(--blue); }
.care-identity-card>small { display:block; font-size:9px; color:#7e8b7b; margin-top:13px; line-height:1.6; }
.care-plan { width:420px; max-width:50%; background:#fff; border:1px solid #fff; border-radius:9px; padding:20px 25px; box-shadow:6px 17px 38px #25362415; }
.care-plan-top { display:flex; justify-content:space-between; align-items:center; font-size:8px; letter-spacing:.025em; color:#97a08e; }
.care-plan-top .icon { width:13px; height:13px; }
.care-plan h3 { font-size:24px; line-height:1.3; letter-spacing:-.045em; margin:10px 0 15px; }
.care-plan-items>div { display:flex; align-items:center; gap:14px; padding:12px 0; border-top:1px solid #ebeee7; font-size:10px; color:#63705e; }
.care-plan-items .icon { width:17px; height:17px; }
.care-plan-items i { width:5px; height:5px; border:1px solid #b3bdac; border-radius:50%; margin-left:auto; }
.care-plan>p { font-size:8px; line-height:1.8; color:#909a88; border-top:1px solid #ebeee7; padding-top:10px; }
/* Long-form internal service document. */
.service-reading { display:grid; grid-template-columns:230px minmax(0,1fr); gap:90px; padding-top:68px; }
.service-aside-inner { position:sticky; top:calc(var(--header-h) + 30px); padding-top:3px; }
.service-small-label { color:#818792; font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
.service-toc { margin-top:18px; display:grid; border-left:1px solid var(--line); }
.service-toc a { display:flex; gap:12px; align-items:center; padding:11px 14px; margin-left:-1px; border-left:2px solid transparent; font-size:12px; color:#717882; line-height:1.5; }
.service-toc a>span { color:#a1a7af; font-size:9px; }
.service-toc a[aria-current="location"],.service-toc a:hover { color:var(--blue); border-left-color:var(--blue); }
.service-toc a[aria-current="location"]>span { color:var(--blue); }
.service-aside-contact { margin-top:42px; max-width:190px; }
.service-aside-contact .brand-mark { margin-bottom:15px; color:#76899e; }
.service-aside-contact p { color:#888e96; font-size:11px; line-height:1.8; }
.service-aside-contact a { display:flex; gap:18px; align-items:center; color:#454e5c; font-size:11px; margin-top:14px; }
.service-aside-contact a .icon { width:14px; height:14px; }
.service-article { max-width:var(--article-width); min-width:0; }
.service-section { padding-bottom:64px; margin-bottom:64px; border-bottom:1px solid var(--line); scroll-margin-top:calc(var(--header-h) + 25px); }
.service-section .section-label { margin-bottom:22px; }
.service-section h2 { font-size:clamp(29px,3vw,42px); line-height:1.19; letter-spacing:-.045em; font-weight:400; }
.service-prose { margin-top:26px; max-width:760px; }
.service-prose p,.service-agreement p { color:#656d78; font-size:15px; line-height:1.95; }
.service-prose p+p { margin-top:17px; }
.service-audience { margin-top:33px; padding:23px 0 0; border-top:1px solid #e4e5e2; }
.service-audience h3 { font-size:12px; color:#535b66; margin-bottom:15px; }
.service-audience li,.service-planning-card li { display:flex; align-items:flex-start; gap:11px; margin-top:12px; color:#727982; font-size:13px; line-height:1.8; }
.service-audience li>.icon,.service-planning-card li>.icon { margin-top:4px; width:16px; height:16px; color:#8d9aa9; }
.service-scope-grid { display:grid; grid-template-columns:1fr 1fr; gap:39px 36px; margin-top:35px; }
.service-scope-item { border-top:1px solid #cfd2d4; padding-top:16px; }
.service-item-top { display:flex; align-items:center; justify-content:space-between; color:#959faa; font-size:10px; margin-bottom:23px; }
.service-item-top .icon { width:19px; height:19px; }
.service-scope-item h3 { font-size:19px; letter-spacing:-.03em; line-height:1.4; margin-bottom:11px; }
.service-scope-item p { font-size:13px; line-height:1.9; color:#6e7680; }
.service-scope-note { display:flex; align-items:flex-start; gap:10px; margin-top:30px; color:#838b94; font-size:11px; line-height:1.8; }
.service-scope-note .icon { width:13px; height:13px; margin-top:4px; }
.service-process { list-style:none; margin:34px 0 0; padding:0; }
.service-process li { display:grid; grid-template-columns:36px minmax(0,1fr) minmax(0,1.8fr); gap:20px; align-items:start; padding:24px 0; border-top:1px solid #dee1e2; }
.process-number { font-size:11px; color:#8492a3; padding-top:4px; }
.service-process h3 { font-size:18px; letter-spacing:-.025em; line-height:1.45; }
.service-process p { font-size:13px; line-height:1.85; color:#6e7782; }
.service-planning-card { margin-top:31px; background:#f0f1ee; padding:26px 29px; border-radius:7px; }
.service-planning-card h3 { font-size:18px; letter-spacing:-.025em; margin-bottom:17px; }
.service-planning-card li { color:#667169; }
.service-agreement { margin-top:28px; }
.service-agreement h3 { font-size:13px; margin-bottom:12px; }
.service-agreement p { font-size:13px; }
.service-questions { padding-bottom:0; border:0; margin-bottom:75px; }
.service-questions .faq-list { margin-top:32px; }
.service-questions .faq-item summary { font-size:16px; padding:23px 0; line-height:1.55; }
.service-questions .faq-item>p { font-size:14px; line-height:1.9; padding-bottom:23px; }
.service-related { border-top:1px solid var(--line); padding-block:62px 73px; }
.service-related-heading { display:flex; justify-content:space-between; align-items:end; gap:30px; }
.service-related-heading .section-label { margin-bottom:16px; }
.service-related h2 { font-size:34px; line-height:1.2; letter-spacing:-.045em; }
.service-related-heading>.text-link { font-size:11px; white-space:nowrap; }
.service-related-heading>.text-link .icon { width:16px; height:16px; }
.service-related-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-top:35px; }
.service-related-card { display:flex; align-items:flex-start; gap:20px; border-top:1px solid #d1d5d8; padding:24px 0 0; }
.service-related-number { font-size:10px; color:#909baa; padding-top:6px; }
.service-related-card h3 { font-size:23px; line-height:1.4; letter-spacing:-.035em; transition:color .2s; }
.service-related-card p { font-size:12px; color:#7e8690; line-height:1.9; margin-top:6px; }
.service-related-read { display:block; font-size:10px; color:#747e8b; margin-top:19px; }
.service-related-card>.icon { margin-left:auto; margin-top:6px; width:19px; height:19px; color:#818c99; }
.service-related-card:hover h3 { color:var(--blue); }
.service-contact { padding:72px 0 77px; background:#eceeea; }
.service-contact-grid { display:grid; grid-template-columns:1.55fr 1fr; gap:90px; align-items:center; }
.service-contact .section-label { margin-bottom:21px; }
.service-contact h2 { font-size:clamp(33px,3.65vw,49px); line-height:1.2; letter-spacing:-.045em; }
.service-contact-aside { max-width:370px; justify-self:end; }
.service-contact-aside>p { color:#6e766f; font-size:14px; line-height:1.9; margin-bottom:22px; }
.service-contact-aside .button { width:100%; justify-content:space-between; }
.service-contact-aside small { display:block; margin-top:16px; color:#899086; font-size:10px; line-height:1.7; }
@media(min-width:1650px) {
 .service-scene { height:465px; }
 .service-web-browser { top:67px; width:640px; }
}
@media(max-width:1120px) {
 .service-hero-grid { gap:28px; grid-template-columns:1.65fr 1fr; }
 .service-hero h1 { font-size:clamp(42px,5.25vw,62px); }
 .service-navigation a { font-size:10px; gap:8px; }
 .service-navigation .icon { display:none; }
 .service-reading { grid-template-columns:190px minmax(0,1fr); gap:45px; }
 .service-scene { height:375px; }
 .service-web-browser { top:66px; left:19%; }
 .service-web-phone { right:12%; width:118px; bottom:26px; }
 .service-art-note { left:5%; bottom:58px; padding:14px 17px; }
 .service-hero h1>span { overflow-wrap:normal; }
 .service-redesign-layout { padding-inline:5%; grid-template-columns:1fr 1.6fr; gap:5%; }
 .redesign-explainer h3 { font-size:24px; }
 .redesign-controls button { font-size:9px; padding:8px; }
 .store-browser { left:8%; top:67px; max-width:67%; }
 .store-product-photo { height:105px; }
 .store-object { transform:scale(.85); transform-origin:bottom; }
 .store-checkout { right:6%; top:95px; width:220px; padding:19px; }
 .store-inner { padding:16px 22px 12px; }
 .store-heading h3 { font-size:25px; }
 .store-heading { margin-top:13px; }
 .store-footer { margin-top:12px; }
 .service-software-art { padding-inline:6%; grid-template-columns:1fr 40px 1.3fr; }
 .workflow-board { padding:17px; }
 .workflow-node { font-size:10px; padding:10px; }
 .workflow-nodes { gap:12px; }
 .software-workspace { padding:18px; }
 .software-workspace h3 { font-size:21px; }
 .software-records>div:last-child { display:none; }
 .service-care-art { gap:25px; }
 .care-plan { width:390px; max-width:58%; padding:17px 22px; }
 .care-plan h3 { font-size:22px; }
 .care-plan-items>div { padding:10px 0; }
 .care-identity-card { width:190px; }
 .service-figure figcaption { font-size:9px; }
 .service-contact-grid { gap:45px; }
}
@media(max-width:900px) {
 .service-hero h1 { font-size:46px; }
 .service-reading { grid-template-columns:1fr; gap:30px; padding-top:35px; }
 .service-aside { border-bottom:1px solid var(--line); padding-bottom:25px; }
 .service-aside-inner { position:static; }
 .service-aside-contact { display:none; }
 .service-toc { display:flex; flex-wrap:wrap; border:0; gap:5px 18px; margin-top:11px; }
 .service-toc a { padding:7px 0; border:0; gap:8px; font-size:11px; }
 .service-toc a>span { font-size:8px; }
 .service-article { max-width:none; }
 .service-contact h2 { font-size:34px; }
 .service-navigation { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .service-navigation a { font-size:11px; padding:15px 14px 15px 0; }
 .service-navigation a:after { right:15px; }
 .service-navigation a:nth-child(n+4) { border-top:1px solid #e6e7e4; }
 .service-scene { height:340px; }
 .service-web-browser { max-width:66%; left:12%; top:65px; }
 .service-web-phone { right:8%; width:105px; }
 .service-phone-copy>span { font-size:16px; }
 .service-web-phone img { height:66px; }
 .service-art-note { bottom:32px; }
 .service-redesign-layout { gap:5%; padding-top:60px; }
 .redesign-explainer h3 { font-size:21px; }
 .redesign-controls { flex-direction:column; align-items:stretch; }
 .store-checkout { width:187px; padding:16px; }
 .store-checkout h3 { font-size:19px; }
 .store-browser { max-width:69%; left:5%; }
 .store-heading { margin-top:10px; }
 .store-heading h3 { font-size:21px; }
 .store-heading p { font-size:7px; max-width:110px; }
 .store-product-photo { height:86px; }
 .store-object { transform:scale(.65); }
 .store-nav>span { font-size:21px; }
 .checkout-step { font-size:8px; padding:10px 0; gap:6px; }
 .checkout-icon { margin-bottom:10px; width:24px; height:24px; }
 .service-software-art { padding-inline:4%; grid-template-columns:1fr 24px 1.25fr; padding-top:57px; }
 .software-workspace-cards>div { padding:10px; }
 .software-workspace-top>small { display:none; }
 .software-workspace h3 { font-size:19px; }
 .workflow-board { padding:13px; }
 .workflow-heading { font-size:9px; gap:6px; padding-bottom:13px; }
 .workflow-node { font-size:9px; gap:8px; }
 .care-plan { max-width:61%; padding:16px 20px; }
 .care-plan h3 { font-size:20px; }
 .care-plan-items>div { padding:8px 0; font-size:9px; }
 .care-brand-icon { width:75px; height:75px; margin-bottom:15px; }
 .care-identity-card>p { font-size:26px; }
 .care-identity-card>small { font-size:8px; }
 .service-contact-aside .button { font-size:11px; gap:18px; }
}
@media(max-width:700px) {
 .service-hero { padding-top:17px; padding-bottom:27px; }
 .service-breadcrumb-row { margin-bottom:31px; align-items:flex-start; gap:15px; }
 .service-breadcrumb { font-size:10px; gap:7px; }
 .service-breadcrumb>span[aria-current] { max-width:100%; }
 .service-code { font-size:8px; padding-top:2px; }
 .service-eyebrow { font-size:10px; margin-bottom:16px; }
 .service-hero-grid { grid-template-columns:1fr; gap:21px; }
 .service-hero h1 { font-size:clamp(37px,6.7vw,48px); letter-spacing:-.055em; line-height:1.12; }
 .service-intro { justify-self:stretch; max-width:530px; }
 .service-intro p { font-size:14px; line-height:1.85; margin-bottom:17px; }
 .service-intro .text-link { font-size:12px; }
 .service-tagline { font-size:9px; gap:7px 12px; margin-top:23px; }
 .service-tagline>span { gap:12px; }
 .service-navigation { grid-template-columns:1fr 1fr; }
 .service-navigation a { font-size:11px; min-height:63px; padding:13px 17px 13px 0; }
 .service-navigation a:nth-child(n+3) { border-top:1px solid #e6e7e4; }
 .service-navigation a:last-child { grid-column:1/-1; min-height:49px; }
 .service-navigation a:last-child:after { right:0; }
 .service-figure { margin-top:23px; }
 .service-scene { border-radius:8px; height:335px; }
 .service-scene-top { left:18px; right:18px; top:19px; font-size:9px; gap:16px; }
 .service-scene-top>span:first-child { gap:8px; line-height:1.5; }
 .service-scene-top>span:last-child { font-size:7px; }
 .service-figure figcaption { flex-direction:column; gap:3px; font-size:9px; padding-block:11px; }
 .service-figure figcaption>span:last-child { text-align:left; font-size:9px; line-height:1.8; }
 .service-web-browser { max-width:none; width:80%; left:6%; top:71px; }
 .service-web-phone { right:5%; bottom:22px; width:101px; border-width:3px; border-radius:18px; }
 .service-phone-brand { font-size:14px; padding:6px 9px 8px; }
 .service-phone-copy { padding:12px 9px 13px; }
 .service-phone-copy>span { font-size:16px; }
 .service-web-phone img { height:57px; }
 .service-phone-copy small { font-size:4px; }
 .service-phone-copy em { font-size:5px; margin-top:9px; }
 .service-art-note { bottom:26px; left:5%; padding:12px; gap:9px; }
 .service-art-note>.icon { width:21px; height:21px; }
 .service-art-note>span { font-size:11px; }
 .service-art-note small { font-size:8px; }
 .service-art-orbit { width:430px; height:430px; left:-30%; }
 .scene-redesign { height:auto; min-height:470px; }
 .service-redesign-layout { display:flex; flex-direction:column; align-items:stretch; gap:20px; padding:58px 20px 25px; }
 .redesign-explainer .service-small-label { font-size:8px; }
 .redesign-explainer h3 { font-size:23px; max-width:360px; margin:9px 0 16px; }
 .redesign-controls { flex-direction:row; }
 .redesign-controls button { padding:9px 14px; font-size:10px; }
 .redesign-caption { font-size:9px; margin-top:9px; }
 .redesign-browser { width:100%; }
 .wire-hero>span { font-size:18px; }
 .wire-nav>span { font-size:12px; }
 .scene-ecommerce { height:415px; }
 .store-browser { left:5%; top:70px; width:85%; max-width:none; transform:rotate(-2deg); }
 .store-inner { padding:14px 16px 11px; }
 .store-nav>span { font-size:22px; }
 .store-nav small { font-size:7px; }
 .store-heading { display:block; margin:14px 0; }
 .store-heading h3 { font-size:24px; }
 .store-heading p { max-width:none; font-size:7px; margin-top:5px; }
 .store-products { gap:8px; }
 .store-product-photo { height:87px; }
 .store-product>div:last-child { font-size:8px; }
 .store-footer { font-size:6px; }
 .store-checkout { width:172px; right:5%; top:auto; bottom:20px; padding:14px 16px; }
 .checkout-icon { display:none; }
 .store-checkout h3 { font-size:18px; margin-bottom:10px; }
 .checkout-step { padding:9px 0; font-size:8px; }
 .checkout-bottom { font-size:7px; padding:8px; }
 .scene-software { height:auto; min-height:555px; }
 .service-software-art { display:flex; flex-direction:column; gap:0; padding:61px 20px 23px; }
 .workflow-board { width:100%; padding:17px; }
 .workflow-heading { font-size:10px; }
 .workflow-nodes { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
 .workflow-nodes:before { display:none; }
 .workflow-node { padding:11px 9px; font-size:9px; gap:7px; align-items:flex-start; }
 .workflow-node .icon { width:13px; height:13px; margin-top:1px; }
 .workflow-node .icon:last-child { display:none; }
 .software-connector { height:28px; transform:rotate(90deg); }
 .software-workspace { width:100%; padding:19px; }
 .software-workspace h3 { font-size:23px; margin-bottom:15px; }
 .software-workspace-top>small { display:block; font-size:7px; }
 .software-workspace-cards span { font-size:10px; }
 .software-workspace-cards .icon { margin-bottom:8px; }
 .software-records { margin-top:10px; }
 .software-records>div:last-child { display:flex; }
 .software-workspace>p { font-size:9px; }
 .scene-care { height:auto; min-height:480px; }
 .service-care-art { padding:65px 20px 24px; flex-direction:column; gap:22px; }
 .care-identity-card { width:100%; display:grid; grid-template-columns:66px 1fr; align-items:center; column-gap:18px; text-align:left; }
 .care-brand-icon { width:66px; height:66px; border-radius:17px; grid-row:1/4; margin:0; }
 .care-brand-icon .icon { width:36px; height:36px; }
 .care-identity-card>span { font-size:9px; }
 .care-identity-card>p { font-size:27px; margin:0; line-height:1.3; }
 .care-identity-card>small { font-size:8px; margin-top:6px; }
 .care-plan { width:100%; max-width:none; padding:18px 20px; }
 .care-plan h3 { font-size:22px; margin:11px 0 16px; }
 .care-plan-items>div { font-size:11px; padding:11px 0; }
 .care-plan>p { font-size:9px; }
 .care-orbit { left:-160px; }
 .care-orbit-two { left:-260px; }
 .service-reading { padding-top:26px; gap:32px; }
 .service-toc { gap:6px 17px; }
 .service-toc a { font-size:11px; padding-block:7px; }
 .service-section { margin-bottom:44px; padding-bottom:44px; scroll-margin-top:90px; }
 .service-section .section-label { font-size:9px; margin-bottom:17px; }
 .service-section h2 { font-size:30px; line-height:1.22; }
 .service-prose { margin-top:22px; }
 .service-prose p { font-size:14px; line-height:1.95; }
 .service-audience { margin-top:26px; padding-top:20px; }
 .service-audience h3 { font-size:12px; }
 .service-audience li,.service-planning-card li { font-size:13px; line-height:1.85; }
 .service-scope-grid { grid-template-columns:1fr; gap:28px; margin-top:27px; }
 .service-item-top { margin-bottom:14px; }
 .service-scope-item h3 { font-size:20px; margin-bottom:9px; }
 .service-scope-item p { font-size:14px; line-height:1.9; }
 .service-scope-note { font-size:11px; margin-top:26px; }
 .service-process { margin-top:26px; }
 .service-process li { grid-template-columns:28px 1fr; gap:7px 14px; padding:20px 0; }
 .service-process p { grid-column:2; font-size:14px; }
 .service-process h3 { font-size:20px; }
 .process-number { padding-top:6px; }
 .service-planning-card { padding:22px; margin-top:26px; }
 .service-planning-card h3 { font-size:18px; }
 .service-agreement p { font-size:13px; line-height:1.95; }
 .service-questions { margin-bottom:43px; padding-bottom:0; }
 .service-questions .faq-item summary { font-size:15px; padding:20px 0; }
 .service-questions .faq-item>p { font-size:14px; }
 .service-related { padding-block:38px 47px; }
 .service-related-heading { flex-direction:column; align-items:flex-start; gap:18px; }
 .service-related h2 { font-size:28px; }
 .service-related-grid { grid-template-columns:1fr; gap:28px; margin-top:28px; }
 .service-related-card { gap:15px; padding-top:20px; }
 .service-related-card h3 { font-size:22px; }
 .service-related-card p { font-size:13px; }
 .service-related-read { margin-top:13px; font-size:11px; }
 .service-contact { padding-block:43px 45px; }
 .service-contact-grid { grid-template-columns:1fr; gap:24px; }
 .service-contact h2 { font-size:33px; }
 .service-contact-aside { max-width:none; justify-self:stretch; }
 .service-contact-aside>p { font-size:14px; margin-bottom:20px; }
 .service-contact-aside .button { font-size:12px; }
 .service-contact-aside small { font-size:10px; }
}
@media(max-width:390px) {
 .service-hero h1 { font-size:36px; }
 .service-code { display:none; }
 .service-tagline { font-size:8px; gap:7px 10px; }
 .service-tagline>span { gap:10px; }
 .service-navigation a { font-size:10px; }
 .service-scene-top { font-size:8px; }
 .service-web-phone { width:87px; }
 .service-phone-copy>span { font-size:14px; }
 .service-art-note { max-width:58%; bottom:32px; }
 .service-art-note small { font-size:7px; }
 .service-scene.scene-website { height:304px; }
 .scene-redesign { min-height:430px; }
 .redesign-explainer h3 { font-size:22px; }
 .store-product-photo { height:72px; }
 .store-object { transform:scale(.55); }
 .scene-ecommerce { height:382px; }
 .store-checkout { width:157px; }
 .store-checkout h3 { font-size:16px; }
 .workflow-nodes { grid-template-columns:1fr; gap:9px; }
 .workflow-node { font-size:11px; }
 .scene-software { min-height:650px; }
 .software-workspace-top>small { display:none; }
 .service-section h2 { font-size:28px; }
 .service-contact h2 { font-size:29px; }
}
@media(prefers-reduced-motion:reduce) {
 .service-page *, .service-page *:before, .service-page *:after { transition:none!important; scroll-behavior:auto!important; }
}
@media print {
 .service-figure,.service-aside,.service-navigation,.service-intro>a,.service-contact-aside>a,.service-related { display:none!important; }
 .service-reading { display:block; padding:20px 0; }
 .service-section { margin-bottom:20px; padding-bottom:20px; }
 .service-prose p,.service-scope-item p,.service-process p,.service-agreement p { color:#222; }
 .service-page .faq-item>p { display:block!important; }
 .service-page details { content-visibility:visible; }
 .service-hero h1 { font-size:36px; }
 .service-hero-grid,.service-contact-grid { display:block; }
 .service-intro { max-width:none; margin-top:20px; }
 .service-contact { background:white; padding:20px 0; }
}