/* Shared service-page art direction: editorial headings and tangible product scenes. */
.service-page{background:#0b1320;color:#f3f6fc}.service-page .nav{background:#0b1018}.service-page .wrap{width:min(1280px,calc(100% - 64px))}.service-page .services-submenu a[aria-current=page]{background:#244e81;color:#fff}.service-hero{padding:35px 0 42px}.breadcrumb{display:inline-flex;gap:14px;font-size:11px;color:#9eafc8}.breadcrumb span{color:#5275a1}.service-hero-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:end;padding:54px 0 45px}.service-hero h1{font-size:clamp(42px,4.5vw,66px);line-height:1.1;letter-spacing:-.055em}.service-hero h1 span{color:#91b7ff}.service-hero-copy>p{font-size:18px;line-height:1.7;color:#bdcbe0;max-width:470px}.service-hero-copy .button{margin-top:26px}.hero-foot{display:flex;justify-content:space-between;gap:24px;padding-top:25px;font-size:11px;color:#aabbd3}.hero-foot a{color:#c7dcff;white-space:nowrap}.service-showcase{position:relative;background:linear-gradient(120deg,#a1c8b6,#e3efcc);border-radius:22px;padding:28px 35px 0;overflow:hidden;height:430px;color:#224536}.showcase-top{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.09em;font-weight:650;margin-bottom:24px}.web-browser{width:73%;border:7px solid #203139;border-radius:14px 14px 0 0;background:#fff;overflow:hidden;box-shadow:0 24px 50px #224d4733}.browser-chrome{display:flex;align-items:center;gap:4px;padding:9px;background:#f4f6f4}.browser-chrome i{width:5px;height:5px;border-radius:50%;background:#aab6b0}.browser-chrome span{font-size:9px;margin:auto;color:#6e7b75}.web-browser>img{width:100%;aspect-ratio:1.9;object-fit:cover;object-position:center}.showcase-caption{position:absolute;top:120px;right:30px;width:23%}.showcase-caption strong{display:block;font-size:30px;line-height:1.15;letter-spacing:-.045em}.showcase-caption span{display:block;font-size:13px;margin-top:12px}.mini-project{position:absolute;bottom:-45px;right:35px;width:30%;border:6px solid #fff;border-radius:12px;box-shadow:0 20px 50px #1c393233;transform:rotate(3deg)}
.workflow-demo,.crm-demo{border-radius:22px;padding:28px 34px;background:linear-gradient(135deg,#dfebfa,#f2f6fc);color:#1e3551;box-shadow:inset 0 1px #fff}.demo-heading{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.09em;padding-bottom:25px;color:#5c728e}.demo-heading b{font-weight:500;letter-spacing:0}.auto-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}.auto-step{border:1px solid #cad9ec;background:#f7faff;padding:25px 18px 22px;border-radius:14px;transition:background .4s,box-shadow .4s,transform .4s;position:relative}.auto-step>i{display:grid;place-items:center;width:42px;height:42px;border:1px solid #b7cbe4;border-radius:50%;font-size:13px;font-style:normal;color:#50729f;margin-bottom:24px}.auto-step strong{display:block;font-size:19px;line-height:1.3;letter-spacing:-.03em}.auto-step small{display:block;font-size:12px;margin-top:12px;line-height:1.5;color:#60758e}.auto-step>b{position:absolute;right:20px;top:30px;opacity:0;color:#317058}.auto-step.active{background:#fff;box-shadow:0 12px 25px -15px #315a9180;transform:translateY(-3px);border-color:#82b6a5}.auto-step.active>b{opacity:1}.auto-step.active>i{background:#d8eee5;border-color:#b0d7c6;color:#31614c}.demo-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;padding-top:22px;border-top:1px solid #bfcfe0}.demo-controls p{font-size:13px;color:#3b5878}.demo-controls button,.film-play{border:0;background:#195ebf;color:#fff;border-radius:7px;padding:12px 17px;font-size:12px;display:flex;gap:22px;align-items:center;transition:transform .15s,background .2s}.demo-controls button:hover{background:#114990}.demo-controls button:active{transform:translateY(2px)}
.crm-demo{background:linear-gradient(120deg,#d8e5f9,#e9e5f4)}.crm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.crm-toolbar strong{font-size:28px;letter-spacing:-.04em}.crm-toolbar>span{font-size:11px;color:#5c7089}.crm-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;min-height:215px}.crm-column{background:#ffffff55;padding:18px;border-radius:12px;position:relative}.crm-column h3{font-size:13px;letter-spacing:0;display:flex;justify-content:space-between;margin-bottom:18px}.crm-column h3 span{font-size:10px;color:#69809e}.crm-lead{position:relative;z-index:1;border:1px solid #d4deee;border-radius:9px;padding:15px;background:white;box-shadow:0 12px 30px -20px #24476f70;animation:lead-arrive .4s ease-out}.lead-avatar{float:right;display:grid;place-items:center;width:31px;height:31px;background:#e5edf9;color:#285c9f;border-radius:50%;font-size:9px}.crm-lead>strong{font-size:14px;display:block}.crm-lead>small{font-size:10px;color:#6a8099}.crm-lead p{font-size:11px;margin-top:17px;color:#405c7c}.lead-task{display:block;font-size:9px;padding-top:12px;border-top:1px solid #e6ebf2;margin-top:12px;color:#376d5a}.ghost-lead{padding:18px;border:1px dashed #a5b8d0;border-radius:9px;margin-bottom:10px}.ghost-lead i{height:5px;border-radius:5px;background:#b8c8dd66;width:70%;display:block;margin-bottom:9px}.ghost-lead i:last-child{width:40%}.crm-column:has(.crm-lead) .ghost-lead{display:none}@keyframes lead-arrive{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}
.film-demo{border-radius:22px;background:linear-gradient(125deg,#c3b0df,#e2d6f1);padding:22px 24px;color:#443059;max-width:1080px;margin:auto}.film-demo .showcase-top{margin-bottom:18px}.service-film{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#d8cce7;border-radius:12px}.film-caption{display:flex;align-items:center;gap:25px;padding-top:20px}.film-caption>strong{font-size:24px;letter-spacing:-.035em}.film-caption>span{font-size:12px}.film-play{margin-left:auto;background:#493569}.page-erklaervideos .service-hero-heading{padding-bottom:35px}.page-erklaervideos .film-demo{max-width:960px}
.service-light{background:#f1f4f9;color:#182a42;padding:85px 0 95px}.service-section-heading{text-align:center;max-width:850px;margin:0 auto 45px}.service-section-heading .eyebrow{color:#205eb7}.service-section-heading h2 span{color:#426fa9}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.benefit-tile{border:1px solid white;border-radius:18px;padding:28px;background:linear-gradient(135deg,#fff,#dfe9f8);overflow:hidden}.benefit-tile.tile-1{background:linear-gradient(135deg,#fffdf7,#f0e9da)}.benefit-tile.tile-2{background:linear-gradient(135deg,#f5fcf7,#deeee3)}.benefit-tile>span{font-size:9px;color:#526b88;letter-spacing:.1em}.benefit-symbol{font-size:60px;line-height:1;padding:25px 0;color:#4673aa}.benefit-tile h3{font-size:26px;line-height:1.2;min-height:63px;margin-bottom:18px}.benefit-tile p{font-size:14px;line-height:1.8;color:#54677d}.service-details .service-section-heading .eyebrow{color:#93baff}.service-details h2{color:#f4f7fc}.service-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:30px}.service-tabs button{display:flex;justify-content:space-between;align-items:center;gap:10px;border:0;border-bottom:2px solid #293d59;background:none;padding:18px 0;color:#a8bad4;text-align:left;font-size:15px;font-weight:600}.service-tabs button[aria-selected=true]{color:#fff;border-color:#8fb7ff}.service-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;border:1px solid #b6d0fb24;border-radius:20px;background:linear-gradient(120deg,#172a44,#111d30);padding:40px;min-height:390px}.service-panel[hidden]{display:none}.panel-copy h3{font-size:34px;line-height:1.18;max-width:400px}.panel-copy>p{font-size:15px;line-height:1.8;color:#b7c7dc;margin-top:22px}.panel-copy .eyebrow{display:block;color:#8db7f5;font-size:10px}.text-link{display:inline-block;margin-top:25px;font-size:13px;color:#b6d3ff}.detail-image img{aspect-ratio:1.6;width:100%;object-fit:cover;object-position:top;border:6px solid #e6edf5;border-radius:12px}.detail-image>span{display:block;font-size:10px;color:#acbfd8;margin-top:12px}.detail-graphic{position:relative;min-height:280px;padding:28px 10px 0 70px;background:radial-gradient(ellipse,#4775a73b,transparent 70%)}.detail-number{position:absolute;left:0;top:-20px;font-size:140px;font-weight:600;color:#89b8fa22;line-height:1;letter-spacing:-.08em}.graphic-note{position:relative;background:linear-gradient(140deg,#f5f8fd,#dbe8f8);padding:30px;border-radius:14px;transform:rotate(-3deg);color:#1e3a5c;box-shadow:0 25px 40px #020e2433}.graphic-note small{font-size:9px;letter-spacing:.1em}.graphic-note strong{display:block;font-size:26px;line-height:1.2;margin:20px 0}.graphic-line{height:6px;background:#b2c7e2;border-radius:5px;margin:12px 0}.graphic-line.short{width:65%}.graphic-note b{display:block;font-size:11px;color:#34664f;margin-top:25px}.service-process{background:#e8eff8;color:#17283e;padding:90px 0}.service-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.service-process-grid article{padding-top:25px;border-top:1px solid #b9cce3}.service-process-grid article>span{font-size:42px;color:#2865b9;letter-spacing:-.05em}.service-process-grid h3{font-size:26px;margin:20px 0 15px}.service-process-grid p{color:#53677f;font-size:14px}.service-faq{background:#f6f6f3;color:#17283e}.service-faq .faq{border:0}.service-faq h2 span{color:#416da7}.service-faq .questions details{border-color:#ced8e4}.service-faq .questions p{color:#536477}.service-faq .eyebrow,.service-faq summary::after{color:#205eb7}.service-related{padding-block:65px}.service-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-related a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px;border:1px solid #365274;border-radius:12px;font-size:16px}.service-related a:hover{background:#1b3556}.service-related b{color:#91b7ff}.service-cta{text-align:center;background:radial-gradient(ellipse at 100% 0,#3c7bd7,transparent 80%),#195ebf;padding:85px 0}.service-cta h2{font-size:clamp(36px,4vw,56px);color:#fff}.service-cta p{color:#dfebfc;max-width:580px;margin:25px auto}.service-cta .eyebrow{color:#dfeaff}.service-cta .button{background:white;color:#164786}.service-page .motion-toggle{position:fixed;bottom:15px;left:15px;z-index:20;border:1px solid #fff3;background:#162438;color:#e2edff;padding:9px 12px;border-radius:6px;font-size:9px}.motion-paused *{animation-play-state:paused!important}.service-page .skip{position:absolute;left:15px;top:-100px;z-index:100}.service-page .skip:focus{top:15px}
@media(max-width:900px){.service-hero-heading{gap:30px!important;grid-template-columns:1fr!important;padding:35px 0!important}.service-hero h1{font-size:48px!important}.service-hero-copy>p{max-width:650px!important}.auto-flow{grid-template-columns:repeat(2,1fr)!important}.service-panel{gap:25px!important;padding:28px!important}.benefit-grid{gap:14px!important}.benefit-tile{padding:22px!important}.benefit-tile h3{font-size:23px!important}.mini-project{bottom:0!important}.service-showcase{height:350px!important}.showcase-caption strong{font-size:24px!important}}
@media(max-width:700px){.service-page .wrap{width:calc(100% - 40px)!important}.service-hero{padding-top:20px!important}.service-hero h1{font-size:40px!important}.service-hero .eyebrow{font-size:9px!important}.service-hero-copy>p{font-size:17px!important}.hero-foot{flex-direction:column!important;gap:15px!important;font-size:10px!important}.service-showcase{padding:20px 16px 0!important;height:330px!important;border-radius:16px!important}.showcase-top{font-size:8px!important;gap:10px!important}.showcase-top>span:last-child{max-width:140px!important;text-align:right!important}.web-browser{width:100%!important;border-width:4px!important}.showcase-caption{top:auto!important;bottom:20px!important;left:18px!important;width:52%!important}.showcase-caption strong{font-size:24px!important}.showcase-caption span{font-size:10px!important}.mini-project{right:15px!important;bottom:25px!important;width:38%!important}.workflow-demo,.crm-demo{padding:20px 15px!important;border-radius:16px!important}.auto-flow{gap:10px!important}.auto-step{padding:17px 12px!important}.auto-step strong{font-size:16px!important}.auto-step small{font-size:11px!important}.auto-step>i{margin-bottom:15px!important;width:34px!important;height:34px!important}.demo-heading{font-size:8px!important}.demo-controls{flex-direction:column!important;align-items:stretch!important}.demo-controls button{min-height:44px!important;justify-content:space-between!important}.crm-toolbar{align-items:flex-start!important;flex-direction:column!important}.crm-columns{grid-template-columns:1fr!important}.crm-column{padding:14px!important}.crm-column h3{margin-bottom:10px!important}.ghost-lead{padding:8px!important;margin:0!important}.ghost-lead i{margin-bottom:4px!important;height:3px!important}.crm-lead{padding:14px!important}.crm-lead p{margin-top:8px!important}.film-demo{padding:16px 12px!important}.film-caption{gap:10px!important;flex-wrap:wrap!important}.film-caption>strong{font-size:22px!important}.film-caption>span{font-size:10px!important}.film-play{margin-left:0!important;min-height:44px!important;width:100%!important;justify-content:space-between!important}.service-section-heading{margin-bottom:30px!important}.service-light,.service-process{padding:60px 0!important}.benefit-grid,.service-process-grid,.service-related>div{grid-template-columns:1fr!important;gap:18px!important}.benefit-tile{padding:25px!important}.benefit-symbol{font-size:46px!important;padding:20px 0!important}.benefit-tile h3{min-height:0!important;font-size:26px!important}.service-tabs{gap:12px!important}.service-tabs button{font-size:11px!important;min-height:65px!important;align-items:start!important}.service-tabs button>span{display:none!important}.service-panel{grid-template-columns:1fr!important;padding:24px!important;gap:28px!important}.panel-copy h3{font-size:29px!important}.detail-graphic{min-height:235px!important;padding:20px 0 0 30px!important}.graphic-note{padding:25px!important}.graphic-note strong{font-size:24px!important}.detail-number{font-size:110px!important}.service-process-grid article{padding-top:18px!important}.service-process-grid h3{margin-top:12px!important}.service-cta{padding:65px 0!important}.service-page footer{padding-bottom:70px!important}.service-related{padding-block:45px!important}.service-page .faq{gap:30px!important}}
@media(prefers-reduced-motion:reduce){.service-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep real project screenshots complete within their presentation frame. */
.service-showcase{height:auto;padding-bottom:34px}.web-browser{border-radius:14px}.web-browser>img{display:block;height:auto;aspect-ratio:auto;object-fit:contain}.mini-project{bottom:34px}
@media(max-width:700px){.service-showcase{height:auto!important;padding-bottom:24px!important}.showcase-caption{position:relative!important;inset:auto!important;margin-top:24px!important;width:55%!important}.mini-project{bottom:24px!important;width:35%!important;right:16px!important}.web-browser>img{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}}