/* WM Design Brasov v19.41 — global palette extracted from the WM Design logo
   Core identity: electric cyan + royal blue + deep blue + red + white.
   This file intentionally loads AFTER page-level styles on internal pages. */

:root{
  --wmd-cyan:#04abf5;
  --wmd-blue:#0255c5;
  --wmd-deep:#1f296f;
  --wmd-red:#be1a1b;
  --wmd-red-soft:#c95d5d;
  --wmd-white:#f8fbff;
  --wmd-ink:#06111f;
  --wmd-navy:#081629;
  --wmd-line:rgba(4,171,245,.18);
  --wmd-glow:rgba(4,171,245,.23);
  --wmd-red-glow:rgba(190,26,27,.20);

  /* Re-map historical site tokens to the real logo palette. */
  --blue:#04abf5 !important;
  --blue-strong:#0255c5 !important;
  --cyan:#04abf5 !important;
  --bg:#06111f !important;
  --bg2:#0b1d33 !important;
  --navy:#0b1d33 !important;
  --line:rgba(4,171,245,.18) !important;
}

html{accent-color:var(--wmd-cyan)}
body{
  background:
    radial-gradient(circle at 78% 4%,rgba(4,171,245,.14),transparent 28%),
    radial-gradient(circle at 10% 72%,rgba(2,85,197,.09),transparent 32%),
    linear-gradient(180deg,#06111f 0%,#091a2e 58%,#071426 100%) !important;
}
::selection{background:rgba(4,171,245,.30);color:#fff}

/* ---------- global header / navigation ---------- */
.wmx-site-header{
  border-bottom-color:rgba(4,171,245,.11) !important;
  background:linear-gradient(180deg,rgba(6,17,31,.92),rgba(6,17,31,.70)) !important;
}
.wmx-site-header.is-scrolled{
  background:rgba(6,17,31,.90) !important;
  box-shadow:0 18px 48px rgba(0,7,22,.25),0 1px 0 rgba(4,171,245,.08) !important;
}
.wmx-brand-copy strong,.wmx-overlay-brand strong{color:#fff!important}
.wmx-brand-copy small,.wmx-overlay-brand small{color:var(--wmd-cyan)!important}
.wmx-desktop-nav,.wmx-nav-overlay{
  --wmx-nav-cyan:#04abf5 !important;
  --wmx-nav-blue:#0255c5 !important;
  --wmx-nav-gold:#be1a1b !important;
}
.wmx-desktop-nav>a::after,.wmx-desktop-services-toggle::after{
  background:linear-gradient(90deg,var(--wmd-red),var(--wmd-blue),var(--wmd-cyan)) !important;
  box-shadow:0 0 12px var(--wmd-glow) !important;
}
.wmx-desktop-nav a:hover,.wmx-desktop-services-toggle:hover,
.wmx-desktop-nav a[aria-current="page"],.wmx-desktop-services-toggle[aria-current="page"]{color:#fff!important}
.wmx-desktop-services-menu{
  border-color:rgba(4,171,245,.15)!important;
  box-shadow:0 30px 80px rgba(0,7,22,.42),0 0 40px rgba(4,171,245,.06)!important;
}
.wmx-desktop-services-menu a::before,
.wmx-services-list-inner a::before{background:linear-gradient(180deg,var(--wmd-red),var(--wmd-blue),var(--wmd-cyan))!important}
.wmx-overlay-side{background:radial-gradient(circle at 100% 0,rgba(4,171,245,.11),transparent 34%),radial-gradient(circle at 5% 96%,rgba(190,26,27,.07),transparent 30%),rgba(7,20,37,.72)!important}
.wmx-overlay-cta{border-color:rgba(4,171,245,.24)!important}
.wmx-overlay-cta:hover{box-shadow:0 20px 48px rgba(2,85,197,.18),0 0 26px rgba(4,171,245,.09)!important}

/* ---------- primary actions / traces ---------- */
.tech-btn.primary,.wm-offer-btn,.top-cta,.wm-editorial-btn.primary,.wm-hero-btn.primary,.pr39-btn.primary{
  color:#fff!important;
  background:linear-gradient(118deg,#10255b 0%,var(--wmd-blue) 38%,var(--wmd-cyan) 100%)!important;
  border-color:rgba(4,171,245,.40)!important;
  box-shadow:0 14px 36px rgba(2,85,197,.25),0 0 0 1px rgba(4,171,245,.06) inset!important;
}
.tech-btn.primary::before,.wm-offer-btn::before,.top-cta::before,.wm-editorial-btn.primary::before,.wm-hero-btn.primary::before,.pr39-btn.primary::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--wmd-red),var(--wmd-red-soft));opacity:.95;z-index:5;pointer-events:none;
}
.tech-btn:hover,.wm-offer-btn:hover,.top-cta:hover,.wm-editorial-btn:hover,.wm-hero-btn:hover,.pr39-btn:hover{
  box-shadow:0 20px 48px rgba(2,85,197,.26),0 0 30px rgba(4,171,245,.12)!important;
}
.tech-btn::after,.wm-menu-open::after,.wm-offer-btn::after,.menu-close::after,.menu-link::after,.menu-sub a::after{
  background:conic-gradient(from var(--wm-energy-angle),transparent 0 11%,#fff 16%,var(--wmd-cyan) 26%,transparent 34%,var(--wmd-blue) 47%,var(--wmd-red) 60%,transparent 72%,var(--wmd-cyan) 84%,transparent 94% 100%)!important;
}
.wm-code-border,.wm-code-edge{color:rgba(4,171,245,.88)!important;text-shadow:0 0 10px rgba(4,171,245,.18)!important}

/* ---------- generic dark/light surfaces ---------- */
.wm-page-grid{background-image:linear-gradient(rgba(4,171,245,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(4,171,245,.045) 1px,transparent 1px)!important}
.wm-section.light,.wp24-section.light,.ec29-section.light,.seo30-section.light,.pf38-category,.pr39-shell,.pr40-intro,.pr40-promos{
  background-color:#f6f9fc!important;
}
.wm-card::before,.wm-card::after{background:linear-gradient(90deg,var(--wmd-cyan),transparent)!important}
.deliverable::before,.eyebrow,.wm-card .num{color:var(--wmd-cyan)!important}

/* ---------- homepage ---------- */
body .hero,
body .wm-build-section,
body .wm-editorial-dark,
body .wm-growth-section{
  --wm-brand-cyan:#04abf5;
  --wm-brand-blue:#0255c5;
  --wm-brand-red:#be1a1b;
}
.wm-editorial-kicker,.wm-build-kicker,.wm-build-label,.wm-benefit-icon,.wm-growth-card strong{color:var(--wmd-cyan)!important}
.wm-project-preview:hover,.wm-build-monitor:hover,.wm-build-monitor.is-active{
  box-shadow:0 30px 80px rgba(2,85,197,.19),0 0 34px rgba(4,171,245,.10)!important;
}
.wm-build-nav button.is-active,.wm-build-nav button:hover{border-color:rgba(4,171,245,.42)!important;color:#fff!important;box-shadow:0 0 24px rgba(4,171,245,.10)!important}
.wm-ui-brand,.wm-ui-eyebrow{color:var(--wmd-cyan)!important}
.wm-brand-colors span:nth-child(1){background:var(--wmd-red)!important}.wm-brand-colors span:nth-child(2){background:var(--wmd-blue)!important}.wm-brand-colors span:nth-child(3){background:var(--wmd-cyan)!important}.wm-brand-colors span:nth-child(4){background:var(--wmd-deep)!important}

/* ---------- About page: remove unrelated gold/green/purple accents ---------- */
.wm-about-code-world{background:radial-gradient(circle at 50% 44%,rgba(4,171,245,.11),transparent 25%),radial-gradient(circle at 74% 24%,rgba(2,85,197,.07),transparent 30%)!important}
.wm-about-vortex-core{background:radial-gradient(circle,rgba(4,171,245,.16),rgba(2,85,197,.06) 38%,transparent 70%)!important}
.wm-about-kicker,.wm-story-block .micro{color:var(--wmd-cyan)!important}
.wm-about-kicker::before{background:linear-gradient(90deg,var(--wmd-red),var(--wmd-blue),var(--wmd-cyan),transparent)!important}
.wm-about-hero h1 em{color:var(--wmd-cyan)!important}
.wm-about-code-token{color:rgba(4,171,245,.60)!important}.wm-about-code-token:nth-child(5n+2){color:rgba(2,85,197,.62)!important}.wm-about-code-token:nth-child(5n+3){color:rgba(190,26,27,.52)!important}.wm-about-code-token:nth-child(5n+4){color:rgba(201,93,93,.48)!important}.wm-about-code-token:nth-child(5n+5){color:rgba(248,251,255,.50)!important}
.wm-code-divider .wm-code-track{color:rgba(4,171,245,.74)!important}.wm-code-divider .wm-code-track b{color:rgba(2,85,197,.88)!important}.wm-code-divider .wm-code-track i{color:rgba(201,93,93,.82)!important}.wm-code-divider .wm-code-track em{color:rgba(190,26,27,.82)!important}

/* ---------- service pages: one identity across Website / Commerce / SEO / Logo / Branding ---------- */
.wp24,.ec29,.seo30{
  --wm33-silver:#eef5fb!important;
  --wm33-blue:#04abf5!important;
  --wm33-violet:#0255c5!important;
  --wm33-gold:#be1a1b!important;
  --wm33-copper:#c95d5d!important;
  --wm33-green:#0255c5!important;
  --wm33-cyan:#04abf5!important;
}
.seo30.lg35{
  --lg35-gold:#be1a1b!important;
  --lg35-gold2:#c95d5d!important;
  --lg35-blue:#04abf5!important;
  --lg35-violet:#0255c5!important;
}
.seo30.br36{
  --br36-gold:#be1a1b!important;
  --br36-copper:#c95d5d!important;
  --br36-blue:#04abf5!important;
  --br36-violet:#0255c5!important;
  --br36-ink:#06111f!important;
}
.wp24-hero,.ec29-hero,.seo30-hero{
  background-color:#06111f!important;
}
.wp24-section.light::before,.ec29-section.light::before,.seo30-section.light::before,
.seo30.lg35 .seo30-section.light::before,.seo30.br36 .seo30-section.light::before{
  background:linear-gradient(90deg,var(--wmd-red),var(--wmd-blue),var(--wmd-cyan),transparent)!important;
}
.wp24-rule::after,.ec29-rule::after,.seo30-rule::after,
.seo30.lg35 .seo30-rule::after,.seo30.br36 .seo30-rule::after,
.seo30-step::after,.seo30.lg35 .seo30-step::after,.seo30.br36 .seo30-step::after{
  background:linear-gradient(90deg,#e5edf6,var(--wmd-red),var(--wmd-blue),var(--wmd-cyan))!important;
  filter:drop-shadow(0 0 8px rgba(4,171,245,.20))!important;
}
.wp24-icon svg,.ec29-icon svg,.seo30-icon svg{stroke:var(--wmd-blue)!important}
.wp24-icon,.ec29-icon,.seo30-icon{
  box-shadow:0 15px 38px rgba(2,85,197,.10),0 0 0 7px rgba(4,171,245,.035)!important;
}
.wp24-tags span:nth-child(4n+1),.ec29-tags span:nth-child(4n+1),.seo30-tags span:nth-child(4n+1){color:#8e1719!important;border-bottom-color:rgba(190,26,27,.42)!important}
.wp24-tags span:nth-child(4n+2),.ec29-tags span:nth-child(4n+2),.seo30-tags span:nth-child(4n+2){color:#0759ad!important;border-bottom-color:rgba(2,85,197,.40)!important}
.wp24-tags span:nth-child(4n+3),.ec29-tags span:nth-child(4n+3),.seo30-tags span:nth-child(4n+3){color:#087cae!important;border-bottom-color:rgba(4,171,245,.42)!important}
.wp24-tags span:nth-child(4n+4),.ec29-tags span:nth-child(4n+4),.seo30-tags span:nth-child(4n+4){color:#4a4f92!important;border-bottom-color:rgba(31,41,111,.32)!important}
.bp32::after,
.bp32[data-theme="commerce"]::after,
.bp32[data-theme="seo"]::after,
.bp32[data-theme="branding"]::after,
.bp32[data-theme="brandingfull"]::after{
  background:radial-gradient(circle at 18% 60%,rgba(4,171,245,.14),transparent 24%),radial-gradient(circle at 80% 38%,rgba(2,85,197,.11),transparent 23%),radial-gradient(circle at 54% 70%,rgba(190,26,27,.075),transparent 28%)!important;
}
.bp32 .bp32-kicker::before,.bp32[data-theme="commerce"] .bp32-kicker::before,.bp32[data-theme="seo"] .bp32-kicker::before,.bp32[data-theme="branding"] .bp32-kicker::before{background:var(--wmd-cyan)!important;box-shadow:0 0 18px rgba(4,171,245,.42)!important}
.bp32 .bp32-pipeline::after,.bp32[data-theme="commerce"] .bp32-pipeline::after,.bp32[data-theme="seo"] .bp32-pipeline::after,.bp32[data-theme="branding"] .bp32-pipeline::after{background:linear-gradient(90deg,#e3eaf2,var(--wmd-red),var(--wmd-blue),var(--wmd-cyan))!important}
.bp32 .bp32-rail::after,.bp32[data-theme="commerce"] .bp32-rail::after,.bp32[data-theme="seo"] .bp32-rail::after,.bp32[data-theme="branding"] .bp32-rail::after{background:linear-gradient(90deg,#91a7bd,var(--wmd-red),var(--wmd-blue),var(--wmd-cyan))!important}
.ec29-token:nth-child(4n+2),.seo30-token:nth-child(4n+2){color:rgba(2,85,197,.46)!important}.ec29-token:nth-child(4n+3),.seo30-token:nth-child(4n+3){color:rgba(190,26,27,.43)!important}.ec29-token:nth-child(4n+4),.seo30-token:nth-child(4n+4){color:rgba(4,171,245,.41)!important}

/* v19.37 premium repeated cards — recolor atmosphere only */
.ec29-sell::after,.ec29-check::after,.seo30-service::after,.seo30-point::after{
  background:radial-gradient(circle at 16% 20%,rgba(190,26,27,.17),transparent 28%),radial-gradient(circle at 58% 40%,rgba(4,171,245,.19),transparent 26%),radial-gradient(circle at 80% 74%,rgba(2,85,197,.15),transparent 24%)!important;
}
.ec29-sell b::after,.ec29-check b::after,.seo30-service b::after,.seo30-point b::after{background:linear-gradient(90deg,var(--wmd-red),var(--wmd-blue),var(--wmd-cyan))!important}

/* ---------- portfolio ---------- */
.pf38{
  --pf-blue:#04abf5!important;
  --pf-blue2:#0255c5!important;
  --pf-gold:#be1a1b!important;
  --pf-copper:#c95d5d!important;
  --pf-violet:#0255c5!important;
}
.pf38-hero::before{background:radial-gradient(circle at 78% 18%,rgba(4,171,245,.18),transparent 27%),radial-gradient(circle at 86% 64%,rgba(190,26,27,.10),transparent 23%),radial-gradient(circle at 57% 78%,rgba(2,85,197,.09),transparent 25%),linear-gradient(115deg,#06111f 0%,#0a1c30 52%,#081421 100%)!important}
.pf38-scope.website i{color:var(--wmd-cyan)!important}.pf38-scope.ecommerce i{color:var(--wmd-red)!important}.pf38-scope.logo i{color:var(--wmd-blue)!important}
.pf38-category[data-category="website"]{--cat-accent:var(--wmd-cyan)!important;--cat-soft:rgba(4,171,245,.15)!important}.pf38-category[data-category="ecommerce"]{--cat-accent:var(--wmd-red)!important;--cat-soft:rgba(190,26,27,.13)!important}.pf38-category[data-category="logo"]{--cat-accent:var(--wmd-blue)!important;--cat-soft:rgba(2,85,197,.14)!important}
.pf38-filter:hover,.pf38-filter.is-active{background:linear-gradient(115deg,#10255b,var(--wmd-blue),var(--wmd-cyan))!important;border-color:rgba(4,171,245,.36)!important}

/* ---------- prices + promotions ---------- */
.pr39{
  --blue:#04abf5!important;
  --gold:#be1a1b!important;
  --violet:#0255c5!important;
  --green:#04abf5!important;
}
.pr39-hero::before{background:radial-gradient(circle at 82% 20%,rgba(4,171,245,.18),transparent 25%),radial-gradient(circle at 68% 72%,rgba(190,26,27,.10),transparent 25%),radial-gradient(circle at 18% 78%,rgba(2,85,197,.10),transparent 26%),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px)!important;background-size:auto,auto,auto,88px 100%!important}
.pr39-progress span::after,.pr39-card::before{background:linear-gradient(90deg,var(--wmd-red),var(--wmd-blue),var(--wmd-cyan))!important}
.pr39-choice input:checked+.pr39-card{border-color:rgba(4,171,245,.52)!important;box-shadow:0 24px 62px rgba(2,85,197,.14),0 0 0 3px rgba(4,171,245,.08)!important}
.pr39-option input:checked+.pr39-option-ui{border-color:rgba(4,171,245,.48)!important;background:linear-gradient(145deg,#fff,#eef8ff)!important}.pr39-option input:checked+.pr39-option-ui::before{background:var(--wmd-blue)!important;border-color:var(--wmd-blue)!important}
.pr39-summary::before{background:radial-gradient(circle at 92% 8%,rgba(4,171,245,.17),transparent 26%),radial-gradient(circle at 18% 92%,rgba(190,26,27,.08),transparent 30%)!important}.pr39-live{background:var(--wmd-cyan)!important;box-shadow:0 0 0 0 rgba(4,171,245,.35)!important}
.pr40-flow::before{background:linear-gradient(90deg,var(--wmd-red),var(--wmd-blue),var(--wmd-cyan))!important}
.pr40-promo[data-accent="gold"],.pr40-promo[data-accent="violet"],.pr40-promo[data-accent="blue"]{--promo-accent:var(--wmd-cyan)!important;--promo-accent2:var(--wmd-blue)!important}
.pr40-promo.is-featured{box-shadow:0 28px 76px rgba(2,85,197,.15),0 0 0 1px rgba(4,171,245,.10)!important}
.pr40-promo-badge{background:linear-gradient(90deg,var(--wmd-red),var(--wmd-blue),var(--wmd-cyan))!important;color:#fff!important}

/* ---------- forms / focus states ---------- */
input:focus,textarea:focus,select:focus,.field input:focus,.field textarea:focus,.field select:focus{
  border-color:rgba(4,171,245,.58)!important;
  box-shadow:0 0 0 4px rgba(4,171,245,.08)!important;
  outline:none;
}

/* subtle red point, used sparingly to echo the red half of the mark */
.eyebrow::before,.wm-about-kicker::after,.pf38-kicker::before,.pr39-kicker::before,.wp24-kicker::before,.ec29-kicker::before,.seo30-kicker::before{
  box-shadow:0 0 12px rgba(190,26,27,.18);
}

@media(max-width:720px){
  .wmx-site-header{background:rgba(6,17,31,.94)!important}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto}
}
