/* AgencyFlow 1.1 premium visual layer */
body.asp-portal-page,.asp-app,.asp-header,.asp-footer{--e-global-color-primary:#5b4dff;--e-global-color-secondary:#11182d;--e-global-color-text:#20263a;--e-global-color-accent:#19a7f2;--e-a-color-primary:#5b4dff;--e-a-color-accent:#19a7f2;--e-a-btn-bg-primary:#5b4dff;--e-a-btn-bg-primary-hover:#4035cf}
.asp-app,.asp-header,.asp-footer{-webkit-tap-highlight-color:transparent}
.asp-app input[type=checkbox],.asp-app input[type=radio],.asp-app input[type=range]{accent-color:#5b4dff}
.asp-app ::selection,.asp-header ::selection,.asp-footer ::selection{color:#11182d;background:#dfe7ff}
.asp-app a:focus-visible,.asp-app button:focus-visible,.asp-app input:focus-visible,.asp-app textarea:focus-visible,.asp-app select:focus-visible,.asp-header a:focus-visible,.asp-header button:focus-visible,.asp-footer a:focus-visible{outline:3px solid rgba(91,77,255,.32)!important;outline-offset:3px}
.elementor-editor-active .asp-app .elementor-button,.elementor-editor-active .asp-header .elementor-button,.elementor-editor-active .asp-footer .elementor-button{background-color:#5b4dff;color:#fff}
.asp-app{--asp-primary:#5b4dff;--asp-accent:#19a7f2;--asp-dark:#11182d;--asp-surface:#f5f7fc;--asp-text:#20263a;--asp-muted:#6f7890;--asp-line:#e4e8f1;--asp-green:#0f9f72;--asp-amber:#c47a08;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--asp-primary) 5%,transparent),transparent 28rem),var(--asp-surface)}
.asp-wrap{width:min(1280px,calc(100% - 48px))}
.asp-header{height:78px;background:color-mix(in srgb,#fff 91%,transparent);border-bottom:1px solid rgba(31,39,67,.08);box-shadow:0 8px 36px rgba(23,31,57,.035)}
.asp-header-inner{gap:42px}.asp-brand{letter-spacing:-.025em}.asp-brand strong{font-weight:820}
.asp-brand-mark{position:relative;width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,#685cff,#4234dc 68%,#2e89ed);box-shadow:0 11px 28px rgba(74,63,229,.28),inset 0 1px 0 rgba(255,255,255,.35)}
.asp-brand-mark i{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#16b985}
.asp-nav{gap:8px}.asp-nav>a{position:relative;padding:9px 12px;border-radius:10px;color:#636c82;font-size:13px;transition:color .22s ease,background .22s ease,transform .22s ease}
.asp-nav>a:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--asp-primary),var(--asp-accent));transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.asp-nav>a:hover{color:var(--asp-dark);background:#f4f5fb;transform:translateY(-1px)}.asp-nav>a:hover:after{transform:scaleX(1)}
.asp-notify-link{width:41px;height:41px;border-color:#dde2ee;border-radius:12px;background:#fff;box-shadow:0 7px 18px rgba(28,36,65,.06);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.asp-notify-link:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--asp-primary) 34%,#fff);box-shadow:0 12px 25px rgba(49,46,135,.11)}
.asp-notify-link svg{width:19px;height:19px;fill:none;stroke:#30384f;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.asp-notify-link b{right:-5px;top:-6px;background:#5145e7;box-shadow:0 5px 14px rgba(66,52,220,.3)}
.asp-user-menu>button{min-height:43px;padding:4px 8px 4px 5px;border:1px solid transparent;border-radius:12px}.asp-user-menu>button:hover{border-color:var(--asp-line);background:#fff}.asp-user-menu>button>span{background:linear-gradient(145deg,#ebe9ff,#e7f5ff);color:#5145e7}
.asp-button,.asp-send{background:linear-gradient(135deg,#5b4dff,#326eea 58%,#168fdc);box-shadow:0 12px 28px rgba(70,65,218,.23)}
.asp-hero{min-height:620px;display:grid;align-items:center;padding:106px 0 96px;background:radial-gradient(circle at 83% 25%,rgba(25,167,242,.14),transparent 27%),radial-gradient(circle at 8% 90%,rgba(91,77,255,.09),transparent 24%),linear-gradient(135deg,#fff 0%,#f7f8ff 50%,#f0f7ff 100%)}
.asp-hero:before{background-image:linear-gradient(rgba(74,82,145,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(74,82,145,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(100deg,#000,rgba(0,0,0,.22) 72%,transparent)}
.asp-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:92px}.asp-eyebrow{display:flex;align-items:center;gap:9px;color:#5145e7}.asp-eyebrow i{width:20px;height:2px;border-radius:2px;background:linear-gradient(90deg,#5b4dff,#19a7f2)}
.asp-hero h1{font-size:clamp(48px,5.4vw,76px);max-width:790px;text-wrap:balance}.asp-hero h1:after{content:"";display:inline-block;width:.18em;height:.18em;margin-left:.09em;border-radius:50%;background:#16b985;vertical-align:.08em}
.asp-hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.asp-hero-actions>span{color:#5e687f;font-size:13px;font-weight:700}.asp-hero-actions>span b{margin-right:8px;color:#0f9f72}
.asp-hero-visual{position:relative;min-height:385px;display:grid;place-items:center}.asp-hero-visual:before,.asp-hero-visual:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(91,77,255,.14)}.asp-hero-visual:before{width:365px;height:365px}.asp-hero-visual:after{width:290px;height:290px;border-style:dashed;animation:asp-spin 25s linear infinite}
.asp-visual-card{position:relative;z-index:2;width:245px;height:245px;padding:44px 32px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.82);border-radius:58px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(237,243,255,.88));box-shadow:0 42px 90px rgba(47,51,112,.19),inset 0 1px 0 #fff;backdrop-filter:blur(16px);transform:rotate(-5deg)}
.asp-visual-card span{color:#69748d;font-size:10px;font-weight:850;letter-spacing:.13em}.asp-visual-card strong{color:var(--asp-dark);font-size:75px;line-height:1.05;letter-spacing:-.08em}.asp-visual-card small{color:#68738b}
.asp-float-note{position:absolute;z-index:3;right:0;bottom:53px;padding:12px 15px;border:1px solid rgba(255,255,255,.85);border-radius:13px;background:rgba(255,255,255,.9);box-shadow:0 18px 45px rgba(38,43,91,.14);color:#40506d;font-size:12px;font-style:normal;font-weight:800;animation:asp-float 4.5s ease-in-out infinite}
.asp-section{padding-block:92px 105px}.asp-section-head{margin-bottom:27px}.asp-section-head h2{font-size:clamp(32px,4vw,45px)}
.asp-marketplace-tools{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:30px;padding:8px;border:1px solid var(--asp-line);border-radius:16px;background:rgba(255,255,255,.76);box-shadow:0 10px 30px rgba(31,39,72,.035);backdrop-filter:blur(12px)}
.asp-service-filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.asp-service-filters::-webkit-scrollbar{display:none}.asp-service-filters button,.asp-service-empty button{border:0;border-radius:10px;background:transparent;color:#657088;padding:10px 14px;white-space:nowrap;font:750 12px/1.2 inherit;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.asp-service-filters button:hover{color:#4035cf;background:#f1f2ff}.asp-service-filters button.is-active{color:#fff;background:linear-gradient(135deg,#5b4dff,#3578e8);box-shadow:0 8px 19px rgba(73,65,213,.22)}.asp-service-count{padding-right:10px;color:#818aa0;font-size:11px;font-weight:750;white-space:nowrap}
.asp-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.asp-service-card{border-color:rgba(31,40,73,.09);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 14px 38px rgba(28,36,69,.065);isolation:isolate}.asp-service-card[hidden]{display:none!important}.asp-service-card:hover{transform:translateY(-8px);border-color:rgba(91,77,255,.25);box-shadow:0 28px 70px rgba(32,39,82,.15)}
.asp-service-cover{height:216px;justify-content:flex-start;align-items:flex-end;overflow:hidden}.asp-service-cover.has-image:before{background:linear-gradient(to top,rgba(12,20,39,.82),rgba(14,24,50,.05) 72%);transition:background .3s ease}.asp-service-card:hover .asp-service-cover{background-size:106%}.asp-service-cover span{width:52px;height:52px;margin:0 0 18px 19px;border-radius:15px;color:#4438d4;font-size:14px;box-shadow:0 14px 34px rgba(9,14,33,.22)}.asp-service-cover small{position:relative;margin:0 18px 26px 11px;padding:7px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#fff;background:rgba(13,22,43,.48);backdrop-filter:blur(10px);font-size:10px;font-weight:800}
.asp-service-body{padding:26px}.asp-price-row>span{color:#4c40dd}.asp-price-row small{padding:5px 8px;border-radius:7px;background:#f1f4fa}.asp-service-body h3{font-size:22px;letter-spacing:-.025em}.asp-service-body ul{min-height:122px}.asp-service-body li:before{color:#0f9f72}
.asp-load-more-wrap{display:flex;justify-content:center;margin-top:42px}.asp-load-more{min-width:220px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid #d9deeb;border-radius:14px;color:#313a52;background:#fff;box-shadow:0 12px 30px rgba(32,40,73,.07);font-weight:800;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.asp-load-more:hover{transform:translateY(-2px);border-color:rgba(91,77,255,.35);box-shadow:0 17px 38px rgba(43,47,103,.12)}.asp-load-more i{color:#5145e7;font-style:normal}.asp-load-more[hidden]{display:none}.asp-service-empty{text-align:center;padding:45px 20px;color:#5f6980}.asp-service-empty button{display:block;margin:8px auto 0;color:#4d42dc}
.asp-footer{position:relative;padding:0 0 22px;overflow:hidden;background:linear-gradient(145deg,#10162a 0%,#141d36 55%,#102846 100%)}.asp-footer:before{content:"";position:absolute;width:420px;height:420px;right:-120px;top:80px;border-radius:50%;background:rgba(25,167,242,.09);filter:blur(4px)}
.asp-footer-cta{position:relative;z-index:2;transform:translateY(-1px);display:flex;align-items:center;justify-content:space-between;gap:35px;padding:43px 48px;border-radius:0 0 24px 24px;background:linear-gradient(135deg,rgba(91,77,255,.23),rgba(25,167,242,.12));border:1px solid rgba(255,255,255,.1)}.asp-footer-cta h2{max-width:690px;margin:0;color:#fff;font-size:clamp(27px,3.5vw,43px);line-height:1.1;letter-spacing:-.04em}.asp-footer-cta .asp-eyebrow{color:#91cfff}.asp-footer-top{position:relative;z-index:1;padding-top:64px;grid-template-columns:1.4fr .55fr 1fr}.asp-footer-top>div:first-child>small{display:block;margin-top:16px;color:#818ba3}.asp-footer-top>div:last-child p{max-width:310px;margin:0 0 8px;color:#959db1}.asp-footer-email{color:#cfdcff!important;font-weight:750}.asp-footer-bottom>span:last-child{display:flex;align-items:center;gap:8px}.asp-footer-bottom i{width:7px;height:7px;border-radius:50%;background:#16b985;box-shadow:0 0 0 5px rgba(22,185,133,.1)}
.asp-portal-main>.asp-wrap{max-width:1280px}.asp-panel,.asp-metric,.asp-auth-card,.asp-form-card{border-color:rgba(31,39,67,.09);box-shadow:0 13px 36px rgba(28,36,69,.055)}.asp-form-card label>span{color:#ad6a00}.asp-notice-error{color:#795000;background:#fff8e5;border-color:#efd698}.asp-status-cancelled,.asp-payment-rejected{background:#fff4d9;color:#875600}.asp-task-dot.blocked{border-color:#d79523;background:#fff3d7}.asp-chat-error{color:#986000}
.asp-status-pending{color:#805400;background:#fff3d7}.asp-status-approved{color:#0b7656;background:#e4f8f0}.asp-workspace-link{display:inline-flex!important;align-items:center;gap:8px;white-space:nowrap;padding:8px 11px;border-radius:9px;color:#493dd8!important;background:#efefff;font-size:11px;font-weight:800}.asp-workspace-link:hover{background:#e5e7ff}.asp-workspace-link span{transition:transform .2s ease}.asp-workspace-link:hover span{transform:translateX(3px)}
.asp-motion-ready .asp-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1)}.asp-motion-ready .asp-reveal.is-visible{opacity:1;transform:none}.asp-service-card.asp-reveal:nth-child(2){transition-delay:.05s}.asp-service-card.asp-reveal:nth-child(3){transition-delay:.1s}
@keyframes asp-spin{to{transform:rotate(360deg)}}@keyframes asp-float{50%{transform:translateY(-9px)}}
@media(max-width:1080px){.asp-header-inner{gap:20px}.asp-nav>a{padding-inline:8px}.asp-hero-grid{grid-template-columns:minmax(0,1fr) 330px;gap:42px}.asp-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:840px){.asp-wrap{width:min(calc(100% - 32px),1280px)}.asp-header{height:70px}.asp-nav{gap:4px}.asp-nav>a{padding:13px 14px}.asp-nav>a:after{display:none}.asp-hero{min-height:auto;padding:78px 0 72px}.asp-hero-grid{grid-template-columns:1fr}.asp-hero-visual{display:none}.asp-marketplace-tools{align-items:stretch;flex-direction:column}.asp-service-count{padding:0 10px 4px}.asp-footer-cta{padding:35px}}
@media(max-width:620px){.asp-wrap{width:min(calc(100% - 24px),1280px)}.asp-header-actions{gap:8px}.asp-notify-link{width:38px;height:38px}.asp-hero{padding:60px 0 58px}.asp-hero h1{font-size:43px}.asp-hero-actions{display:grid;gap:16px}.asp-hero-actions .asp-button{width:fit-content}.asp-section{padding-block:60px 72px}.asp-section-head{display:block}.asp-service-grid{grid-template-columns:1fr}.asp-service-cover{height:208px}.asp-service-body ul{min-height:0}.asp-footer-cta{display:grid;padding:30px 24px}.asp-footer-cta .asp-button{width:100%}.asp-footer-top{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.asp-app *,.asp-app *:before,.asp-app *:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.asp-reveal{opacity:1;transform:none}}
