@import url("software-capabilities-v1.css?v=1.0");
@import url("software-hero-v1.css?v=1.2");

.sw-review-note{display:none!important}
.sw-package-grid{align-items:start;gap:18px}
.sw-package{scroll-margin-top:105px}
.sw-featured{transform:translateY(-5px);position:relative}
.sw-featured:after{content:"MOST POPULAR";position:absolute;top:14px;right:14px;z-index:3;padding:6px 10px;border-radius:999px;background:linear-gradient(100deg,#ff319c,#9a55e5,#3a9ee8);color:#fff;font-size:10px;font-weight:900;letter-spacing:.055em;box-shadow:0 7px 18px rgba(107,69,192,.28)}
.sw-plan-top{padding-right:92px}
.sw-capacity{border-radius:13px;overflow:hidden;background:#f8f9fd;border:1px solid #e9ebf3!important}
.sw-capacity>div{padding:10px 11px!important;border-color:#e9ebf3!important}
.sw-featured .sw-capacity{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.13)!important}
.sw-featured .sw-capacity>div{border-color:rgba(255,255,255,.13)!important}
.sw-plan-common{margin:13px 0 10px!important}
.sw-all-features{max-height:365px;overflow:auto;padding:0 8px 3px 0;margin:0 0 17px!important;scrollbar-width:thin;scrollbar-color:#b7a4dc transparent}
.sw-all-features::-webkit-scrollbar{width:6px}
.sw-all-features::-webkit-scrollbar-thumb{background:#b7a4dc;border-radius:99px}
.sw-featured .sw-all-features{scrollbar-color:#8977c8 transparent}
.sw-feature-group h4{position:sticky;top:0;z-index:1;background:#faf9ff;margin:10px 0 5px!important;padding:9px 0 7px!important}
.sw-featured .sw-feature-group h4{background:#172657}
.sw-feature-group li{min-height:0!important;padding:6px 0!important}
.sw-plan-bottom{padding-top:4px;border-top:1px solid #e7e8f0}
.sw-featured .sw-plan-bottom{border-color:rgba(255,255,255,.15)}
.sw-plan-bottom>strong{margin-top:14px}
.sw-package-footnotes{margin-top:16px!important}

/* Unified header + software hero */
.software-native .hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr)!important;
  align-items:center!important;
  gap:42px!important;
  margin:0!important;
  padding:38px clamp(38px,5vw,78px) 48px!important;
  min-height:410px!important;
  border:0!important;
  border-radius:0 0 32px 32px!important;
  box-shadow:none!important;
  background:
    radial-gradient(circle at 86% 0%,rgba(73,145,255,.18),transparent 31%),
    radial-gradient(circle at 20% 0%,rgba(244,54,157,.11),transparent 28%),
    linear-gradient(180deg,#f3f7ff 0%,#f8f7ff 48%,#fff 100%)!important;
}
.software-native .hero:before{display:none!important}
.software-native .hero-copy{max-width:700px!important}
.software-native .hero h1:after{font-size:clamp(34px,2.75vw,48px)!important;line-height:1.06!important}
.software-native .hero-art{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  margin:0!important
}
/* Restore approved software-preview design */
.software-native .software-monitor{
  display:block!important;
  width:100%!important;
  max-width:575px!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  margin:0 auto!important;
  padding:14px!important;
  overflow:visible!important;
  border:1px solid rgba(215,220,238,.95)!important;
  border-radius:25px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(243,246,255,.92))!important;
  background-image:none!important;
  box-shadow:0 25px 55px rgba(37,52,115,.15)!important;
  transform:none!important;
}
.software-native .software-monitor-inner{
  display:block!important;
  width:auto!important;
  min-height:315px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#f8faff)!important;
}
@media(max-width:1100px){
  .sw-all-features{max-height:330px}
  .software-native .hero{grid-template-columns:minmax(0,1fr) 410px!important;gap:28px!important;padding:34px 30px 44px!important}
  .software-native .software-monitor{max-width:500px!important}
}
@media(max-width:820px){
  .software-native .hero{display:block!important;padding:30px 22px 38px!important;border-radius:0 0 25px 25px!important}
  .software-native .hero-art{margin-top:26px!important}
  .software-native .software-monitor{max-width:650px!important}
}
@media(max-width:800px){
  .sw-package-grid{gap:15px}.sw-featured{transform:none}.sw-all-features{max-height:280px}.sw-plan-top{padding-right:88px}
}
@media(max-width:520px){
  .software-native .hero{padding:25px 17px 32px!important;border-radius:0 0 20px 20px!important}
  .software-native .software-monitor{padding:9px!important;border-radius:17px!important}
  .software-native .software-monitor-inner{min-height:250px!important;border-radius:13px!important}
}
@media(max-width:480px){
  .sw-package{padding:19px!important}.sw-package h3{font-size:24px}.sw-capacity dd{font-size:18px}.sw-all-features{max-height:250px}.sw-featured:after{top:11px;right:11px;font-size:9px;padding:5px 8px}.sw-plan-top{padding-right:78px}
}