/* =====================================================================
   Vyroweb industry-page skin ("SEO for ..." pages built in Elementor)
   Restyles the .vwp content block to match the new homepage.
   ===================================================================== */
body.vyro-ind{margin:0;background:#fff}
body.vyro-ind .elementor-element-vwc2a02,body.vyro-ind .elementor-element-vwh2b02,
body.vyro-ind [data-elementor-type="wp-page"] > .e-con{padding:0!important;margin:0!important;max-width:none!important;--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0}
.vyro-ind .vwp{font-family:Inter,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1E293B;-webkit-font-smoothing:antialiased}
.vyro-ind .vwp .wrap{max-width:1240px;padding:0 24px}
.vyro-ind .vwp h1,.vyro-ind .vwp h2,.vyro-ind .vwp h3,.vyro-ind .vwp h4,.vyro-ind .vwp p,.vyro-ind .vwp a,.vyro-ind .vwp summary,.vyro-ind .vwp span{font-family:Inter,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.vyro-ind .vwp h1,.vyro-ind .vwp h2,.vyro-ind .vwp h3{letter-spacing:-.03em}

/* Hero */
.vyro-ind .vwp .hero{position:relative;overflow:hidden;isolation:isolate;background:var(--v950,#14042E);padding:180px 0 130px}
.vyro-ind .vwp .hero:before{content:"";position:absolute;inset:-10%;z-index:-2;filter:blur(30px);background:
  radial-gradient(520px 420px at 82% 22%,rgba(124,58,237,.8),transparent 70%),
  radial-gradient(420px 360px at 100% 75%,rgba(192,38,211,.38),transparent 70%),
  radial-gradient(520px 460px at 4% 100%,rgba(76,29,149,.95),transparent 70%),
  radial-gradient(300px 260px at 42% 25%,rgba(145,105,228,.28),transparent 70%);
  animation:vyroIndDrift 18s ease-in-out infinite alternate}
.vyro-ind .vwp .hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 75%)}
@keyframes vyroIndDrift{to{transform:translate(30px,-20px) scale(1.06)}}
.vyro-ind .vwp .hero .wrap{position:relative}
.vyro-ind .vwp .hero .wrap:after{content:"";position:absolute;right:2%;top:50%;width:360px;height:360px;transform:translateY(-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.9) 0%,#C4B5FD 14%,#7C3AED 50%,rgba(46,10,94,.9) 100%);box-shadow:0 60px 120px -30px rgba(0,0,0,.7),inset -30px -40px 80px rgba(20,4,46,.6);opacity:.9}
.vyro-ind .vwp .hero .wrap:before{content:"";position:absolute;right:-6%;top:50%;width:520px;height:160px;transform:translateY(-50%) rotate(-18deg);border-radius:50%;border:3px solid rgba(240,171,252,.55);pointer-events:none;z-index:1}
.vyro-ind .vwp .hero h1,.vyro-ind .vwp .hero .sub,.vyro-ind .vwp .hero .btns,.vyro-ind .vwp .hero .badges,.vyro-ind .vwp .hero .tag{position:relative;z-index:2;max-width:640px}
.vyro-ind .vwp .tag{color:#DDD6FE;background:rgba(196,181,253,.1);border-color:rgba(196,181,253,.25);letter-spacing:.14em;font-size:12.5px;padding:8px 15px}
.vyro-ind .vwp h1{font-weight:900;letter-spacing:-.045em;line-height:1.03;font-size:clamp(38px,5.2vw,64px)}
.vyro-ind .vwp h1 .hl{background:linear-gradient(100deg,#E9D5FF 0%,#C4B5FD 35%,#A78BFA 70%,#F0ABFC 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.vyro-ind .vwp .sub{color:rgba(255,255,255,.72)}
.vyro-ind .vwp .badges{color:rgba(255,255,255,.75);font-weight:500}
.vyro-ind .vwp .badges span:before{color:#34D399}

/* Buttons */
.vyro-ind .vwp .btn{border-radius:14px;padding:16px 28px;font-size:15.5px;transition:transform .25s,box-shadow .25s,background .25s}
.vyro-ind .vwp .btn-p{background:linear-gradient(135deg,#6D28D9 0%,#7C3AED 50%,#9169E4 100%);box-shadow:0 14px 30px -10px rgba(124,58,237,.75),inset 0 1px 0 rgba(255,255,255,.25)}
.vyro-ind .vwp .btn-p:hover{background:linear-gradient(135deg,#6D28D9 0%,#7C3AED 50%,#9169E4 100%);transform:translateY(-2px)}
.vyro-ind .vwp .btn-o{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}

/* Sections */
.vyro-ind .vwp section.s{padding:110px 0;position:relative}
.vyro-ind .vwp section.t{background:#F5F3FF;overflow:hidden}
.vyro-ind .vwp section.t:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(196,181,253,.55),transparent 70%);top:-180px;right:-180px;pointer-events:none}
.vyro-ind .vwp section.t .wrap{position:relative}
.vyro-ind .vwp .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#6D28D9;background:#EDE9FE;border:1px solid #DDD6FE;border-radius:999px;padding:8px 15px;letter-spacing:.14em;font-size:12.5px;font-weight:700;margin-bottom:16px}
.vyro-ind .vwp .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#34D399;box-shadow:0 0 0 4px rgba(52,211,153,.2)}
.vyro-ind .vwp h2{font-weight:900;letter-spacing:-.035em;font-size:clamp(30px,4.2vw,48px);line-height:1.08;color:#380D6F}
.vyro-ind .vwp .lead{color:#64748B}

/* Cards */
.vyro-ind .vwp .grid{gap:20px}
.vyro-ind .vwp .card{border-radius:24px;border-color:#EDE9FE;padding:30px;transition:transform .3s,box-shadow .3s,border-color .3s}
.vyro-ind .vwp .card:hover{transform:translateY(-6px);box-shadow:0 40px 80px -28px rgba(31,7,66,.35);border-color:#DDD6FE}
.vyro-ind .vwp .card h3{font-weight:800;font-size:19px;color:#380D6F}
.vyro-ind .vwp .card p{color:#64748B}
.vyro-ind .vwp .q{font-family:Inter,sans-serif;font-weight:600;border-radius:999px;padding:8px 14px 8px 34px;position:relative;background:#F5F3FF;border:1px solid #EDE9FE;color:#5B21B6}
.vyro-ind .vwp .q:before{content:"";position:absolute;left:13px;top:50%;width:11px;height:11px;margin-top:-7px;border:2px solid #7C3AED;border-radius:50%}
.vyro-ind .vwp .q:after{content:"";position:absolute;left:23px;top:50%;width:6px;height:2px;margin-top:4px;background:#7C3AED;transform:rotate(45deg)}
.vyro-ind .vwp .kpi,.vyro-ind .vwp .warn{border-left:1px solid #EDE9FE;position:relative;overflow:hidden}
.vyro-ind .vwp .kpi:before,.vyro-ind .vwp .warn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#9169E4,#6D28D9)}
.vyro-ind .vwp .warn:before{background:linear-gradient(180deg,#FCD34D,#F59E0B)}
.vyro-ind .vwp .num{position:relative;width:58px;height:58px;border-radius:18px;font-size:20px;font-weight:900;background:linear-gradient(135deg,#A78BFA,#5B21B6);box-shadow:7px 9px 0 -2px #DDD6FE,0 14px 26px -12px rgba(91,33,182,.6);margin-bottom:18px}
.vyro-ind .vwp .num:after{content:"";position:absolute;left:7px;right:7px;top:4px;height:38%;border-radius:12px;background:rgba(255,255,255,.18)}

/* FAQ */
.vyro-ind .vwp details{border-radius:18px;border-color:#E2E8F0;padding:0 26px;transition:border-color .2s,box-shadow .2s}
.vyro-ind .vwp details[open]{border-color:#DDD6FE;box-shadow:0 14px 34px -14px rgba(56,13,111,.28);background:linear-gradient(180deg,#fff,#FBFAFF)}
.vyro-ind .vwp summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font-weight:700;color:#380D6F;letter-spacing:-.01em}
.vyro-ind .vwp summary::-webkit-details-marker{display:none}
.vyro-ind .vwp summary:after{content:"+";flex:none;width:32px;height:32px;border-radius:50%;background:#EDE9FE;color:#7C3AED;display:grid;place-items:center;font-size:20px;font-weight:600;transition:transform .3s,background .3s}
.vyro-ind .vwp details[open] summary:after{transform:rotate(45deg);background:#7C3AED;color:#fff}
.vyro-ind .vwp details p{margin:0 0 22px}

/* CTA */
.vyro-ind .vwp .cta{position:relative;overflow:hidden;isolation:isolate;background:#14042E;border-radius:32px;padding:80px 48px}
.vyro-ind .vwp .cta:before{content:"";position:absolute;inset:-20%;z-index:-1;filter:blur(30px);background:
  radial-gradient(420px 300px at 85% 0%,rgba(124,58,237,.85),transparent 70%),
  radial-gradient(380px 300px at 0% 100%,rgba(192,38,211,.45),transparent 70%)}
.vyro-ind .vwp .cta:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:7%;top:-40px;z-index:-1;background:radial-gradient(circle at 30% 30%,#fff 0%,#C4B5FD 18%,#7C3AED 55%,#2E0A5E 100%)}
.vyro-ind .vwp .cta h2{color:#fff}
.vyro-ind .vwp .cta p{color:rgba(255,255,255,.75)}
.vyro-ind .vwp .rel a{border-color:#E2E8F0;padding:10px 16px;transition:.2s}
.vyro-ind .vwp .rel a:hover{border-color:#7C3AED;color:#7C3AED;background:#F5F3FF}

@media (max-width:1100px){.vyro-ind .vwp .hero .wrap:after,.vyro-ind .vwp .hero .wrap:before{opacity:.25;right:-120px}}
@media (max-width:640px){
  .vyro-ind .vwp .hero{padding:130px 0 90px}
  .vyro-ind .vwp .hero .wrap:after,.vyro-ind .vwp .hero .wrap:before{display:none}
  .vyro-ind .vwp section.s{padding:76px 0}
  .vyro-ind .vwp .cta{padding:52px 22px;border-radius:26px}
  .vyro-ind .vwp .wrap{padding:0 16px}
}
@media (prefers-reduced-motion:reduce){.vyro-ind .vwp .hero:before{animation:none}}
.vyro-ind .vwp .grid>*{min-width:0}
@media (max-width:400px){.vyro-ind .vwp .card{padding:24px}.vyro-ind .vwp h1{font-size:clamp(30px,9vw,38px)}}