:where(.osp-wpb-project-orange-services,.editor-styles-wrapper){--os-orange:#ff6a00;--os-orange-2:#ff8533;--os-ink:#111217;--os-ink-2:#1b1d24;--os-paper:#f4f3ef;--os-paper-2:#ebeae5;--os-line:rgba(17,18,23,.14);--os-line-dark:rgba(255,255,255,.13);--os-glass:rgba(255,255,255,.58);--os-glass-dark:rgba(20,21,27,.72);--os-radius:20px;--os-max:1480px;--os-shadow:0 28px 80px rgba(17,18,23,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--os-ink);background:var(--os-paper);} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) *{box-sizing:border-box} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .osp-wpb-page-shell{margin:0;padding:0;overflow:hidden;background:var(--os-paper)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .wp-block-group{max-width:none} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) a{color:inherit;text-decoration:none} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper){--d14-orange:#ff7200;--d14-orange-soft:#ff8b25;--d14-night:#07131b;--d14-night-2:#0d202b;--d14-text:#121a25;--d14-muted:#68717d;--d14-paper:#f7f7f5;--d14-line:rgba(18,26,37,.12);--d14-line-dark:rgba(255,255,255,.15);--d14-max:1460px;--d14-radius:18px;--d14-shadow:0 28px 90px rgba(5,16,24,.18)} /* Header */ /* Heroes */ /* Section layouts */ /* Webdesign approach, pricing, FAQ */ /* Footer */ :where(.osp-wpb-project-orange-services){ --os-fx-fast:180ms; --os-fx-base:320ms; --os-fx-slow:620ms; --os-fx-ease:cubic-bezier(.2,.7,.2,1); --os-fx-ease-out:cubic-bezier(.16,1,.3,1); --os-fx-lift-sm:-3px; --os-fx-lift:-7px; --os-fx-lift-lg:-12px; --os-fx-scale:1.035; --os-fx-scale-lg:1.07; --os-fx-shadow:0 22px 58px rgba(7,19,27,.16); --os-fx-shadow-strong:0 30px 80px rgba(7,19,27,.24); } @media (prefers-reduced-motion:reduce){ :where(.osp-wpb-project-orange-services) *, :where(.osp-wpb-project-orange-services) *::before, :where(.osp-wpb-project-orange-services) *::after{ scroll-behavior:auto!important; animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; } } :where(.osp-wpb-project-orange-services,.editor-styles-wrapper){--d15-orange:#ff7a18;--d15-night:#07141d;--d15-night-2:#0c202b;--d15-ink:#141b24;--d15-muted:#66717a;--d15-line:rgba(20,27,36,.115);--d15-line-dark:rgba(255,255,255,.12);--d15-max:1320px;--d15-shadow:0 24px 70px rgba(7,20,29,.16)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-section{position:relative;padding:clamp(54px,5.4vw,82px) max(30px,calc((100vw - var(--d15-max))/2));background:#fff;color:var(--d15-ink);border-top:1px solid var(--d15-line)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-section>*{position:relative;z-index:1} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,transparent calc(25% - .5px),rgba(20,27,36,.038) 25%,transparent calc(25% + .5px),transparent calc(50% - .5px),rgba(20,27,36,.038) 50%,transparent calc(50% + .5px),transparent calc(75% - .5px),rgba(20,27,36,.038) 75%,transparent calc(75% + .5px));opacity:.5} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-eyebrow{margin:0 0 14px;font-size:10px;line-height:1.2;font-weight:760;letter-spacing:.13em;text-transform:uppercase;color:#7a848d} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-section-title{margin:0;font-size:clamp(36px,3.7vw,58px);line-height:1.01;letter-spacing:-.045em;font-weight:460;max-width:760px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-section-title span{color:#747b83;font-weight:420} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-text-link{margin:18px 0 0;font-size:12px;font-weight:720;text-decoration:underline;text-underline-offset:4px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-btn .wp-block-button__link{padding:12px 20px;border-radius:999px;font-size:12px;font-weight:760;border:1px solid transparent;transition:.25s ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-btn--primary .wp-block-button__link{background:var(--d15-orange);color:#fff;border-color:var(--d15-orange);box-shadow:0 9px 24px rgba(255,122,24,.2)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-btn--ghost .wp-block-button__link{background:transparent;border-color:rgba(20,27,36,.18);color:inherit} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-btn--text .wp-block-button__link{background:transparent;color:inherit;padding-left:2px;padding-right:2px;text-decoration:underline;text-underline-offset:4px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-btn--outline-orange .wp-block-button__link{background:rgba(8,21,29,.24);color:#ff974e;border-color:rgba(255,151,78,.82);backdrop-filter:blur(12px)} /* Header */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-header{position:absolute;z-index:999;top:0;left:0;right:0;color:#fff;background:linear-gradient(to bottom,rgba(5,17,24,.42),rgba(5,17,24,0));border-bottom:1px solid rgba(255,255,255,.075)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-header-inner{height:68px;max-width:var(--d15-max);margin:auto;padding:0 0;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-logo-wrap{margin:0}.os-d14v5-logo{font-size:18px;letter-spacing:-.035em}.os-d14v5-logo strong{font-weight:800}.os-d14v5-nav{display:flex;justify-content:center;align-items:center;gap:28px}.os-d14v5-nav-link{margin:0;font-size:11px}.os-d14v5-nav-details{position:relative}.os-d14v5-nav-details>summary{list-style:none;cursor:pointer;font-size:11px}.os-d14v5-nav-details>summary::-webkit-details-marker{display:none}.os-d14v5-nav-details>summary:after{content:"⌄";display:inline-block;margin-left:7px;color:var(--d15-orange)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-header-cta{justify-content:flex-end}.os-d14v5-mobile-menu{display:none} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-mega{position:absolute;top:40px;left:50%;transform:translateX(-50%);width:min(1040px,calc(100vw - 48px));border-radius:22px;overflow:hidden;background:rgba(250,250,249,.97);color:var(--d15-ink);border:1px solid rgba(255,255,255,.7);box-shadow:0 30px 82px rgba(0,0,0,.28);backdrop-filter:blur(28px)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-mega--services{display:grid;grid-template-columns:270px 1fr}.os-d14v5-mega-intro{padding:30px;border-right:1px solid var(--d15-line)}.os-d14v5-mega-title{margin:0 0 14px;font-size:27px;line-height:1.03;letter-spacing:-.035em}.os-d14v5-mega-copy{color:#707984;font-size:12px;line-height:1.55}.os-d14v5-mega-cards{display:grid;grid-template-columns:repeat(3,1fr);padding:18px;gap:9px}.os-d14v5-mega-card{padding:18px;border-radius:15px;background:#f2f2f1;min-height:150px}.os-d14v5-mega-card h3{font-size:15px;margin:16px 0 10px}.os-d14v5-mega-card p{font-size:11px;color:#737b85}.os-d14v5-mini-num{color:var(--d15-orange)!important}.os-d14v5-mega-bottom{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;padding:18px 30px;border-top:1px solid var(--d15-line);align-items:end}.os-d14v5-mega-bottom h3{margin:0}.os-d14v5-mega-proof{text-align:right;color:#69727d} /* Hero: proportions follow the 14-09 drafts more closely */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero{position:relative;min-height:700px;padding:104px max(30px,calc((100vw - var(--d15-max))/2)) 0;color:#fff;background:radial-gradient(circle at 91% 3%,rgba(255,145,72,.24),transparent 18%),linear-gradient(112deg,#06131b 0%,#0d222d 58%,#19343f 100%);overflow:hidden} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero--home{min-height:760px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero--webdesign{min-height:620px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px);background-size:25% 25%;opacity:.68;mask-image:linear-gradient(to bottom,#000 75%,transparent)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero-main{position:relative;z-index:1;display:grid;grid-template-columns:.82fr 1.18fr;gap:36px;align-items:center;min-height:470px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero--home .os-d14v5-hero-main{min-height:555px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero-copy{padding-bottom:28px;max-width:525px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero-eyebrow{font-size:9px;letter-spacing:.17em;color:#aab5bc;margin:0 0 22px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero-title{font-size:clamp(58px,5.4vw,88px);font-weight:430;line-height:.96;letter-spacing:-.052em;margin:0 0 22px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero--webdesign .os-d14v5-hero-title{font-size:clamp(57px,5vw,82px)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero-lead{font-size:14px;line-height:1.52;color:#d2dbe0;max-width:445px;margin:0 0 24px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero-copy .wp-block-buttons{gap:12px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero-visual{position:relative;min-height:445px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero--home .os-d14v5-hero-visual{min-height:515px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero-main-image{position:absolute;inset:38px 74px 46px 58px;margin:0!important;overflow:hidden;border-radius:3px;box-shadow:0 34px 92px rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.17);transform:perspective(1200px) rotateY(-3deg)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero-main-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.82)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero-float{position:absolute!important;margin:0!important;border:1px solid rgba(255,255,255,.15);box-shadow:0 24px 65px rgba(0,0,0,.37);overflow:hidden;background:rgba(255,255,255,.07);backdrop-filter:blur(9px)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero-float img{width:100%;height:100%;object-fit:cover;opacity:.8;filter:saturate(.7) brightness(.8)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero-float--one{width:30%;height:41%;right:2%;top:36%} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero-float--two{width:34%;height:47%;left:2%;top:2%;opacity:.46} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero-glass{position:absolute;padding:18px;border:1px solid rgba(255,255,255,.18);background:rgba(8,23,31,.42);backdrop-filter:blur(16px);box-shadow:0 18px 55px rgba(0,0,0,.2)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero-glass--side{right:0;top:5%;width:145px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero-glass--small{right:12%;bottom:7%;width:175px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero-sidecopy,.os-d14v5-hero-cardcopy{margin:0;font-size:14px;line-height:1.38}.os-d14v5-hero-cardcopy{font-size:17px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero-metrics{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr) 54px;border-top:1px solid rgba(255,255,255,.12);margin-top:0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-metric{padding:20px 10px 18px 0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-metric-value{font-size:25px;margin:0;letter-spacing:-.035em} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-metric-label{font-size:9px;color:#9ba8b0;margin:3px 0 0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero-down{align-self:center;justify-self:end;border:1px solid rgba(255,255,255,.22);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;margin:0;color:#fff;font-size:13px} /* Common section heads */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-section-top{display:grid;grid-template-columns:1.08fr .92fr;gap:10vw;align-items:end;margin-bottom:30px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-section-copy{font-size:13px;line-height:1.6;color:#5f6872;max-width:470px} /* Services */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-service-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:12px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-service-stack{display:grid;gap:12px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-service-three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-service-tile{position:relative;min-height:214px;padding:28px;color:#fff;overflow:hidden;background:#273b47;border-radius:2px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-service-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,16,24,.9),rgba(5,16,24,.08));z-index:0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-service-tile>*{position:relative;z-index:1} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-service-tile--big{min-height:440px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-service-tile--three{min-height:275px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-service-tile--web{background-image:url('/app/uploads/2026/04/new-os-style-5.jpg');background-size:cover;background-position:center} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-service-tile--seo{background-image:url('/app/uploads/2026/04/a-startseite-test.jpg');background-size:cover;background-position:center} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-service-tile--dev{background-image:url('/app/uploads/2026/04/new-os-style-3.jpg');background-size:cover;background-position:center} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-tile-num{font-size:19px;color:rgba(255,255,255,.48);margin:0 auto auto 0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-tile-title{font-size:clamp(23px,2vw,32px);font-weight:430;letter-spacing:-.035em;margin:0 0 8px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-tile-copy{font-size:11px;line-height:1.45;color:#d1d9dd;max-width:260px;margin:0 0 18px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-tile-link{margin:0}.os-d14v5-tile-link a{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(255,255,255,.32);border-radius:50%} /* Approach */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-approach{display:grid;grid-template-columns:.8fr 1.2fr;gap:5.5vw;align-items:center;padding-top:48px;padding-bottom:48px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-approach-copy>p:not(.os-d14v5-eyebrow){max-width:430px;color:#66717a;line-height:1.58;font-size:12px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-approach-visual{position:relative;min-height:360px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-approach-image{position:absolute;inset:0;margin:0!important} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-approach-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-approach-glass{position:absolute;right:16px;bottom:16px;width:205px;padding:20px;background:rgba(255,255,255,.58);backdrop-filter:blur(17px);border:1px solid rgba(255,255,255,.75);box-shadow:0 16px 42px rgba(7,19,27,.15)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-approach-glass h3{font-size:23px;line-height:1.04;margin:0 0 10px;font-weight:460} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-approach-glass p{font-size:11px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-slide-count{position:absolute;right:0;top:-310px;font-size:10px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-round-plus{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--d15-orange);color:#fff;margin:16px 0 0 auto} /* Case */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-case{display:grid;grid-template-columns:.78fr 1.22fr;gap:20px;align-items:center;background:linear-gradient(90deg,#eff4f7 0 42%,#e5ecef 42% 100%);padding-top:50px;padding-bottom:50px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-case-copycol{padding-right:5vw} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-case-title{font-size:clamp(36px,3.2vw,51px);line-height:1;letter-spacing:-.042em;font-weight:450;margin:0 0 14px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-case-copy{color:#65707a;max-width:390px;font-size:12px;line-height:1.5} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-case-visual{position:relative;min-height:335px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-case-image{position:absolute;inset:0 118px 0 0;margin:0!important;transform:rotate(-2deg);transform-origin:center} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-case-image img{width:100%;height:100%;object-fit:contain} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-case-kpis{position:absolute;right:0;top:18px;bottom:18px;width:170px;padding:24px;background:rgba(4,18,27,.9);color:#fff;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(18px)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-case-kpis h3{font-size:25px;margin:0 0 3px;font-weight:470} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-case-kpis p{font-size:9px;color:#abb7bd;margin:0 0 24px} /* Benefits + partners + testimonial */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-benefits{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;padding-top:48px;padding-bottom:50px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-benefits .os-d14v5-section-title{font-size:clamp(36px,3.55vw,56px)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-feature-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);gap:22px;margin-top:40px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-feature-icon{margin:0 0 13px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#0d1820;color:#fff;font-size:9px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-feature-title{font-size:11px;line-height:1.24;margin:0 0 6px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-feature-copy{font-size:9px;line-height:1.45;color:#68727c} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-partners{padding-top:34px;padding-bottom:34px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-partner-row{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-partner{font-size:18px;font-weight:750;letter-spacing:-.03em;color:#17222d;margin:0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-partner--more{font-size:10px;font-weight:500;color:#747e87} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-testimonial{display:grid;grid-template-columns:.8fr 1.45fr .25fr;gap:42px;align-items:center;padding-top:46px;padding-bottom:46px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-testimonial-head .os-d14v5-section-title{font-size:clamp(34px,3.3vw,52px)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-quote-mark{font-size:46px;color:#c8cdd0;margin:0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-quote{font-size:clamp(17px,1.6vw,23px);line-height:1.35;font-weight:430;margin:0 0 16px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-author{font-size:10px;color:#68727c} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-testimonial-arrows{font-size:24px;letter-spacing:.4em}.os-d14v5-testimonial-count{font-size:9px} /* Process */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-process{background:linear-gradient(100deg,#07131b,#0b202b);color:#fff;display:grid;grid-template-columns:235px 1fr;gap:44px;padding-top:42px;padding-bottom:42px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-process:before{background-image:linear-gradient(90deg,transparent calc(25% - .5px),rgba(255,255,255,.06) 25%,transparent calc(25% + .5px),transparent calc(50% - .5px),rgba(255,255,255,.06) 50%,transparent calc(50% + .5px),transparent calc(75% - .5px),rgba(255,255,255,.06) 75%,transparent calc(75% + .5px))} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-process-title{font-size:clamp(33px,3vw,48px);line-height:1.03;letter-spacing:-.045em;font-weight:430} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-process-steps{display:grid;grid-template-columns:repeat(6,1fr);position:relative} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-process-steps:before{content:"";position:absolute;left:0;right:0;top:25px;height:1px;background:rgba(255,255,255,.2)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-process-step{padding:0 13px;position:relative} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-process-num{font-size:22px;color:#9dabb3;margin:0 0 20px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-process-step h3{font-size:11px;margin:0 0 6px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-process-step p:last-child{font-size:8px;color:#82919a;line-height:1.45} /* Pricing + FAQ */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:stretch} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-price-card{position:relative;padding:24px 22px;border:1px solid var(--d15-line);background:rgba(255,255,255,.84);min-height:360px;display:flex;flex-direction:column} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-price-card--featured{border:2px solid var(--d15-orange);transform:translateY(-5px)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-price-card .wp-block-buttons{margin-top:auto} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-price-kicker{font-size:11px;font-weight:800;margin:0 0 5px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-price{font-size:27px;margin:16px 0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-price-card>p{font-size:10px;line-height:1.62} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-popular{position:absolute;top:-22px;right:18px;color:var(--d15-orange);font-style:italic;transform:rotate(-7deg);font-size:11px!important} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw;padding-top:44px;padding-bottom:44px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-faq-list details{border-top:1px solid var(--d15-line);padding:15px 0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-faq-list details:last-child{border-bottom:1px solid var(--d15-line)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-faq-list summary{list-style:none;cursor:pointer;font-weight:650;font-size:11px;padding-right:30px;position:relative} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-faq-list summary:after{content:"›";position:absolute;right:0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-faq-list details p{font-size:10px;color:#66717b;line-height:1.58;max-width:690px} /* Contact */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-contact{background:linear-gradient(90deg,rgba(237,244,248,.96),rgba(246,239,230,.91)),url('/app/uploads/2026/04/a-startseite-test.jpg');background-size:cover;background-position:center;display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:center;padding-top:44px;padding-bottom:44px;min-height:250px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-contact-title{font-size:clamp(38px,3.8vw,58px);line-height:1;letter-spacing:-.048em;font-weight:450;margin:0 0 14px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-contact-copy>p:not(.os-d14v5-eyebrow){max-width:540px;color:#58636c;font-size:12px;line-height:1.5} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-contact-card{padding:28px;border:1px solid rgba(255,255,255,.68);background:rgba(255,255,255,.55);backdrop-filter:blur(18px);box-shadow:var(--d15-shadow);border-radius:4px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-contact-card h3{font-size:15px}.os-d14v5-contact-card p{font-size:11px;color:#53606b} /* Footer */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-footer{padding:52px max(30px,calc((100vw - var(--d15-max))/2)) 24px;background:#07131b;color:#fff} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-footer-grid{display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:44px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-footer-logo{font-size:20px;margin:0 0 16px}.os-d14v5-footer-logo span{font-weight:400} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-footer-lead{color:#83919a;max-width:270px;font-size:11px;line-height:1.55} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-footer-col h3{font-size:11px;margin:0 0 14px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-footer-col p{font-size:9px;color:#a0abb2;margin:7px 0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-social{color:#a0abb2}.os-d14v5-newsletter{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:9px 13px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:42px;padding-top:18px;display:flex;justify-content:space-between} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-footer-bottom p{font-size:8px;color:#6f7c85} @media (hover:hover) and (pointer:fine){ :where(.osp-wpb-project-orange-services) .os-d14v5-service-tile, :where(.osp-wpb-project-orange-services) .os-d14v5-mega-card, :where(.osp-wpb-project-orange-services) .os-d14v5-price-card{transition:transform 260ms cubic-bezier(.2,.7,.2,1),box-shadow 260ms ease,border-color 260ms ease} :where(.osp-wpb-project-orange-services) .os-d14v5-service-tile:hover, :where(.osp-wpb-project-orange-services) .os-d14v5-mega-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(7,20,29,.14);border-color:rgba(255,122,24,.32)} :where(.osp-wpb-project-orange-services) .os-d14v5-service-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 55%,rgba(255,122,24,.08));opacity:0;transition:opacity 260ms ease;pointer-events:none;z-index:0} :where(.osp-wpb-project-orange-services) .os-d14v5-service-tile:hover:after{opacity:1} :where(.osp-wpb-project-orange-services) .os-d14v5-service-tile:hover .os-d14v5-tile-link{transform:translateX(5px)} :where(.osp-wpb-project-orange-services) .os-d14v5-tile-link{transition:transform 260ms ease} :where(.osp-wpb-project-orange-services) .os-d14v5-case-image img, :where(.osp-wpb-project-orange-services) .os-d14v5-approach-image img, :where(.osp-wpb-project-orange-services) .os-d14v5-hero-main-image img, :where(.osp-wpb-project-orange-services) .os-d14v5-hero-float img{transition:transform 760ms cubic-bezier(.2,.7,.2,1),filter 300ms ease} :where(.osp-wpb-project-orange-services) .os-d14v5-case:hover .os-d14v5-case-image img, :where(.osp-wpb-project-orange-services) .os-d14v5-approach:hover .os-d14v5-approach-image img{transform:scale(1.03)} :where(.osp-wpb-project-orange-services) .os-d14v5-price-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(7,20,29,.1);border-color:rgba(255,122,24,.35)} :where(.osp-wpb-project-orange-services) .os-d14v5-price-card--featured:hover{transform:translateY(-8px)} :where(.osp-wpb-project-orange-services) .os-d14v5-feature, :where(.osp-wpb-project-orange-services) .os-d14v5-process-step, :where(.osp-wpb-project-orange-services) .os-d14v5-partner{transition:transform 220ms ease,color 220ms ease} :where(.osp-wpb-project-orange-services) .os-d14v5-feature:hover, :where(.osp-wpb-project-orange-services) .os-d14v5-partner:hover{transform:translateY(-3px)} :where(.osp-wpb-project-orange-services) .os-d14v5-process-step:hover .os-d14v5-process-num{color:var(--d15-orange)} } @media(max-width:1100px){ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero-main{grid-template-columns:1fr}.os-d14v5-hero-visual{min-height:430px}.os-d14v5-case{grid-template-columns:1fr}.os-d14v5-case-visual{margin-top:34px}.os-d14v5-benefits{grid-template-columns:1fr}.os-d14v5-feature-row{grid-template-columns:repeat(3,1fr)}.os-d14v5-process{grid-template-columns:1fr}.os-d14v5-process-steps{grid-template-columns:repeat(3,1fr);gap:24px}.os-d14v5-process-steps:before{display:none}.os-d14v5-price-grid{grid-template-columns:repeat(2,1fr)}.os-d14v5-footer-grid{grid-template-columns:repeat(2,1fr)}.os-d14v5-footer-brand{grid-column:1/-1} } @media(max-width:900px){ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-nav,:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-header-cta{display:none!important} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-header-inner{grid-template-columns:1fr auto;padding:0 20px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-mobile-menu{display:block;position:relative} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-mobile-menu>summary{list-style:none;border:1px solid rgba(255,255,255,.25);padding:9px 14px;border-radius:999px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-mobile-panel{position:absolute;right:0;top:50px;width:min(360px,calc(100vw - 30px));padding:22px;background:rgba(7,19,27,.98);border:1px solid rgba(255,255,255,.16);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.4)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-mobile-panel p{margin:0;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-section-top,.os-d14v5-approach,.os-d14v5-faq,.os-d14v5-contact{grid-template-columns:1fr} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-service-mosaic,.os-d14v5-service-three{grid-template-columns:1fr} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-service-tile--big{min-height:330px}.os-d14v5-testimonial{grid-template-columns:1fr}.os-d14v5-testimonial-nav{display:flex;gap:20px}.os-d14v5-case-image{right:100px}.os-d14v5-feature-row{grid-template-columns:repeat(2,1fr)} } @media(max-width:600px){ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-header-inner{height:64px;padding:0 16px}.os-d14v5-logo{font-size:17px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-hero{min-height:auto;padding:92px 20px 0}.os-d14v5-hero-title{font-size:clamp(48px,15vw,68px)}.os-d14v5-hero-main{gap:14px}.os-d14v5-hero-copy{padding-bottom:8px}.os-d14v5-hero-visual{min-height:335px}.os-d14v5-hero-main-image{inset:30px 28px 30px 10px}.os-d14v5-hero-float--one{width:36%;height:36%}.os-d14v5-hero-float--two{width:31%;height:42%}.os-d14v5-hero-glass--side{right:0;width:118px;padding:12px}.os-d14v5-hero-glass--small{right:4%;bottom:3%;width:140px;padding:12px}.os-d14v5-hero-sidecopy{font-size:11px}.os-d14v5-hero-cardcopy{font-size:14px}.os-d14v5-hero-metrics{grid-template-columns:repeat(2,1fr);margin:0 -20px}.os-d14v5-hero-down{display:none}.os-d14v5-metric{padding:16px 20px;border-top:1px solid rgba(255,255,255,.08)}.os-d14v5-metric-value{font-size:21px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v5-section{padding:52px 20px}.os-d14v5-section-title{font-size:clamp(36px,11vw,52px)}.os-d14v5-approach{padding-top:46px;padding-bottom:46px}.os-d14v5-approach-visual{min-height:300px}.os-d14v5-case-visual{min-height:300px}.os-d14v5-case-image{right:55px}.os-d14v5-case-kpis{width:120px;padding:14px}.os-d14v5-case-kpis h3{font-size:20px}.os-d14v5-feature-row{grid-template-columns:1fr 1fr;gap:24px 16px}.os-d14v5-process-steps{grid-template-columns:1fr 1fr}.os-d14v5-price-grid{grid-template-columns:1fr}.os-d14v5-price-card--featured{transform:none}.os-d14v5-partner-row{justify-content:flex-start}.os-d14v5-partner{font-size:16px}.os-d14v5-footer{padding:50px 20px 22px}.os-d14v5-footer-grid{grid-template-columns:1fr}.os-d14v5-footer-brand{grid-column:auto}.os-d14v5-footer-bottom{flex-direction:column;gap:8px}.os-d14v5-mega{display:none!important} } :where(.osp-wpb-project-orange-services,.editor-styles-wrapper){--d16-orange:#ff7a18;--d16-night:#07141d;--d16-night-2:#0c202b;--d16-ink:#141b24;--d16-muted:#66717a;--d16-line:rgba(20,27,36,.115);--d16-line-dark:rgba(255,255,255,.12);--d16-max:1320px;--d16-shadow:0 24px 70px rgba(7,20,29,.16)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-section{position:relative;padding:clamp(54px,5.4vw,82px) max(30px,calc((100vw - var(--d16-max))/2));background:#fff;color:var(--d16-ink);border-top:1px solid var(--d16-line)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-section>*{position:relative;z-index:1} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,transparent calc(25% - .5px),rgba(20,27,36,.038) 25%,transparent calc(25% + .5px),transparent calc(50% - .5px),rgba(20,27,36,.038) 50%,transparent calc(50% + .5px),transparent calc(75% - .5px),rgba(20,27,36,.038) 75%,transparent calc(75% + .5px));opacity:.5} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-eyebrow{margin:0 0 14px;font-size:10px;line-height:1.2;font-weight:760;letter-spacing:.13em;text-transform:uppercase;color:#7a848d} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-section-title{margin:0;font-size:clamp(36px,3.7vw,58px);line-height:1.01;letter-spacing:-.045em;font-weight:460;max-width:760px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-section-title span{color:#747b83;font-weight:420} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-text-link{margin:18px 0 0;font-size:12px;font-weight:720;text-decoration:underline;text-underline-offset:4px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-btn .wp-block-button__link{padding:12px 20px;border-radius:999px;font-size:12px;font-weight:760;border:1px solid transparent;transition:.25s ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-btn--primary .wp-block-button__link{background:var(--d16-orange);color:#fff;border-color:var(--d16-orange);box-shadow:0 9px 24px rgba(255,122,24,.2)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-btn--ghost .wp-block-button__link{background:transparent;border-color:rgba(20,27,36,.18);color:inherit} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-btn--text .wp-block-button__link{background:transparent;color:inherit;padding-left:2px;padding-right:2px;text-decoration:underline;text-underline-offset:4px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-btn--outline-orange .wp-block-button__link{background:rgba(8,21,29,.24);color:#ff974e;border-color:rgba(255,151,78,.82);backdrop-filter:blur(12px)} /* Header */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-header{position:absolute;z-index:999;top:0;left:0;right:0;color:#fff;background:linear-gradient(to bottom,rgba(5,17,24,.42),rgba(5,17,24,0));border-bottom:1px solid rgba(255,255,255,.075)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-header-inner{height:68px;max-width:var(--d16-max);margin:auto;padding:0 0;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-logo-wrap{margin:0}.os-d14v6-logo{font-size:18px;letter-spacing:-.035em}.os-d14v6-logo strong{font-weight:800}.os-d14v6-nav{display:flex;justify-content:center;align-items:center;gap:28px}.os-d14v6-nav-link{margin:0;font-size:11px}.os-d14v6-nav-details{position:relative}.os-d14v6-nav-details>summary{list-style:none;cursor:pointer;font-size:11px}.os-d14v6-nav-details>summary::-webkit-details-marker{display:none}.os-d14v6-nav-details>summary:after{content:"⌄";display:inline-block;margin-left:7px;color:var(--d16-orange)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-header-cta{justify-content:flex-end}.os-d14v6-mobile-menu{display:none} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-mega{position:absolute;top:40px;left:50%;transform:translateX(-50%);width:min(1040px,calc(100vw - 48px));border-radius:22px;overflow:hidden;background:rgba(250,250,249,.97);color:var(--d16-ink);border:1px solid rgba(255,255,255,.7);box-shadow:0 30px 82px rgba(0,0,0,.28);backdrop-filter:blur(28px)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-mega--services{display:grid;grid-template-columns:270px 1fr}.os-d14v6-mega-intro{padding:30px;border-right:1px solid var(--d16-line)}.os-d14v6-mega-title{margin:0 0 14px;font-size:27px;line-height:1.03;letter-spacing:-.035em}.os-d14v6-mega-copy{color:#707984;font-size:12px;line-height:1.55}.os-d14v6-mega-cards{display:grid;grid-template-columns:repeat(3,1fr);padding:18px;gap:9px}.os-d14v6-mega-card{padding:18px;border-radius:15px;background:#f2f2f1;min-height:150px}.os-d14v6-mega-card h3{font-size:15px;margin:16px 0 10px}.os-d14v6-mega-card p{font-size:11px;color:#737b85}.os-d14v6-mini-num{color:var(--d16-orange)!important}.os-d14v6-mega-bottom{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;padding:18px 30px;border-top:1px solid var(--d16-line);align-items:end}.os-d14v6-mega-bottom h3{margin:0}.os-d14v6-mega-proof{text-align:right;color:#69727d} /* Hero: proportions follow the 14-09 drafts more closely */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero{position:relative;min-height:700px;padding:104px max(30px,calc((100vw - var(--d16-max))/2)) 0;color:#fff;background:radial-gradient(circle at 91% 3%,rgba(255,145,72,.24),transparent 18%),linear-gradient(112deg,#06131b 0%,#0d222d 58%,#19343f 100%);overflow:hidden} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero--home{min-height:760px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero--webdesign{min-height:620px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px);background-size:25% 25%;opacity:.68;mask-image:linear-gradient(to bottom,#000 75%,transparent)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-main{position:relative;z-index:1;display:grid;grid-template-columns:.82fr 1.18fr;gap:36px;align-items:center;min-height:470px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero--home .os-d14v6-hero-main{min-height:555px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-copy{padding-bottom:28px;max-width:525px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-eyebrow{font-size:9px;letter-spacing:.17em;color:#aab5bc;margin:0 0 22px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-title{font-size:clamp(58px,5.4vw,88px);font-weight:430;line-height:.96;letter-spacing:-.052em;margin:0 0 22px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero--webdesign .os-d14v6-hero-title{font-size:clamp(57px,5vw,82px)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-lead{font-size:14px;line-height:1.52;color:#d2dbe0;max-width:445px;margin:0 0 24px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-copy .wp-block-buttons{gap:12px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-visual{position:relative;min-height:445px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero--home .os-d14v6-hero-visual{min-height:515px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-main-image{position:absolute;inset:38px 74px 46px 58px;margin:0!important;overflow:hidden;border-radius:3px;box-shadow:0 34px 92px rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.17);transform:perspective(1200px) rotateY(-3deg)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-main-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.82)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-float{position:absolute!important;margin:0!important;border:1px solid rgba(255,255,255,.15);box-shadow:0 24px 65px rgba(0,0,0,.37);overflow:hidden;background:rgba(255,255,255,.07);backdrop-filter:blur(9px)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-float img{width:100%;height:100%;object-fit:cover;opacity:.8;filter:saturate(.7) brightness(.8)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-float--one{width:30%;height:41%;right:2%;top:36%} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-float--two{width:34%;height:47%;left:2%;top:2%;opacity:.46} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-glass{position:absolute;padding:18px;border:1px solid rgba(255,255,255,.18);background:rgba(8,23,31,.42);backdrop-filter:blur(16px);box-shadow:0 18px 55px rgba(0,0,0,.2)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-glass--side{right:0;top:5%;width:145px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-glass--small{right:12%;bottom:7%;width:175px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-sidecopy,.os-d14v6-hero-cardcopy{margin:0;font-size:14px;line-height:1.38}.os-d14v6-hero-cardcopy{font-size:17px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-metrics{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr) 54px;border-top:1px solid rgba(255,255,255,.12);margin-top:0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-metric{padding:20px 10px 18px 0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-metric-value{font-size:25px;margin:0;letter-spacing:-.035em} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-metric-label{font-size:9px;color:#9ba8b0;margin:3px 0 0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-down{align-self:center;justify-self:end;border:1px solid rgba(255,255,255,.22);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;margin:0;color:#fff;font-size:13px} /* Common section heads */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-section-top{display:grid;grid-template-columns:1.08fr .92fr;gap:10vw;align-items:end;margin-bottom:30px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-section-copy{font-size:13px;line-height:1.6;color:#5f6872;max-width:470px} /* Services */ /* Approach */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-approach{display:grid;grid-template-columns:.8fr 1.2fr;gap:5.5vw;align-items:center;padding-top:48px;padding-bottom:48px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-approach-copy>p:not(.os-d14v6-eyebrow){max-width:430px;color:#66717a;line-height:1.58;font-size:12px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-approach-visual{position:relative;min-height:360px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-approach-image{position:absolute;inset:0;margin:0!important} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-approach-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-approach-glass{position:absolute;right:16px;bottom:16px;width:205px;padding:20px;background:rgba(255,255,255,.58);backdrop-filter:blur(17px);border:1px solid rgba(255,255,255,.75);box-shadow:0 16px 42px rgba(7,19,27,.15)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-approach-glass h3{font-size:23px;line-height:1.04;margin:0 0 10px;font-weight:460} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-approach-glass p{font-size:11px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-slide-count{position:absolute;right:0;top:-310px;font-size:10px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-round-plus{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--d16-orange);color:#fff;margin:16px 0 0 auto} /* Case */ /* Benefits + partners + testimonial */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-benefits{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;padding-top:48px;padding-bottom:50px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-benefits .os-d14v6-section-title{font-size:clamp(36px,3.55vw,56px)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-feature-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);gap:22px;margin-top:40px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-feature-icon{margin:0 0 13px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#0d1820;color:#fff;font-size:9px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-feature-title{font-size:11px;line-height:1.24;margin:0 0 6px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-feature-copy{font-size:9px;line-height:1.45;color:#68727c} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-partners{padding-top:34px;padding-bottom:34px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-partner-row{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-partner{font-size:18px;font-weight:750;letter-spacing:-.03em;color:#17222d;margin:0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-partner--more{font-size:10px;font-weight:500;color:#747e87} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-testimonial{display:grid;grid-template-columns:.8fr 1.45fr .25fr;gap:42px;align-items:center;padding-top:46px;padding-bottom:46px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-testimonial-head .os-d14v6-section-title{font-size:clamp(34px,3.3vw,52px)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-quote-mark{font-size:46px;color:#c8cdd0;margin:0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-quote{font-size:clamp(17px,1.6vw,23px);line-height:1.35;font-weight:430;margin:0 0 16px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-author{font-size:10px;color:#68727c} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-testimonial-arrows{font-size:24px;letter-spacing:.4em}.os-d14v6-testimonial-count{font-size:9px} /* Process */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-process{background:linear-gradient(100deg,#07131b,#0b202b);color:#fff;display:grid;grid-template-columns:235px 1fr;gap:44px;padding-top:42px;padding-bottom:42px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-process:before{background-image:linear-gradient(90deg,transparent calc(25% - .5px),rgba(255,255,255,.06) 25%,transparent calc(25% + .5px),transparent calc(50% - .5px),rgba(255,255,255,.06) 50%,transparent calc(50% + .5px),transparent calc(75% - .5px),rgba(255,255,255,.06) 75%,transparent calc(75% + .5px))} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-process-title{font-size:clamp(33px,3vw,48px);line-height:1.03;letter-spacing:-.045em;font-weight:430} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-process-steps{display:grid;grid-template-columns:repeat(6,1fr);position:relative} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-process-steps:before{content:"";position:absolute;left:0;right:0;top:25px;height:1px;background:rgba(255,255,255,.2)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-process-step{padding:0 13px;position:relative} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-process-num{font-size:22px;color:#9dabb3;margin:0 0 20px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-process-step h3{font-size:11px;margin:0 0 6px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-process-step p:last-child{font-size:8px;color:#82919a;line-height:1.45} /* Pricing + FAQ */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:stretch} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-price-card{position:relative;padding:24px 22px;border:1px solid var(--d16-line);background:rgba(255,255,255,.84);min-height:360px;display:flex;flex-direction:column} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-price-card--featured{border:2px solid var(--d16-orange);transform:translateY(-5px)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-price-card .wp-block-buttons{margin-top:auto} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-price-kicker{font-size:11px;font-weight:800;margin:0 0 5px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-price{font-size:27px;margin:16px 0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-price-card>p{font-size:10px;line-height:1.62} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-popular{position:absolute;top:-22px;right:18px;color:var(--d16-orange);font-style:italic;transform:rotate(-7deg);font-size:11px!important} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw;padding-top:44px;padding-bottom:44px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-faq-list details{border-top:1px solid var(--d16-line);padding:15px 0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-faq-list details:last-child{border-bottom:1px solid var(--d16-line)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-faq-list summary{list-style:none;cursor:pointer;font-weight:650;font-size:11px;padding-right:30px;position:relative} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-faq-list summary:after{content:"›";position:absolute;right:0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-faq-list details p{font-size:10px;color:#66717b;line-height:1.58;max-width:690px} /* Contact */ /* Footer */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-footer{padding:52px max(30px,calc((100vw - var(--d16-max))/2)) 24px;background:#07131b;color:#fff} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-footer-grid{display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:44px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-footer-logo{font-size:20px;margin:0 0 16px}.os-d14v6-footer-logo span{font-weight:400} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-footer-lead{color:#83919a;max-width:270px;font-size:11px;line-height:1.55} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-footer-col h3{font-size:11px;margin:0 0 14px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-footer-col p{font-size:9px;color:#a0abb2;margin:7px 0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-social{color:#a0abb2}.os-d14v6-newsletter{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:9px 13px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:42px;padding-top:18px;display:flex;justify-content:space-between} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-footer-bottom p{font-size:8px;color:#6f7c85} @media (hover:hover) and (pointer:fine){ :where(.osp-wpb-project-orange-services) .os-d14v6-mega-card, :where(.osp-wpb-project-orange-services) .os-d14v6-price-card{transition:transform 260ms cubic-bezier(.2,.7,.2,1),box-shadow 260ms ease,border-color 260ms ease} :where(.osp-wpb-project-orange-services) .os-d14v6-mega-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(7,20,29,.14);border-color:rgba(255,122,24,.32)} :where(.osp-wpb-project-orange-services) .os-d14v6-approach-image img, :where(.osp-wpb-project-orange-services) .os-d14v6-hero-main-image img, :where(.osp-wpb-project-orange-services) .os-d14v6-hero-float img{transition:transform 760ms cubic-bezier(.2,.7,.2,1),filter 300ms ease} :where(.osp-wpb-project-orange-services) .os-d14v6-approach:hover .os-d14v6-approach-image img{transform:scale(1.03)} :where(.osp-wpb-project-orange-services) .os-d14v6-price-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(7,20,29,.1);border-color:rgba(255,122,24,.35)} :where(.osp-wpb-project-orange-services) .os-d14v6-price-card--featured:hover{transform:translateY(-8px)} :where(.osp-wpb-project-orange-services) .os-d14v6-feature, :where(.osp-wpb-project-orange-services) .os-d14v6-process-step, :where(.osp-wpb-project-orange-services) .os-d14v6-partner{transition:transform 220ms ease,color 220ms ease} :where(.osp-wpb-project-orange-services) .os-d14v6-feature:hover, :where(.osp-wpb-project-orange-services) .os-d14v6-partner:hover{transform:translateY(-3px)} :where(.osp-wpb-project-orange-services) .os-d14v6-process-step:hover .os-d14v6-process-num{color:var(--d16-orange)} } @media(max-width:1100px){ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-main{grid-template-columns:1fr}.os-d14v6-hero-visual{min-height:430px}.os-d14v6-benefits{grid-template-columns:1fr}.os-d14v6-feature-row{grid-template-columns:repeat(3,1fr)}.os-d14v6-process{grid-template-columns:1fr}.os-d14v6-process-steps{grid-template-columns:repeat(3,1fr);gap:24px}.os-d14v6-process-steps:before{display:none}.os-d14v6-price-grid{grid-template-columns:repeat(2,1fr)}.os-d14v6-footer-grid{grid-template-columns:repeat(2,1fr)}.os-d14v6-footer-brand{grid-column:1/-1} } @media(max-width:900px){ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-nav,:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-header-cta{display:none!important} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-header-inner{grid-template-columns:1fr auto;padding:0 20px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-mobile-menu{display:block;position:relative} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-mobile-menu>summary{list-style:none;border:1px solid rgba(255,255,255,.25);padding:9px 14px;border-radius:999px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-mobile-panel{position:absolute;right:0;top:50px;width:min(360px,calc(100vw - 30px));padding:22px;background:rgba(7,19,27,.98);border:1px solid rgba(255,255,255,.16);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.4)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-mobile-panel p{margin:0;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-section-top,.os-d14v6-approach,.os-d14v6-faq{grid-template-columns:1fr}.os-d14v6-testimonial{grid-template-columns:1fr}.os-d14v6-testimonial-nav{display:flex;gap:20px}.os-d14v6-feature-row{grid-template-columns:repeat(2,1fr)} } @media(max-width:600px){ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-header-inner{height:64px;padding:0 16px}.os-d14v6-logo{font-size:17px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero{min-height:auto;padding:92px 20px 0}.os-d14v6-hero-title{font-size:clamp(48px,15vw,68px)}.os-d14v6-hero-main{gap:14px}.os-d14v6-hero-copy{padding-bottom:8px}.os-d14v6-hero-visual{min-height:335px}.os-d14v6-hero-main-image{inset:30px 28px 30px 10px}.os-d14v6-hero-float--one{width:36%;height:36%}.os-d14v6-hero-float--two{width:31%;height:42%}.os-d14v6-hero-glass--side{right:0;width:118px;padding:12px}.os-d14v6-hero-glass--small{right:4%;bottom:3%;width:140px;padding:12px}.os-d14v6-hero-sidecopy{font-size:11px}.os-d14v6-hero-cardcopy{font-size:14px}.os-d14v6-hero-metrics{grid-template-columns:repeat(2,1fr);margin:0 -20px}.os-d14v6-hero-down{display:none}.os-d14v6-metric{padding:16px 20px;border-top:1px solid rgba(255,255,255,.08)}.os-d14v6-metric-value{font-size:21px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-section{padding:52px 20px}.os-d14v6-section-title{font-size:clamp(36px,11vw,52px)}.os-d14v6-approach{padding-top:46px;padding-bottom:46px}.os-d14v6-approach-visual{min-height:300px}.os-d14v6-feature-row{grid-template-columns:1fr 1fr;gap:24px 16px}.os-d14v6-process-steps{grid-template-columns:1fr 1fr}.os-d14v6-price-grid{grid-template-columns:1fr}.os-d14v6-price-card--featured{transform:none}.os-d14v6-partner-row{justify-content:flex-start}.os-d14v6-partner{font-size:16px}.os-d14v6-footer{padding:50px 20px 22px}.os-d14v6-footer-grid{grid-template-columns:1fr}.os-d14v6-footer-brand{grid-column:auto}.os-d14v6-footer-bottom{flex-direction:column;gap:8px}.os-d14v6-mega{display:none!important} } :where(.osp-wpb-project-orange-services,.editor-styles-wrapper){--d16-orange:#ff7a18;--d16-night:#06131b;--d16-night-2:#0a202b;--d16-ink:#141b24;--d16-muted:#65717b;--d16-line:rgba(20,27,36,.105);--d16-line-dark:rgba(255,255,255,.12);--d16-max:1320px;--d16-shadow:0 26px 72px rgba(7,20,29,.18)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-header{background:linear-gradient(to bottom,rgba(3,13,19,.56),rgba(3,13,19,.11) 70%,transparent);border-bottom-color:rgba(255,255,255,.095)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-header-inner{height:78px;gap:34px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-logo{font-size:20px;transition:opacity 220ms ease,transform 220ms ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-nav{gap:34px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-nav-link{font-size:13px;font-weight:620;line-height:1} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-nav-link a, :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-nav-details>summary{position:relative;display:inline-flex;align-items:center;min-height:44px;color:rgba(255,255,255,.9);font-size:13px;font-weight:620;letter-spacing:-.01em;transition:color 220ms ease,opacity 220ms ease,transform 220ms ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-nav-link a:after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:1px;background:var(--d16-orange);transition:right 240ms cubic-bezier(.2,.7,.2,1)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-nav-details>summary:before{content:"";position:absolute;left:0;right:100%;bottom:5px;height:1px;background:var(--d16-orange);transition:right 240ms cubic-bezier(.2,.7,.2,1)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-nav-details>summary:after{font-size:14px;margin-left:8px;transition:transform 220ms ease,color 220ms ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-header-cta .wp-block-button__link{padding:12px 22px;font-size:12.5px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-mega{top:52px;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,10px);transition:opacity 220ms ease,transform 260ms cubic-bezier(.2,.7,.2,1),visibility 220ms ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-nav-details[open]>.os-d14v6-mega, :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-nav-details:hover>.os-d14v6-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);display:grid!important} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero{padding-top:116px;background:linear-gradient(112deg,rgba(3,14,20,.92),rgba(9,31,42,.83) 56%,rgba(18,48,60,.75)),url('/app/uploads/2026/04/a-startseite-test.jpg');background-size:cover;background-position:center;isolation:isolate} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero--home{min-height:790px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero--webdesign{min-height:665px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero:before{background-size:12.5% 25%;opacity:.56;z-index:0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 91% 4%,rgba(255,145,72,.23),transparent 16%),linear-gradient(90deg,rgba(255,255,255,.018),transparent 32%,rgba(255,255,255,.02) 68%,transparent)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-main{grid-template-columns:.78fr 1.22fr;gap:28px;min-height:500px;z-index:2} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero--home .os-d14v6-hero-main{min-height:575px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-copy{max-width:510px;padding-bottom:22px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-eyebrow{font-size:10px;margin-bottom:24px;color:#b7c1c7} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-title{font-size:clamp(57px,4.85vw,76px);line-height:.965;letter-spacing:-.052em;margin-bottom:24px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero--webdesign .os-d14v6-hero-title{font-size:clamp(56px,4.65vw,73px)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-lead{font-size:14.5px;line-height:1.55;max-width:455px;color:#d7dfe3} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-visual{min-height:480px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero--home .os-d14v6-hero-visual{min-height:545px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-main-image{inset:46px 68px 38px 82px;border-radius:4px;box-shadow:0 42px 108px rgba(0,0,0,.5);transform:perspective(1200px) rotateY(-2.4deg)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-main-image img{filter:saturate(.76) brightness(.8) contrast(1.05)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-float--one{width:31%;height:42%;right:0;top:33%} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-float--two{width:35%;height:49%;left:0;top:2%;opacity:.48} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-glass{border-color:rgba(255,255,255,.22);background:rgba(7,22,30,.38);box-shadow:0 24px 68px rgba(0,0,0,.28)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-glass--side{right:-2px;top:7%;width:156px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-glass--small{right:10%;bottom:5%;width:184px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-metrics{grid-template-columns:repeat(4,1fr) 64px;border-top-color:rgba(255,255,255,.16);z-index:3} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-metric{padding:23px 12px 22px 0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-metric-value{font-size:27px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-metric-label{font-size:9.5px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero-down{width:42px;height:42px;font-size:17px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-section-top{grid-template-columns:1.02fr .98fr;gap:9.2vw;align-items:start;margin-bottom:34px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-section-copy{max-width:510px;padding-top:4px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-section-copy>p:not(.os-d14v6-text-link){font-size:13px;line-height:1.62;color:#616d77} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-benefits{grid-template-columns:.86fr 1.14fr;column-gap:9.5vw;row-gap:58px;padding-top:70px;padding-bottom:68px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-benefits .os-d14v6-section-title{font-size:clamp(43px,3.7vw,59px);line-height:1.02} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-benefits .os-d14v6-section-copy{padding-top:8px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-feature-row{grid-column:1/-1;grid-template-columns:repeat(6,1fr);gap:28px;margin-top:0;align-items:start} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-feature{position:relative;padding-right:8px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-feature-icon{width:38px;height:38px;margin-bottom:17px;font-size:14px;background:#0b1821;box-shadow:0 8px 18px rgba(7,20,29,.12);transition:background 220ms ease,color 220ms ease,transform 220ms ease,box-shadow 220ms ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-feature-title{font-size:12.5px;line-height:1.3;margin-bottom:8px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-feature-copy{font-size:10.5px;line-height:1.48} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-partners{padding-top:38px;padding-bottom:38px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-testimonial{padding-top:54px;padding-bottom:54px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-process{grid-template-columns:250px 1fr;gap:46px;min-height:280px;padding-top:58px;padding-bottom:58px;background:linear-gradient(100deg,#06131b,#0b202b 78%,#0c2430)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-process:before{opacity:.74} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-process-title{font-size:clamp(37px,3.1vw,49px);line-height:1.02} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-process-steps{align-items:start;padding-top:4px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-process-steps:before{top:34px;background:rgba(255,255,255,.22)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-process-step{padding:0 16px;min-height:138px;transition:transform 240ms ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-process-step:before{content:"";position:absolute;top:30px;left:16px;width:8px;height:8px;border-radius:50%;background:#71808a;border:2px solid #0a1c26;box-shadow:0 0 0 1px rgba(255,255,255,.15);transform:translateY(-50%);transition:background 220ms ease,box-shadow 220ms ease,transform 220ms ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-process-num{font-size:29px;line-height:1;color:#9daab3;margin:0 0 34px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-process-step h3{font-size:12.5px;margin-bottom:8px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-process-step p:last-child{font-size:9.5px;line-height:1.5;color:#89969f} @media (hover:hover) and (pointer:fine){ :where(.osp-wpb-project-orange-services) .os-d14v6-logo:hover{opacity:.78;transform:translateY(-1px)} :where(.osp-wpb-project-orange-services) .os-d14v6-nav-link a:hover, :where(.osp-wpb-project-orange-services) .os-d14v6-nav-details>summary:hover{color:#fff;transform:translateY(-1px)} :where(.osp-wpb-project-orange-services) .os-d14v6-nav-link a:hover:after, :where(.osp-wpb-project-orange-services) .os-d14v6-nav-details>summary:hover:before, :where(.osp-wpb-project-orange-services) .os-d14v6-nav-details[open]>summary:before{right:0} :where(.osp-wpb-project-orange-services) .os-d14v6-nav-details:hover>summary:after, :where(.osp-wpb-project-orange-services) .os-d14v6-nav-details[open]>summary:after{transform:rotate(180deg);color:#ff9a50} :where(.osp-wpb-project-orange-services) .os-d14v6-header-cta .wp-block-button__link:hover, :where(.osp-wpb-project-orange-services) .os-d14v6-btn--primary .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(255,122,24,.3);filter:saturate(1.08)} :where(.osp-wpb-project-orange-services) .os-d14v6-mega-card:hover{transform:translateY(-4px);background:#fff;box-shadow:0 18px 46px rgba(7,20,29,.12)} :where(.osp-wpb-project-orange-services) .os-d14v6-hero-main-image, :where(.osp-wpb-project-orange-services) .os-d14v6-hero-float, :where(.osp-wpb-project-orange-services) .os-d14v6-hero-glass{transition:transform 600ms cubic-bezier(.2,.7,.2,1),border-color 260ms ease,box-shadow 260ms ease,background 260ms ease} :where(.osp-wpb-project-orange-services) .os-d14v6-hero-main-image:hover{transform:perspective(1200px) rotateY(-1.2deg) translateY(-4px)} :where(.osp-wpb-project-orange-services) .os-d14v6-hero-float:hover{transform:translateY(-7px) scale(1.025);border-color:rgba(255,151,78,.45)} :where(.osp-wpb-project-orange-services) .os-d14v6-hero-glass:hover{transform:translateY(-5px);border-color:rgba(255,151,78,.52);box-shadow:0 26px 72px rgba(0,0,0,.32);background:rgba(9,29,39,.52)} :where(.osp-wpb-project-orange-services) .os-d14v6-metric{transition:transform 220ms ease,color 220ms ease} :where(.osp-wpb-project-orange-services) .os-d14v6-metric:hover{transform:translateY(-3px)} :where(.osp-wpb-project-orange-services) .os-d14v6-metric:hover .os-d14v6-metric-value{color:#ff9a50} :where(.osp-wpb-project-orange-services) .os-d14v6-hero-down{transition:transform 220ms ease,border-color 220ms ease,color 220ms ease} :where(.osp-wpb-project-orange-services) .os-d14v6-hero-down:hover{transform:translateY(4px);border-color:rgba(255,151,78,.6);color:#ff9a50} :where(.osp-wpb-project-orange-services) .os-d14v6-feature:hover{transform:translateY(-4px)} :where(.osp-wpb-project-orange-services) .os-d14v6-feature:hover .os-d14v6-feature-icon{background:var(--d16-orange);transform:translateY(-2px) scale(1.06);box-shadow:0 12px 26px rgba(255,122,24,.25)} :where(.osp-wpb-project-orange-services) .os-d14v6-process-step:hover{transform:translateY(-4px)} :where(.osp-wpb-project-orange-services) .os-d14v6-process-step:hover:before{background:var(--d16-orange);box-shadow:0 0 0 4px rgba(255,122,24,.12);transform:translateY(-50%) scale(1.08)} :where(.osp-wpb-project-orange-services) .os-d14v6-process-step:hover .os-d14v6-process-num{color:#ff9a50} :where(.osp-wpb-project-orange-services) .os-d14v6-process-step:hover h3{color:#fff} } @media(max-width:1100px){.os-d14v6-benefits{row-gap:42px}.os-d14v6-process{min-height:0} } @media(max-width:900px){ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-header-inner{height:72px}.os-d14v6-section-copy{padding-top:0}.os-d14v6-feature-row{gap:30px 24px} } @media(max-width:600px){ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v6-hero{padding-top:96px}.os-d14v6-hero-title{font-size:clamp(46px,14vw,64px)}.os-d14v6-feature-icon{width:36px;height:36px;font-size:13px}.os-d14v6-process{padding-top:48px;padding-bottom:48px}.os-d14v6-process-step:before{display:none}.os-d14v6-process-num{margin-bottom:12px} } @media(prefers-reduced-motion:reduce){ :where(.osp-wpb-project-orange-services) .os-d14v6-header *, :where(.osp-wpb-project-orange-services) .os-d14v6-hero *, :where(.osp-wpb-project-orange-services) .os-d14v6-feature, :where(.osp-wpb-project-orange-services) .os-d14v6-process-step{transition:none!important;transform:none!important} } :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-section{padding:62px max(26px,calc((100vw - 1160px)/2));background:#fff;color:#0b1620} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-inner{max-width:1160px;margin:0 auto} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-eyebrow{margin:0 0 18px;font-size:10px;line-height:1.2;letter-spacing:.13em;font-weight:700;color:#75818b} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-services-head{display:grid;grid-template-columns:.94fr 1.06fr;gap:112px;align-items:start;margin-bottom:30px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-services-title{margin:0;font-size:clamp(43px,3.2vw,54px);line-height:1.01;letter-spacing:-.045em;font-weight:430} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-services-title span{font-weight:320;color:#303a42} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-services-copy{max-width:485px;padding-top:9px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-services-copy>p:not(.os-d14v7-text-link){font-size:13px;line-height:1.58;color:#5c6871;margin:0 0 26px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-text-link{margin:0;font-size:11px;font-weight:700} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-text-link a{color:#101a22;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-mosaic{display:grid;grid-template-columns:1.02fr .98fr;gap:12px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-stack{display:grid;grid-template-rows:1fr 1fr;gap:12px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-card{position:relative;isolation:isolate;overflow:hidden;border-radius:2px;color:#fff;padding:30px 28px;display:flex;flex-direction:column;min-width:0;background:#0c1821;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-card:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,14,20,.72),rgba(4,14,20,.16) 68%,rgba(4,14,20,.2));transition:background 350ms ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(3,12,18,.58),transparent 62%)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-card--web{--d17-img:url('../images/services-webdesign.jpg');background-position:center} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-card--seo{--d17-img:url('../images/services-seo.jpg')} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-card--dev{--d17-img:url('../images/services-development.jpg')} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-card--large{min-height:365px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-card--small{min-height:176px;padding:26px 28px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-card--equal{min-height:295px;padding:30px 30px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-card-num{margin:0 0 auto;font-size:22px;line-height:1;color:rgba(255,255,255,.45);font-weight:350} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-card-content{margin-top:auto} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-card-title{margin:0 0 10px;font-size:clamp(24px,1.9vw,31px);line-height:1.05;letter-spacing:-.035em;font-weight:390;color:#fff} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-card-copy{margin:0 0 18px;max-width:255px;font-size:11.5px;line-height:1.42;color:rgba(255,255,255,.78)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-card-arrow{margin:0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-card-arrow a{display:inline-flex;width:39px;height:39px;border:1px solid rgba(255,255,255,.38);border-radius:50%;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:17px;transition:transform 220ms ease,border-color 220ms ease,background 220ms ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-case{position:relative;overflow:hidden;background:linear-gradient(90deg,#eef4f8 0%,#eef4f8 39%,#e5ecef 39%,#e5ecef 100%);color:#0b1620} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-case-inner{max-width:1280px;min-height:390px;margin:0 auto;padding:48px 44px;display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:10px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-case-copycol{align-self:center;z-index:3;padding-left:8px;padding-right:22px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-case-title{margin:0 0 16px;font-size:clamp(36px,3.0vw,49px);line-height:1.01;letter-spacing:-.044em;font-weight:430} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-case-copy{max-width:355px;margin:0 0 25px;font-size:12.5px;line-height:1.55;color:#66727a} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-case-stage{position:relative;align-self:stretch;min-height:330px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-device{position:absolute;left:-55px;right:142px;top:-28px;bottom:-78px;margin:0!important;transform:rotate(-2.2deg);transform-origin:center bottom;filter:drop-shadow(0 28px 40px rgba(6,20,29,.23));transition:transform 650ms cubic-bezier(.2,.7,.2,1),filter 300ms ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-device img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-kpis{position:absolute;right:0;top:18px;bottom:18px;width:172px;padding:28px 25px;background:rgba(4,18,27,.94);border:1px solid rgba(255,255,255,.17);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:23px;box-shadow:0 24px 64px rgba(7,20,29,.18);transition:transform 260ms ease,border-color 260ms ease,box-shadow 260ms ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-kpi h3{margin:0 0 5px;font-size:27px;line-height:1;font-weight:480;color:#fff} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-kpi p{margin:0;font-size:8.7px;line-height:1.38;color:#aeb9bf} @media(hover:hover) and (pointer:fine){ :where(.osp-wpb-project-orange-services) .os-d14v7-card:hover:before{transform:scale(1.055);filter:saturate(1.06) brightness(1.02)} :where(.osp-wpb-project-orange-services) .os-d14v7-card:hover .os-d14v7-card-arrow a{transform:translateX(5px);border-color:#ff8b31;background:rgba(255,139,49,.14)} :where(.osp-wpb-project-orange-services) .os-d14v7-case:hover .os-d14v7-device{transform:rotate(-1.2deg) translateY(-5px) scale(1.025);filter:drop-shadow(0 34px 48px rgba(6,20,29,.28))} :where(.osp-wpb-project-orange-services) .os-d14v7-case:hover .os-d14v7-kpis{transform:translateX(-4px);border-color:rgba(255,139,49,.5);box-shadow:0 30px 72px rgba(7,20,29,.25)} :where(.osp-wpb-project-orange-services) .os-d14v7-text-link a:hover{color:#f47f20;text-decoration-color:#f47f20} } @media(max-width:900px){ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-services-head{grid-template-columns:1fr;gap:28px}.os-d14v7-services-copy{padding-top:0}.os-d14v7-case-inner{grid-template-columns:1fr;padding:46px 28px}.os-d14v7-case-stage{min-height:330px}.os-d14v7-device{left:-10px;right:120px;top:0;bottom:-35px} } @media(max-width:680px){ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v7-section{padding:48px 20px}.os-d14v7-services-title{font-size:39px}.os-d14v7-mosaic,.os-d14v7-three{grid-template-columns:1fr}.os-d14v7-stack{grid-template-rows:none}.os-d14v7-card--large,.os-d14v7-card--small,.os-d14v7-card--equal{min-height:255px}.os-d14v7-case-inner{padding:44px 20px}.os-d14v7-case-stage{min-height:290px}.os-d14v7-device{left:-38px;right:88px;top:12px;bottom:-20px}.os-d14v7-kpis{width:120px;padding:18px 14px;gap:17px}.os-d14v7-kpi h3{font-size:20px}.os-d14v7-kpi p{font-size:7.5px} } @media(prefers-reduced-motion:reduce){ :where(.osp-wpb-project-orange-services) .os-d14v7-card:before,:where(.osp-wpb-project-orange-services) .os-d14v7-card-arrow a,:where(.osp-wpb-project-orange-services) .os-d14v7-device,:where(.osp-wpb-project-orange-services) .os-d14v7-kpis{transition:none!important;transform:none!important} } :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact{position:relative;isolation:isolate;overflow:hidden;min-height:350px;padding:58px max(32px,calc((100vw - 1360px)/2)) 54px;background:#eef4f7;color:#111a23} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact:before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(241,247,250,.98) 0%,rgba(242,247,249,.9) 40%,rgba(248,241,233,.72) 100%),url('../images/munich-skyline-v8.svg') center bottom/cover no-repeat} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,0) 48%,rgba(255,255,255,.18)),linear-gradient(90deg,rgba(17,26,35,.06) 1px,transparent 1px);background-size:auto,25% 100%;pointer-events:none} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:9vw;align-items:center;max-width:1360px;margin:0 auto} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact-copy{max-width:680px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-eyebrow{margin:0 0 14px;font-size:10px;line-height:1;letter-spacing:.15em;font-weight:800;color:#788590} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact-title{margin:0 0 16px;max-width:760px;font-size:clamp(42px,4.35vw,68px);line-height:.98;letter-spacing:-.052em;font-weight:480;color:#101821} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact-lead{max-width:560px;margin:0;color:#4f5d67;font-size:14px;line-height:1.6} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact-actions{display:flex;gap:16px;align-items:center;margin-top:24px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-btn .wp-block-button__link{border-radius:999px;font-size:12px;font-weight:750;line-height:1;padding:14px 20px;text-decoration:none;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,background-color .28s ease,color .28s ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-btn--primary .wp-block-button__link{background:#ff7a1a;color:#111820;box-shadow:0 10px 26px rgba(255,122,26,.18)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-btn--primary:hover .wp-block-button__link{transform:translateY(-2px);background:#ff8b34;box-shadow:0 16px 34px rgba(255,122,26,.28)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-btn--text .wp-block-button__link{padding-left:2px;padding-right:2px;background:transparent;color:#1e2932} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-btn--text:hover .wp-block-button__link{transform:translateX(4px);color:#ff6f00} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact-card{position:relative;padding:26px 26px 24px;border:1px solid rgba(255,255,255,.84);background:rgba(255,255,255,.62);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);box-shadow:0 28px 70px rgba(31,57,72,.12);transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact-card:before{content:"";position:absolute;inset:0;border:1px solid rgba(125,148,160,.16);pointer-events:none} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact-card:hover{transform:translateY(-5px);border-color:rgba(255,122,26,.28);box-shadow:0 36px 86px rgba(31,57,72,.16)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact-card-label{margin:0 0 10px;font-size:9px;letter-spacing:.16em;font-weight:850;color:#ff6f00} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact-card-title{margin:0 0 18px;font-size:18px;line-height:1.24;letter-spacing:-.025em;font-weight:720;color:#15202a} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact-list{display:grid;gap:10px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact-row{display:flex;align-items:center;gap:10px;margin:0;font-size:11px;line-height:1.35;color:#46545f} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:rgba(17,26,35,.08);color:#17232c;font-size:11px;font-weight:850;transition:background-color .25s ease,color .25s ease,transform .25s ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact-row:hover .os-d14v8-contact-icon{background:#ff7a1a;color:#101820;transform:scale(1.06)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact--webdesign{background:#edf3f6} @media (max-width:900px){ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact{min-height:0;padding:48px 24px 40px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact:after{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 48%,rgba(255,255,255,.2))} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact-inner{grid-template-columns:1fr;gap:28px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact-title{font-size:clamp(38px,10vw,56px)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact-card{max-width:460px} } @media (max-width:560px){ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact{padding:40px 18px 32px;background-position:center bottom} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact-actions{align-items:flex-start;flex-direction:column;gap:8px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact-title{font-size:38px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-d14v8-contact-card{padding:22px} } .os-d14v6-hero.os-d14v6-hero--webdesign{background:#081a26 url('../images/webdesign-hero.webp') center top/cover no-repeat;padding:100px max(30px,calc((100% - 1320px)/2)) 0;min-height:0;overflow:hidden} .os-d14v6-hero--webdesign:before,.os-d14v6-hero--webdesign:after{display:none} .os-d14v6-hero--webdesign .os-d14v6-hero-main{display:grid;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);gap:24px;min-height:510px} .os-d14v6-hero--webdesign .os-d14v6-hero-copy{padding:38px 0 42px;position:relative;z-index:2;max-width:570px} .os-d14v6-hero--webdesign .os-d14v6-hero-eyebrow{font-size:11px;letter-spacing:.15em;color:#d0dbe1;margin:0 0 24px} .os-d14v6-hero--webdesign .os-d14v6-hero-title{font-size:clamp(42px,4.4vw,66px);line-height:1.05;font-weight:400;letter-spacing:-.045em;margin:0 0 25px} .os-d14v6-hero--webdesign .os-d14v6-hero-lead{font-size:16px;line-height:1.55;max-width:430px;color:#e5edf2;margin:0 0 28px} .os-d14v6-hero--webdesign .wp-block-buttons{display:flex;align-items:center;gap:24px;flex-wrap:wrap} .os-d14v6-hero--webdesign .os-d14v6-btn--primary .wp-block-button__link{padding:14px 23px;background:#ff8533;color:#10212b;border-radius:99px;font-size:13px} .os-d14v6-hero--webdesign .os-d14v6-btn--text .wp-block-button__link{padding:12px 0;background:transparent;border:0;color:#fff;font-size:13px;text-decoration:underline;text-underline-offset:4px} .os-d14v6-hero--webdesign .os-d14v6-hero-visual{min-height:510px} .os-d14v6-hero--webdesign .os-d14v6-hero-main-image,.os-d14v6-hero--webdesign .os-d14v6-hero-float{display:none} .os-d14v6-hero--webdesign .os-d14v6-hero-glass--side{position:absolute;right:0;top:3%;width:132px;padding:18px;border:1px solid #ffffff55;border-radius:5px;background:#11293666;backdrop-filter:blur(5px);box-shadow:0 8px 30px #0002} .os-d14v6-hero--webdesign .os-d14v6-hero-sidecopy{font-size:13px;line-height:1.5;color:#f5f7fa} .os-d14v6-hero--webdesign .os-d14v6-hero-glass--small{right:0;bottom:10%;width:138px;padding:18px;border:1px solid #ffffff70;border-radius:5px;background:#13293666;backdrop-filter:blur(6px)} .os-d14v6-hero--webdesign .os-d14v6-hero-cardcopy{font-size:15px;line-height:1.5;color:#fff} .os-d14v6-hero--webdesign .os-d14v6-hero-glass:hover{transform:none} .os-d14v6-hero--webdesign .os-d14v6-hero-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:24px 0;border-top:1px solid #ffffff30;background:#061821c4;box-shadow:0 0 0 100vmax #061821c4;clip-path:inset(0 -100vmax)} .os-d14v6-hero--webdesign .os-d14v6-metric{padding:0 28px;border-left:1px solid #ffffff30} .os-d14v6-hero--webdesign .os-d14v6-metric:first-child{border:0;padding-left:0} .os-d14v6-hero--webdesign .os-d14v6-metric-value{font-size:29px;margin:0;line-height:1.2} .os-d14v6-hero--webdesign .os-d14v6-metric-label{font-size:12px;color:#cfdae2;margin:5px 0 0} .os-d14v6-approach.os-d14v6-section,.os-d14v6-pricing.os-d14v6-section,.os-d14v6-faq.os-d14v6-section,.os-d14v7-web-services.os-d14v7-section{padding:56px max(30px,calc((100% - 1320px)/2));background:#f6f9fb;color:#13212c} .os-d14v6-approach.os-d14v6-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:center} .os-d14v6-approach .os-d14v6-section-title,.os-d14v6-pricing .os-d14v6-section-title,.os-d14v6-faq .os-d14v6-section-title{font-size:clamp(30px,3vw,44px);line-height:1.13;font-weight:400;letter-spacing:-.035em} .os-d14v6-approach .os-d14v6-approach-copy>p:not(.os-d14v6-eyebrow){font-size:15px;line-height:1.65;color:#4e6270;max-width:445px} .os-d14v6-approach .os-d14v6-approach-copy .os-d14v6-text-link{margin-top:24px} .os-d14v6-approach .os-d14v6-approach-visual{min-height:390px;border-radius:5px;overflow:hidden} .os-d14v6-approach .os-d14v6-approach-image img{filter:none;transform:none;object-position:center} .editor-styles-wrapper .os-d14v6-approach-image img[src$="new-os-style-5.jpg"]{content:url('../images/webdesign-approach.webp')} .os-d14v6-approach .os-d14v6-approach-glass{right:24px;bottom:76px;width:222px;padding:23px;background:#f6fbffa3;backdrop-filter:blur(7px);border:1px solid #ffffff8c;border-radius:5px} .os-d14v6-approach .os-d14v6-approach-glass h3{font-size:25px;line-height:1.15;font-weight:400} .os-d14v6-approach .os-d14v6-approach-glass p{font-size:13px;line-height:1.5} .os-d14v6-approach .os-d14v6-round-plus{margin:12px 0 0;display:flex;justify-content:flex-end} .os-d14v6-approach .os-d14v6-round-plus a{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#ff8533;color:#10212b;text-decoration:none;font-size:21px} .os-wd-approach-slider{min-width:0;position:relative;border-radius:5px;overflow:hidden} .os-wd-approach-slider>[hidden]{display:none!important} .os-wd-approach-slider>.osp-slider-controls{right:22px;bottom:18px;display:flex;align-items:center;gap:10px;color:#fff;background:#071d28b3;border-radius:99px;padding:7px 12px} .os-wd-approach-slider>.osp-slider-controls button{border:1px solid #ffffff70;width:35px;height:35px;border-radius:50%;font-size:20px;color:#fff;background:transparent;cursor:pointer} .os-wd-approach-slider>.osp-slider-controls button[data-osp-pause]{width:auto;border-radius:99px;padding:0 10px;font-size:12px} .os-wd-approach-slider>.osp-slider-controls span{font-size:12px} .os-d14v7-web-services .os-d14v7-services-head{grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:30px} .os-d14v7-web-services .os-d14v7-services-title{font-size:clamp(30px,3vw,44px);line-height:1.13;font-weight:400} .os-d14v7-web-services .os-d14v7-services-copy{max-width:420px;justify-self:end} .os-d14v7-web-services .os-d14v7-services-copy p{font-size:15px;line-height:1.6} .os-d14v7-web-services .os-d14v7-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .os-d14v7-web-services .os-d14v7-card{min-height:330px;border-radius:5px;padding:28px;display:flex;flex-direction:column} .os-d14v7-web-services .os-d14v7-card--web{--d17-img:url('../images/service-web.webp')} .os-d14v7-web-services .os-d14v7-card--seo{--d17-img:url('../images/service-seo.webp')} .os-d14v7-web-services .os-d14v7-card--dev{--d17-img:url('../images/service-dev.webp')} .os-d14v7-web-services .os-d14v7-card:before{background-image:linear-gradient(90deg,#061724a6,#06172426),var(--d17-img);background-position:center;background-size:cover;filter:none} .os-d14v7-web-services .os-d14v7-card-num{font-size:28px;color:#cfdee5ba;margin:0 0 22px} .os-d14v7-web-services .os-d14v7-card-content{flex:1;display:flex;flex-direction:column;margin:0} .os-d14v7-web-services .os-d14v7-card-title{font-size:clamp(22px,2vw,28px);font-weight:400;line-height:1.18;margin:0 0 14px} .os-d14v7-web-services .os-d14v7-card-copy{font-size:15px;line-height:1.55;color:#edf4f7;max-width:245px;margin-bottom:22px} .os-d14v7-web-services .os-d14v7-card-arrow{margin-top:auto} .os-d14v7-web-services .os-d14v7-card-arrow a{width:42px;height:42px;border:1px solid #ffffff80;font-size:21px} .os-d14v6-pricing .os-d14v6-section-top{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:30px} .os-d14v6-pricing .os-d14v6-section-copy{max-width:420px;justify-self:end} .os-d14v6-pricing .os-d14v6-section-copy p{font-size:15px;line-height:1.6} .os-d14v6-pricing .os-d14v6-price-grid{gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))} .os-d14v6-pricing .os-d14v6-price-card{padding:26px 23px;min-height:398px;border:1px solid #dce4e9;border-radius:5px;background:#ffffffb8;transform:none} .os-d14v6-pricing .os-d14v6-price-card--featured{border:1px solid #ff8533;box-shadow:0 5px 24px #ff85330c} .os-d14v6-pricing .os-d14v6-price-card>p{font-size:14px;line-height:1.7;color:#4c5e6a} .os-d14v6-pricing .os-d14v6-price-card .os-d14v6-price-kicker{font-size:15px;color:#13212c;letter-spacing:.02em;margin:0 0 6px} .os-d14v6-pricing .os-d14v6-price-kicker+p{min-height:48px;margin:0} .os-d14v6-pricing .os-d14v6-price{font-size:27px;line-height:1.2;letter-spacing:-.03em;margin:17px 0 22px;white-space:nowrap} .os-d14v6-pricing .os-d14v6-popular{position:absolute;top:12px;right:12px;font-size:11px!important;background:#ff8533;color:#13212c!important;padding:3px 9px;border-radius:99px;transform:none;margin:0} .os-d14v6-pricing .os-d14v6-popular:before,.os-d14v6-pricing .os-d14v6-popular:after{display:none} .os-d14v6-pricing .wp-block-buttons{padding-top:24px;margin-top:auto} .os-d14v6-pricing .wp-block-button,.os-d14v6-pricing .wp-block-button__link{width:100%} .os-d14v6-pricing .wp-block-button__link{font-size:13px;padding:12px 14px;border-radius:99px;text-align:center} .os-d14v6-pricing .os-d14v6-btn--primary .wp-block-button__link{background:#ff8533;color:#13212c} .os-d14v6-faq.os-d14v6-section{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:64px;border-top:1px solid #e1e7eb} .os-d14v6-faq .os-d14v6-faq-list details{padding:0;border-top:1px solid #dce4e9} .os-d14v6-faq .os-d14v6-faq-list summary{padding:19px 34px 19px 0;font-size:15px;font-weight:500;line-height:1.45} .os-d14v6-faq .os-d14v6-faq-list summary:after{content:'+';right:5px;top:17px;font-size:22px;font-weight:400} .os-d14v6-faq .os-d14v6-faq-list details[open] summary:after{content:'−'} .os-d14v6-faq .os-d14v6-faq-list details p{font-size:15px;line-height:1.65;padding:0 32px 20px 0;color:#4c6171} .os-d14v6-faq summary:focus-visible,.os-wd-approach-slider button:focus-visible{outline:2px solid #ff8533;outline-offset:4px} @media(max-width:1100px){.os-d14v6-hero--webdesign .os-d14v6-hero-title{font-size:clamp(38px,4.4vw,52px)}.os-d14v6-approach.os-d14v6-section{gap:32px}.os-d14v6-pricing .os-d14v6-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.os-d14v7-web-services .os-d14v7-card{padding:23px;min-height:350px}.os-d14v7-web-services .os-d14v7-card-title{font-size:23px}} @media(max-width:760px){ .os-d14v6-hero.os-d14v6-hero--webdesign{padding:94px 24px 0;background-position:64% top;background-size:auto 740px} .os-d14v6-hero--webdesign .os-d14v6-hero-main{grid-template-columns:minmax(0,1fr);gap:0;min-height:0} .os-d14v6-hero--webdesign .os-d14v6-hero-copy{padding:0 0 28px;max-width:none;background:#071923e8;box-shadow:0 0 0 24px #071923e8} .os-d14v6-hero--webdesign .os-d14v6-hero-title{font-size:clamp(36px,8.8vw,56px)} .os-d14v6-hero--webdesign .os-d14v6-hero-lead{font-size:15px} .os-d14v6-hero--webdesign .os-d14v6-hero-visual{min-height:260px} .os-d14v6-hero--webdesign .os-d14v6-hero-glass--side{display:none} .os-d14v6-hero--webdesign .os-d14v6-hero-glass--small{bottom:20px;width:132px;padding:14px} .os-d14v6-hero--webdesign .os-d14v6-hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0} .os-d14v6-hero--webdesign .os-d14v6-metric{padding:0 0 0 18px}.os-d14v6-hero--webdesign .os-d14v6-metric:nth-child(3){border:0;padding:0}.os-d14v6-hero--webdesign .os-d14v6-metric-value{font-size:26px} .os-d14v6-approach.os-d14v6-section,.os-d14v6-pricing.os-d14v6-section,.os-d14v6-faq.os-d14v6-section,.os-d14v7-web-services.os-d14v7-section{padding:40px 24px} .os-d14v6-approach.os-d14v6-section,.os-d14v6-faq.os-d14v6-section,.os-d14v6-pricing .os-d14v6-section-top,.os-d14v7-web-services .os-d14v7-services-head{grid-template-columns:minmax(0,1fr);gap:26px} .os-d14v6-pricing .os-d14v6-section-copy,.os-d14v7-web-services .os-d14v7-services-copy{justify-self:start} .os-d14v7-web-services .os-d14v7-three{grid-template-columns:minmax(0,1fr)} .os-d14v7-web-services .os-d14v7-card{min-height:320px;padding:26px} .os-d14v6-approach .os-d14v6-approach-visual{min-height:360px} .os-d14v6-approach .os-d14v6-approach-glass{right:16px;width:200px;padding:18px} .os-d14v6-approach .os-d14v6-approach-glass h3{font-size:23px} } @media(max-width:520px){.os-d14v6-pricing .os-d14v6-price-grid{grid-template-columns:minmax(0,1fr)}.os-d14v6-pricing .os-d14v6-price-card{min-height:360px}.os-d14v6-pricing .os-d14v6-price-kicker+p{min-height:0}} .os-d14v7-web-services .os-d14v7-inner{max-width:none;width:100%;padding:0;margin:0} .os-d14v6-pricing .os-d14v6-price-card .wp-block-button__link{display:block;box-sizing:border-box} .os-d14v6-pricing .os-d14v6-popular{font-style:normal} @media(max-width:760px){.os-d14v6-hero.os-d14v6-hero--webdesign{background-image:none}.os-d14v6-hero--webdesign .os-d14v6-hero-visual{background:url('../images/webdesign-hero.webp') right center/auto 100% no-repeat;margin:0 -24px}.os-d14v6-hero--webdesign .os-d14v6-hero-glass--small{right:24px}} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper){--os-system-content:1320px;--os-system-shell:1384px;--os-system-half:660px;--os-system-gutter:32px;--os-system-section-y:clamp(48px,5vw,72px);--os-system-section-y-compact:clamp(34px,4vw,52px);--os-system-ink:#0b1e2a;--os-system-ink-2:#102d3b;--os-system-text:#425b69;--os-system-muted:#6e808b;--os-system-line:#dfe6ea;--os-system-soft:#f7f9fa;--os-system-orange:#ff7f1f;--os-system-orange-hover:#f37112;--os-system-green:#30aa68;--os-system-red:#e4594f;--os-system-yellow:#d69a2d;--os-system-radius:6px;--os-system-shadow:0 16px 46px rgba(8,31,43,.09)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section{position:relative;width:100%;max-width:none!important;margin-block:0!important;color:var(--os-system-ink);background:#fff;overflow:hidden} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section.is-soft{background:linear-gradient(180deg,#f8fafb,#fff)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section.is-dark{color:#fff;background:linear-gradient(135deg,#061b27,#0b3141)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-container{width:100%;max-width:var(--os-system-shell);margin-inline:auto;padding-inline:var(--os-system-gutter);position:relative;z-index:2} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section.is-spaced>.os-container{padding-block:var(--os-system-section-y)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section.is-compact>.os-container{padding-block:var(--os-system-section-y-compact)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-eyebrow,:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-kicker{display:flex;align-items:center;gap:11px;margin:0 0 14px;color:var(--os-system-orange);font-size:10px;line-height:1.25;font-weight:800;letter-spacing:.1em;text-transform:uppercase} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-eyebrow:before,:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-kicker:before{content:"";width:26px;height:3px;border-radius:99px;background:var(--os-system-orange);flex:none} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-title{margin:0;color:var(--os-system-ink);font-size:clamp(44px,4.55vw,64px);line-height:1.01;letter-spacing:-.047em;font-weight:720} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-heading{margin:0;color:var(--os-system-ink);font-size:clamp(30px,2.75vw,42px);line-height:1.08;letter-spacing:-.035em;font-weight:720} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .is-dark .os-title,:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .is-dark .os-heading{color:#fff} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-lead{max-width:690px;margin:16px 0 0;color:var(--os-system-text);font-size:15.5px;line-height:1.62} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-copy{margin:0;color:#526773;font-size:14px;line-height:1.6} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .is-dark .os-lead,:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .is-dark .os-copy{color:#d5e0e6} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-note{display:flex;align-items:center;gap:11px;color:#7c8a92;font-size:10px;line-height:1.35;font-weight:800;letter-spacing:.08em;text-transform:uppercase} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-note:before{content:"";width:26px;height:3px;border-radius:99px;background:var(--os-system-orange);flex:none} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .is-dark .os-note{color:#a9bbc5} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:24px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:46px;padding:0 22px;border:1px solid var(--os-system-orange);border-radius:4px;background:var(--os-system-orange);color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:760;box-shadow:0 8px 22px rgba(255,127,31,.17);transition:transform .18s ease,background .18s ease,border-color .18s ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-button:hover{transform:translateY(-2px);background:var(--os-system-orange-hover);border-color:var(--os-system-orange-hover)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-button.is-ghost{background:transparent;color:var(--os-system-ink)!important;border-color:#cfd8dd;box-shadow:none} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .is-dark .os-button.is-ghost{color:#fff!important;border-color:rgba(255,255,255,.34)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-button.is-text{min-height:auto;padding:8px 0;border:0;background:transparent;color:inherit!important;box-shadow:none} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-button.is-text:hover{background:transparent;color:var(--os-system-orange)!important} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:start;margin-bottom:26px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section-head__aside{max-width:520px;justify-self:end} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-grid{display:grid;gap:14px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-grid.is-3{grid-template-columns:repeat(3,minmax(0,1fr))} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-grid.is-4{grid-template-columns:repeat(4,minmax(0,1fr))} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-card{position:relative;padding:21px 22px;border:1px solid #e5eaed;border-radius:var(--os-system-radius);background:linear-gradient(135deg,#fff,#f7f9fa)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-card.is-row{display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;align-items:start} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-card h3{margin:0 0 6px;color:var(--os-system-ink);font-size:14px;line-height:1.3;font-weight:760} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-card p{margin:0;color:#5d707b;font-size:12.25px;line-height:1.5} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-icon{display:grid;place-items:center;width:34px;height:34px;color:#173449;font-size:22px;font-weight:700;line-height:1} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-icon.is-inverse{color:#fff} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero{position:relative;isolation:isolate;min-height:610px;padding-top:106px;color:#fff;background:#061b27} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-media-surface{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-media-surface>img,:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-media-image{display:block;width:100%;height:100%;object-fit:cover} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-media-image.is-focus-left,:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-media-surface>img.is-focus-left{object-position:25% 54%} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-media-image.is-focus-lower,:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-media-surface>img.is-focus-lower{object-position:center 55%} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero>.os-media-surface>img{object-position:center 44%} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero>.os-media-surface:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,19,28,.94) 0%,rgba(4,22,31,.79) 42%,rgba(5,23,32,.22) 78%)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero>.os-container,:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero>.os-trustbar{position:relative;z-index:1} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero .os-title{color:#fff;max-width:580px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero .os-lead{max-width:560px;color:#d8e3e8;font-size:15px;line-height:1.6} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-hero-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);gap:38px;align-items:center;min-height:410px;padding-bottom:24px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-hero-copy{padding:20px 0 36px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-hero-visual{position:relative;min-height:390px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-dashboard{position:absolute;top:12px;right:0;width:min(620px,100%);padding:17px 18px 22px;border:1px solid rgba(255,255,255,.26);border-radius:9px;background:rgba(5,25,35,.79);box-shadow:0 24px 70px rgba(2,13,20,.35);backdrop-filter:blur(12px);color:#fff} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-dashboard__head{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:0 2px 13px;border-bottom:1px solid rgba(255,255,255,.13);font-size:10px;color:#c9d6dd} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-dashboard__brand strong{color:var(--os-system-orange)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-dashboard__body{display:grid;grid-template-columns:112px minmax(0,1fr);gap:13px;padding-top:13px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-dashboard__nav{display:grid;align-content:start;gap:4px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-dashboard__nav span{padding:7px 8px;border-radius:3px;color:#9fb2bd;font-size:8px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-dashboard__nav .is-active{background:rgba(255,127,31,.13);color:#fff} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-dashboard__main{min-width:0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-dashboard__title{margin:0 0 11px;color:#fff;font-size:14px;line-height:1.3} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-dashboard__highlight{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:10px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-dashboard__panel{padding:11px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:rgba(255,255,255,.035)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-dashboard__panel.is-summary{margin-bottom:10px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-dashboard__panel.is-positive>strong{color:#7ee0a7} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-dashboard__panel strong{display:block;margin-bottom:3px;color:#fff;font-size:10px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-dashboard__panel span{display:block;color:#aebec7;font-size:8px;line-height:1.4} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-dashboard__rows{display:grid;gap:4px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-dashboard__row{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 8px;border-radius:3px;background:rgba(255,255,255,.028);font-size:9px;color:#dce6eb} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-dot{width:8px;height:8px;border-radius:50%;background:var(--os-system-green);box-shadow:0 0 0 3px rgba(48,170,104,.13)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-dot.is-red{background:var(--os-system-red);box-shadow:0 0 0 3px rgba(228,89,79,.13)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-badge{padding:3px 7px;border-radius:3px;font-size:8px;font-weight:800;background:#dbe5ea;color:#183142} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-badge.is-critical{background:#e7675d;color:#fff} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-badge.is-high{background:#e79a4a;color:#fff} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-badge.is-medium{background:#ddbd63;color:#3a3014} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-badge.is-good{background:#d8f0e2;color:#237244} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-trustbar{background:rgba(2,17,25,.58)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-trustgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-block:19px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-trustitem{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:center;color:#fff} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-trustitem__icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.22);border-radius:50%;font-size:13px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-trustitem strong{display:block;font-size:11px;line-height:1.3} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-trustitem span:last-child{display:block;margin-top:2px;color:#aebdc5;font-size:9px;line-height:1.35} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split.is-contained>.os-container{padding-block:var(--os-system-section-y-compact)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:46px;align-items:center} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-split.is-media-right .os-split__copy{order:1} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-split.is-media-right .os-split__media{order:2} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-split.is-media-left .os-split__media{order:1} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-split.is-media-left .os-split__copy{order:2} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-split__copy{display:flex;flex-direction:column;justify-content:center;min-width:0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-split__media{position:relative;min-height:360px;border-radius:5px;overflow:hidden;background:#112c3a} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-split__media>.os-media-image{position:absolute;inset:0;z-index:0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-split__media:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(6,25,35,.05),rgba(6,25,35,.22))} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-edge-split{display:grid;grid-template-columns:minmax(var(--os-system-gutter),1fr) minmax(0,var(--os-system-half)) minmax(0,var(--os-system-half)) minmax(var(--os-system-gutter),1fr);align-items:stretch} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-edge-split>.os-split__media{min-height:410px;border-radius:0;grid-column:1/3} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-edge-split>.os-split__copy{grid-column:3/4;padding:var(--os-system-section-y-compact) var(--os-system-gutter) var(--os-system-section-y-compact) 52px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-edge-split.is-media-right>.os-split__copy{grid-column:2/3;padding-left:var(--os-system-gutter);padding-right:52px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-edge-split.is-media-right>.os-split__media{grid-column:3/5} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-media-inner{position:relative;z-index:2;height:100%;margin-left:max(var(--os-system-gutter),calc(50vw - var(--os-system-half)));margin-right:var(--os-system-gutter)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-edge-split.is-media-right .os-media-inner{margin-left:var(--os-system-gutter);margin-right:max(var(--os-system-gutter),calc(50vw - var(--os-system-half)))} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-media-heading{position:absolute;z-index:3;top:34px;left:0;max-width:510px;color:#fff} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-media-heading h2{margin:0;color:#fff;font-size:25px;line-height:1.14;letter-spacing:-.025em;font-weight:720} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-overlay-card{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:rgba(6,22,31,.79);color:#fff;box-shadow:0 20px 60px rgba(2,13,20,.35);backdrop-filter:blur(12px)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-overlay-card.is-status-list{right:5%;top:15%;width:55%;padding:22px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-overlay-card.is-message{left:16%;top:31%;width:62%;padding:24px 26px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-overlay-card.is-finding{left:58px;right:8%;bottom:32px;padding:20px 22px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-overlay-card__muted{color:#9eb1bc;font-size:10px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-overlay-card__muted{margin-top:10px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-overlay-card__muted.is-roomy{margin-top:15px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-status{display:flex;align-items:center;gap:9px;padding:7px 0;color:#dbe5ea;font-size:10px;border-bottom:1px solid rgba(255,255,255,.09)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-status:last-of-type{border-bottom:0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-status .os-badge{margin-left:auto} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-finding-row{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.13)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-finding-row:last-child{border-bottom:0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-finding-row strong{font-size:10.5px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-finding-row span{font-size:9.75px;line-height:1.5;color:#dce6eb} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-process .os-section-head{margin-bottom:28px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px;margin-top:28px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-process.is-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:26px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-process__step{position:relative;min-width:0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-process__step:not(:last-child):after{content:"→";position:absolute;right:-29px;top:11px;color:#fff;font-size:18px;opacity:.8} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-process.is-5 .os-process__step:not(:last-child):after{right:-19px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-process__num{display:grid;place-items:center;width:38px;height:38px;margin-bottom:14px;border:2px solid var(--os-system-orange);border-radius:50%;font-weight:800;color:#fff} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-process.is-5 .os-process__num{width:50px;height:50px;border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.05);font-size:18px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-process__step h3{margin:0 0 5px;color:#fff;font-size:14px;line-height:1.35} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-process__step p{margin:0;color:#c2d0d8;font-size:11.75px;line-height:1.48} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-report .os-report-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);gap:54px;align-items:center} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-report-card{padding:24px 26px;border:1px solid #e1e7ea;border-radius:6px;background:#fff;box-shadow:0 8px 24px rgba(8,31,43,.045)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-report-card__head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-bottom:14px;border-bottom:1px solid #e6ebee} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-report-card__head h3{margin:0;font-size:15px;color:var(--os-system-ink)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-micro{color:#80909a;font-size:10px;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;font-weight:700} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-micro.is-right{text-align:right} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-report-card__meta{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;padding:18px 0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-report-card__meta strong{display:block;color:#263e4b;font-size:10px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-report-card__meta strong:not(:first-child){margin-top:9px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-report-card__meta span{display:block;color:#647680;font-size:10px;line-height:1.45} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-report-status{margin-top:12px;color:#278654;font-size:10px;font-weight:700} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-report-list{display:grid;gap:5px;margin-top:9px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-report-list span:before{content:"✓";margin-right:7px;color:var(--os-system-green);font-weight:900} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-list-card{padding:24px 26px;border:1px solid #e1e7ea;border-radius:6px;background:#f8fafb} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-list-card.is-dark{background:linear-gradient(135deg,#092432,#0a3041);border-color:#183e50;color:#fff} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-list-card h3{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-size:15px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-list-card.is-dark h3{color:#fff} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-checklist{display:grid;gap:10px;margin:0;padding:0;list-style:none} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-checklist li{display:grid;grid-template-columns:18px 1fr;gap:9px;align-items:start;color:#526773;font-size:12.5px;line-height:1.5} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-checklist li:before{content:"✓";color:var(--os-system-orange);font-weight:900} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-list-card.is-dark .os-checklist li{color:#d6e0e6} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-faq{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px;margin-top:25px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-faq details{border:1px solid #e0e7ea;border-radius:5px;background:#fff;overflow:hidden} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-faq summary{position:relative;padding:13px 40px 13px 16px;color:#203745;font-size:12.5px;font-weight:700;cursor:pointer;list-style:none} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-faq summary::-webkit-details-marker{display:none} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-faq summary:after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:18px;color:#5c7381} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-faq details[open] summary:after{content:"−"} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-faq__answer{padding:0 16px 16px;color:#61737d;font-size:12.5px;line-height:1.65} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-more{display:inline-block;margin-top:8px;color:var(--os-system-orange);font-size:12px;font-weight:750} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-related-card{display:flex;flex-direction:column;min-height:168px;border:1px solid #e2e7ea;border-radius:5px;background:#fff;color:inherit!important;text-decoration:none!important;overflow:hidden} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-related-card__media{position:relative;height:84px;overflow:hidden;background:#e9eef1} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-related-card__media>.os-media-image{position:absolute;inset:0;z-index:0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-related-card__media:after{content:"";position:absolute;inset:0;z-index:1;background:rgba(7,26,37,.12)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-related-card__copy{padding:16px 18px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-related-card__copy h3{margin:0 0 5px;color:var(--os-system-ink);font-size:14px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-related-card__copy p{margin:0;color:#61737d;font-size:12px;line-height:1.5} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact{position:relative;isolation:isolate;min-height:330px;padding:54px 0;color:#fff;background:#102d3b} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact>.os-media-surface:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,25,35,.8),rgba(6,25,35,.28))} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-contact-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:70px;align-items:center} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact .os-heading{color:#fff;font-size:clamp(34px,3.5vw,50px)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact .os-lead{color:#dce6eb} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-contact-card{padding:28px;border:1px solid rgba(255,255,255,.27);border-radius:6px;background:rgba(8,28,39,.62);backdrop-filter:blur(12px)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-contact-card h3{margin:0 0 9px;color:#fff;font-size:18px;line-height:1.35} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-contact-card p{margin:0;color:#d2dde3;font-size:13px;line-height:1.6} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-contact-card .os-button{margin-top:20px} @media(max-width:1100px){:where(.osp-wpb-project-orange-services,.editor-styles-wrapper){--os-system-gutter:24px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(400px,1.1fr);gap:24px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-report .os-report-grid{grid-template-columns:minmax(0,.8fr) minmax(430px,1.2fr);gap:36px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-split{gap:30px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-contact-grid{grid-template-columns:minmax(0,1fr) 340px;gap:45px}} @media(max-width:820px){:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section-head{grid-template-columns:1fr;gap:15px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section-head__aside{justify-self:start}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-grid.is-3{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-grid.is-4{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero{padding-top:92px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-hero-grid{grid-template-columns:1fr;min-height:0}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-hero-copy{padding-bottom:10px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-hero-visual{min-height:355px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-dashboard{left:3%;right:auto;width:94%;top:16px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-trustgrid{grid-template-columns:1fr;gap:13px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-split{grid-template-columns:1fr}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-split.is-media-right .os-split__copy,:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-split.is-media-left .os-split__media{order:1}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-split.is-media-right .os-split__media,:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-split.is-media-left .os-split__copy{order:2}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-edge-split{display:flex;flex-direction:column}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-edge-split>.os-split__media{min-height:390px;order:1}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-edge-split>.os-split__copy{order:2;padding:48px var(--os-system-gutter)}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-media-inner,:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-edge-split.is-media-right .os-media-inner{margin-inline:var(--os-system-gutter)}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-process,:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-process.is-5{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 42px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-process__step:not(:last-child):after{display:none}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-report .os-report-grid{grid-template-columns:1fr;gap:28px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-compare{grid-template-columns:1fr}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-faq{grid-template-columns:1fr}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-contact-grid{grid-template-columns:1fr;gap:30px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-contact-card{max-width:520px}} @media(max-width:560px){:where(.osp-wpb-project-orange-services,.editor-styles-wrapper){--os-system-gutter:18px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-title{font-size:39px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-heading{font-size:30px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-lead{font-size:15px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-actions{gap:10px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-button{width:100%;padding-inline:18px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-button.is-text{width:auto}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-grid.is-3,:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-grid.is-4{grid-template-columns:1fr}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-card{padding:20px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero{padding-top:82px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero>.os-media-surface>img{object-position:62% center}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero .os-title{font-size:39px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-hero-visual{min-height:305px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-dashboard{left:0;width:100%;padding:14px 13px 20px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-dashboard__body{grid-template-columns:96px 1fr}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-dashboard__highlight{grid-template-columns:1fr}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-dashboard__panel:nth-child(2){display:none}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-split__media{min-height:330px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-media-heading{top:24px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-media-heading h2{font-size:22px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-overlay-card.is-status-list{left:18px;right:18px;width:auto;top:12%;padding:18px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-overlay-card.is-message{left:18px;right:18px;width:auto;top:28%;padding:20px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-overlay-card.is-finding{left:18px;right:18px;bottom:22px;padding:17px 18px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-finding-row{grid-template-columns:1fr;gap:4px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-process,:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-process.is-5{grid-template-columns:1fr}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-report-card{padding:21px 19px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-report-card__meta{grid-template-columns:1fr;gap:12px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact{padding:50px 0}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-contact-card{padding:24px 22px}} .osp-wpb-project-orange-services :is(.os-d14v5-header,.os-d14v6-header){position:fixed;top:0;left:0;right:0;z-index:999} .osp-wpb-project-orange-services.admin-bar :is(.os-d14v5-header,.os-d14v6-header){top:32px} @media(max-width:782px){.osp-wpb-project-orange-services.admin-bar :is(.os-d14v5-header,.os-d14v6-header){top:46px}} @media(max-width:600px){.osp-wpb-project-orange-services.admin-bar #wpadminbar{position:fixed}} .osp-scroll-top{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:1000;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#10232e;color:#fff;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18)} .osp-scroll-top[hidden]{display:none} .osp-scroll-top:hover{background:#ff7a1a;color:#101820} .osp-scroll-top:focus-visible{outline:3px solid #ff7a1a;outline-offset:4px} .osp-scroll-top svg{width:22px;height:22px;pointer-events:none} .osp-wpb-project-orange-services.osp-is-scrolled :is(.os-d14v5-header,.os-d14v6-header){background:rgba(5,17,24,.96)} /* Global precision variants: evidence split + editorial related cards */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-heading.is-compact{font-size:clamp(28px,2.35vw,36px);line-height:1.08} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-lead.is-compact{max-width:610px;margin-top:12px;font-size:14px;line-height:1.58} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-button.is-outline-orange{background:transparent;color:var(--os-system-orange)!important;border-color:var(--os-system-orange);box-shadow:none} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-button.is-outline-orange:hover{background:var(--os-system-orange);color:#fff!important} @media(min-width:1101px){:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="edge-media-left-evidence"] .os-edge-split{grid-template-columns:minmax(var(--os-system-gutter),1fr) minmax(0,766px) minmax(0,554px) minmax(var(--os-system-gutter),1fr)}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="edge-media-left-evidence"] .os-split__media{min-height:458px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="edge-media-left-evidence"] .os-split__copy{padding:52px 0 52px 44px;max-width:520px}} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="edge-media-left-evidence"] .os-media-heading.is-compact{top:28px;max-width:500px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="edge-media-left-evidence"] .os-media-heading.is-compact .os-kicker{margin-bottom:7px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="edge-media-left-evidence"] .os-media-heading.is-compact h2{font-size:22px;line-height:1.14} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-overlay-card.is-evidence-card{left:10%;bottom:36px;width:min(62%,470px);padding:22px 22px 21px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:15px;border-radius:8px;background:rgba(8,25,35,.82)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-evidence-card__icon{display:grid;place-items:center;width:42px;height:42px;margin-top:1px;border-radius:50%;background:#e75b48;color:#fff;font-size:22px;font-weight:800;box-shadow:0 8px 20px rgba(231,91,72,.26)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-evidence-card__body{display:grid;gap:12px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-evidence-item{display:grid;gap:2px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-evidence-item strong{font-size:10.5px;line-height:1.35} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-evidence-item span{color:#e2e9ed;font-size:10px;line-height:1.42} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-related[data-os-variant="three-columns-editorial"]>.os-container{padding-block:44px 50px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-related[data-os-variant="three-columns-editorial"] .os-section-head{margin-bottom:18px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-related[data-os-variant="three-columns-editorial"] .os-section-head .os-lead{max-width:620px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-related[data-os-variant="three-columns-editorial"] .os-grid{gap:16px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-related[data-os-variant="three-columns-editorial"] .os-related-card{min-height:214px;border-color:#e4e9ec;box-shadow:0 7px 20px rgba(8,31,43,.035);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-related[data-os-variant="three-columns-editorial"] .os-related-card:hover{transform:translateY(-2px);border-color:#d6dee3;box-shadow:0 14px 28px rgba(8,31,43,.07)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-related[data-os-variant="three-columns-editorial"] .os-related-card__media{height:118px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-related[data-os-variant="three-columns-editorial"] .os-related-card__media:after{background:rgba(7,26,37,.06)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-related[data-os-variant="three-columns-editorial"] .os-related-card__copy{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:12px;align-items:start;padding:15px 18px 17px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-related[data-os-variant="three-columns-editorial"] .os-related-card__copy h3{font-size:14px;margin-bottom:4px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-related[data-os-variant="three-columns-editorial"] .os-related-card__copy p{font-size:11.75px;line-height:1.45} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-related-card__arrow{display:grid;place-items:center;width:24px;height:24px;color:#173449;font-size:15px;font-weight:800} @media(max-width:1100px) and (min-width:821px){:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="edge-media-left-evidence"] .os-edge-split{grid-template-columns:minmax(var(--os-system-gutter),1fr) minmax(0,1.1fr) minmax(0,.9fr) minmax(var(--os-system-gutter),1fr)}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="edge-media-left-evidence"] .os-split__copy{padding:44px 24px 44px 34px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-overlay-card.is-evidence-card{left:7%;width:min(72%,440px)}} @media(max-width:820px){:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="edge-media-left-evidence"] .os-split__media{min-height:420px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="edge-media-left-evidence"] .os-split__copy{padding:42px var(--os-system-gutter) 46px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-overlay-card.is-evidence-card{left:var(--os-system-gutter);right:var(--os-system-gutter);width:auto;bottom:28px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-related[data-os-variant="three-columns-editorial"]>.os-container{padding-block:40px 44px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-related[data-os-variant="three-columns-editorial"] .os-related-card__media{height:110px}} @media(max-width:560px){:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-overlay-card.is-evidence-card{grid-template-columns:40px minmax(0,1fr);gap:11px;padding:17px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-evidence-card__icon{width:36px;height:36px;font-size:19px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-related[data-os-variant="three-columns-editorial"] .os-related-card{min-height:0}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-related[data-os-variant="three-columns-editorial"] .os-related-card__media{height:132px}} /* 2026.09.25.3 generated override: contained evidence split */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-media-image.is-focus-right{object-position:72% 50%} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="contained-media-left-evidence"]>.os-container{padding-block:46px 50px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="contained-media-left-evidence"] .os-split{grid-template-columns:minmax(0,1.42fr) minmax(0,.98fr);gap:56px;align-items:center} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="contained-media-left-evidence"] .os-split__media{min-height:405px;border-radius:0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="contained-media-left-evidence"] .os-split__copy{padding:18px 0;max-width:500px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="contained-media-left-evidence"] .os-media-inner{margin:0;height:100%} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="contained-media-left-evidence"] .os-media-heading.is-compact{top:26px;left:28px;max-width:520px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="contained-media-left-evidence"] .os-media-heading.is-compact .os-kicker{margin-bottom:7px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="contained-media-left-evidence"] .os-media-heading.is-compact h2{font-size:21px;line-height:1.14} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="contained-media-left-evidence"] .os-split__media:after{background:linear-gradient(90deg,rgba(5,22,31,.24),rgba(5,22,31,.06) 60%,rgba(5,22,31,.12))} @media(max-width:1100px) and (min-width:821px){:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="contained-media-left-evidence"] .os-split{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:34px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="contained-media-left-evidence"] .os-split__media{min-height:390px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-overlay-card.is-evidence-card{left:8%;width:min(74%,440px)}} @media(max-width:820px){:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="contained-media-left-evidence"]>.os-container{padding-block:36px 42px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="contained-media-left-evidence"] .os-split{grid-template-columns:1fr;gap:30px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="contained-media-left-evidence"] .os-split__media{min-height:390px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="contained-media-left-evidence"] .os-split__copy{padding:0;max-width:none}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-overlay-card.is-evidence-card{left:var(--os-system-gutter);right:var(--os-system-gutter);width:auto;bottom:24px}} @media(max-width:560px){:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="contained-media-left-evidence"] .os-split__media{min-height:430px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-split[data-os-variant="contained-media-left-evidence"] .os-media-heading.is-compact{left:20px;right:20px;top:22px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-overlay-card.is-evidence-card{grid-template-columns:40px minmax(0,1fr);gap:11px;padding:17px}:where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-evidence-card__icon{width:36px;height:36px;font-size:19px}} /* Pattern system migration 2026.10.02.1 */ /* Pattern system variant: hero / layered-media-immersive */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__background-media{position:absolute;inset:0;z-index:0;margin:0!important;pointer-events:none;overflow:hidden;opacity:.28} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__background-media img{width:100%;height:100%;object-fit:cover;object-position:center} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__button .wp-block-button__link{padding:12px 20px;border-radius:999px;font-size:12px;font-weight:760;border:1px solid transparent;transition:.25s ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__button--primary .wp-block-button__link{background:#ff7a18;color:#fff;border-color:#ff7a18;box-shadow:0 9px 24px rgba(255,122,24,.2)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__button--text .wp-block-button__link{background:transparent;color:inherit;padding-left:2px;padding-right:2px;text-decoration:underline;text-underline-offset:4px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero{position:relative;min-height:700px;padding:104px max(30px,calc((100vw - var(--os-system-content))/2)) 0;color:#fff;background:radial-gradient(circle at 91% 3%,rgba(255,145,72,.24),transparent 18%),linear-gradient(112deg,#06131b 0%,#0d222d 58%,#19343f 100%);overflow:hidden} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero--layered-media-immersive{min-height:760px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px);background-size:25% 25%;opacity:.68;mask-image:linear-gradient(to bottom,#000 75%,transparent)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__main{position:relative;z-index:1;display:grid;grid-template-columns:.82fr 1.18fr;gap:36px;align-items:center;min-height:470px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero--layered-media-immersive .os-pattern-hero__main{min-height:555px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__copy{padding-bottom:28px;max-width:525px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__eyebrow{font-size:9px;letter-spacing:.17em;color:#aab5bc;margin:0 0 22px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__title{font-size:clamp(58px,5.4vw,88px);font-weight:430;line-height:.96;letter-spacing:-.052em;margin:0 0 22px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__lead{font-size:14px;line-height:1.52;color:#d2dbe0;max-width:445px;margin:0 0 24px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__copy .wp-block-buttons{gap:12px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__visual{position:relative;min-height:445px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero--layered-media-immersive .os-pattern-hero__visual{min-height:515px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__main-image{position:absolute;inset:38px 74px 46px 58px;margin:0!important;overflow:hidden;border-radius:3px;box-shadow:0 34px 92px rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.17);transform:perspective(1200px) rotateY(-3deg)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__main-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.82)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__float{position:absolute!important;margin:0!important;border:1px solid rgba(255,255,255,.15);box-shadow:0 24px 65px rgba(0,0,0,.37);overflow:hidden;background:rgba(255,255,255,.07);backdrop-filter:blur(9px)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__float img{width:100%;height:100%;object-fit:cover;opacity:.8;filter:saturate(.7) brightness(.8)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__float--one{width:30%;height:41%;right:2%;top:36%} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__float--two{width:34%;height:47%;left:2%;top:2%;opacity:.46} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__glass{position:absolute;padding:18px;border:1px solid rgba(255,255,255,.18);background:rgba(8,23,31,.42);backdrop-filter:blur(16px);box-shadow:0 18px 55px rgba(0,0,0,.2)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__glass--side{right:0;top:5%;width:145px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__glass--small{right:12%;bottom:7%;width:175px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__sidecopy,.os-pattern-hero__cardcopy{margin:0;font-size:14px;line-height:1.38} .os-pattern-hero__cardcopy{font-size:17px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__metrics{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr) 54px;border-top:1px solid rgba(255,255,255,.12);margin-top:0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__metric{padding:20px 10px 18px 0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__metric-value{font-size:25px;margin:0;letter-spacing:-.035em} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__metric-label{font-size:9px;color:#9ba8b0;margin:3px 0 0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__down{align-self:center;justify-self:end;border:1px solid rgba(255,255,255,.22);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;margin:0;color:#fff;font-size:13px} @media (hover:hover) and (pointer:fine){ :where(.osp-wpb-project-orange-services) .os-pattern-hero__main-image img,:where(.osp-wpb-project-orange-services) .os-pattern-hero__float img{transition:transform 760ms cubic-bezier(.2,.7,.2,1),filter 300ms ease} } @media(max-width:1100px){ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__main{grid-template-columns:1fr} .os-pattern-hero__visual{min-height:430px} } @media(max-width:600px){ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero{min-height:auto;padding:92px 20px 0} .os-pattern-hero__title{font-size:clamp(48px,15vw,68px)} .os-pattern-hero__main{gap:14px} .os-pattern-hero__copy{padding-bottom:8px} .os-pattern-hero__visual{min-height:335px} .os-pattern-hero__main-image{inset:30px 28px 30px 10px} .os-pattern-hero__float--one{width:36%;height:36%} .os-pattern-hero__float--two{width:31%;height:42%} .os-pattern-hero__glass--side{right:0;width:118px;padding:12px} .os-pattern-hero__glass--small{right:4%;bottom:3%;width:140px;padding:12px} .os-pattern-hero__sidecopy{font-size:11px} .os-pattern-hero__cardcopy{font-size:14px} .os-pattern-hero__metrics{grid-template-columns:repeat(2,1fr);margin:0 -20px} .os-pattern-hero__down{display:none} .os-pattern-hero__metric{padding:16px 20px;border-top:1px solid rgba(255,255,255,.08)} .os-pattern-hero__metric-value{font-size:21px} } :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero{padding-top:116px;background:linear-gradient(112deg,#06131b 0%,#0d222d 58%,#19343f 100%);isolation:isolate} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero--layered-media-immersive{min-height:790px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero:before{background-size:12.5% 25%;opacity:.56;z-index:0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 91% 4%,rgba(255,145,72,.23),transparent 16%),linear-gradient(90deg,rgba(255,255,255,.018),transparent 32%,rgba(255,255,255,.02) 68%,transparent)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__main{grid-template-columns:.78fr 1.22fr;gap:28px;min-height:500px;z-index:2} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero--layered-media-immersive .os-pattern-hero__main{min-height:575px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__copy{max-width:510px;padding-bottom:22px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__eyebrow{font-size:10px;margin-bottom:24px;color:#b7c1c7} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__title{font-size:clamp(57px,4.85vw,76px);line-height:.965;letter-spacing:-.052em;margin-bottom:24px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__lead{font-size:14.5px;line-height:1.55;max-width:455px;color:#d7dfe3} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__visual{min-height:480px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero--layered-media-immersive .os-pattern-hero__visual{min-height:545px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__main-image{inset:46px 68px 38px 82px;border-radius:4px;box-shadow:0 42px 108px rgba(0,0,0,.5);transform:perspective(1200px) rotateY(-2.4deg)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__main-image img{filter:saturate(.76) brightness(.8) contrast(1.05)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__float--one{width:31%;height:42%;right:0;top:33%} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__float--two{width:35%;height:49%;left:0;top:2%;opacity:.48} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__glass{border-color:rgba(255,255,255,.22);background:rgba(7,22,30,.38);box-shadow:0 24px 68px rgba(0,0,0,.28)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__glass--side{right:-2px;top:7%;width:156px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__glass--small{right:10%;bottom:5%;width:184px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__metrics{grid-template-columns:repeat(4,1fr) 64px;border-top-color:rgba(255,255,255,.16);z-index:3} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__metric{padding:23px 12px 22px 0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__metric-value{font-size:27px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__metric-label{font-size:9.5px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero__down{width:42px;height:42px;font-size:17px} @media (hover:hover) and (pointer:fine){ :where(.osp-wpb-project-orange-services) .os-pattern-hero__button--primary .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(255,122,24,.3);filter:saturate(1.08)} :where(.osp-wpb-project-orange-services) .os-pattern-hero__main-image,:where(.osp-wpb-project-orange-services) .os-pattern-hero__float,:where(.osp-wpb-project-orange-services) .os-pattern-hero__glass{transition:transform 600ms cubic-bezier(.2,.7,.2,1),border-color 260ms ease,box-shadow 260ms ease,background 260ms ease} :where(.osp-wpb-project-orange-services) .os-pattern-hero__main-image:hover{transform:perspective(1200px) rotateY(-1.2deg) translateY(-4px)} :where(.osp-wpb-project-orange-services) .os-pattern-hero__float:hover{transform:translateY(-7px) scale(1.025);border-color:rgba(255,151,78,.45)} :where(.osp-wpb-project-orange-services) .os-pattern-hero__glass:hover{transform:translateY(-5px);border-color:rgba(255,151,78,.52);box-shadow:0 26px 72px rgba(0,0,0,.32);background:rgba(9,29,39,.52)} :where(.osp-wpb-project-orange-services) .os-pattern-hero__metric{transition:transform 220ms ease,color 220ms ease} :where(.osp-wpb-project-orange-services) .os-pattern-hero__metric:hover{transform:translateY(-3px)} :where(.osp-wpb-project-orange-services) .os-pattern-hero__metric:hover .os-pattern-hero__metric-value{color:#ff9a50} :where(.osp-wpb-project-orange-services) .os-pattern-hero__down{transition:transform 220ms ease,border-color 220ms ease,color 220ms ease} :where(.osp-wpb-project-orange-services) .os-pattern-hero__down:hover{transform:translateY(4px);border-color:rgba(255,151,78,.6);color:#ff9a50} } @media(max-width:600px){ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-hero{padding-top:96px} .os-pattern-hero__title{font-size:clamp(46px,14vw,64px)} } @media(prefers-reduced-motion:reduce){ :where(.osp-wpb-project-orange-services) .os-pattern-hero *{transition:none!important;transform:none!important} } /* Pattern system variant: service-grid / asymmetric-1-2-media */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__media{position:absolute;inset:0;z-index:-3;margin:0!important;overflow:hidden} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__media img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.01);transition:transform 650ms cubic-bezier(.2,.7,.2,1),filter 350ms ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section{padding:62px max(26px,calc((100vw - 1160px)/2));background:#fff;color:#0b1620} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__inner{max-width:1160px;margin:0 auto} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__eyebrow{margin:0 0 18px;font-size:10px;line-height:1.2;letter-spacing:.13em;font-weight:700;color:#75818b} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__head{display:grid;grid-template-columns:.94fr 1.06fr;gap:112px;align-items:start;margin-bottom:30px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__title{margin:0;font-size:clamp(43px,3.2vw,54px);line-height:1.01;letter-spacing:-.045em;font-weight:430} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__title span{font-weight:320;color:#303a42} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__copy{max-width:485px;padding-top:9px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__copy>p:not(.os-pattern-service-grid__text-link){font-size:13px;line-height:1.58;color:#5c6871;margin:0 0 26px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__text-link{margin:0;font-size:11px;font-weight:700} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__text-link a{color:#101a22;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__mosaic{display:grid;grid-template-columns:1.02fr .98fr;gap:12px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__stack{display:grid;grid-template-rows:1fr 1fr;gap:12px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__card{position:relative;isolation:isolate;overflow:hidden;border-radius:2px;color:#fff;padding:30px 28px;display:flex;flex-direction:column;min-width:0;background:#0c1821;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__card:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,14,20,.72),rgba(4,14,20,.16) 68%,rgba(4,14,20,.2));transition:background 350ms ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(3,12,18,.58),transparent 62%)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__card--large{min-height:365px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__card--small{min-height:176px;padding:26px 28px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__card-num{margin:0 0 auto;font-size:22px;line-height:1;color:rgba(255,255,255,.45);font-weight:350} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__card-content{margin-top:auto} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__card-title{margin:0 0 10px;font-size:clamp(24px,1.9vw,31px);line-height:1.05;letter-spacing:-.035em;font-weight:390;color:#fff} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__card-copy{margin:0 0 18px;max-width:255px;font-size:11.5px;line-height:1.42;color:rgba(255,255,255,.78)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__card-arrow{margin:0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__card-arrow a{display:inline-flex;width:39px;height:39px;border:1px solid rgba(255,255,255,.38);border-radius:50%;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:17px;transition:transform 220ms ease,border-color 220ms ease,background 220ms ease} @media(hover:hover) and (pointer:fine){ :where(.osp-wpb-project-orange-services) .os-pattern-service-grid__card:hover .os-pattern-service-grid__media img{transform:scale(1.055);filter:saturate(1.06) brightness(1.02)} :where(.osp-wpb-project-orange-services) .os-pattern-service-grid__card:hover .os-pattern-service-grid__card-arrow a{transform:translateX(5px);border-color:#ff8b31;background:rgba(255,139,49,.14)} :where(.osp-wpb-project-orange-services) .os-pattern-service-grid__text-link a:hover{color:#f47f20;text-decoration-color:#f47f20} } @media(max-width:900px){ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-service-grid__head{grid-template-columns:1fr;gap:28px} .os-pattern-service-grid__copy{padding-top:0} } @media(max-width:680px){ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section{padding:48px 20px} .os-pattern-service-grid__title{font-size:39px} .os-pattern-service-grid__mosaic{grid-template-columns:1fr} .os-pattern-service-grid__stack{grid-template-rows:none} .os-pattern-service-grid__card--large,.os-pattern-service-grid__card--small{min-height:255px} } @media(prefers-reduced-motion:reduce){ :where(.osp-wpb-project-orange-services) .os-pattern-service-grid__card:before,:where(.osp-wpb-project-orange-services) .os-pattern-service-grid__card-arrow a{transition:none!important;transform:none!important} } /* Pattern system variant: case-study / device-kpi */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-case-study__eyebrow{margin:0 0 18px;font-size:10px;line-height:1.2;letter-spacing:.13em;font-weight:700;color:#75818b} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-case-study__text-link{margin:0;font-size:11px;font-weight:700} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-case-study__text-link a{color:#101a22;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-case-study.os-pattern-case-study--device-kpi{position:relative;overflow:hidden;background:linear-gradient(90deg,#eef4f8 0%,#eef4f8 39%,#e5ecef 39%,#e5ecef 100%);color:#0b1620} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-case-study__inner{max-width:1280px;min-height:390px;margin:0 auto;padding:48px 44px;display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:10px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-case-study__copycol{align-self:center;z-index:3;padding-left:8px;padding-right:22px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-case-study__title{margin:0 0 16px;font-size:clamp(36px,3.0vw,49px);line-height:1.01;letter-spacing:-.044em;font-weight:430} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-case-study__copy{max-width:355px;margin:0 0 25px;font-size:12.5px;line-height:1.55;color:#66727a} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-case-study__stage{position:relative;align-self:stretch;min-height:330px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-case-study__device{position:absolute;left:-55px;right:142px;top:-28px;bottom:-78px;margin:0!important;transform:rotate(-2.2deg);transform-origin:center bottom;filter:drop-shadow(0 28px 40px rgba(6,20,29,.23));transition:transform 650ms cubic-bezier(.2,.7,.2,1),filter 300ms ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-case-study__device img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-case-study__kpis{position:absolute;right:0;top:18px;bottom:18px;width:172px;padding:28px 25px;background:rgba(4,18,27,.94);border:1px solid rgba(255,255,255,.17);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:23px;box-shadow:0 24px 64px rgba(7,20,29,.18);transition:transform 260ms ease,border-color 260ms ease,box-shadow 260ms ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-case-study__kpi h3{margin:0 0 5px;font-size:27px;line-height:1;font-weight:480;color:#fff} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-case-study__kpi p{margin:0;font-size:8.7px;line-height:1.38;color:#aeb9bf} @media(hover:hover) and (pointer:fine){ :where(.osp-wpb-project-orange-services) .os-pattern-case-study.os-pattern-case-study--device-kpi:hover .os-pattern-case-study__device{transform:rotate(-1.2deg) translateY(-5px) scale(1.025);filter:drop-shadow(0 34px 48px rgba(6,20,29,.28))} :where(.osp-wpb-project-orange-services) .os-pattern-case-study.os-pattern-case-study--device-kpi:hover .os-pattern-case-study__kpis{transform:translateX(-4px);border-color:rgba(255,139,49,.5);box-shadow:0 30px 72px rgba(7,20,29,.25)} :where(.osp-wpb-project-orange-services) .os-pattern-case-study__text-link a:hover{color:#f47f20;text-decoration-color:#f47f20} } @media(max-width:900px){ .os-pattern-case-study__inner{grid-template-columns:1fr;padding:46px 28px} .os-pattern-case-study__stage{min-height:330px} .os-pattern-case-study__device{left:-10px;right:120px;top:0;bottom:-35px} } @media(max-width:680px){ .os-pattern-case-study__inner{padding:44px 20px} .os-pattern-case-study__stage{min-height:290px} .os-pattern-case-study__device{left:-38px;right:88px;top:12px;bottom:-20px} .os-pattern-case-study__kpis{width:120px;padding:18px 14px;gap:17px} .os-pattern-case-study__kpi h3{font-size:20px} .os-pattern-case-study__kpi p{font-size:7.5px} } @media(prefers-reduced-motion:reduce){ :where(.osp-wpb-project-orange-services) .os-pattern-case-study__device,:where(.osp-wpb-project-orange-services) .os-pattern-case-study__kpis{transition:none!important;transform:none!important} } /* Pattern system variant: feature-grid / six-benefits-interactive */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section{position:relative;padding:clamp(54px,5.4vw,82px) max(30px,calc((100vw - var(--os-system-content))/2));background:#fff;color:#141b24;border-top:1px solid rgba(20,27,36,.105)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section>*{position:relative;z-index:1} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,transparent calc(25% - .5px),rgba(20,27,36,.038) 25%,transparent calc(25% + .5px),transparent calc(50% - .5px),rgba(20,27,36,.038) 50%,transparent calc(50% + .5px),transparent calc(75% - .5px),rgba(20,27,36,.038) 75%,transparent calc(75% + .5px));opacity:.5} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-feature-grid__eyebrow{margin:0 0 14px;font-size:10px;line-height:1.2;font-weight:760;letter-spacing:.13em;text-transform:uppercase;color:#7a848d} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-feature-grid__title{margin:0;font-size:clamp(36px,3.7vw,58px);line-height:1.01;letter-spacing:-.045em;font-weight:460;max-width:760px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-feature-grid__title span{color:#747b83;font-weight:420} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-feature-grid__text-link{margin:18px 0 0;font-size:12px;font-weight:720;text-decoration:underline;text-underline-offset:4px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-feature-grid__copy{font-size:13px;line-height:1.6;color:#5f6872;max-width:470px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-grid.os-pattern-grid--six-benefits-interactive{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;padding-top:48px;padding-bottom:50px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-grid.os-pattern-grid--six-benefits-interactive .os-pattern-feature-grid__title{font-size:clamp(36px,3.55vw,56px)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-feature-grid__items{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);gap:22px;margin-top:40px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-feature-grid__icon{margin:0 0 13px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#0d1820;color:#fff;font-size:9px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-feature-grid__item-title{font-size:11px;line-height:1.24;margin:0 0 6px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-feature-grid__item-copy{font-size:9px;line-height:1.45;color:#68727c} @media (hover:hover) and (pointer:fine){ :where(.osp-wpb-project-orange-services) .os-pattern-feature-grid__item{transition:transform 220ms ease,color 220ms ease} :where(.osp-wpb-project-orange-services) .os-pattern-feature-grid__item:hover{transform:translateY(-3px)} } @media(max-width:1100px){ .os-pattern-grid.os-pattern-grid--six-benefits-interactive{grid-template-columns:1fr} .os-pattern-feature-grid__items{grid-template-columns:repeat(3,1fr)} } @media(max-width:900px){ .os-pattern-feature-grid__items{grid-template-columns:repeat(2,1fr)} } @media(max-width:600px){ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section{padding:52px 20px} .os-pattern-feature-grid__title{font-size:clamp(36px,11vw,52px)} .os-pattern-feature-grid__items{grid-template-columns:1fr 1fr;gap:24px 16px} } :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-feature-grid__copy{max-width:510px;padding-top:4px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-feature-grid__copy>p:not(.os-pattern-feature-grid__text-link){font-size:13px;line-height:1.62;color:#616d77} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-grid.os-pattern-grid--six-benefits-interactive{grid-template-columns:.86fr 1.14fr;column-gap:9.5vw;row-gap:58px;padding-top:70px;padding-bottom:68px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-grid.os-pattern-grid--six-benefits-interactive .os-pattern-feature-grid__title{font-size:clamp(43px,3.7vw,59px);line-height:1.02} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-grid.os-pattern-grid--six-benefits-interactive .os-pattern-feature-grid__copy{padding-top:8px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-feature-grid__items{grid-column:1/-1;grid-template-columns:repeat(6,1fr);gap:28px;margin-top:0;align-items:start} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-feature-grid__item{position:relative;padding-right:8px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-feature-grid__icon{width:38px;height:38px;margin-bottom:17px;font-size:14px;background:#0b1821;box-shadow:0 8px 18px rgba(7,20,29,.12);transition:background 220ms ease,color 220ms ease,transform 220ms ease,box-shadow 220ms ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-feature-grid__item-title{font-size:12.5px;line-height:1.3;margin-bottom:8px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-feature-grid__item-copy{font-size:10.5px;line-height:1.48} @media (hover:hover) and (pointer:fine){ :where(.osp-wpb-project-orange-services) .os-pattern-feature-grid__item:hover{transform:translateY(-4px)} :where(.osp-wpb-project-orange-services) .os-pattern-feature-grid__item:hover .os-pattern-feature-grid__icon{background:#ff7a18;transform:translateY(-2px) scale(1.06);box-shadow:0 12px 26px rgba(255,122,24,.25)} } @media(max-width:1100px){ .os-pattern-grid.os-pattern-grid--six-benefits-interactive{row-gap:42px} } @media(max-width:900px){ .os-pattern-feature-grid__copy{padding-top:0} .os-pattern-feature-grid__items{gap:30px 24px} } @media(max-width:600px){ .os-pattern-feature-grid__icon{width:36px;height:36px;font-size:13px} } @media(prefers-reduced-motion:reduce){ :where(.osp-wpb-project-orange-services) .os-pattern-feature-grid__item{transition:none!important;transform:none!important} } /* Pattern system variant: tech-logos / inline-row-spacious */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section{position:relative;padding:clamp(54px,5.4vw,82px) max(30px,calc((100vw - var(--os-system-content))/2));background:#fff;color:#141b24;border-top:1px solid rgba(20,27,36,.105)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section>*{position:relative;z-index:1} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,transparent calc(25% - .5px),rgba(20,27,36,.038) 25%,transparent calc(25% + .5px),transparent calc(50% - .5px),rgba(20,27,36,.038) 50%,transparent calc(50% + .5px),transparent calc(75% - .5px),rgba(20,27,36,.038) 75%,transparent calc(75% + .5px));opacity:.5} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-tech-logos__eyebrow{margin:0 0 14px;font-size:10px;line-height:1.2;font-weight:760;letter-spacing:.13em;text-transform:uppercase;color:#7a848d} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-tech-logos.os-pattern-tech-logos--inline-row-spacious{padding-top:34px;padding-bottom:34px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-tech-logos__items{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-tech-logos__item{font-size:18px;font-weight:750;letter-spacing:-.03em;color:#17222d;margin:0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-tech-logos__item--more{font-size:10px;font-weight:500;color:#747e87} @media (hover:hover) and (pointer:fine){ :where(.osp-wpb-project-orange-services) .os-pattern-tech-logos__item{transition:transform 220ms ease,color 220ms ease} :where(.osp-wpb-project-orange-services) .os-pattern-tech-logos__item:hover{transform:translateY(-3px)} } @media(max-width:600px){ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section{padding:52px 20px} .os-pattern-tech-logos__items{justify-content:flex-start} .os-pattern-tech-logos__item{font-size:16px} } :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-tech-logos.os-pattern-tech-logos--inline-row-spacious{padding-top:38px;padding-bottom:38px} /* Pattern system variant: testimonial / editorial-spacious */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section{position:relative;padding:clamp(54px,5.4vw,82px) max(30px,calc((100vw - var(--os-system-content))/2));background:#fff;color:#141b24;border-top:1px solid rgba(20,27,36,.105)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section>*{position:relative;z-index:1} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,transparent calc(25% - .5px),rgba(20,27,36,.038) 25%,transparent calc(25% + .5px),transparent calc(50% - .5px),rgba(20,27,36,.038) 50%,transparent calc(50% + .5px),transparent calc(75% - .5px),rgba(20,27,36,.038) 75%,transparent calc(75% + .5px));opacity:.5} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-testimonial__eyebrow{margin:0 0 14px;font-size:10px;line-height:1.2;font-weight:760;letter-spacing:.13em;text-transform:uppercase;color:#7a848d} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-testimonial__title{margin:0;font-size:clamp(36px,3.7vw,58px);line-height:1.01;letter-spacing:-.045em;font-weight:460;max-width:760px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-testimonial__title span{color:#747b83;font-weight:420} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-testimonial__text-link{margin:18px 0 0;font-size:12px;font-weight:720;text-decoration:underline;text-underline-offset:4px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-testimonial.os-pattern-testimonial--editorial-spacious{display:grid;grid-template-columns:.8fr 1.45fr .25fr;gap:42px;align-items:center;padding-top:46px;padding-bottom:46px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-testimonial__head .os-pattern-testimonial__title{font-size:clamp(34px,3.3vw,52px)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-testimonial__quote-mark{font-size:46px;color:#c8cdd0;margin:0} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-testimonial__quote{font-size:clamp(17px,1.6vw,23px);line-height:1.35;font-weight:430;margin:0 0 16px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-testimonial__author{font-size:10px;color:#68727c} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-testimonial__arrows{font-size:24px;letter-spacing:.4em} .os-pattern-testimonial__count{font-size:9px} @media(max-width:900px){ .os-pattern-testimonial.os-pattern-testimonial--editorial-spacious{grid-template-columns:1fr} .os-pattern-testimonial__nav{display:flex;gap:20px} } @media(max-width:600px){ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section{padding:52px 20px} .os-pattern-testimonial__title{font-size:clamp(36px,11vw,52px)} } :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-testimonial.os-pattern-testimonial--editorial-spacious{padding-top:54px;padding-bottom:54px} /* Pattern system variant: process / six-steps-interactive */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section{position:relative;padding:clamp(54px,5.4vw,82px) max(30px,calc((100vw - var(--os-system-content))/2));background:#fff;color:#141b24;border-top:1px solid rgba(20,27,36,.105)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section>*{position:relative;z-index:1} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,transparent calc(25% - .5px),rgba(20,27,36,.038) 25%,transparent calc(25% + .5px),transparent calc(50% - .5px),rgba(20,27,36,.038) 50%,transparent calc(50% + .5px),transparent calc(75% - .5px),rgba(20,27,36,.038) 75%,transparent calc(75% + .5px));opacity:.5} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-process__eyebrow{margin:0 0 14px;font-size:10px;line-height:1.2;font-weight:760;letter-spacing:.13em;text-transform:uppercase;color:#7a848d} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-process.os-pattern-process--six-steps-interactive{background:linear-gradient(100deg,#07131b,#0b202b);color:#fff;display:grid;grid-template-columns:235px 1fr;gap:44px;padding-top:42px;padding-bottom:42px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-process.os-pattern-process--six-steps-interactive:before{background-image:linear-gradient(90deg,transparent calc(25% - .5px),rgba(255,255,255,.06) 25%,transparent calc(25% + .5px),transparent calc(50% - .5px),rgba(255,255,255,.06) 50%,transparent calc(50% + .5px),transparent calc(75% - .5px),rgba(255,255,255,.06) 75%,transparent calc(75% + .5px))} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-process__title{font-size:clamp(33px,3vw,48px);line-height:1.03;letter-spacing:-.045em;font-weight:430} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-process__steps{display:grid;grid-template-columns:repeat(6,1fr);position:relative} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-process__steps:before{content:"";position:absolute;left:0;right:0;top:25px;height:1px;background:rgba(255,255,255,.2)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-process__step{padding:0 13px;position:relative} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-process__num{font-size:22px;color:#9dabb3;margin:0 0 20px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-process__step h3{font-size:11px;margin:0 0 6px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-process__step p:last-child{font-size:8px;color:#82919a;line-height:1.45} @media (hover:hover) and (pointer:fine){ :where(.osp-wpb-project-orange-services) .os-pattern-process__step{transition:transform 220ms ease,color 220ms ease} :where(.osp-wpb-project-orange-services) .os-pattern-process__step:hover .os-pattern-process__num{color:#ff7a18} } @media(max-width:1100px){ .os-pattern-process.os-pattern-process--six-steps-interactive{grid-template-columns:1fr} .os-pattern-process__steps{grid-template-columns:repeat(3,1fr);gap:24px} .os-pattern-process__steps:before{display:none} } @media(max-width:600px){ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-section{padding:52px 20px} .os-pattern-process__steps{grid-template-columns:1fr 1fr} } :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-process.os-pattern-process--six-steps-interactive{grid-template-columns:250px 1fr;gap:46px;min-height:280px;padding-top:58px;padding-bottom:58px;background:linear-gradient(100deg,#06131b,#0b202b 78%,#0c2430)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-process.os-pattern-process--six-steps-interactive:before{opacity:.74} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-process__title{font-size:clamp(37px,3.1vw,49px);line-height:1.02} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-process__steps{align-items:start;padding-top:4px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-process__steps:before{top:34px;background:rgba(255,255,255,.22)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-process__step{padding:0 16px;min-height:138px;transition:transform 240ms ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-process__step:before{content:"";position:absolute;top:30px;left:16px;width:8px;height:8px;border-radius:50%;background:#71808a;border:2px solid #0a1c26;box-shadow:0 0 0 1px rgba(255,255,255,.15);transform:translateY(-50%);transition:background 220ms ease,box-shadow 220ms ease,transform 220ms ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-process__num{font-size:29px;line-height:1;color:#9daab3;margin:0 0 34px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-process__step h3{font-size:12.5px;margin-bottom:8px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-process__step p:last-child{font-size:9.5px;line-height:1.5;color:#89969f} @media (hover:hover) and (pointer:fine){ :where(.osp-wpb-project-orange-services) .os-pattern-process__step:hover{transform:translateY(-4px)} :where(.osp-wpb-project-orange-services) .os-pattern-process__step:hover:before{background:#ff7a18;box-shadow:0 0 0 4px rgba(255,122,24,.12);transform:translateY(-50%) scale(1.08)} :where(.osp-wpb-project-orange-services) .os-pattern-process__step:hover .os-pattern-process__num{color:#ff9a50} :where(.osp-wpb-project-orange-services) .os-pattern-process__step:hover h3{color:#fff} } @media(max-width:1100px){ .os-pattern-process.os-pattern-process--six-steps-interactive{min-height:0} } @media(max-width:600px){ .os-pattern-process.os-pattern-process--six-steps-interactive{padding-top:48px;padding-bottom:48px} .os-pattern-process__step:before{display:none} .os-pattern-process__num{margin-bottom:12px} } @media(prefers-reduced-motion:reduce){ :where(.osp-wpb-project-orange-services) .os-pattern-process__step{transition:none!important;transform:none!important} } /* Pattern system variant: contact / city-skyline-direct */ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__skyline{position:absolute;inset:0;z-index:-4;margin:0!important;pointer-events:none;overflow:hidden} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__skyline img{width:100%;height:100%;object-fit:cover;object-position:center bottom} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact.os-pattern-contact--city-skyline-direct{position:relative;isolation:isolate;overflow:hidden;min-height:350px;padding:58px max(32px,calc((100vw - 1360px)/2)) 54px;background:#eef4f7;color:#111a23} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact.os-pattern-contact--city-skyline-direct:before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(241,247,250,.98) 0%,rgba(242,247,249,.9) 40%,rgba(248,241,233,.72) 100%)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact.os-pattern-contact--city-skyline-direct:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,0) 48%,rgba(255,255,255,.18)),linear-gradient(90deg,rgba(17,26,35,.06) 1px,transparent 1px);background-size:auto,25% 100%;pointer-events:none} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:9vw;align-items:center;max-width:1360px;margin:0 auto} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__copy{max-width:680px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__eyebrow{margin:0 0 14px;font-size:10px;line-height:1;letter-spacing:.15em;font-weight:800;color:#788590} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__title{margin:0 0 16px;max-width:760px;font-size:clamp(42px,4.35vw,68px);line-height:.98;letter-spacing:-.052em;font-weight:480;color:#101821} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__lead{max-width:560px;margin:0;color:#4f5d67;font-size:14px;line-height:1.6} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__actions{display:flex;gap:16px;align-items:center;margin-top:24px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__button .wp-block-button__link{border-radius:999px;font-size:12px;font-weight:750;line-height:1;padding:14px 20px;text-decoration:none;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,background-color .28s ease,color .28s ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__button--primary .wp-block-button__link{background:#ff7a1a;color:#111820;box-shadow:0 10px 26px rgba(255,122,26,.18)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__button--primary:hover .wp-block-button__link{transform:translateY(-2px);background:#ff8b34;box-shadow:0 16px 34px rgba(255,122,26,.28)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__button--text .wp-block-button__link{padding-left:2px;padding-right:2px;background:transparent;color:#1e2932} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__button--text:hover .wp-block-button__link{transform:translateX(4px);color:#ff6f00} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__card{position:relative;padding:26px 26px 24px;border:1px solid rgba(255,255,255,.84);background:rgba(255,255,255,.62);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);box-shadow:0 28px 70px rgba(31,57,72,.12);transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__card:before{content:"";position:absolute;inset:0;border:1px solid rgba(125,148,160,.16);pointer-events:none} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__card:hover{transform:translateY(-5px);border-color:rgba(255,122,26,.28);box-shadow:0 36px 86px rgba(31,57,72,.16)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__card-label{margin:0 0 10px;font-size:9px;letter-spacing:.16em;font-weight:850;color:#ff6f00} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__card-title{margin:0 0 18px;font-size:18px;line-height:1.24;letter-spacing:-.025em;font-weight:720;color:#15202a} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__list{display:grid;gap:10px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__row{display:flex;align-items:center;gap:10px;margin:0;font-size:11px;line-height:1.35;color:#46545f} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:rgba(17,26,35,.08);color:#17232c;font-size:11px;font-weight:850;transition:background-color .25s ease,color .25s ease,transform .25s ease} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__row:hover .os-pattern-contact__icon{background:#ff7a1a;color:#101820;transform:scale(1.06)} @media (max-width:900px){ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact.os-pattern-contact--city-skyline-direct{min-height:0;padding:48px 24px 40px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact.os-pattern-contact--city-skyline-direct:after{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 48%,rgba(255,255,255,.2))} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__inner{grid-template-columns:1fr;gap:28px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__title{font-size:clamp(38px,10vw,56px)} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__card{max-width:460px} } @media (max-width:560px){ :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact.os-pattern-contact--city-skyline-direct{padding:40px 18px 32px;background-position:center bottom} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__actions{align-items:flex-start;flex-direction:column;gap:8px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__title{font-size:38px} :where(.osp-wpb-project-orange-services,.editor-styles-wrapper) .os-pattern-contact__card{padding:22px} }