/* Scoped styles transferred from the supplied standalone reference. */
.reference-services,.reference-story{--radius-l:28px;--dark:#211c17;--on-dark:#f7f1e8;--dark-line:rgba(255,255,255,.12);--on-orange:#1b140e;--sand:#f1e9db;--surface-2:#f4eee3;--orange-soft:#ffd3ba;--orange:#ff641f}
.reference-services .phone{position: relative; width: 100%; height: 100%; padding: 0.45em; border-radius: 2.1em; background: rgb(23, 18, 14); box-shadow: rgba(255, 255, 255, 0.14) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.6) 0px 3em 5em -2em;}
.reference-services .notch{position: absolute; z-index: 2; top: 0.95em; left: 50%; width: 3em; height: 0.9em; margin-left: -1.5em; border-radius: 1em; background: rgb(23, 18, 14);}
.reference-services .ph-screen{height: 100%; display: flex; flex-direction: column; gap: 0.7em; padding: 2.1em 0.95em 0.9em; border-radius: 1.7em; background: rgb(255, 251, 245); color: rgb(31, 26, 21); overflow: hidden;}
.reference-services .ph-screen small{font-size: 0.72em; color: rgb(122, 111, 99);}
.reference-services .ph-title{font: 700 1.6em/1 var(--display); letter-spacing: -0.03em;}
.reference-services .ph-ring{position: relative; align-self: center; display: grid; place-items: center; width: 5.8em; height: 5.8em; border-radius: 50%; background: conic-gradient(rgb(255, 91, 20) 0deg, rgb(255, 91, 20) 72%, rgb(240, 230, 216) 0deg);}
.reference-services .ph-ring::before{content: ""; position: absolute; inset: 0.7em; border-radius: 50%; background: rgb(255, 251, 245);}
.reference-services .ph-ring span{position: relative; font: 700 1.15em var(--display);}
.reference-services .ph-list i{display: block; position: relative; height: 2.1em; margin-top: 0.5em; border-radius: 0.7em; background: rgb(245, 237, 225);}
.reference-services .ph-list i::before{content: ""; position: absolute; left: 0.7em; top: 0.65em; width: 0.8em; height: 0.8em; border-radius: 50%; background: rgb(255, 91, 20);}
.reference-services .ph-list i:nth-child(2)::before{background: rgb(31, 26, 21);}
.reference-services .ph-list i:nth-child(3)::before{background: rgb(255, 178, 138);}
.reference-services .ph-tabs{margin-top: auto; display: flex; justify-content: space-around;}
.reference-services .ph-tabs u{width: 1.2em; height: 1.2em; border-radius: 0.4em; background: rgb(231, 220, 204);}
.reference-services .ph-tabs u.on{background: rgb(255, 91, 20);}
.reference-services .ph-habits i{display: flex; align-items: center; gap: 0.6em; height: 2.3em; margin-top: 0.5em; padding: 0px 0.7em; border-radius: 0.7em; background: rgb(245, 237, 225); font-style: normal; font-size: 0.72em; font-weight: 600;}
.reference-services .ph-habits i::before{content: ""; width: 1.2em; height: 1.2em; border-radius: 50%; border: 2px solid rgb(255, 91, 20);}
.reference-services .ph-habits i.done::before{background: rgb(255, 91, 20);}
.reference-services .bento{display: grid; grid-template-columns: repeat(12, minmax(0px, 1fr)); grid-auto-rows: 180px; gap: 16px;}
.reference-services .cell{position: relative; container-type: inline-size; isolation: isolate; overflow: hidden; padding: clamp(20px, 2.1vw, 30px); border-radius: var(--radius-l); border: 1px solid var(--line); background: var(--surface);}
.reference-services .cell .txt{position: relative; z-index: 3;}
.reference-services .cell h3{font: 700 clamp(1.4rem,2vw,1.9rem)/1.04 var(--display); letter-spacing: -0.035em;}
.reference-services .cell .txt p{margin-top: 0.7em; max-width: 34ch; font-size: 0.97rem; line-height: 1.5; color: var(--muted);}
.reference-services .tags{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px;}
.reference-services .tags span{padding: 0.32em 0.8em; border-radius: 99px; font-size: 0.78rem; font-weight: 600; background: rgba(127, 127, 127, 0.12); border: 1px solid rgba(127, 127, 127, 0.24);}
.reference-services .c-dark{background: var(--dark); color: var(--on-dark); border-color: var(--dark-line);}
.reference-services .c-dark .txt p{color: rgba(247, 241, 232, 0.68);}
.reference-services .c-peach{background: var(--peach);}
.reference-services .c-peach .txt p,.reference-services .c-sand .txt p{color: color-mix(in srgb,var(--ink) 72%,transparent);}
.reference-services .c-sand{background: var(--sand);}
.reference-services .c-orange{background: var(--orange); color: var(--on-orange); border-color: transparent;}
.reference-services .c-orange .txt p{color: rgba(27, 20, 14, 0.8);}
.reference-services .b-web{grid-area: span 2 / 1 / auto / 7;}
.reference-services .b-app{grid-area: span 4 / 7 / auto / 10;}
.reference-services .b-ux{grid-area: span 2 / 10 / auto / 13;}
.reference-services .b-mkt{grid-area: span 2 / 1 / auto / 5;}
.reference-services .b-speed{grid-area: span 2 / 5 / auto / 7;}
.reference-services .b-care{grid-area: span 2 / 10 / auto / 13;}
.reference-services .b-speed h3{font-size: clamp(1.15rem, 1.55vw, 1.5rem);}
.reference-services .b-speed,.reference-services .b-care{padding: clamp(18px, 1.8vw, 26px);}
@media (max-width: 1080px){.reference-services .bento{grid-template-columns: repeat(6, minmax(0px, 1fr));}
.reference-services .b-web,.reference-services .b-mkt{grid-column: 1 / 7;}
.reference-services .b-app,.reference-services .b-speed{grid-column: 1 / 4;}
.reference-services .b-ux,.reference-services .b-care{grid-column: 4 / 7;}
.reference-services .b-app{grid-row: span 4;}
.reference-services .b-ux{grid-row: span 4;}
.reference-services .b-speed,.reference-services .b-care{grid-row: span 2;}
.reference-services .b-care{grid-row: span 2;}}
@media (max-width: 640px){.reference-services .bento{grid-template-columns: 1fr; grid-auto-rows: auto;}
.reference-services .cell,.reference-services .b-web,.reference-services .b-app,.reference-services .b-ux,.reference-services .b-mkt,.reference-services .b-speed,.reference-services .b-care{grid-area: auto / 1 / auto / -1;}
.reference-services .b-web{min-height: 470px;}
.reference-services .b-app{min-height: 620px;}
.reference-services .b-ux{min-height: 440px;}
.reference-services .b-mkt{min-height: 440px;}
.reference-services .b-speed{min-height: 330px;}
.reference-services .b-care{min-height: 340px;}}
.reference-services .code{position: absolute; z-index: 2; right: -14px; bottom: -18px; width: min(350px, 60cqw); border-radius: 16px; background: rgb(30, 25, 19); color: rgb(237, 228, 214); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: rgba(40, 15, 0, 0.6) 0px 30px 50px -20px; transform-origin: 100% 100%; transform: perspective(900px) rotateY(calc(-14deg + var(--px,0)*8deg)) rotateX(calc(6deg + var(--py,0)*-6deg)) rotate(-1.5deg); transition: transform 0.3s ease-out;}
.reference-services .code-bar{display: flex; align-items: center; gap: 6px; padding: 11px 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
.reference-services .code-bar i{width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.2);}
.reference-services .code-bar i:first-child{background: rgb(255, 91, 20);}
.reference-services .code-bar span{margin-left: auto; font-size: 11px; color: rgba(237, 228, 214, 0.5);}
.reference-services .code pre{margin: 0px; padding: 14px 16px 20px; font: 500 12.5px / 1.7 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;}
.reference-services .ln{display: block; width: 0px; overflow: hidden; white-space: pre;}
.reference-services .inview .ln{animation: type .9s steps(var(--n),end) calc(var(--i)*.75s + .3s) forwards;}
@keyframes type { 
  100% { width: calc(var(--n)*1ch); }
}
.reference-services .k{color: rgb(255, 138, 76);}
.reference-services .s{color: rgb(255, 201, 166);}
.reference-services .c{color: rgba(237, 228, 214, 0.45);}
.reference-services .caret{display: inline-block; width: 0.6em; height: 1.1em; margin-left: 2px; vertical-align: -0.2em; background: var(--orange); animation: 1s steps(2) 0s infinite normal none running blink;}
@keyframes blink { 
  50% { opacity: 0; }
}
.reference-services .live{position: absolute; z-index: 3; left: clamp(20px, 2.1vw, 30px); bottom: 24px; display: inline-flex; align-items: center; gap: 8px; padding: 0.5em 1em; border-radius: 99px; background: var(--surface-2); border: 1px solid var(--line); font-size: 0.85rem; font-weight: 600; opacity: 0;}
.reference-services .live::before{content: ""; width: 8px; height: 8px; border-radius: 50%; background: rgb(47, 179, 107);}
.reference-services .inview .live{animation: 0.5s ease 5.7s 1 normal both running pop;}
@keyframes pop { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: none; }
}
.reference-services .b-app .glow{position: absolute; z-index: 0; left: 50%; bottom: -18%; width: 120cqw; height: 120cqw; margin-left: -60cqw; border-radius: 50%; background: radial-gradient(circle, rgba(255, 91, 20, 0.55), transparent 62%);}
.reference-services .phone-tilt{position: absolute; z-index: 2; left: 50%; bottom: -2.2em; font-size: clamp(15px, 8.4cqw, 27px); width: 10em; height: 20.5em; transform-style: preserve-3d; transform: translateX(-50%) perspective(900px) rotateX(calc(8deg + var(--py,0)*-6deg)) rotateY(calc(var(--px,0)*10deg)); transition: transform 0.3s ease-out;}
.reference-services .notif{position: absolute; display: flex; align-items: center; gap: 0.6em; padding: 0.6em 0.9em; border-radius: 1em; background: rgb(255, 251, 245); color: rgb(31, 26, 21); box-shadow: rgba(0, 0, 0, 0.6) 0px 1.6em 2.4em -1em; font-size: 0.62em; font-weight: 600; line-height: 1.25; white-space: nowrap;}
.reference-services .notif i{width: 2em; height: 2em; border-radius: 0.6em; background: var(--orange); flex: 0 0 auto;}
.reference-services .notif small{display: block; font-weight: 400; color: rgb(122, 111, 99); font-size: 0.9em;}
.reference-services .n1{left: -1.2em; top: 5em; transform: translateZ(5em);}
.reference-services .n2{right: -1.4em; top: 13em; transform: translateZ(7em);}
.reference-services .layers{position: absolute; z-index: 1; right: 0px; bottom: 0px; width: min(280px, 96cqw); aspect-ratio: 1.1 / 1; perspective: 900px;}
.reference-services .stack{position: absolute; inset: 0px; transform-style: preserve-3d; transform: rotateX(58deg) rotateZ(calc(-32deg + var(--px,0)*14deg)); transition: transform 0.5s ease-out;}
.reference-services .layer{position: absolute; left: 24%; top: 24%; width: 56%; height: 42%; border-radius: 12px; border: 1.5px solid var(--ink); transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);}
.reference-services .l1{border-style: dashed; background: transparent; transform: translateZ(0px);}
.reference-services .l1::before,.reference-services .l1::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(to top right,transparent calc(50% - .75px),var(--ink) 50%,transparent calc(50% + .75px)); opacity: 0.35;}
.reference-services .l1::after{transform: scaleX(-1);}
.reference-services .l2{background: var(--surface); transform: translateZ(30px); padding: 10px;}
.reference-services .l2 b{display: block; height: 9px; width: 50%; border-radius: 4px; background: var(--ink);}
.reference-services .l2 i{display: block; height: 24px; margin-top: 8px; border-radius: 6px; background: var(--peach);}
.reference-services .l3{background: var(--orange); border-color: var(--orange); transform: translateZ(60px);}
.reference-services .l3 svg{position: absolute; right: -10px; bottom: -12px; width: 26px; height: 26px;}
.reference-services .inview .l2{animation: 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) 0.3s 1 normal both running lift2;}
.reference-services .inview .l3{animation: 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) 0.5s 1 normal both running lift3;}
@keyframes lift2 { 
  0% { transform: translateZ(0px); }
  100% { transform: translateZ(30px); }
}
@keyframes lift3 { 
  0% { transform: translateZ(0px); }
  100% { transform: translateZ(60px); }
}
.reference-services .b-ux:hover .l2{transform: translateZ(52px); animation: auto ease 0s 1 normal none running none;}
.reference-services .b-ux:hover .l3{transform: translateZ(104px); animation: auto ease 0s 1 normal none running none;}
.reference-services .chart-wrap{position: absolute; z-index: 1; left: 0px; right: 0px; bottom: 0px;}
.reference-services .chart{width: 100%; height: auto;}
.reference-services .chart .line{stroke-dasharray: 1; stroke-dashoffset: 1;}
.reference-services .chart .area{opacity: 0;}
.reference-services .chart .end{opacity: 0;}
.reference-services .inview .chart .line{animation: 1.8s ease-out 0.2s 1 normal forwards running draw;}
.reference-services .inview .chart .area{animation: 1s ease 1.2s 1 normal forwards running fadein;}
.reference-services .inview .chart .end{animation: 0.4s ease 1.8s 1 normal forwards running fadein;}
@keyframes draw { 
  100% { stroke-dashoffset: 0; }
}
@keyframes fadein { 
  100% { opacity: 1; }
}
.reference-services .chip-stat{position: absolute; z-index: 2; right: clamp(16px, 2vw, 28px); bottom: 44%; padding: 0.55em 0.95em; border-radius: 14px; background: var(--dark); color: var(--on-dark); font-size: 0.85rem; font-weight: 600; line-height: 1.2; box-shadow: rgba(30, 10, 0, 0.6) 0px 14px 26px -12px;}
.reference-services .chip-stat b{display: block; font: 700 1.4rem/1 var(--display); letter-spacing: -0.03em;}
.reference-services .ring{--p: 98; position: absolute; left: 50%; bottom: 44px; width: min(62cqw, 124px); aspect-ratio: 1 / 1; margin-left: calc(-0.5 * min(62cqw, 124px)); border-radius: 50%; background: conic-gradient(var(--orange) calc(var(--p)*1%),var(--line) 0); display: grid; place-items: center;}
.reference-services .ring::before{content: ""; position: absolute; inset: 11%; border-radius: 50%; background: var(--sand);}
.reference-services .ring b{position: relative; font: 700 clamp(1.8rem,3vw,2.4rem)/1 var(--display); letter-spacing: -0.04em;}
.reference-services .ring-cap{position: absolute; left: 0px; right: 0px; bottom: 16px; text-align: center; font-size: 0.8rem; color: var(--muted);}
.reference-services .status{position: absolute; left: clamp(18px, 1.8vw, 26px); right: clamp(18px, 1.8vw, 26px); bottom: 22px;}
.reference-services .status p{display: flex; align-items: center; gap: 8px; font-size: 0.85rem; font-weight: 600; margin-bottom: 10px;}
.reference-services .status p::before{content: ""; width: 9px; height: 9px; border-radius: 50%; background: rgb(47, 179, 107); animation: 2s ease 0s infinite normal none running pulse;}
.reference-services .uptime{display: flex; gap: 3px;}
.reference-services .uptime i{flex: 1 1 0%; height: 38px; border-radius: 4px; background: rgb(47, 179, 107); opacity: 0.9; transform: scaleY(0); transform-origin: center bottom;}
.reference-services .uptime i.warn{background: var(--orange);}
.reference-services .inview .uptime i{animation: grow .5s calc(var(--i)*30ms) both;}
.reference-story .steps{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 16px; align-items: start;}
.reference-story .step{min-height: 260px; display: flex; flex-direction: column; padding: 26px; border-radius: 24px; background: var(--surface); border: 1px solid var(--line);}
.reference-story .step:nth-child(1){margin-top: 108px;}
.reference-story .step:nth-child(2){margin-top: 72px;}
.reference-story .step:nth-child(3){margin-top: 36px;}
.reference-story .step:nth-child(4){background: var(--orange); color: var(--on-orange); border-color: transparent;}
.reference-story .step .n{width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: var(--ink); color: var(--bg); font: 700 1.05rem var(--display);}
.reference-story .step:nth-child(4) .n{background: var(--on-orange); color: var(--orange);}
.reference-story .step .when{margin-top: auto; padding-top: 28px; font-size: 0.85rem; font-weight: 600; color: var(--muted);}
.reference-story .step:nth-child(4) .when{color: rgba(27, 20, 14, 0.75);}
.reference-story .step h3{margin-top: 18px; font: 700 1.5rem/1.05 var(--display); letter-spacing: -0.035em;}
.reference-story .step p{margin-top: 10px; color: var(--muted); font-size: 0.96rem;}
.reference-story .step:nth-child(4) p{color: rgba(27, 20, 14, 0.82);}
@media (max-width: 1000px){.reference-story .steps{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.reference-story .step:nth-child(n){margin-top: 0px;}}
@media (max-width: 600px){.reference-story .steps{grid-template-columns: 1fr;}
.reference-story .step{min-height: 0px;}}
.reference-story .quotes{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 16px; align-items: start;}
.reference-story .quote{display: flex; flex-direction: column; gap: 28px; padding: 28px; border-radius: 24px; background: var(--surface); border: 1px solid var(--line);}
.reference-story .quote:nth-child(2){background: var(--peach); margin-top: 40px;}
.reference-story .quote blockquote{font: 500 1.28rem/1.3 var(--display); letter-spacing: -0.02em;}
.reference-story .who{display: flex; align-items: center; gap: 12px;}
.reference-story .av{width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: var(--orange); color: var(--on-orange); font: 700 .95rem var(--display);}
.reference-story .quote:nth-child(2) .av{background: var(--ink); color: var(--bg);}
.reference-story .who b{display: block; font-weight: 600; line-height: 1.2;}
.reference-story .who span{font-size: 0.88rem; color: var(--muted);}
@media (max-width: 900px){.reference-story .quotes{grid-template-columns: 1fr;}
.reference-story .quote:nth-child(2){margin-top: 0px;}}

/* Small refinements keep the supplied composition intact. */
.reference-services .cell{box-shadow:0 14px 38px -32px #4a230a55}
.reference-services .cell h3 a{color:inherit;text-decoration:none}
.reference-services .bento-arrow{display:inline-block;font:400 .65em var(--body);margin-left:9px;opacity:.6;transition:transform .2s}
.reference-services .cell h3 a:hover .bento-arrow{transform:translate(2px,-2px);opacity:1}
.reference-services .layers{height:auto}
.reference-services svg.chart{position:static;display:block;padding:0;border:0;border-radius:0;background:none;right:auto;bottom:auto}
.reference-services .ln{width:auto}
.reference-services .inview .ln{animation:none}
.reference-services .live{opacity:1;font-size:.72rem;bottom:19px}
.reference-services .inview .live{animation:none}
.reference-services .chip-stat{bottom:35%;font-size:.72rem}
.reference-services .chip-stat b{font-size:1.1rem}
.reference-services .chart .line{stroke-dashoffset:0}
.reference-services .chart .area,.reference-services .chart .end{opacity:1}
.reference-services .uptime i{transform:scaleY(1)}
.reference-services .b-care .status p{font-size:.75rem}
.reference-services .b-speed .ring-cap{font-size:.73rem}
.reference-services .b-speed .ring{--p:98!important}
.reference-services .b-app h3{font-size:clamp(1.4rem,1.8vw,1.65rem)}
.reference-services .b-app .bento-arrow{font-size:.6em;margin-left:5px}
.reference-story figure,.reference-story blockquote{margin:0}
.reference-story .who .av{color:var(--ink);flex-shrink:0}
.reference-story .quote:nth-child(2) .av{color:var(--bg)}
.reference-story .quote{position:relative;gap:30px;min-height:280px}
.reference-story .quote:before{content:'“';font:70px/.6 var(--display);color:var(--accent-text);height:26px}
.reference-story .quote blockquote{font-size:1.18rem;line-height:1.5}
.reference-story .who{margin-top:auto}
.reference-story .step{position:relative;box-shadow:0 12px 35px -30px #4a230a44}
.reference-story .step .when{font-size:.75rem}
.reference-story .step .n{font-size:.9rem}
.reference-story .steps{position:relative}
.reference-story .steps:before{content:'';position:absolute;left:8%;right:8%;top:170px;height:1px;background:linear-gradient(90deg,transparent,#f0ba97,transparent);transform:rotate(-7deg)}

/* One continuous canvas, with a quiet thread between chapters. */
.home-flow main{background:radial-gradient(ellipse 75% 18% at 100% 25%,#ffdfc733,transparent),radial-gradient(ellipse 90% 22% at 0 62%,#eee3cf44,transparent),var(--bg)}
.home-flow main>.section{padding:58px 0}
.home-flow main>.section.soft{background:transparent}
.home-flow #services{padding-top:72px}
.home-flow .studio-strip{border:0;position:relative}
.home-flow .studio-strip:after{content:'';position:absolute;bottom:0;left:var(--gutter);right:var(--gutter);height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.home-flow .chapter-link{display:flex;align-items:center;justify-content:center;gap:14px;min-height:58px;max-width:660px;margin:0 auto;text-decoration:none;color:var(--muted);font-size:.72rem;letter-spacing:.015em;position:relative;padding:12px 24px}
.home-flow .chapter-link:before,.home-flow .chapter-link:after{content:'';height:1px;flex:1;max-width:120px;background:linear-gradient(90deg,transparent,#e1bca2)}
.home-flow .chapter-link:after{transform:scaleX(-1)}
.home-flow .chapter-link i{font-style:normal;color:var(--accent-text);transition:transform .2s}
.home-flow .chapter-link:hover i{transform:translateY(3px)}
.home-flow .chapter-link:hover{color:var(--ink)}
.home-flow .section-head{margin-bottom:38px}
.home-flow .section-head h2{max-width:18ch}
.home-flow #contact{padding-bottom:70px}
.home-flow .reveal{transition-duration:.65s;transition-timing-function:cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.home-flow .footer{background:var(--bg);border-top:0;padding-top:24px}
@keyframes uptime-rise{from{transform:scaleY(.1)}to{transform:scaleY(1)}}
.reference-services .inview .uptime i{animation:uptime-rise .5s calc(var(--i)*25ms) both}
@media(max-width:1080px) and (min-width:641px){.reference-services .b-app,.reference-services .b-ux{grid-row:span 4}.reference-services .b-speed,.reference-services .b-care{grid-row:span 2}.reference-services .chart-wrap{width:440px;max-width:100%;left:auto;right:0}}
@media(max-width:640px){
 .home-flow main>.section{padding:36px 0}.home-flow #services{padding-top:48px}.home-flow .chapter-link{font-size:.65rem;gap:10px;min-height:48px;padding-inline:var(--gutter)}.home-flow .chapter-link:before,.home-flow .chapter-link:after{max-width:40px}.home-flow .chapter-link span{text-align:center}.home-flow .section-head h2{font-size:2.5rem;max-width:20ch}
 .reference-services .b-web{min-height:470px}.reference-services .code{width:calc(100% - 44px);right:10px;bottom:50px}.reference-services .code pre{font-size:clamp(10px,2.8vw,12.5px)}.reference-services .b-web .txt{padding-bottom:225px}.reference-services .b-app{min-height:690px}.reference-services .phone-tilt{font-size:22px;bottom:-38px}.reference-services .b-ux{min-height:390px}.reference-services .b-ux .layers{width:280px}.reference-services .b-mkt{min-height:425px}.reference-services .chip-stat{bottom:33%;right:20px}.reference-services .b-speed{min-height:260px}.reference-services .b-care{min-height:310px}.reference-services .cell h3{font-size:1.7rem}.reference-services .tags span{font-size:.71rem}.reference-services .cell .txt p{font-size:.92rem}.reference-story .steps:before{display:none}.reference-story .step{min-height:250px}.reference-story .quote{min-height:0}.reference-story .quote blockquote{font-size:1.14rem}
}
@media(prefers-reduced-motion:reduce){
 .home-flow .reveal{transition:none;transition-delay:0s}.reference-services .cell *{animation:none!important;transition:none!important}.reference-services .ln{width:auto}.reference-services .live,.reference-services .chart .area,.reference-services .chart .end{opacity:1}.reference-services .chart .line{stroke-dashoffset:0}.reference-services .uptime i{transform:scaleY(1)}
}