/* Extreme Detail 0.7.3 — Motion language.
 * Purposeful SVG graphics, white-to-black interactive surfaces, clear navigation.
 * This styles presentation only; request and marketplace operations remain in Core.
 */
:root{--ed-motion-ink:#0b0b0c;--ed-motion-cyan:#27c9ee;--ed-motion-pink:#f30b84;--ed-motion-ease:cubic-bezier(.2,.75,.25,1)}

/* Icon system: bespoke outlined illustrations with a secondary animated detail. */
.ed-motion-icon{display:block;width:45px;height:45px;overflow:visible;flex:none;color:inherit;transform-origin:center;transition:transform .45s var(--ed-motion-ease),color .35s ease;will-change:auto}
.ed-motion-icon .ed-mi-accent{stroke:var(--ed-motion-pink);transition:transform .5s var(--ed-motion-ease),opacity .3s ease,stroke .3s ease;transform-origin:32px 15px}
.ed-motion-icon .ed-mi-draw{stroke-dasharray:110;stroke-dashoffset:0;transition:stroke-dashoffset 1s ease}
.ed-motion-icon .ed-mi-faint{opacity:.24;stroke:var(--ed-motion-cyan)}
.ed-motion-icon .ed-mi-route{stroke-dasharray:3 5;stroke:var(--ed-motion-pink);stroke-width:2.7;transition:stroke-dashoffset 1s ease}
.ed-motion-icon .ed-mi-ink{stroke-width:2.9}
:is(.ed-motion-workflow-card,.ed8-step,.ed7-personas article,.ed7-service-tile):hover .ed-motion-icon,
:is(.ed-motion-workflow-card,.ed8-step,.ed7-personas article,.ed7-service-tile):focus-within .ed-motion-icon{transform:translateY(-3px) scale(1.13) rotate(-4deg)}
:is(.ed-motion-workflow-card,.ed8-step,.ed7-personas article,.ed7-service-tile):hover .ed-mi-draw,
:is(.ed-motion-workflow-card,.ed8-step,.ed7-personas article,.ed7-service-tile):focus-within .ed-mi-draw{stroke-dashoffset:220;animation:ed-motion-trace 1.05s ease-out both}
:is(.ed-motion-workflow-card,.ed8-step,.ed7-personas article,.ed7-service-tile):hover .ed-mi-accent,
:is(.ed-motion-workflow-card,.ed8-step,.ed7-personas article,.ed7-service-tile):focus-within .ed-mi-accent{transform:translate(2px,-3px) rotate(8deg);stroke:var(--ed-motion-cyan)}
:is(.ed-motion-workflow-card,.ed8-step):hover .ed-mi-route,
:is(.ed-motion-workflow-card,.ed8-step):focus-within .ed-mi-route{animation:ed-motion-route 1s linear infinite}
@keyframes ed-motion-trace{0%{stroke-dashoffset:100;opacity:.65}100%{stroke-dashoffset:0;opacity:1}}
@keyframes ed-motion-route{to{stroke-dashoffset:-28}}

/* Workflow: the card transforms from editorial white to deep black, not pastel pink. */
.ed-home--refresh .ed-marketplace-flow .ed-workflow-grid--market{position:relative;isolation:isolate;overflow:visible!important;gap:18px!important}
.ed-home--refresh .ed-marketplace-flow .ed-workflow-grid--market::before{
 content:"";position:absolute;left:5%;right:5%;top:34px;height:2px;background:linear-gradient(90deg,var(--ed-motion-cyan),#929aa0,var(--ed-motion-pink));
 transform:scaleX(0);transform-origin:left center;transition:transform 1.4s var(--ed-motion-ease);z-index:-1;opacity:.52;pointer-events:none
}
.ed-home--refresh .ed-marketplace-flow.ed-motion-workflow-in .ed-workflow-grid--market::before{transform:scaleX(1)}
.ed-home--refresh .ed-marketplace-flow .ed-workflow-grid--market .ed-motion-workflow-card{
 display:flex!important;flex-direction:column!important;align-items:flex-start!important;
 position:relative;isolation:isolate;overflow:hidden!important;min-height:270px!important;
 background:#fff!important;border:1px solid #dde2e5!important;color:#101214!important;border-radius:19px!important;
 padding:28px 25px 24px!important;box-shadow:0 11px 30px rgba(8,11,16,.035)!important;
 transition:background .38s var(--ed-motion-ease),color .35s ease,transform .38s var(--ed-motion-ease),box-shadow .38s ease,border-color .38s ease!important;
}
.ed-home--refresh .ed-marketplace-flow .ed-workflow-grid--market .ed-motion-workflow-card::after{
 content:"";position:absolute;left:-10%;top:0;width:0;height:3px;background:var(--ed-motion-pink);transition:width .55s ease;pointer-events:none
}
.ed-home--refresh .ed-marketplace-flow .ed-workflow-grid--market .ed-motion-workflow-card:nth-child(2n)::after{background:var(--ed-motion-cyan)}
.ed-home--refresh .ed-marketplace-flow .ed-motion-workflow-card .ed-workflow-grid__top{width:100%;gap:18px}
.ed-home--refresh .ed-marketplace-flow .ed-motion-workflow-card .ed-workflow-grid__icon{
 width:71px!important;height:71px!important;display:grid!important;place-items:center!important;background:#0b0b0c!important;color:#fff!important;
 border-radius:17px!important;border:1px solid #222!important;box-shadow:none!important;transition:background .35s ease,color .35s ease,border-color .35s ease,transform .35s ease!important
}
.ed-home--refresh .ed-marketplace-flow .ed-motion-workflow-card .ed-workflow-grid__number{font-size:13px!important;font-weight:850!important;color:#737c84!important;letter-spacing:.12em}
.ed-home--refresh .ed-marketplace-flow .ed-motion-workflow-card h3{margin:27px 0 10px!important;font-size:21px!important;line-height:1.24;color:#101214!important;transition:color .3s ease!important}
.ed-home--refresh .ed-marketplace-flow .ed-motion-workflow-card p{color:#535d64!important;margin:0 0 20px!important;font-size:14px!important;line-height:1.55!important;transition:color .3s ease!important}
.ed-motion-workflow-card__link{display:inline-flex;gap:8px;align-items:center;margin-top:auto;color:#151719!important;text-decoration:none!important;font-size:12px;font-weight:900;letter-spacing:.025em;border-bottom:1px solid #b9c0c4;padding-bottom:5px;transition:color .25s ease,border-color .25s ease}
.ed-motion-workflow-card__link span{display:inline-block;transition:transform .3s ease}
.ed-motion-workflow-card__link:focus-visible{outline:3px solid var(--ed-motion-cyan);outline-offset:5px;border-radius:3px}
.ed-home--refresh .ed-marketplace-flow .ed-workflow-grid--market .ed-motion-workflow-card:hover,
.ed-home--refresh .ed-marketplace-flow .ed-workflow-grid--market .ed-motion-workflow-card:focus-within{
 background:#0b0b0c!important;border-color:#0b0b0c!important;color:#fff!important;transform:translateY(-9px)!important;box-shadow:0 22px 46px rgba(0,0,0,.20)!important;
}
.ed-home--refresh .ed-marketplace-flow .ed-motion-workflow-card:hover::after,
.ed-home--refresh .ed-marketplace-flow .ed-motion-workflow-card:focus-within::after{width:125%}
.ed-home--refresh .ed-marketplace-flow .ed-motion-workflow-card:hover h3,
.ed-home--refresh .ed-marketplace-flow .ed-motion-workflow-card:focus-within h3{color:#fff!important}
.ed-home--refresh .ed-marketplace-flow .ed-motion-workflow-card:hover p,
.ed-home--refresh .ed-marketplace-flow .ed-motion-workflow-card:focus-within p{color:#c2c9cd!important}
.ed-home--refresh .ed-marketplace-flow .ed-motion-workflow-card:hover .ed-workflow-grid__number,
.ed-home--refresh .ed-marketplace-flow .ed-motion-workflow-card:focus-within .ed-workflow-grid__number{color:#e0e5e7!important}
.ed-home--refresh .ed-marketplace-flow .ed-motion-workflow-card:hover .ed-workflow-grid__icon,
.ed-home--refresh .ed-marketplace-flow .ed-motion-workflow-card:focus-within .ed-workflow-grid__icon{background:#fff!important;color:#080808!important;border-color:#fff!important;box-shadow:none!important;transform:rotate(-4deg)}
.ed-home--refresh .ed-marketplace-flow .ed-motion-workflow-card:hover .ed-motion-icon,
.ed-home--refresh .ed-marketplace-flow .ed-motion-workflow-card:focus-within .ed-motion-icon{color:#080808!important;stroke:#080808!important}
.ed-home--refresh .ed-marketplace-flow .ed-motion-workflow-card:hover .ed-motion-workflow-card__link,
.ed-home--refresh .ed-marketplace-flow .ed-motion-workflow-card:focus-within .ed-motion-workflow-card__link{color:#fff!important;border-color:var(--ed-motion-cyan)}
.ed-motion-workflow-card:hover .ed-motion-workflow-card__link span,.ed-motion-workflow-card__link:hover span{transform:translate(3px,-2px)}

/* How it works: cinematic active rows with 5 meaningful motion icons. */
.ed7-page .ed8-how-steps .ed8-step{transition:background .32s ease,border-color .32s ease,transform .36s var(--ed-motion-ease),box-shadow .36s ease!important;scroll-margin-top:130px}
.ed7-page .ed8-how-steps .ed8-step__button{transition:color .25s ease}
.ed7-page .ed8-how-steps .ed8-step:hover,
.ed7-page .ed8-how-steps .ed8-step:focus-within{background:#0b0b0c!important;border-color:#0b0b0c!important;box-shadow:0 18px 38px rgba(0,0,0,.16)!important;transform:translateX(7px)}
.ed7-page .ed8-how-steps .ed8-step:hover .ed8-step__button,
.ed7-page .ed8-how-steps .ed8-step:focus-within .ed8-step__button{color:#fff!important}
.ed7-page .ed8-how-steps .ed8-step:hover .ed8-step__heading strong,
.ed7-page .ed8-how-steps .ed8-step:focus-within .ed8-step__heading strong{color:#fff!important}
.ed7-page .ed8-how-steps .ed8-step:hover .ed8-step__heading>span,
.ed7-page .ed8-how-steps .ed8-step:focus-within .ed8-step__heading>span{color:#c4ccd0!important}
.ed7-page .ed8-how-steps .ed8-step:hover .ed7-timeline__index,
.ed7-page .ed8-how-steps .ed8-step:focus-within .ed7-timeline__index{color:var(--ed-motion-cyan)!important}
.ed7-page .ed8-how-steps .ed8-step .ed7-timeline__icon{width:64px!important;height:64px!important;background:#0e1012!important;color:#fff!important;box-shadow:none!important;transition:background .3s ease,color .3s ease,transform .3s ease!important}
.ed7-page .ed8-how-steps .ed8-step .ed7-timeline__icon .ed-motion-icon{width:42px;height:42px}
.ed7-page .ed8-how-steps .ed8-step:hover .ed7-timeline__icon,
.ed7-page .ed8-how-steps .ed8-step:focus-within .ed7-timeline__icon{background:#fff!important;color:#0b0b0c!important;box-shadow:none!important}
.ed7-page .ed8-how-steps .ed8-step:hover .ed-motion-icon,
.ed7-page .ed8-how-steps .ed8-step:focus-within .ed-motion-icon{stroke:#101010!important}
.ed7-page .ed8-how-steps .ed8-step:hover .ed8-step__toggle,
.ed7-page .ed8-how-steps .ed8-step:focus-within .ed8-step__toggle{border-color:#fff!important;background:#fff!important;color:#111!important}
.ed7-page .ed8-how-steps .ed8-step:hover .ed8-step__details,
.ed7-page .ed8-how-steps .ed8-step:focus-within .ed8-step__details{border-top-color:#32383b!important}
.ed7-page .ed8-how-steps .ed8-step:hover .ed8-step__details p,
.ed7-page .ed8-how-steps .ed8-step:focus-within .ed8-step__details p{color:#d6dcde!important}
.ed7-page .ed8-how-steps .ed8-step__details img{max-width:220px;object-fit:cover}
.ed7-page .ed8-how-steps .ed8-step__heading{min-width:0}

/* Services: premium inverse treatment for information panel, photos remain visible. */
.ed7-service-page .ed7-service-tile{transition:transform .4s var(--ed-motion-ease),box-shadow .4s ease,border-color .4s ease!important}
.ed7-service-page .ed7-service-tile:hover,.ed7-service-page .ed7-service-tile:focus-within{transform:translateY(-7px)!important;box-shadow:0 25px 60px #0002!important;border-color:#090909!important}
.ed7-service-page .ed7-service-tile__body{transition:background .35s ease,color .35s ease}
.ed7-service-page .ed7-service-tile:hover .ed7-service-tile__body,
.ed7-service-page .ed7-service-tile:focus-within .ed7-service-tile__body{background:#0b0b0c!important;color:#fff!important}
.ed7-service-page .ed7-service-tile:hover :is(h3,p,li),
.ed7-service-page .ed7-service-tile:focus-within :is(h3,p,li){color:#f1f1f1!important}
.ed7-service-page .ed7-service-tile:hover .ed7-mode,.ed7-service-page .ed7-service-tile:focus-within .ed7-mode{color:#e8edef!important;border-color:#565656!important;background:#242424!important}
.ed7-service-page .ed7-service-tile .ed7-service-tile__glyph{width:62px!important;height:62px!important;display:grid;place-items:center;background:#111!important;color:#fff!important;box-shadow:none!important}
.ed7-service-page .ed7-service-tile .ed-motion-icon{width:43px;height:43px}
.ed7-service-page .ed7-service-tile:hover .ed7-service-tile__glyph,
.ed7-service-page .ed7-service-tile:focus-within .ed7-service-tile__glyph{background:#fff!important;color:#111!important}
.ed7-service-page .ed7-service-tile:hover .ed-motion-icon,
.ed7-service-page .ed7-service-tile:focus-within .ed-motion-icon{stroke:#111!important}
.ed7-service-page .ed7-service-tile:hover .ed7-service-tile__link,
.ed7-service-page .ed7-service-tile:focus-within .ed7-service-tile__link{background:var(--ed-motion-pink)!important;border-color:var(--ed-motion-pink)!important;color:#fff!important}

/* Other editorial cards share consistent dark transitions without pastel icon backgrounds. */
.ed7-personas article,.ed7-proof-grid article{transition:background .35s ease,transform .3s var(--ed-motion-ease),box-shadow .35s ease,border-color .35s ease!important}
.ed7-personas article:hover,.ed7-personas article:focus-within,.ed7-proof-grid article:hover,.ed7-proof-grid article:focus-within{background:#0b0b0c!important;border-color:#0b0b0c!important;transform:translateY(-5px);box-shadow:0 20px 40px #0002}
.ed7-personas article:hover :is(h3,p),.ed7-personas article:focus-within :is(h3,p),.ed7-proof-grid article:hover :is(h3,p),.ed7-proof-grid article:focus-within :is(h3,p){color:#fff!important}
.ed7-personas article:hover>span,.ed7-personas article:focus-within>span,.ed7-proof-grid article:hover>span,.ed7-proof-grid article:focus-within>span{background:#fff!important;color:#111!important;box-shadow:none!important}
.ed7-personas article:hover .ed-motion-icon,.ed7-personas article:focus-within .ed-motion-icon{stroke:#111!important}

/* CTA links: real physical affordance, same rhythm across hero, internal pages and service cards. */
:is(.ed7-service-tile__link,.ed-method-cta,.ed7-personas article a,.ed-btn,.ed-header-utilities a){transition:background .24s ease,color .24s ease,border-color .24s ease,transform .25s var(--ed-motion-ease),box-shadow .25s ease!important}
:is(.ed7-service-tile__link,.ed-method-cta,.ed7-personas article a,.ed-btn,.ed-header-utilities a):hover{transform:translateY(-3px)}
:is(.ed7-service-tile__link,.ed-method-cta,.ed7-personas article a,.ed-btn,.ed-header-utilities a):focus-visible{outline:3px solid var(--ed-motion-cyan)!important;outline-offset:3px!important}
.ed-header-main .ed-header-utilities a:hover{transform:translateY(-2px) scale(1.025)!important}

/* Scroll reveal now clearly perceptible, applied to real content only. */
@media (prefers-reduced-motion:no-preference){
 [data-ed-reveal]{transition:opacity .76s ease,transform .85s var(--ed-motion-ease)!important;transition-delay:var(--ed8-delay,0ms)!important}
 [data-ed-reveal]:not(.is-visible){opacity:0;transform:translateY(30px)}
 [data-ed-reveal].is-visible{opacity:1;transform:none}
 .ed8-hero__story.is-visible h1{animation:ed-motion-headline .85s var(--ed-motion-ease) both}
 @keyframes ed-motion-headline{from{opacity:.4;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
}
@media(max-width:1050px){
 .ed-home--refresh .ed-marketplace-flow .ed-workflow-grid--market::before{display:none}
 .ed-home--refresh .ed-marketplace-flow .ed-workflow-grid--market .ed-motion-workflow-card{min-height:250px!important}
}
@media(max-width:690px){
 .ed-home--refresh .ed-marketplace-flow .ed-workflow-grid--market .ed-motion-workflow-card{min-height:210px!important;padding:22px!important}
 .ed-home--refresh .ed-marketplace-flow .ed-motion-workflow-card h3{margin-top:17px!important}
 .ed-motion-workflow-card .ed-workflow-grid__icon{width:62px!important;height:62px!important}
 .ed8-how-steps .ed8-step__button .ed7-timeline__icon{height:46px!important;width:46px!important}
 .ed8-how-steps .ed8-step__button .ed7-timeline__icon .ed-motion-icon{width:31px;height:31px}
 .ed7-page .ed8-how-steps .ed8-step:hover,.ed7-page .ed8-how-steps .ed8-step:focus-within{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .ed-motion-icon,.ed-mi-accent,.ed-mi-draw,.ed-mi-route{animation:none!important;transition:none!important;transform:none!important}
 .ed-home--refresh .ed-marketplace-flow .ed-workflow-grid--market::before{display:none!important}
 .ed-home--refresh .ed-marketplace-flow .ed-motion-workflow-card:hover,.ed-home--refresh .ed-marketplace-flow .ed-motion-workflow-card:focus-within{transform:none!important}
 .ed7-page .ed8-how-steps .ed8-step:hover,.ed7-page .ed8-how-steps .ed8-step:focus-within{transform:none!important}
}
/* Ensure the new 48-unit illustrations are not shrunk by previous generic SVG rules. */
.ed-home--refresh .ed-marketplace-flow .ed-workflow-grid__icon .ed-motion-icon{width:52px!important;height:52px!important;max-width:none!important}
.ed7-page .ed8-how-steps .ed8-step__button .ed7-timeline__icon .ed-motion-icon{width:47px!important;height:47px!important;max-width:none!important}
.ed7-service-page .ed7-service-tile .ed7-service-tile__glyph .ed-motion-icon{width:47px!important;height:47px!important;max-width:none!important}
@media(max-width:690px){
 .ed-home--refresh .ed-marketplace-flow .ed-workflow-grid__icon .ed-motion-icon{width:45px!important;height:45px!important}
 .ed7-page .ed8-how-steps .ed8-step__button .ed7-timeline__icon .ed-motion-icon{width:33px!important;height:33px!important}
}
/* Homepage service cards: preserve user-editable SVG/image choices from Frontend Editor. */
.ed-home--refresh .ed-services-refresh__card{transition:transform .38s var(--ed-motion-ease),box-shadow .35s ease,border-color .35s ease!important}
.ed-home--refresh .ed-services-refresh__card:hover,.ed-home--refresh .ed-services-refresh__card:focus-within{transform:translateY(-7px)!important;border-color:#111!important;box-shadow:0 22px 50px #0002!important}
.ed-home--refresh .ed-services-refresh__body{transition:background .35s ease,color .35s ease}
.ed-home--refresh .ed-services-refresh__card:hover .ed-services-refresh__body,
.ed-home--refresh .ed-services-refresh__card:focus-within .ed-services-refresh__body{background:#111!important;color:#fff!important}
.ed-home--refresh .ed-services-refresh__card:hover .ed-services-refresh__text :is(h3,p),
.ed-home--refresh .ed-services-refresh__card:focus-within .ed-services-refresh__text :is(h3,p){color:#f7f7f7!important}
.ed-home--refresh .ed-services-refresh__icon{width:54px!important;height:54px!important;background:#101010!important;color:#fff!important;box-shadow:none!important;border-radius:12px!important;transition:background .3s ease,color .3s ease,transform .4s var(--ed-motion-ease)!important}
.ed-home--refresh .ed-services-refresh__icon .ed-icon{width:30px!important;height:30px!important;transition:transform .4s ease}
.ed-home--refresh .ed-services-refresh__icon img{max-width:34px!important;max-height:34px!important}
.ed-home--refresh .ed-services-refresh__card:hover .ed-services-refresh__icon,
.ed-home--refresh .ed-services-refresh__card:focus-within .ed-services-refresh__icon{background:#fff!important;color:#111!important;transform:rotate(-6deg)}
.ed-home--refresh .ed-services-refresh__card:hover .ed-services-refresh__icon .ed-icon,
.ed-home--refresh .ed-services-refresh__card:focus-within .ed-services-refresh__icon .ed-icon{transform:scale(1.12)}
.ed-home--refresh .ed-services-refresh__card:hover .ed-services-refresh__arrow,
.ed-home--refresh .ed-services-refresh__card:focus-within .ed-services-refresh__arrow{background:var(--ed-motion-pink)!important;color:#fff!important;border-color:var(--ed-motion-pink)!important}
/* Trust symbols: better contrast and an understated reaction, not neon badges. */
.ed-value-band__inner>div>.ed-icon{transition:transform .38s var(--ed-motion-ease),background .28s ease!important}
.ed-value-band__inner>div:hover>.ed-icon{transform:translateY(-4px) rotate(-5deg);background:#181818!important}
/* One-time illustrative movement when cards enter the viewport. */
@media(prefers-reduced-motion:no-preference){
 .ed-motion-workflow-card.is-visible .ed-motion-icon,.ed8-step.is-visible .ed-motion-icon{
   animation:ed-motion-illustration .8s cubic-bezier(.16,.9,.28,1.25) both;
   animation-delay:calc(var(--ed8-delay,0ms) + 100ms)
 }
 @keyframes ed-motion-illustration{
  0%{opacity:.4;transform:translateY(11px) scale(.82) rotate(-10deg)}
  65%{opacity:1;transform:translateY(-2px) scale(1.06) rotate(2deg)}
  100%{opacity:1;transform:none}
 }
}