.director-flow{--df-accent: var(--c-accent);--df-text-main: var(--c-text-main);--df-text-sub: var(--c-text-body);--df-bg-card: var(--c-bg-light);--df-border: 1px solid rgba(0, 0, 0, .08);--df-shadow: 0 4px 6px -1px rgba(0, 0, 0, .03), 0 10px 15px -3px rgba(0, 0, 0, .03);--df-radius: 16px;position:relative;overflow:hidden;isolation:isolate;background-color:var(--c-bg-subtle);background-image:linear-gradient(rgba(15,23,42,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.03) 1px,transparent 1px);background-size:40px 40px;border-top:1px solid rgba(15,23,42,.03);border-bottom:1px solid rgba(15,23,42,.03)}.director-flow[class*=color-]{background-color:transparent!important}.director-flow .page-width{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:0 1.5rem}.director-flow__ambient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(80% 60% at 50% 0%,rgba(234,88,12,.08),transparent 60%),radial-gradient(70% 70% at 0% 40%,rgba(15,23,42,.06),transparent 55%),radial-gradient(70% 70% at 100% 45%,rgba(15,23,42,.05),transparent 55%)}.director-flow__bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(15,23,42,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.03) 1px,transparent 1px);background-size:40px 40px;opacity:1}.director-flow__header{position:relative}.director-flow__header.center{text-align:center}.director-flow__header,.director-flow__header *,.director-flow .section-heading__title{background:transparent!important;box-shadow:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:0!important}.director-flow .page-width:before,.director-flow .page-width:after,.director-flow__header:before,.director-flow__header:after{content:none!important;display:none!important}.director-flow__steps{display:flex;flex-direction:column;gap:2rem}.director-flow__step{position:relative;opacity:1;transform:none}.director-flow.is-active .director-flow__step{opacity:1;transform:none}.director-flow__card{display:flex;flex-direction:column;height:100%;padding:3.2rem 2.4rem;background:var(--df-bg-card);border:var(--df-border);border-left:6px solid transparent;border-radius:var(--df-radius);box-shadow:var(--df-shadow);transition:transform .3s ease,box-shadow .3s ease,border-left-color .3s ease}.director-flow__number-group{position:relative;display:inline-block;margin-bottom:1.5rem}.director-flow__label{position:absolute;top:4px;left:2px;z-index:2;display:block;color:var(--df-accent);font-family:Helvetica Neue,sans-serif;font-size:1rem;font-weight:900;line-height:1;letter-spacing:.1em}.director-flow__digit{z-index:1;display:block;color:var(--df-accent);font-family:Helvetica Neue,sans-serif;font-size:4.5rem;font-weight:900;line-height:.8;opacity:.25;transition:opacity .3s ease,transform .3s ease}.director-flow__tag-group{display:flex;gap:.8rem;align-items:center}.director-flow__separator{width:30px;height:2px;background:linear-gradient(90deg,transparent,var(--df-accent),transparent);opacity:.6}.director-flow__tag{display:inline-flex;align-items:center;gap:8px;padding:.7rem 1.4rem;color:var(--df-text-sub);background:var(--c-bg-light);border:1px solid rgba(15,23,42,.08);border-radius:999px;box-shadow:0 2px 4px #00000008,0 1px #fff inset;font-family:SF Mono,monospace;font-size:.9rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease}.director-flow__tag:before{content:"";display:block;width:6px;height:6px;background:var(--df-accent);border-radius:50%;box-shadow:0 0 0 2px #ea580c26}.director-flow__card-subtitle{display:block;margin-bottom:.8rem;color:var(--df-accent);font-family:Zen Kaku Gothic New,sans-serif;font-size:1.4rem;font-weight:700;letter-spacing:.05em}.director-flow__card-title{border-left:none;padding-left:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.4rem .8rem;margin:0 0 2rem;color:var(--df-text-main);font-family:Helvetica Neue,sans-serif;font-size:2.1rem;font-weight:800;line-height:1.2;letter-spacing:-.01em}.director-flow__card-title .flow-title-icon{grid-column:1;grid-row:1;align-self:center}.director-flow__card-title .director-flow__card-title-main{grid-column:2;grid-row:1;align-self:center;min-width:0}.director-flow__card-title .director-flow__card-title-sub{grid-column:1 / -1;grid-row:2;min-width:0}.flow-title-icon{display:flex;align-items:center;justify-content:center;color:var(--df-accent);flex-shrink:0}.flow-title-icon svg{width:1.6em;height:1.6em;stroke-width:1.5}.director-flow__card-title-main{display:block;color:var(--df-text-main);font-family:Helvetica Neue,sans-serif;font-size:inherit;font-weight:inherit}.director-flow__card-title-sub{display:block;color:var(--df-text-sub);font-family:Helvetica Neue,sans-serif;font-size:.65em;font-weight:600;letter-spacing:.05em;text-transform:uppercase;opacity:.7}.director-flow__desc{margin:0 0 auto;padding-bottom:2rem;color:var(--df-text-sub);font-family:Zen Kaku Gothic New,sans-serif;font-size:1.6rem;line-height:1.8;letter-spacing:.02em;text-align:left}.director-flow__desc.rte{padding-bottom:0}.director-flow__deliverables{display:block;margin-top:1rem;padding-top:1.5rem;margin-bottom:0;padding-bottom:0;border-top:1px solid #e2e8f0}.director-flow__desc strong,.director-flow__desc b,.director-flow__desc u,.director-flow__desc .rte strong{display:inline;margin:0 1px;padding-bottom:1px;color:var(--c-text-main);font-weight:700;text-decoration:none;background:linear-gradient(transparent 65%,#ea580c40 65%);border:none}.director-flow__desc p>strong:first-child{display:inline-flex;align-items:center;background:transparent;color:var(--c-text-main)!important;padding:.2rem .2rem .2rem 1.5em;border-left:4px solid var(--c-accent);border-radius:0;font-size:.9em;margin-right:.5rem;background-image:none!important;font-weight:700;transition:background-color .3s ease,transform .3s ease}.director-flow__desc p>strong:first-child:before{content:none}.director-flow__footer{position:relative;z-index:2;margin-top:5rem}@media(hover:hover){.director-flow__step:hover .director-flow__card{transform:translateY(-5px);box-shadow:0 20px 30px -5px #00000014,0 0 0 1px #ea580c1a;border-left-color:var(--df-accent)}.director-flow__step:hover .director-flow__digit{opacity:.5;transform:scale(1.06) translate(8px)}.director-flow__tag:hover{border-color:#ea580c4d;box-shadow:0 4px 12px #ea580c1a,0 1px #fff inset;transform:translateY(-1px)}}@media screen and (min-width:990px){.director-flow__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem 2rem}.director-flow__step:nth-child(3n-2){z-index:3}.director-flow__step:nth-child(3n-1){z-index:2}.director-flow__step:nth-child(3n){z-index:1}.director-flow__step:nth-child(3n-2):after,.director-flow__step:nth-child(3n-1):after{-webkit-mask-image:none!important;mask-image:none!important;content:"";display:block;position:absolute;right:-2.4rem;top:50%;transform:translateY(-50%);width:32px;height:32px;background-color:var(--c-bg-light);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea580c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px;border:1px solid rgba(234,88,12,.2);border-radius:50%;box-shadow:0 4px 12px #ea580c26;pointer-events:none;z-index:10;opacity:1}.director-flow__step:nth-child(3n-2):before,.director-flow__step:nth-child(3n-1):before{content:none}.director-flow__card{flex-direction:column;height:100%;padding:3.2rem 2.4rem}.director-flow__left-column{width:100%;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1.2rem!important;padding-top:0;border-bottom:1px solid rgba(15,23,42,.08);padding-bottom:1.2rem!important;transform:none}.director-flow__digit{font-size:5rem;letter-spacing:-.05em}.director-flow__tag-group{width:auto;justify-content:flex-end;margin-top:0}.director-flow__content-wrapper{width:100%;padding-left:0;border-left:none}.director-flow__card-title{gap:.4rem .8rem;margin-bottom:2rem}.director-flow__card-title-main{font-size:2.2rem;font-weight:800}.director-flow__card-title-sub{font-size:.6em;margin-top:.2rem;margin-bottom:.2rem;line-height:1}.director-flow__card-title-main{line-height:1.2}.director-flow__desc{max-width:50em}}@media screen and (max-width:989px){.director-flow__steps{padding-left:2rem}.director-flow__card{background:transparent;box-shadow:none;border:none;padding:0 0 4rem 1.5rem;border-left:2px dashed rgba(234,88,12,.3);border-radius:0;position:relative}.director-flow__left-column{position:static;margin-bottom:0}.director-flow__number-group{position:absolute;left:-22px;top:-4px;background-color:var(--c-bg-subtle);z-index:2;padding:5px 0;text-align:center;width:40px}.director-flow__digit{font-size:2.4rem;color:var(--c-accent);opacity:1}.director-flow__label{display:none}.director-flow__content-wrapper{width:100%;padding-left:1rem;border-left:none}.director-flow__card-title{font-size:1.8rem;margin-bottom:2rem;gap:.4rem .8rem}.director-flow__card-title-main{font-size:inherit}.director-flow__card-title-sub{font-size:.7em}.director-flow__desc{font-size:1.5rem;line-height:1.75}.director-flow__separator,.director-flow__tag{display:none}.director-flow{padding-top:40px!important;padding-bottom:40px!important}}@media screen and (max-width:768px){.director-flow__step{margin-bottom:0!important;padding-bottom:0}.director-flow__step:last-child{padding-bottom:0}.director-flow__card{position:relative;padding:2.5rem 2rem 2.5rem 6rem!important;display:flex;flex-direction:column;justify-content:center;min-height:140px;overflow:visible!important;box-shadow:none!important;background:transparent!important}.director-flow__left-column{position:absolute;left:0;top:0;margin:0;padding:0;border:none;pointer-events:none}.director-flow__left-column .director-flow__number-group{pointer-events:auto}.director-flow__content-wrapper{flex:0 0 auto;margin-top:auto;margin-bottom:auto}.director-flow__card-title{margin-top:0;margin-bottom:1rem}}.director-btn-outline{background:var(--c-accent)!important;color:var(--c-bg-light)!important;border:1px solid var(--c-accent)!important;padding:1.2rem 3rem!important;border-radius:99px!important;font-weight:700!important;transition:all .3s ease!important}.director-btn-outline:hover{background:var(--c-bg-light)!important;color:var(--c-accent)!important;transform:translateY(-2px)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/c_section-cyber-flow.css.map */