/* Ecom Seller Core — Soft Professional Theme
   Modern glass layout, rounded cards, and image-free hero visuals.
*/
:root{
  --bg:#F7FAFF;
  --bg-soft:#EFF6FF;
  --surface:#FFFFFF;
  --surface-soft:#F8FBFF;
  --text:#14213D;
  --heading:#071A33;
  --muted:#64748B;
  --border:#E3EAF5;
  --primary:#6366F1;
  --primary-2:#4F46E5;
  --accent:#14B8A6;
  --accent-2:#0EA5E9;
  --rose:#F472B6;
  --warning:#F59E0B;
  --shadow:0 22px 55px rgba(31, 41, 55, .12);
  --shadow-soft:0 14px 34px rgba(31, 41, 55, .08);
  --radius:24px;
  --radius-sm:16px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body{min-height:100%;}
body{
  margin:0;
  font-family:"Manrope","Inter","Roboto",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(780px 420px at -8% 8%, rgba(99,102,241,.16), transparent 60%),
    radial-gradient(620px 360px at 102% 12%, rgba(20,184,166,.14), transparent 58%),
    linear-gradient(180deg, #FFFFFF 0%, var(--bg) 45%, #FFFFFF 100%);
  line-height:1.68;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background-image:
    linear-gradient(rgba(99,102,241,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(99,102,241,.06) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.72), transparent 72%);
}

a{color:inherit;text-decoration:none;transition:color .18s ease, transform .18s ease;}
a:hover{color:var(--primary);text-decoration:none;}
::selection{background:rgba(99,102,241,.22);}
:focus-visible{outline:3px solid rgba(99,102,241,.36);outline-offset:3px;border-radius:12px;}

.container,.container-fluid{position:relative;}
.navbar{
  margin:16px auto 0;
  width:calc(100% - 32px);
  max-width:1180px;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.78);
  border-radius:999px;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(18px);
  box-shadow:0 16px 42px rgba(15,23,42,.08);
  transition:background .2s ease, box-shadow .2s ease, transform .2s ease;
}
.navbar.navbar-scrolled{
  background:rgba(255,255,255,.94);
  box-shadow:0 18px 46px rgba(15,23,42,.12);
}
.navbar .container-fluid{padding-left:4px;padding-right:4px;}
.navbar .navbar-brand{
  display:flex;align-items:center;
  padding:4px 8px;
}
.navbar .navbar-brand img{
  height:44px;width:auto;
  border-radius:14px;
  filter:drop-shadow(0 8px 12px rgba(15,23,42,.12));
}
.navbar-nav .nav-link{
  color:#334155 !important;
  font-size:14px;
  font-weight:800;
  letter-spacing:.15px;
  padding:.55rem .9rem !important;
  border-radius:999px;
}
.navbar-nav .nav-link:hover{
  background:rgba(99,102,241,.10);
  color:var(--primary-2) !important;
}
.navbar-nav .nav-link.active{
  color:#fff !important;
  background:linear-gradient(135deg, var(--primary), var(--accent-2));
  box-shadow:0 10px 22px rgba(99,102,241,.26);
}
.navbar-toggler{border:0;outline:0;padding:.35rem .6rem;border-radius:14px;background:rgba(99,102,241,.10);}
.navbar-dark .navbar-toggler-icon{
  filter:none;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(15,23,42,.86)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.header-cta{display:flex;align-items:center;gap:10px;}
.header-cta a{
  color:#0F172A !important;
  display:flex;align-items:center;gap:8px;
  font-weight:900;
  font-size:14px;
  padding:9px 13px;
  border-radius:999px;
  background:#F0FDFA;
  border:1px solid rgba(20,184,166,.24);
}
.header-cta a:hover{transform:translateY(-1px);color:var(--accent) !important;}
.header-cta i{color:var(--accent);}

.hero{
  position:relative;
  overflow:hidden;
  padding:20px 0 48px !important;
  color:var(--heading);
  background:
    radial-gradient(850px 520px at 14% 0%, rgba(99,102,241,.24), transparent 62%),
    radial-gradient(780px 520px at 92% 16%, rgba(20,184,166,.20), transparent 58%),
    linear-gradient(135deg, #FFFFFF 0%, #F5F8FF 52%, #ECFEFF 100%);
}
.hero > .container{
  margin-top:36px;
}
.hero::before,
.hero::after{
  content:"";
  position:absolute;
  border-radius:999px;
  pointer-events:none;
  filter:blur(1px);
}
.hero::before{
  width:220px;height:220px;
  right:-68px;top:120px;
  background:rgba(244,114,182,.16);
}
.hero::after{
  width:170px;height:170px;
  left:-52px;bottom:-44px;
  background:rgba(14,165,233,.16);
}
.hero .hero-card{
  position:relative;
  overflow:hidden;
  max-width:740px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.88);
  border-radius:30px;
  box-shadow:var(--shadow);
  padding:30px;
}
.hero .hero-card::before{
  content:"";
  position:absolute;
  width:160px;height:160px;
  top:-86px;right:-70px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(99,102,241,.24), rgba(20,184,166,.18));
}
.hero h1{
  color:var(--heading);
  font-weight:900;
  letter-spacing:-1.25px;
  line-height:1.08;
  margin:0 0 16px;
  font-size:clamp(30px,3.85vw,56px);
}
.hero p{color:var(--muted);margin:0 0 20px;font-size:16px;max-width:680px;}
.hero .hero-card img{max-width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow-soft);}
.hero-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;color:#334155;font-weight:850;}
.hero-proof span{
  display:inline-flex;align-items:center;gap:7px;
  padding:8px 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 8px 22px rgba(15,23,42,.06);
}
.hero-proof i{color:var(--accent);}

.btn-primary-custom,
.btn-outline-custom{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:999px;
  padding:12px 20px;
  font-weight:900;
  line-height:1.2;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.btn-primary-custom{
  color:#fff !important;
  border:1px solid transparent;
  background:linear-gradient(135deg, var(--primary), var(--accent-2));
  box-shadow:0 14px 30px rgba(99,102,241,.25);
}
.btn-primary-custom:hover{
  color:#fff !important;
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(99,102,241,.32);
}
.btn-outline-custom{
  color:var(--primary-2) !important;
  border:1px solid rgba(99,102,241,.24);
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}
.btn-outline-custom:hover{
  color:#fff !important;
  border-color:transparent;
  background:linear-gradient(135deg, var(--primary), var(--accent));
  transform:translateY(-2px);
}
.btn:active,.btn-primary-custom:active,.btn-outline-custom:active{transform:translateY(1px);}

.hero-visual{
  position:relative;
  min-height:390px;
  border-radius:34px;
  padding:20px;
  background:rgba(255,255,255,.56);
  border:1px solid rgba(255,255,255,.88);
  box-shadow:var(--shadow);
}
.hero-visual::before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:28px;
  background:
    radial-gradient(260px 180px at 16% 22%, rgba(244,114,182,.18), transparent 60%),
    radial-gradient(280px 220px at 86% 26%, rgba(20,184,166,.18), transparent 58%),
    linear-gradient(145deg,#FFFFFF,#F4F8FF);
  border:1px solid var(--border);
}
.visual-card{
  position:relative;
  border-radius:24px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 18px 42px rgba(15,23,42,.10);
  padding:18px;
}
.visual-card.primary{margin:20px 16px 12px;}
.visual-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.visual-dots{display:flex;gap:7px;}
.visual-dots span{width:10px;height:10px;border-radius:50%;background:#CBD5E1;}
.visual-dots span:nth-child(1){background:#F472B6;}
.visual-dots span:nth-child(2){background:#F59E0B;}
.visual-dots span:nth-child(3){background:#14B8A6;}
.visual-pill{font-size:12px;font-weight:900;color:var(--accent);background:#ECFDF5;border-radius:999px;padding:6px 10px;}
.visual-title{font-weight:900;color:var(--heading);font-size:19px;margin-bottom:12px;}
.visual-line{height:10px;border-radius:999px;background:#E2E8F0;margin:10px 0;overflow:hidden;}
.visual-line span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent));}
.visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;}
.visual-mini{padding:13px;border-radius:18px;background:var(--surface-soft);border:1px solid var(--border);}
.visual-mini i{display:block;color:var(--primary);font-size:18px;margin-bottom:8px;}
.visual-mini b{display:block;color:var(--heading);font-size:18px;line-height:1;}
.visual-mini small{color:var(--muted);font-weight:800;}
.visual-floating{
  position:absolute;
  right:8px;
  bottom:22px;
  max-width:220px;
  transform:rotate(-2deg);
}
.visual-floating .media{align-items:center;}
.visual-bubble-icon{
  width:44px;height:44px;
  display:flex;align-items:center;justify-content:center;
  color:#fff;
  border-radius:16px;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  box-shadow:0 14px 26px rgba(20,184,166,.26);
}
.visual-floating h6{margin:0;color:var(--heading);font-weight:900;}
.visual-floating p{margin:2px 0 0;font-size:12px;line-height:1.35;color:var(--muted);}

.section{padding:72px 0;position:relative;}
.section-title{color:var(--heading);font-weight:900;letter-spacing:-.65px;margin:0 0 10px;}
.section-subtitle{color:var(--muted);margin:0 auto 30px;max-width:780px;}
.section .d-flex .section-subtitle{max-width:640px;}
.pricing-row{align-items:stretch;}
.pricing-row > [class*="col-"]{display:flex;}
.pricing-row .pricing{width:100%;}

.feature-card,
.service-card,
.pricing,
.about-box,
.form-card{
  position:relative;
  overflow:hidden;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(226,232,240,.88);
  border-radius:var(--radius);
  box-shadow:var(--shadow-soft);
}
.feature-card,
.about-box,
.form-card{padding:24px;}
.feature-card{height:100%;}
.feature-card::after,
.service-card::after,
.pricing::after,
.about-box::after,
.form-card::after{
  content:"";
  position:absolute;
  width:120px;height:120px;
  top:-72px;right:-58px;
  border-radius:999px;
  background:rgba(99,102,241,.10);
  transition:transform .22s ease, opacity .22s ease;
}
.feature-card:hover::after,
.service-card:hover::after,
.pricing:hover::after{transform:scale(1.15);opacity:.85;}
.feature-card .icon{
  width:52px;height:52px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg, rgba(99,102,241,.14), rgba(20,184,166,.14));
  color:var(--primary);
  margin-bottom:15px;
  font-size:20px;
}
.feature-card h5{color:var(--heading);font-weight:900;margin:0 0 8px;}
.feature-card p{margin:0;color:var(--muted);}
.feature-card:hover,
.service-card:hover,
.pricing:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 54px rgba(15,23,42,.13);
  border-color:rgba(99,102,241,.25);
}

.service-card{
  height:100%;
  cursor:pointer;
  padding:14px;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.service-card img{
  position:relative;
  z-index:1;
  width:100%;
  height:116px;
  object-fit:contain;
  padding:12px;
  border-radius:20px;
  background:
    radial-gradient(110px 90px at 25% 20%, rgba(99,102,241,.13), transparent 60%),
    linear-gradient(180deg,#FFFFFF,#F8FBFF);
  border:1px solid var(--border);
  display:block;
  margin:0 auto;
}
.service-card h6{
  position:relative;
  z-index:1;
  min-height:38px;
  margin:13px 0 0;
  color:var(--heading);
  font-weight:900;
  text-align:center;
  display:flex;align-items:center;justify-content:center;
}
.service-card h6::after{
  content:"";
  width:6px;height:6px;
  border-radius:999px;
  background:var(--accent);
  margin-left:7px;
  opacity:.8;
}

.pricing{
  height:100%;
  display:flex;
  flex-direction:column;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.pricing .head{
  position:relative;
  z-index:1;
  padding:22px;
  background:linear-gradient(145deg,#FFFFFF,#F3F7FF);
  border-bottom:1px solid var(--border);
}
.pricing .plan{color:var(--heading);font-weight:900;margin:0;font-size:16px;}
.pricing .price{
  color:var(--primary-2);
  font-weight:900;
  font-size:clamp(28px,2.3vw,36px);
  letter-spacing:-.75px;
  margin:8px 0 0;
}
.pricing .body{position:relative;z-index:1;padding:20px 22px;flex:1 1 auto;}
.pricing ul{margin:0;padding:0;list-style:none;color:var(--muted);}
.pricing li{display:flex;gap:9px;align-items:flex-start;margin:9px 0;font-weight:700;}
.pricing li::before{
  content:"\f00c";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  color:var(--accent);
  font-size:12px;
  margin-top:3px;
}
.pricing .cta{position:relative;z-index:1;padding:0 22px 22px;margin-top:auto;}
.pricing .cta .btn-primary-custom,.pricing .cta .btn-outline-custom{width:100%;min-height:46px;}
.pricing.featured{
  border-color:rgba(99,102,241,.44);
  box-shadow:0 26px 58px rgba(99,102,241,.16);
  transform:none;
}
.pricing.featured::before{
  content:"Most Popular";
  position:absolute;
  right:16px;top:16px;
  z-index:2;
  padding:6px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  color:#fff;
  background:linear-gradient(135deg,var(--rose),var(--primary));
  box-shadow:0 10px 18px rgba(244,114,182,.22);
}

.about-box p,.about-box li{color:var(--muted);}
.badge-soft{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 13px;
  border-radius:999px;
  background:#ECFDF5;
  color:#0F766E;
  border:1px solid rgba(20,184,166,.20);
  font-weight:900;
  font-size:13px;
}
.about-visual{
  min-height:390px;
  display:grid;
  gap:14px;
  padding:22px;
  border-radius:30px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:var(--shadow);
}
.about-visual-card{
  display:flex;align-items:flex-start;gap:14px;
  padding:17px;
  border-radius:22px;
  background:#fff;
  border:1px solid var(--border);
  box-shadow:0 12px 28px rgba(15,23,42,.07);
}
.about-visual-card i{
  min-width:46px;height:46px;
  border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  color:#fff;
  background:linear-gradient(135deg,var(--primary),var(--accent-2));
}
.about-visual-card:nth-child(2) i{background:linear-gradient(135deg,var(--accent),var(--accent-2));}
.about-visual-card:nth-child(3) i{background:linear-gradient(135deg,var(--rose),var(--primary));}
.about-visual-card h5{margin:0 0 4px;color:var(--heading);font-weight:900;}
.about-visual-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55;}

.form-card code{color:var(--primary-2);background:#EEF2FF;border-radius:8px;padding:2px 6px;}
.form-control,.form-select{
  min-height:48px;
  border-radius:18px !important;
  border:1px solid var(--border) !important;
  background:#FFFFFF !important;
  color:var(--text) !important;
  padding:12px 15px !important;
  box-shadow:none !important;
}
.form-control:focus,.form-select:focus{
  border-color:rgba(99,102,241,.55) !important;
  box-shadow:0 0 0 .25rem rgba(99,102,241,.14) !important;
}
textarea.form-control{min-height:134px;resize:vertical;}
.btn-send{border:0;min-width:150px;}
.alert{border-radius:18px;border:0;font-weight:800;}

.footer{
  position:relative;
  margin-top:34px;
  padding:30px 0;
  color:#DDE7F7;
  background:linear-gradient(135deg,#111827,#1E1B4B 58%,#0F766E);
  overflow:hidden;
}
.footer::before{
  content:"";
  position:absolute;
  width:260px;height:260px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  right:-90px;top:-130px;
}
.footer strong{color:#fff;}
.footer small{color:rgba(255,255,255,.66);}
.footer a{color:#A7F3D0;}

.float-button{
  position:fixed;
  right:22px;
  bottom:20px;
  left:auto;
  z-index:10005;
  display:flex;
  align-items:center;
  gap:9px;
  padding:12px 17px;
  border-radius:999px;
  color:#fff !important;
  background:linear-gradient(135deg,#22C55E,#16A34A);
  box-shadow:0 18px 36px rgba(34,197,94,.30);
  font-size:15px;
  font-weight:900;
  text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease;
}
.float-button:hover{transform:translateY(-3px);box-shadow:0 22px 44px rgba(34,197,94,.38);color:#fff !important;}
.float-button i{font-size:20px;}

#serviceSearch{max-width:560px;}
hr{border-top-color:var(--border);}

/* Legacy carousel remains safe if old markup is reused elsewhere. */
#heroCarousel{width:100%;}
#heroCarousel .carousel-inner{border-radius:28px;overflow:hidden;background:rgba(255,255,255,.48) !important;box-shadow:var(--shadow);}
#heroCarousel .carousel-item{height:clamp(330px,55vh,560px);background:transparent !important;}
#heroCarousel .carousel-item img,#heroCarousel .hero-slide-img{width:100% !important;height:100% !important;object-fit:contain !important;background:transparent !important;display:block;border-radius:0 !important;box-shadow:none !important;}



/* Homepage balance fixes */
.popular-services .services-action{
  margin-top:12px;
}
.popular-services .btn-primary-custom{
  min-width:190px;
}

@media (min-width:992px){
  .hero > .container > .row.align-items-center{
    align-items:stretch !important;
  }
  .hero > .container > .row.align-items-center > [class*="col-lg-6"]{
    display:flex;
  }
  .hero .hero-card,
  .hero-visual{
    width:100%;
    height:100%;
    min-height:470px;
  }
  .hero .hero-card{
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .hero-visual{
    display:flex;
    align-items:center;
  }
  .hero-visual .visual-card.primary{
    width:calc(100% - 36px);
  }
}

@media (max-width:991px){
  .navbar{border-radius:24px;width:calc(100% - 22px);}
  .navbar-collapse{padding:12px 2px 4px;}
  .navbar-nav .nav-link{margin:3px 0;}
  .header-cta a{justify-content:center;width:100%;}
  .hero{padding-top:22px !important;}
  .hero > .container{margin-top:34px;}
  .hero .hero-card{padding:26px;}
  .hero-visual{min-height:auto;margin-top:22px;}
  .visual-floating{position:relative;right:auto;bottom:auto;max-width:none;margin:14px 18px 4px;transform:none;}
}
@media (max-width:767px){
  body{line-height:1.62;}
  .hero{padding:20px 0 42px !important;}
  .hero > .container{margin-top:30px;}
  .hero h1{font-size:clamp(30px,10vw,44px);}
  .hero p{font-size:15px;}
  .section{padding:54px 0;}
  .hero .hero-card,.feature-card,.about-box,.form-card{padding:22px;border-radius:24px;}
  .visual-grid{grid-template-columns:1fr;}
  .visual-card.primary{margin:12px 0;}
  .service-card{padding:11px;border-radius:20px;}
  .service-card img{height:96px;border-radius:17px;}
  .service-card h6{font-size:13px;min-height:34px;}
  .pricing.featured{transform:none;}
  .float-button{right:12px;bottom:12px;padding:12px;border-radius:20px;}
  .float-button span{display:none;}
  .float-button i{font-size:22px;}
}


/* === Plan Setup Update: use-case plans, tool detail cards, neutral support popup === */
.inner-hero .container{margin-top:28px;}
.compact-hero{padding:22px 26px !important;max-width:860px !important;}
.compact-hero h1{font-size:clamp(28px,3.2vw,44px) !important;margin-bottom:10px !important;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#EEF2FF;color:#4F46E5;font-weight:900;font-size:12px;letter-spacing:.35px;text-transform:uppercase;margin-bottom:14px;}
.hero-equal-row{align-items:stretch;}
.hero-card-balanced{display:flex;flex-direction:column;justify-content:center;min-height:350px;padding:28px !important;}
.hero-card-balanced h1{font-size:clamp(30px,3.35vw,49px) !important;letter-spacing:-1.02px;}
.plan-visual{min-height:350px;display:flex;flex-direction:column;justify-content:center;}
.plan-overview-card{margin:8px 10px 12px !important;}
.plan-stack{display:grid;gap:10px;margin-top:14px;}
.plan-stack div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,#fff,#F8FBFF);}
.plan-stack span{color:var(--muted);font-weight:800;font-size:12px;}
.plan-stack b{color:var(--heading);font-weight:950;text-align:right;}
.plan-floating{right:24px !important;bottom:12px !important;max-width:245px;}
.plan-floating h6{font-weight:950;margin:0 0 4px;color:var(--heading);}
.plan-floating p{margin:0;color:var(--muted);font-size:13px;line-height:1.5;}
.equal-card-row>[class*="col-"]{display:flex;}
.equal-card-row .category-card,.equal-card-row .tool-info-card,.equal-card-row .feature-card{width:100%;}
.category-card,.tool-info-card{
  position:relative;overflow:hidden;height:100%;background:rgba(255,255,255,.88);border:1px solid rgba(226,232,240,.92);border-radius:24px;box-shadow:var(--shadow-soft);padding:20px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.category-card:hover,.tool-info-card:hover{transform:translateY(-5px);box-shadow:0 24px 54px rgba(15,23,42,.13);border-color:rgba(99,102,241,.28);}
.category-card::after,.tool-info-card::after{content:"";position:absolute;width:140px;height:140px;right:-74px;top:-74px;border-radius:999px;background:linear-gradient(135deg,rgba(99,102,241,.13),rgba(20,184,166,.12));}
.category-icon,.tool-icon-text{position:relative;z-index:1;width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent-2));box-shadow:0 14px 26px rgba(99,102,241,.24);font-weight:950;letter-spacing:-.5px;}
.category-card h5,.tool-info-card h5{position:relative;z-index:1;margin:16px 0 8px;color:var(--heading);font-weight:950;line-height:1.25;}
.category-card p,.tool-info-card p{position:relative;z-index:1;color:var(--muted);margin:0;line-height:1.55;}
.category-meta,.tool-detail,.plan-info{position:relative;z-index:1;margin-top:12px;padding:11px 12px;border-radius:16px;background:#F8FBFF;border:1px solid var(--border);}
.category-meta span,.tool-detail span,.plan-info span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.35px;color:#64748B;font-weight:950;margin-bottom:3px;}
.category-meta strong,.tool-detail strong,.plan-info strong{display:block;color:var(--heading);font-weight:950;line-height:1.35;}
.tool-topline{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.tool-plan-chip,.plan-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#ECFEFF;color:#0F766E;border:1px solid rgba(20,184,166,.25);font-size:11px;font-weight:950;line-height:1.15;}
.tool-detail p{font-size:13px;}
.tool-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.tool-legend>div{padding:14px 16px;border-radius:20px;background:#fff;border:1px solid var(--border);box-shadow:0 10px 24px rgba(15,23,42,.05);}
.tool-legend strong{display:block;color:var(--heading);font-weight:950;}
.tool-legend span{display:block;color:var(--muted);font-size:13px;}
.pricing-row{align-items:stretch;}
.plan-col{display:flex;}
.plan-detail-card{width:100%;min-height:100%;}
.plan-detail-card .head{padding:20px 20px 16px !important;}
.plan-detail-card .plan{margin-top:9px !important;font-size:22px !important;}
.plan-detail-card .price{font-size:34px !important;letter-spacing:-1px;}
.plan-detail-card .price small{font-size:13px;color:#64748B;font-weight:900;margin-left:4px;}
.plan-detail-card .body{display:flex;flex-direction:column;gap:0;}
.plan-detail-card .body.compact ul li:nth-child(n+6){display:none;}
.plan-detail-card ul{margin-top:13px !important;}
.plan-detail-card .cta{margin-top:auto;}
.all-access-banner{display:grid;grid-template-columns:1.1fr 1.4fr auto;align-items:center;gap:18px;margin-top:10px;padding:22px;border-radius:26px;background:linear-gradient(135deg,#FFFFFF,#F4F8FF);border:1px solid var(--border);box-shadow:var(--shadow-soft);}
.all-access-banner h3{margin:8px 0 6px;color:var(--heading);font-weight:950;}
.all-access-banner p{margin:0;color:var(--muted);}
.all-access-tools{padding:14px;border-radius:18px;background:#fff;border:1px solid var(--border);}
.all-access-tools strong{display:block;color:var(--heading);margin-bottom:4px;}
.all-access-tools span{color:var(--muted);font-size:13px;line-height:1.55;}
.contact-info-card a{color:var(--primary-2);font-weight:900;}
.support-mini-list{display:grid;gap:9px;}
.support-mini-list div{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:14px;background:#F8FBFF;border:1px solid var(--border);font-weight:850;color:#334155;}
.support-mini-list i{color:var(--accent);}
.support-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease;}
.support-modal.is-open{opacity:1;visibility:visible;}
.support-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.46);backdrop-filter:blur(8px);}
.support-modal-card{position:relative;width:min(94vw,470px);padding:28px;border-radius:28px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.92);box-shadow:0 30px 80px rgba(15,23,42,.28);text-align:center;transform:translateY(12px) scale(.98);transition:transform .18s ease;}
.support-modal.is-open .support-modal-card{transform:translateY(0) scale(1);}
.support-close{position:absolute;right:16px;top:12px;width:38px;height:38px;border:0;border-radius:999px;background:#F1F5F9;color:#0F172A;font-size:24px;line-height:1;cursor:pointer;}
.support-icon{width:62px;height:62px;border-radius:22px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent-2));box-shadow:0 16px 34px rgba(99,102,241,.28);font-size:24px;}
.support-modal-card h3{font-weight:950;color:var(--heading);margin:0 0 10px;}
.support-modal-card p{color:var(--muted);margin:0 auto 14px;max-width:390px;}
.support-email{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:999px;background:#F8FBFF;border:1px solid var(--border);font-weight:950;color:var(--heading);}
.support-email a{color:var(--primary-2);}
.modal-open-soft{overflow:hidden;}

@media (max-width:1199.98px){.all-access-banner{grid-template-columns:1fr;}.all-access-banner .btn-primary-custom{justify-self:flex-start;}}
@media (max-width:991.98px){.hero-card-balanced,.plan-visual{min-height:auto;}.plan-floating{position:relative !important;right:auto !important;bottom:auto !important;max-width:none;margin:0 10px 8px;}.tool-legend{grid-template-columns:1fr;}.compact-hero{padding:24px !important;}}
@media (max-width:575.98px){.hero .hero-card{padding:24px 20px;}.category-card,.tool-info-card{padding:16px;}.plan-stack div{display:block;}.plan-stack b{text-align:left;display:block;margin-top:3px;}.all-access-banner{padding:18px;}.support-modal-card{padding:24px 18px;}.tool-topline{align-items:flex-start;flex-direction:column;}.tool-plan-chip{align-self:flex-start;}}


/* Final layout refinements */
.compact-hero p{font-size:15px;line-height:1.68;max-width:760px;margin-bottom:12px;}
.hero-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;}
.hero-summary-item{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border-radius:16px;background:#fff;border:1px solid var(--border);box-shadow:0 10px 22px rgba(15,23,42,.06);}
.hero-summary-item i{width:34px;height:34px;min-width:34px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg, rgba(99,102,241,.14), rgba(20,184,166,.14));color:var(--primary);font-size:14px;}
.hero-summary-item strong{display:block;color:var(--heading);font-size:13px;line-height:1.2;font-weight:950;margin-bottom:2px;}
.hero-summary-item small{display:block;color:var(--muted);font-size:12px;line-height:1.45;font-weight:800;}
.hero-actions{margin-top:6px;}
.hero-link-note{margin-top:12px;color:#475569;font-size:13px;font-weight:800;}
.hero-link-note a{color:var(--primary-2);font-weight:900;}
.plan-detail-card .head{display:flex;flex-direction:column;min-height:190px;padding:20px 20px 18px !important;}
.plan-detail-card .plan-badge{align-self:flex-start;}
.plan-detail-card .plan{margin-top:10px !important;font-size:21px !important;min-height:54px;display:flex;align-items:flex-start;line-height:1.12;}
.plan-detail-card .price{margin-top:auto;min-height:50px;display:flex;align-items:flex-end;font-size:34px !important;letter-spacing:-1px;}
.plan-detail-card .body{display:flex;flex-direction:column;gap:0;padding-top:18px;}
.plan-detail-card .plan-info{display:flex;flex-direction:column;}
.plan-detail-card .plan-info:first-child{min-height:112px;}
.plan-detail-card .plan-info:nth-child(2){min-height:176px;}
.plan-detail-card .plan-info p{margin:0;}
.plan-detail-card ul{margin-top:14px !important;}
.inner-hero .hero-card{max-width:860px;}
@media (max-width:991.98px){
  .compact-hero{padding:20px !important;}
  .hero-summary-grid{grid-template-columns:1fr;}
  .plan-detail-card .head,.plan-detail-card .plan,.plan-detail-card .price,.plan-detail-card .plan-info:first-child,.plan-detail-card .plan-info:nth-child(2){min-height:0;}
}
@media (max-width:575.98px){
  .compact-hero h1{font-size:clamp(26px,8vw,36px) !important;}
  .hero-summary-item{padding:10px 11px;}
}


/* Footer readability fix — keep existing dark footer style, only fix text colors */
.footer{color:#DDE7F7;}
.footer .mb-1{color:#EAF2FF;}
.footer strong{color:#FFFFFF;}
.footer small{color:rgba(255,255,255,.78);}