:root{--blue:#1474a8;--blue-dark:#105d87;--ink:#122e3d;--muted:#526772;--cream:#faf9f5;--line:#dce4e7;--font:'Work Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.7 var(--font)}::selection{background:#b7e1f4;color:var(--ink)}a{color:inherit;text-decoration:none;text-underline-offset:5px}button{font:inherit}img{display:block;max-width:100%;height:auto}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3{font-family:'Rubik',sans-serif;font-weight:500;letter-spacing:-.035em;line-height:1.17;text-wrap:balance;margin:0 0 24px}h1{font-size:clamp(42px,4.5vw,64px)}h2{font-size:clamp(30px,3.2vw,44px)}h2 span,h1 span{color:var(--blue)}h3{font-size:22px;letter-spacing:-.02em}p{color:var(--muted);margin:0 0 18px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d96936;outline-offset:5px}.container{width:min(1180px,calc(100% - 64px));margin-inline:auto}.section{padding:90px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:40px}.section-heading h2,.section-heading p{margin:0}.section-heading p{font-size:15px}.brand{display:inline-block;flex-shrink:0}.brand img{width:165px;height:auto}.home-header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--line)}.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.home-header nav{display:flex;gap:30px;font-size:14px;font-weight:500}.home-header nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:54px;padding:15px 24px;border-radius:7px;background:var(--blue);color:#fff;font-size:15px;font-weight:600;line-height:1.4;transition:background .2s,transform .25s cubic-bezier(.16,1,.3,1)}.button:hover{background:var(--blue-dark);transform:translateY(-2px)}.button-small{font-size:13px;min-height:44px;padding:12px 18px}.button-white{background:#fff;color:var(--blue-dark)}.button-white:hover{background:#dff1fb}.text-link{display:inline-flex;align-items:center;gap:14px;color:var(--blue-dark);font-size:14px;font-weight:600;border-bottom:1px solid #9bbfd2;padding-bottom:3px}.text-link:hover{color:var(--blue);border-color:var(--blue)}.text-link span{transition:transform .2s}.text-link:hover span{transform:translateX(3px)}.menu-toggle{display:none}.home-hero{padding:78px 0 70px;background:var(--cream);overflow:hidden}.home-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.home-hero-copy>p{font-size:18px;max-width:48ch}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin:30px 0 28px}.hero-location{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted)}.hero-location svg{width:17px;height:17px;color:var(--blue)}.home-hero-art{position:relative;height:455px;animation:home-art-arrive .9s cubic-bezier(.16,1,.3,1);isolation:isolate}.hero-work{margin:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 17px 34px -17px #16384f45;transition:transform .5s cubic-bezier(.16,1,.3,1)}.hero-work img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}.hero-work figcaption{display:flex;justify-content:space-between;gap:10px;padding:11px 14px;font-size:12px;font-weight:500}.hero-work figcaption span{font-size:10px;color:var(--muted)}.hero-work-main{position:absolute;width:86%;top:45px;left:0;transform:rotate(-4deg);z-index:2}.hero-work-side{position:absolute;width:53%;right:-8px;bottom:12px;transform:rotate(5deg);z-index:3}.hero-work-small{position:absolute;width:42%;right:0;top:-4px;transform:rotate(6deg);z-index:1}.hero-work-small figcaption,.hero-work-side figcaption{font-size:10px;padding:8px 10px}@keyframes home-art-arrive{from{transform:translateY(18px);clip-path:inset(0 0 10% 0)}to{transform:translateY(0);clip-path:inset(-15%)}}.home-clients{padding:26px 0;background:#fff}.client-row{display:flex;align-items:center;gap:45px}.client-row>p{font-size:13px;line-height:1.65;flex-shrink:0;margin:0}.client-row strong{color:var(--ink);font-weight:500}.client-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:center;flex:1}.client-logos img{width:100%;max-height:78px;object-fit:contain}.home-services{background:var(--cream)}.services-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:42px}.service-featured{display:flex;flex-direction:column;align-items:flex-start;background:var(--blue);color:#fff;padding:38px;border-radius:12px;transition:background .3s,transform .3s cubic-bezier(.16,1,.3,1)}.service-featured>svg{width:38px;height:38px;margin-bottom:30px}.service-featured h3{color:#fff;font-size:39px;margin-bottom:18px}.service-featured p{color:#e0f2fc;font-size:15px;max-width:36ch;margin-bottom:35px}.service-featured>span{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px;font-weight:600;margin-top:auto;width:100%}.service-featured:hover{background:var(--blue-dark);transform:translateY(-3px)}.service-list{display:grid}.service-list>a{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:25px 8px;border-bottom:1px solid var(--line);transition:background .2s,color .2s}.service-list>a:first-child{padding-top:8px}.service-list h3{font-size:22px;margin-bottom:10px}.service-list p{font-size:14px;margin:0;max-width:51ch}.service-list svg{color:var(--blue);transition:transform .25s cubic-bezier(.16,1,.3,1)}.service-list>a:hover h3{color:var(--blue)}.service-list>a:hover svg{transform:translate(3px,-3px)}.home-split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.section-intro{max-width:48ch;margin-bottom:28px}.why-list article{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--line)}.why-list article:last-child{margin:0;padding:0;border:0}.why-list h3{font-size:20px;margin-bottom:10px}.why-list p{font-size:14px;margin:0}.home-process{background:#edf5f9}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:0;gap:28px}.process-steps li{border-top:1px solid #b2cbd9;padding-top:25px}.process-steps li>span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid #94b7ca;color:var(--blue-dark);font-size:14px;margin-bottom:22px}.process-steps h3{font-size:19px;margin-bottom:12px}.process-steps p{font-size:14px;margin:0}.about-art{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#edf6fb;border-radius:12px;min-height:360px;padding:38px;gap:24px}.about-art img{width:min(100%,235px);height:235px;object-fit:contain}.about-art span{font-size:12px;font-weight:600;letter-spacing:.05em;color:var(--blue-dark)}.home-about p{font-size:15px}.about-contact{display:flex;flex-direction:column;gap:5px;margin:24px 0;font-size:13px;color:var(--muted)}.about-contact a{color:var(--blue)}.home-faq{background:var(--cream)}.home-faq .home-split{align-items:start}.home-faq-list details{border-bottom:1px solid var(--line)}.home-faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;font-size:15px;font-weight:500;padding:21px 0}.home-faq-list summary::-webkit-details-marker{display:none}.home-faq-list summary svg{width:19px;height:19px;color:var(--blue);transition:transform .2s}.home-faq-list details[open] summary svg{transform:rotate(45deg)}.home-faq-list details p{font-size:14px;margin:0 30px 20px 0}.home-closing{background:var(--blue);color:#fff;padding:62px 0}.home-closing .container{display:flex;justify-content:space-between;align-items:center;gap:45px}.home-closing h2{color:#fff;font-size:38px;margin-bottom:20px}.home-closing p{color:#d5eaf5;font-size:15px;margin:0}.home-closing .button{flex-shrink:0}.home-footer{padding:55px 0 0}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:65px;padding-bottom:35px}.home-footer h3{font-size:16px;letter-spacing:0;margin:4px 0 20px}.home-footer p{font-size:13px;margin-top:16px}.footer-grid>div>a:not(.brand){display:block;font-size:13px;margin-bottom:8px}.home-footer a:hover{color:var(--blue)}.social-links{display:flex;gap:18px;font-size:12px;color:var(--blue)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.mobile-cta{display:none}.skip-link{position:fixed;top:-100px;left:20px;padding:12px;background:#fff;z-index:40}.skip-link:focus{top:10px}
@media(hover:hover) and (pointer:fine){.home-hero-art:hover .hero-work-main{transform:rotate(-2deg) translateY(-4px)}.home-hero-art:hover .hero-work-side{transform:rotate(2deg) translateY(4px)}.home-hero-art:hover .hero-work-small{transform:rotate(4deg) translateY(-4px)}}
@media(max-width:1050px){.header-inner{gap:18px}.home-header nav{gap:21px;font-size:13px}.home-hero-grid{gap:30px}.home-hero-art{height:400px}.home-hero-copy>p{font-size:16px}.home-split{gap:45px}.services-layout{gap:30px}.service-featured{padding:30px}.footer-grid{gap:38px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.header-inner{min-height:76px;gap:12px}.brand img{width:145px}.home-header .button{margin-left:auto}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:transparent;border:0;width:44px;height:44px;padding:10px}.menu-toggle span{width:22px;height:2px;background:var(--ink)}.home-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:22px;border-bottom:1px solid var(--line);font-size:15px}.home-header nav.is-open{display:flex;gap:25px;flex-wrap:wrap}.home-hero{padding:50px 0 60px}.home-hero-grid{grid-template-columns:1fr;gap:35px}.home-hero-copy>p{max-width:58ch}h1{font-size:55px}.home-hero-art{max-width:600px;width:100%;margin:auto;height:430px}.section{padding:65px 0}.section-heading{flex-direction:column;align-items:flex-start;gap:18px}.client-row{gap:25px}.client-logos{gap:15px}.services-layout{gap:24px}.service-featured h3{font-size:33px}.service-list h3{font-size:20px}.home-split{gap:35px}.process-steps{grid-template-columns:repeat(2,1fr);gap:35px}.home-closing .container{flex-direction:column;align-items:flex-start;gap:28px}.footer-grid{gap:28px}}
@media(max-width:580px){.container{width:calc(100% - 36px)}.brand img{width:132px}.header-inner{gap:7px}.button-small{font-size:11px;gap:8px;padding:10px 12px;min-height:40px}.button-small svg{width:16px}h1{font-size:40px}h2{font-size:31px}.home-hero{padding-top:36px}.home-hero-copy>p{font-size:16px}.hero-actions{gap:22px;margin-top:25px}.hero-actions>.button{width:100%;justify-content:space-between}.hero-location{font-size:10px}.home-hero-art{height:310px;max-width:400px}.hero-work-main{top:43px;width:88%}.hero-work-small{top:0}.hero-work-side{bottom:0}.hero-work-main figcaption{font-size:10px;padding:9px 11px}.hero-work-main figcaption span{font-size:8px}.hero-work-small figcaption,.hero-work-side figcaption{font-size:8px;padding:6px}.client-row{flex-direction:column;align-items:flex-start;gap:15px}.client-row>p br{display:none}.client-row>p strong{margin-left:4px}.client-logos{grid-template-columns:repeat(2,1fr);width:100%;gap:10px 22px}.client-logos img{max-height:67px}.section{padding:52px 0}.section-heading{margin-bottom:30px}.services-layout,.home-split{grid-template-columns:1fr;gap:30px}.service-featured{padding:28px}.service-featured h3{font-size:35px}.service-featured>span{font-size:12px;gap:15px}.service-list>a:first-child{padding-top:5px}.service-list>a{padding:22px 0}.service-list h3{font-size:20px}.service-list p{font-size:13px}.process-steps{gap:30px 22px}.process-steps h3{font-size:17px}.process-steps p{font-size:13px}.about-art{min-height:270px;padding:25px}.about-art img{height:170px;width:170px}.about-art span{font-size:10px}.home-closing{padding:45px 0}.home-closing h2{font-size:31px}.home-closing .button{width:100%;justify-content:space-between}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-grid>div:first-child{grid-column:1/-1}.home-footer{padding-top:42px;padding-bottom:82px}.footer-bottom{flex-direction:column;gap:5px}.mobile-cta{display:flex;position:fixed;bottom:12px;left:12px;right:12px;z-index:25;justify-content:space-between;box-shadow:0 7px 20px -8px #16384f70;font-size:14px}}

/* Focused website stage: a centered canvas, side previews, and visible cadence. */
.showcase-section{background:#102f43;color:#fff;padding-block:64px;overflow:hidden}
.showcase-section .section-heading{margin-bottom:22px;align-items:center}
.showcase-section h2{color:#fff;font-size:clamp(34px,3.4vw,48px);line-height:1.14}
.showcase-section h2 span{color:#89dcfa}
.showcase-section .section-heading p{color:#c1dce9;font-size:14px}
.showcase-section .section-heading .text-link{color:#fff;border-color:#6ea8c5;margin-top:15px;font-size:13px}
.showcase-section .text-link:hover{color:#89dcfa}
.showcase-carousel{--slide-width:min(62vw,640px);--rotation-ms:4400ms;position:relative}
.showcase-grid{display:flex;position:relative;gap:30px;align-items:flex-start;overflow-x:auto;scroll-behavior:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:22px calc((100% - var(--slide-width))/2) 18px}
.showcase-grid::-webkit-scrollbar{display:none}
.showcase-grid.is-moving{scroll-snap-type:none}
.showcase-project{min-width:0;flex:0 0 var(--slide-width);scroll-snap-align:center;opacity:.72;transform:scale(.9) translateY(14px);transform-origin:center;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .6s ease}
.showcase-project.is-active{opacity:1;transform:scale(1) translateY(0)}
.showcase-link{display:block;border-radius:12px;perspective:1000px}
.showcase-browser{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 18px 35px -19px #020d16a0;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .4s ease;transform-origin:center bottom}
.showcase-toolbar{display:flex;align-items:center;gap:10px;padding:11px 16px;min-height:38px;background:#fff;color:#486471;font-size:11px}
.showcase-toolbar svg{width:13px;height:13px;color:#5c8498}
.showcase-toolbar svg:last-child{margin-left:auto;color:var(--blue)}
.showcase-screen{position:relative;aspect-ratio:16/9;overflow:hidden;background:#edf3f6}
.showcase-screen img{width:100%;height:100%;object-fit:cover;object-position:50% 0%;transition:object-position 1.7s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.showcase-sample{position:absolute;bottom:12px;left:12px;right:12px;width:fit-content;max-width:calc(100% - 24px);background:#102f43;color:#fff;padding:6px 10px;border-radius:5px;font-size:10px;line-height:1.5}
.showcase-caption{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:19px 4px 0}
.showcase-caption h3{font-size:24px;letter-spacing:-.025em;margin:0 0 5px;color:#fff}
.showcase-caption p{font-size:11px;color:#bddae8;margin:0;overflow-wrap:anywhere}
.showcase-visit{display:flex;align-items:center;gap:10px;color:#a4e5fb;font-size:12px;font-weight:600;flex-shrink:0}
.showcase-visit svg{width:18px;height:18px;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.showcase-link:focus-visible{outline-color:#89dcfa;outline-offset:6px}
.showcase-grid:focus-visible{outline:2px solid #89dcfa;outline-offset:-2px;border-radius:12px}
.showcase-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin:6px auto 0;max-width:880px}
.showcase-controls[hidden]{display:none}
.showcase-position{font-size:13px;color:#c1dce9;font-variant-numeric:tabular-nums;letter-spacing:.07em}
.showcase-pagination{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:320px;max-width:100%}
.showcase-pagination button{display:flex;align-items:center;justify-content:center;min-width:0;height:44px;padding:0;border:0;background:transparent;cursor:pointer}
.showcase-pagination button:before{content:'';width:6px;height:6px;background:#80a6bb;border-radius:8px;transition:width .4s cubic-bezier(.16,1,.3,1),background .2s}
.showcase-pagination button[aria-pressed="true"]:before{width:25px;background:#8adefa}
.showcase-pagination button:hover:before{background:#fff}
.showcase-buttons{display:flex;justify-content:flex-end;gap:8px}
.showcase-buttons button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:10px 12px;border:1px solid #42687d;border-radius:7px;background:transparent;color:#e8f7fd;font-size:12px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.showcase-buttons button:hover{background:#89dcfa;color:#102f43;border-color:#89dcfa}
.showcase-buttons svg{width:17px;height:17px}
.showcase-controls button:focus-visible{outline-color:#89dcfa}
.showcase-progress{height:2px;background:#305165;margin:20px auto 0;max-width:880px;overflow:hidden}
.showcase-progress span{display:block;height:100%;background:#89dcfa;transform:scaleX(0);transform-origin:left}
.showcase-carousel.is-playing .showcase-progress span{animation:showcase-countdown var(--rotation-ms) linear forwards}
@keyframes showcase-countdown{to{transform:scaleX(1)}}
@media(hover:hover) and (pointer:fine){.showcase-project.is-active .showcase-link:hover .showcase-browser{transform:rotateX(2deg) translateY(-3px);box-shadow:0 23px 40px -18px #020d16b0}.showcase-project.is-active .showcase-link:hover .showcase-screen img{object-position:50% 100%;transform:scale(1.015)}.showcase-link:hover .showcase-visit svg{transform:translateX(4px)}}
@media(max-width:850px){.showcase-carousel{--slide-width:min(74vw,600px)}.showcase-grid{gap:22px}.showcase-controls{grid-template-columns:auto 1fr auto;gap:15px}.showcase-pagination{width:100%;max-width:280px;justify-self:center}.showcase-caption h3{font-size:21px}.showcase-section .section-heading{gap:22px;flex-direction:row;align-items:center}}
@media(max-width:580px){.showcase-section{padding-block:48px}.showcase-section .section-heading{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:12px}.showcase-section h2{font-size:34px}.showcase-carousel{--slide-width:82vw}.showcase-grid{padding-block:18px 16px;gap:16px;margin-inline:-18px;width:calc(100% + 36px)}.showcase-toolbar{padding:10px 12px;font-size:10px}.showcase-caption{gap:12px;padding-top:16px}.showcase-caption h3{font-size:18px}.showcase-caption p{font-size:10px}.showcase-visit{font-size:10px;gap:6px}.showcase-visit svg{width:15px;height:15px}.showcase-controls{grid-template-columns:1fr 1fr;gap:6px 15px}.showcase-position{font-size:11px}.showcase-pagination{grid-column:1/-1;grid-row:2;width:100%;max-width:320px}.showcase-buttons{grid-column:2;grid-row:1}.showcase-progress{margin-top:8px}.showcase-sample{font-size:9px}}
@media(max-width:360px){.showcase-caption{align-items:flex-start;flex-direction:column;gap:10px}.showcase-caption h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.showcase-project{transform:none}.showcase-project.is-active .showcase-link:hover .showcase-browser,.showcase-project.is-active .showcase-link:hover .showcase-screen img,.showcase-link:hover .showcase-visit svg{transform:none}.showcase-screen img{object-position:50% 0%!important}.showcase-carousel .showcase-progress{display:none}}


/* A more expressive image-and-icon world, with controllable ambient movement. */
.reading-progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent;pointer-events:none}
.reading-progress span{display:block;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left}
.home-header.is-scrolled{box-shadow:0 8px 24px -18px #0a2e4560}
.home-header nav a{position:relative}
.home-header nav a:after{content:'';position:absolute;bottom:-7px;left:0;right:0;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.home-header nav a:hover:after,.home-header nav a.is-current:after{transform:scaleX(1)}
.home-hero{background:#eaf4fb;padding-block:82px 76px}
.home-hero-art{perspective:1000px;transition:transform .65s cubic-bezier(.16,1,.3,1)}
.home-hero-art:before{content:'';position:absolute;inset:14% 8% 8% 10%;background:#cde5f5;border-radius:30px;transform:rotate(8deg);z-index:-1}
.hero-work-main{animation:home-main-float 7s ease-in-out infinite}
.hero-work-side{animation:home-side-float 8s ease-in-out infinite}
.hero-work-small{animation:home-small-float 6s ease-in-out infinite}
@keyframes home-main-float{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-2.5deg) translateY(-10px)}}
@keyframes home-side-float{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(3deg) translateY(10px)}}
@keyframes home-small-float{0%,100%{transform:rotate(6deg) translateY(0)}50%{transform:rotate(8deg) translateY(-9px)}}
.home-motion-control{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 0;margin-top:12px;border:0;background:transparent;color:var(--blue-dark);font-size:11px;cursor:pointer}
.home-motion-control[hidden]{display:none}
.home-motion-control svg{width:13px;height:13px}
.home-motion-control:hover{text-decoration:underline}
.home-capability-ribbon{background:var(--blue);color:#fff;overflow:hidden;padding:21px 0}
.capability-track{display:flex;width:max-content;animation:home-capability-travel 28s linear infinite}
.capability-group{display:flex;align-items:center;gap:40px;padding-right:40px}
.capability-group>span{display:flex;align-items:center;gap:40px;white-space:nowrap;font-family:'Rubik',sans-serif;font-size:22px;font-weight:400;letter-spacing:-.02em}
.capability-group svg{width:22px;height:22px;color:#9bdcf8}
@keyframes home-capability-travel{to{transform:translateX(-50%)}}
.motion-loop{animation-play-state:paused}
.motion-inview .motion-loop{animation-play-state:running}
.home-motion-paused .motion-loop,.home-page-hidden .motion-loop{animation-play-state:paused}
.home-clients{padding-block:35px}
.client-logos img{transition:transform .35s cubic-bezier(.16,1,.3,1)}
.services-layout{gap:30px;grid-template-columns:1fr 1.2fr}
.service-featured{padding:32px;background:#123b52}
.service-featured>svg{margin-bottom:22px}
.service-featured h3{font-size:38px}
.service-featured p{margin-bottom:0}
.service-work{width:100%;margin:24px 0;border-radius:8px;overflow:hidden;transform:rotate(-2deg);transition:transform .5s cubic-bezier(.16,1,.3,1)}
.service-work img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top;transition:object-position 1.5s cubic-bezier(.16,1,.3,1)}
.service-list{gap:16px;grid-auto-rows:1fr}
.service-list>a,.service-list>a:first-child{border:0;align-items:flex-start;gap:18px;padding:26px;background:#fff;border-radius:12px;box-shadow:0 8px 22px -17px #14384c45;transition:background .25s,box-shadow .3s,transform .35s cubic-bezier(.16,1,.3,1)}
.service-row-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;flex-shrink:0;background:#e0f0fa;color:var(--blue-dark);border-radius:12px;transition:background .25s,transform .4s cubic-bezier(.16,1,.3,1)}
.service-row-icon svg{width:28px;height:28px}
.service-list>a[data-cta="home-system"] .service-row-icon{background:#fff0e4;color:#a04b20}
.service-list>a[data-cta="home-marketing"] .service-row-icon{background:#e5f2ed;color:#28664d}
.service-list>a>svg{margin-top:8px;width:18px;height:18px}
.service-list h3{font-size:20px;line-height:1.3}
.service-list p{font-size:13px}
.home-why .home-split{align-items:center;gap:55px}
.why-art{margin:28px 0 0;max-width:410px;border-radius:12px;overflow:hidden}
.why-art img{width:100%;height:auto;aspect-ratio:3/2}
.why-list{display:grid;gap:17px}
.why-list article,.why-list article:last-child{display:flex;gap:20px;padding:27px;background:#edf6fb;border:0;border-radius:12px;margin:0;transition:background .25s,transform .35s cubic-bezier(.16,1,.3,1)}
.why-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;flex-shrink:0;background:#fff;border-radius:10px;color:var(--blue);transition:transform .4s cubic-bezier(.16,1,.3,1)}
.why-icon svg{width:26px;height:26px}
.why-list h3{font-size:19px}
.why-list p{font-size:13px}
.home-process{background:#143b52;color:#fff}
.home-process h2{color:#fff}
.home-process h2 span{color:#8ed8f5}
.home-process .section-heading>p{color:#d3e8f3}
.process-steps{position:relative;gap:22px;padding-top:18px;grid-auto-rows:1fr}
.process-steps:before,.process-steps:after{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:#41687e}
.process-steps:after{background:#8ed8f5;transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
.home-process.motion-inview .process-steps:after{transform:scaleX(1)}
.process-steps li{background:#fff;color:var(--ink);border:0;border-radius:12px;padding:24px;transition:background .3s,transform .35s cubic-bezier(.16,1,.3,1)}
.process-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}
.process-top .process-number{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#e1f1fa;color:var(--blue-dark);border-radius:50%;font-size:14px;font-weight:600}
.process-top>svg{width:25px;height:25px;color:var(--blue);transition:transform .35s cubic-bezier(.16,1,.3,1)}
.process-steps li:first-child{background:var(--blue);color:#fff}
.process-steps li:first-child h3{color:#fff}
.process-steps li:first-child p{color:#e0f2fb}
.process-steps li:first-child .process-number{background:#fff}
.process-steps li:first-child .process-top>svg{color:#fff}
.home-about{background:#f2f7fb}
.about-art{background:transparent;display:block;padding:0;min-height:0;overflow:hidden;box-shadow:0 18px 36px -24px #133b5255}
.about-screenshot{aspect-ratio:4/3;overflow:hidden;background:#e3f1f8}
.about-screenshot img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.about-brand{display:flex;align-items:center;gap:24px;padding:24px;background:#fff}
.about-brand img{width:125px;height:auto;object-fit:contain}
.about-brand>span{font-size:11px;line-height:1.6;letter-spacing:0;color:var(--ink)}
.about-brand small{font-size:11px;font-weight:400;color:var(--muted)}
.home-faq{background:#fff}
.home-faq-art{max-width:320px;margin:30px 0 0}
.home-faq-art img{width:100%;height:210px;object-fit:contain;object-position:left}
.home-faq-list{display:grid;gap:12px}
.home-faq-list details{border:0;background:#edf6fb;border-radius:10px;transition:background .2s}
.home-faq-list summary{padding:19px;line-height:1.5}
.home-faq-list details p{margin:0;padding:0 19px 20px}
.home-faq-list summary svg{box-sizing:content-box;background:#fff;border-radius:50%;padding:6px}
.home-faq-list details[open]{background:#def0fa}
.home-closing{background:var(--blue);position:relative;overflow:hidden}
.closing-mark{width:54px;height:54px;padding:10px;background:#ffffff20;border-radius:12px;margin-bottom:22px;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.home-footer{background:#102f43;color:#fff}
.home-footer .brand{padding:10px 13px;background:#fff;border-radius:6px}
.home-footer .brand img{width:145px}
.home-footer p,.home-footer .footer-bottom{color:#c4deeb}
.home-footer h3{color:#fff}
.home-footer .footer-bottom{border-color:#35566a}
.home-footer .social-links,.home-footer a:hover{color:#9adcf6}
@media(hover:hover) and (pointer:fine){.client-logos img:hover{transform:translateY(-4px) scale(1.04)}.service-featured:hover{background:#105d87}.service-featured:hover .service-work{transform:rotate(0) translateY(-3px)}.service-featured:hover .service-work img{object-position:bottom}.service-list>a:hover{background:#e8f4fb;transform:translateY(-4px);box-shadow:0 15px 28px -18px #14384c55}.service-list>a:hover .service-row-icon{transform:rotate(-6deg) scale(1.05)}.why-list article:hover{background:#e2f0f9;transform:translateX(5px)}.why-list article:hover .why-icon{transform:rotate(-6deg)}.process-steps li:hover{background:#e1f1fa;transform:translateY(-6px)}.process-steps li:first-child:hover{background:#1474a8}.process-steps li:hover .process-top>svg{transform:rotate(-8deg) translateY(-2px)}.about-art:hover .about-screenshot img{transform:scale(1.035)}.home-faq-list summary:hover{color:var(--blue-dark)}.home-closing:hover .closing-mark{transform:rotate(-5deg) translateY(-3px)}}
@media(max-width:1050px){.service-list>a,.service-list>a:first-child{padding:22px;gap:14px}.service-row-icon{width:48px;height:48px}.service-list h3{font-size:19px}.about-brand{gap:15px;padding:20px}}
@media(max-width:800px){.home-hero{padding-block:52px 60px}.capability-group>span{font-size:19px;gap:28px}.capability-group{gap:28px;padding-right:28px}.services-layout{grid-template-columns:1fr}.service-featured{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:start}.service-featured>svg,.service-featured>h3,.service-featured>p,.service-featured>span{grid-column:1}.service-featured>svg{grid-row:1}.service-featured>h3{grid-row:2}.service-featured>p{grid-row:3}.service-featured>span{grid-row:4;margin-top:25px}.service-work{grid-column:2;grid-row:1/5;align-self:center;margin:0}.service-work img{aspect-ratio:4/3}.service-list>a,.service-list>a:first-child{align-items:center;padding:24px}.why-list article,.why-list article:last-child{padding:24px}.home-why .home-split{gap:30px}.process-steps{gap:20px}.about-brand{flex-direction:column;align-items:flex-start;gap:12px}.about-brand img{width:140px}.about-brand>span{font-size:10px}.about-brand small{font-size:10px}}
@media(max-width:580px){.home-capability-ribbon{padding-block:17px}.capability-group>span{font-size:17px}.home-motion-control{margin-top:9px}.service-featured{display:flex;padding:27px}.service-work{margin:24px 0;width:100%}.service-work img{aspect-ratio:16/9}.service-featured>span{margin-top:0}.service-list>a,.service-list>a:first-child{padding:22px 18px;gap:13px;align-items:flex-start}.service-row-icon{width:43px;height:43px;border-radius:9px}.service-row-icon svg{width:24px;height:24px}.service-list h3{font-size:18px}.service-list>a>svg{width:16px;height:16px}.why-art{margin-top:24px;max-width:100%}.why-list article,.why-list article:last-child{padding:23px;gap:16px}.why-list h3{font-size:18px}.why-icon{width:43px;height:43px}.process-steps li{padding:20px}.process-top{margin-bottom:20px;gap:12px}.process-top>svg{width:22px;height:22px}.about-brand{flex-direction:row;align-items:center;gap:18px;padding:22px}.about-brand img{width:125px}.home-faq-art{margin:25px auto 0}.home-faq-art img{object-position:center}.closing-mark{width:45px;height:45px}.home-faq-list summary{font-size:14px}}
@media(max-width:390px){.process-steps{grid-template-columns:1fr}.about-brand{flex-direction:column;align-items:flex-start}.service-list>a,.service-list>a:first-child{gap:11px}.service-row-icon{width:37px;height:37px}.service-list h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){.motion-loop{animation:none!important}.home-motion-control{display:none!important}.home-process .process-steps:after{transform:scaleX(1)}.home-hero-art{transform:none!important}.client-logos img:hover,.service-featured:hover .service-work,.service-list>a:hover,.service-list>a:hover .service-row-icon,.why-list article:hover,.why-list article:hover .why-icon,.process-steps li:hover,.process-steps li:hover .process-top>svg,.about-art:hover .about-screenshot img,.home-closing:hover .closing-mark{transform:none}.service-work img{object-position:top!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.home-hero-art:hover .hero-work-main,.home-hero-art:hover .hero-work-side,.home-hero-art:hover .hero-work-small,.button:hover,.service-featured:hover{transform:none}}