@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@700&family=Manrope:wght@400;500;600;700;800&family=Raleway:wght@500;600;700;800;900&display=swap');
:root{
  --bg:#060907; --dark:#0a0f0c; --dark2:#0d1510; --green:#2ddd73; --green2:#65ef9c;
  --paper:#ffffff; --soft:#f6f8f6; --text:#1c241f; --muted:#5d6962; --line:#dce5df;
  --max:1240px; --shadow:0 18px 50px rgba(0,0,0,.14)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--text);font-family:Manrope,Arial,sans-serif;line-height:1.72}
img{max-width:100%;height:auto}
a{color:#147b40}
.container{width:min(var(--max),calc(100% - 38px));margin:auto}

/* Header modeled on the supplied Spotimax reference layout, recreated from scratch */
.site-header{position:absolute;top:0;left:0;right:0;z-index:100;background:linear-gradient(to bottom,rgba(4,8,6,.92),rgba(4,8,6,.58),transparent)}
.header-inner{height:98px;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;min-width:230px}
.brand img{width:72px;height:72px;border-radius:18px;filter:drop-shadow(0 8px 18px rgba(37,225,111,.18))}
.brand-name{font:900 21px Raleway,sans-serif;line-height:1}.brand-name span{display:block;color:var(--green2);font-size:14px;letter-spacing:.18em;margin-top:5px}
.nav{margin-left:auto;display:flex;align-items:center;gap:20px}
.nav>a,.navbtn{color:white;text-decoration:none;font:800 italic 16px Raleway,sans-serif;background:none;border:0;padding:35px 2px;cursor:pointer;white-space:nowrap}
.nav>a:hover,.navbtn:hover{color:var(--green2)}
.has-menu{position:relative}.mega{display:none;position:absolute;top:80px;left:50%;transform:translateX(-50%);width:700px;background:#0b120e;border:1px solid rgba(255,255,255,.09);border-radius:16px;box-shadow:0 30px 70px rgba(0,0,0,.45);padding:20px;grid-template-columns:repeat(2,1fr);gap:4px}
.has-menu:hover .mega,.has-menu:focus-within .mega{display:grid}
.mega a{color:#dce7e0;text-decoration:none;padding:9px 11px;border-radius:10px;font-size:13px;font-weight:700}.mega a:hover{background:#132219;color:#7bf0a6}
.mobile-btn{display:none;margin-left:auto;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:10px;padding:9px 12px}
.language-pill{border:1px solid rgba(255,255,255,.16);border-radius:30px;padding:9px 13px!important}

/* Hero - intentionally close to the supplied reference structure, but original art and code */
.hero{min-height:665px;background:#050806;position:relative;color:white;isolation:isolate;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;z-index:-3;background:
 linear-gradient(90deg,rgba(3,7,4,.94) 0%,rgba(4,9,5,.89) 47%,rgba(4,8,5,.62) 100%),
 url('/assets/img/core/hero-device.webp') right center/56% auto no-repeat}
.hero:after{content:"";position:absolute;inset:0;z-index:-2;background:
 radial-gradient(circle at 22% 75%,rgba(42,218,108,.15),transparent 26%),
 linear-gradient(to bottom,rgba(0,0,0,.12),rgba(0,0,0,.28))}
.logo-pattern{position:absolute;inset:0;z-index:-1;opacity:.07;background-image:url('/assets/img/core/logo.png');background-size:190px;background-repeat:repeat;transform:rotate(-8deg) scale(1.16);filter:blur(.3px)}
.hero-grid{min-height:665px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.45fr);align-items:center;padding-top:105px;gap:30px}
.hero-copy{text-align:center;max-width:980px}
.hero-eyebrow{display:inline-flex;gap:7px;align-items:center;font:800 12px Manrope;letter-spacing:.1em;text-transform:uppercase;color:#b9f5cd}
.hero h1{font:900 clamp(38px,4.25vw,62px)/1.06 Raleway,sans-serif;letter-spacing:-.035em;margin:18px 0;color:#fff;text-shadow:0 6px 25px rgba(0,0,0,.28)}
.hero h1 .green{color:var(--green2)}
.hero h1 .u{position:relative;display:inline-block}.hero h1 .u:after{content:"";position:absolute;left:4%;right:4%;bottom:-11px;height:5px;background:var(--green);border-radius:4px;box-shadow:60px 0 #fff}
.hero-sub{font-size:18px;max-width:900px;margin:30px auto 0;color:#f0f4f1}
.hero-actions{display:flex;justify-content:center;gap:14px;margin-top:34px;flex-wrap:wrap}
.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:285px;padding:15px 34px;border-radius:13px;border:3px solid #fff;background:rgba(6,14,9,.80);color:#fff!important;text-decoration:none;font:900 20px Raleway;box-shadow:inset 0 0 0 1px rgba(71,233,125,.7),0 15px 32px rgba(0,0,0,.24);transition:.2s}
.download-btn:hover{background:#1bc85e;transform:translateY(-2px);color:#041007!important}
.secondary-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:13px;border:1px solid rgba(255,255,255,.32);color:#fff!important;text-decoration:none;font-weight:800;background:rgba(0,0,0,.18)}
.hero-meta{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:28px;color:#c7d4cc;font-size:12px}.hero-meta b{color:#fff}
.hero-device{display:flex;justify-content:center;align-items:center}.phone{width:245px;height:490px;border:7px solid #b8bdbb;border-radius:43px;background:#060806;box-shadow:0 30px 65px rgba(0,0,0,.55);position:relative;overflow:hidden}
.phone:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:86px;height:20px;background:#010201;border-radius:0 0 15px 15px;z-index:3}
.phone-screen{position:absolute;inset:5px;border-radius:34px;background:
 linear-gradient(rgba(7,17,11,.22),rgba(7,17,11,.40)),
 url('/assets/img/core/hero-device.webp') center/cover no-repeat}
.phone-badge{position:absolute;left:18px;right:18px;bottom:25px;background:rgba(5,13,8,.88);border:1px solid rgba(93,242,147,.4);border-radius:18px;padding:14px;text-align:center}
.phone-badge img{width:52px;border-radius:12px}.phone-badge strong{display:block;color:#fff;font:800 18px Raleway;margin-top:7px}.phone-badge small{color:#9fd4b2}
.hero-strip{background:#08100b;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);color:#fff}
.hero-strip-grid{display:grid;grid-template-columns:repeat(5,1fr)}.hero-strip-grid div{text-align:center;padding:15px 8px;border-right:1px solid rgba(255,255,255,.07);font-size:12px;font-weight:800}.hero-strip-grid div:last-child{border-right:0}.hero-strip-grid span{color:var(--green2)}

/* Article layout */
.main-wrap{padding:44px 0 80px}
.article-shell{max-width:1120px;margin:auto}
.top-card{display:grid;grid-template-columns:150px 1fr 260px;align-items:center;gap:22px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow);margin-top:-18px;position:relative;z-index:5}
.top-card img{width:128px;height:128px;border-radius:28px}
.top-card h2{font:900 24px Raleway;margin:0 0 7px}.top-card p{margin:0;color:var(--muted);font-size:14px}
.app-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:14px}.spec{background:#f5f8f6;border:1px solid #e0e9e3;border-radius:10px;padding:9px}.spec small{display:block;color:#748077}.spec strong{font-size:13px}
.content{font-size:16px}
.content h2,.content h3{font-family:Raleway;color:#101713;line-height:1.2}
.content h2{font-size:34px;text-align:center;margin:58px 0 20px;font-weight:900}
.content h2:after{content:"";display:block;width:125px;height:5px;background:linear-gradient(90deg,var(--green),var(--green),white,var(--green));border-radius:5px;margin:11px auto 0}
.content h3{font-size:25px;margin:35px 0 12px;font-weight:900}
.content p{color:#38423c;margin:13px 0}
.content ul,.content ol{padding-left:24px}.content li{margin:8px 0}
.content table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #d5e0d9;border-radius:12px;overflow:hidden;margin:24px 0 34px;box-shadow:0 7px 20px rgba(15,58,34,.04)}
.content th{background:#0b130e;color:#fff}.content th,.content td{padding:12px 13px;text-align:left;border-right:1px solid #e0e8e3;border-bottom:1px solid #e0e8e3;vertical-align:top}.content th:last-child,.content td:last-child{border-right:0}.content tr:last-child td{border-bottom:0}.content tr:nth-child(even) td{background:#f7faf8}
.content a{font-weight:800}
.section-image{width:100%;display:block;border-radius:18px;margin:20px auto 30px;box-shadow:0 15px 34px rgba(0,0,0,.12);aspect-ratio:16/9;object-fit:cover}
.inline-media{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0 34px}.inline-media img{border-radius:16px;box-shadow:0 12px 26px rgba(0,0,0,.11)}
.screenshot-row{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:25px 0 40px}.screenshot-row img{border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.14)}
.toc-box{background:#f7faf8;border:1px solid #dce7e0;border-radius:15px;padding:18px 20px;margin:30px 0}.toc-title{font:900 19px Raleway;margin:0 0 9px}.toc-grid{columns:2;column-gap:30px}.toc-grid a{display:block;break-inside:avoid;color:#31503e;text-decoration:none;font-size:13px;padding:5px 0}.toc-grid a:hover{color:#10a54a}
.download-card{background:linear-gradient(135deg,#07110b,#12311e);border-radius:20px;padding:26px;color:#fff;margin:28px 0;display:grid;grid-template-columns:120px 1fr auto;gap:22px;align-items:center;box-shadow:0 15px 38px rgba(0,0,0,.15)}.download-card img{width:110px;border-radius:24px}.download-card h3{color:#fff;margin:0 0 8px}.download-card p{color:#c8d9cf;margin:0}.download-card .download-btn{min-width:220px}
.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:22px 0 36px}.plan{border:1px solid #dbe6df;border-radius:16px;padding:18px;background:#fff;box-shadow:0 8px 24px rgba(15,60,36,.05)}.plan b{font:900 17px Raleway}.plan strong{display:block;font-size:22px;color:#0c9144;margin:8px 0}.plan small{color:#69756d}
.old-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin:23px 0}.old-item{border:1px solid #dbe5df;border-radius:14px;padding:15px;text-align:center}.old-item img{width:58px;border-radius:13px}.old-item b{display:block;margin:7px 0 3px}.old-item a{font-size:12px}
.proscons{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pros,.cons{border-radius:16px;padding:20px}.pros{background:#eefaf2;border:1px solid #ccecd6}.cons{background:#fff6f3;border:1px solid #f0d7ce}
.video-wrap{position:relative;padding-top:56.25%;border-radius:18px;overflow:hidden;background:#050906;box-shadow:0 16px 35px rgba(0,0,0,.13);margin:20px 0 38px}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.note{background:#eff9f2;border:1px solid #cde9d4;border-left:5px solid var(--green);border-radius:12px;padding:15px 18px;margin:20px 0;color:#30513b}
.author{display:grid;grid-template-columns:78px 1fr;gap:17px;align-items:center;border-top:1px solid #dde6e0;border-bottom:1px solid #dde6e0;padding:25px 0;margin:40px 0}.author img{width:72px;height:72px;border-radius:50%}.author h3{margin:0 0 5px}.author p{margin:0;color:#647067}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-card{border:1px solid #dce5df;border-radius:15px;overflow:hidden;text-decoration:none;color:#151d18;background:#fff}.related-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.related-card span{display:block;padding:13px;font:800 14px Raleway}
.comments{border-top:1px solid #dfe7e2;margin-top:40px;padding-top:28px}.comments input,.comments textarea{width:100%;border:1px solid #d2ded6;border-radius:10px;padding:12px;font:inherit;margin:6px 0 12px}.comments textarea{min-height:130px}.comments button{border:0;background:#25cf69;padding:12px 20px;border-radius:10px;font-weight:900}
.comments small{color:#748078}

/* Blog / category pages */
.page-hero{background:linear-gradient(135deg,#050906,#12311d);color:#fff;padding:145px 0 65px}.page-hero h1{font:900 clamp(38px,5vw,62px) Raleway;margin:0 0 14px}.page-hero p{max-width:780px;color:#bfd1c5}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid #dbe4df;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 8px 25px rgba(20,55,35,.04);transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(10,50,30,.12)}.card img{width:100%;aspect-ratio:16/9;object-fit:cover}.card-body{padding:17px}.card small{color:#158a45;font-weight:800}.card h3{font:900 19px/1.3 Raleway;margin:7px 0 10px}.card a{text-decoration:none}
.section-head{margin:48px 0 20px}.section-head h2{font:900 34px Raleway;margin:0}.section-head p{color:#68746c}
.article-hero{background:#060907;color:#fff;padding:145px 0 50px}.article-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:35px;align-items:center}.article-hero h1{font:900 clamp(38px,4.6vw,62px)/1.05 Raleway;margin:0 0 16px}.article-hero p{color:#b9c8bf}.article-hero img{border-radius:18px;box-shadow:0 20px 45px rgba(0,0,0,.4)}
.meta{display:flex;gap:14px;flex-wrap:wrap;color:#9eb0a4;font-size:12px;margin-top:16px}
.article-body{max-width:940px;margin:auto;padding:45px 0 80px}.article-body h2{font:900 31px Raleway;margin:46px 0 15px}.article-body h2:after{content:"";display:block;width:70px;height:4px;background:#2ddd73;margin-top:8px}.article-body h3{font:900 23px Raleway}.article-body p{color:#3d4741}.article-body table{width:100%;border-collapse:collapse;margin:22px 0}.article-body th,.article-body td{border:1px solid #dce5df;padding:11px}.article-body th{background:#0b130e;color:#fff}.article-body ul,.article-body ol{padding-left:24px}

/* Footer */
.site-footer{background:#050806;color:#aab9b0;padding:60px 0 22px}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:28px}.site-footer h4{font:900 16px Raleway;color:#fff;margin:0 0 13px}.site-footer a{display:block;color:#aab9b0;text-decoration:none;padding:4px 0;font-size:13px}.site-footer a:hover{color:#65ef9c}.footer-brand p{max-width:330px}.socials{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.socials a{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;color:#fff;padding:0}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:20px;margin-top:35px;font-size:12px}.footer-email{color:#fff!important;font-weight:800!important}

@media(max-width:1120px){.nav{gap:12px}.nav>a,.navbtn{font-size:14px}.brand{min-width:190px}.hero-grid{grid-template-columns:1fr 240px}.phone{width:220px;height:440px}.plan-grid{grid-template-columns:1fr 1fr}.old-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.site-header{position:absolute}.mobile-btn{display:block}.nav{display:none;position:absolute;top:82px;left:18px;right:18px;background:#08110b;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:14px;flex-direction:column;align-items:stretch;max-height:78vh;overflow:auto}.nav.open{display:flex}.nav>a,.navbtn{padding:10px;text-align:left}.mega,.has-menu:hover .mega,.has-menu:focus-within .mega{position:static;transform:none;width:auto;display:grid;grid-template-columns:1fr;box-shadow:none;margin:0 6px 8px}.hero-grid{grid-template-columns:1fr}.hero-device{display:none}.hero:before{background:linear-gradient(rgba(3,7,4,.90),rgba(3,7,4,.88)),url('/assets/img/core/hero-device.webp') center/cover no-repeat}.top-card{grid-template-columns:100px 1fr}.top-card>.download-btn{grid-column:1/-1}.app-specs{grid-template-columns:1fr 1fr}.screenshot-row{grid-template-columns:repeat(2,1fr)}.download-card{grid-template-columns:90px 1fr}.download-card .download-btn{grid-column:1/-1}.cards,.related-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.article-hero-grid{grid-template-columns:1fr}.article-hero img{max-width:620px}}
@media(max-width:620px){.container{width:min(var(--max),calc(100% - 24px))}.header-inner{height:78px}.brand img{width:52px;height:52px}.brand-name{font-size:16px}.hero{min-height:600px}.hero-grid{min-height:600px;padding-top:100px}.hero h1{font-size:38px}.hero-sub{font-size:16px}.download-btn,.secondary-btn{width:100%;min-width:0}.hero-strip-grid{grid-template-columns:1fr 1fr}.top-card{grid-template-columns:1fr;text-align:center}.top-card img{margin:auto}.app-specs,.plan-grid,.old-grid,.proscons,.cards,.related-grid,.footer-grid{grid-template-columns:1fr}.content h2{font-size:28px}.content h3{font-size:22px}.content table{display:block;overflow-x:auto}.toc-grid{columns:1}.inline-media{grid-template-columns:1fr}.screenshot-row{grid-template-columns:1fr 1fr}.download-card{grid-template-columns:1fr;text-align:center}.download-card img{margin:auto}.article-hero{padding-top:120px}.page-hero{padding-top:120px}}


/* === V4 competitor-reference refinement === */
.site-header{
  position:absolute;
  background:linear-gradient(to bottom,rgba(4,8,6,.97),rgba(4,8,6,.78),rgba(4,8,6,.18));
  border-bottom:0;
}
.header-inner{height:92px}
.brand{min-width:220px}
.brand img{width:64px;height:64px;border-radius:16px}
.nav{gap:26px}
.nav>a,.navbtn{font-size:16px;padding:33px 1px}

.hero{
  min-height:650px;
  background:#050806;
}
.hero:before{
  background:
    linear-gradient(90deg,rgba(3,7,4,.92) 0%,rgba(3,8,5,.88) 47%,rgba(3,8,5,.56) 70%,rgba(3,8,5,.35) 100%),
    url('/assets/img/core/hero-bg-v4.webp') center/cover no-repeat;
}
.hero:after{
  background:linear-gradient(to bottom,rgba(0,0,0,.10),rgba(0,0,0,.28));
}
.logo-pattern{display:none}
.hero-grid{
  min-height:650px;
  grid-template-columns:minmax(0,1.62fr) minmax(330px,.38fr);
  gap:18px;
  padding-top:110px;
}
.hero-copy{text-align:center;max-width:1030px}
.hero h1{
  font-size:clamp(42px,4.7vw,66px);
  margin-top:15px;
  margin-bottom:18px;
}
.hero-sub{
  font-size:19px;
  line-height:1.55;
  max-width:930px;
}
.hero-actions{margin-top:34px}
.download-btn{
  min-width:300px;
  padding:15px 40px;
  background:rgba(8,18,11,.74);
  border:3px solid rgba(255,255,255,.96);
  border-radius:13px;
  font-size:20px;
}
.download-btn:hover{background:#25d66a;color:#06110a!important}
.secondary-btn{min-width:190px}
.hero-device{
  min-height:470px;
  background:url('/assets/img/core/hero-phone-v4.webp') center/contain no-repeat;
}
.phone{display:none}
.hero-meta{font-size:13px;margin-top:25px}
.hero-strip-grid{grid-template-columns:repeat(5,1fr)}

.main-wrap{padding-top:48px}
.article-shell{max-width:1160px}
.top-card,.download-card{display:none!important}
.toc-box{
  margin:0 auto 34px;
  background:#f8faf8;
  border:1px solid #d9e4dd;
  box-shadow:none;
}
.content h2{font-size:33px;margin-top:54px}
.content h3{font-size:24px}
.content p{font-size:16px;line-height:1.78}
.content p + p{margin-top:10px}
.section-image{margin-top:18px;margin-bottom:28px}
.screenshot-row{margin-top:20px}
.note{display:none!important}

/* Feature sections: competitor-like image + text rhythm */
.feature-block{
  display:grid;
  grid-template-columns:1.03fr .97fr;
  gap:28px;
  align-items:center;
  margin:30px 0 42px;
}
.feature-block.reverse{grid-template-columns:.97fr 1.03fr}
.feature-block img{
  width:100%;
  border-radius:17px;
  box-shadow:0 16px 34px rgba(0,0,0,.13);
}
.feature-copy h3{margin-top:0}
.feature-copy p{margin-bottom:0}

/* Professional guide article styling */
.guide-summary{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin:22px 0 30px;
}
.guide-summary>div{
  background:#f4f8f5;
  border:1px solid #dbe6df;
  border-radius:14px;
  padding:15px;
}
.guide-summary small{display:block;color:#718078}
.guide-summary strong{display:block;margin-top:4px;color:#112017}
.key-points{
  border:1px solid #d8e4dc;
  border-radius:16px;
  padding:18px 20px;
  background:#fbfcfb;
  margin:22px 0 30px;
}
.key-points h3{margin:0 0 10px;font-size:20px}
.key-points ul{margin:0;padding-left:21px}
.article-body p{font-size:16px;line-height:1.76}
.article-body p + p{margin-top:10px}
.article-body .section-image{max-width:100%}
.article-body .toc-box{margin-top:0}
.quick-table{margin:24px 0 32px}
.quick-table table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #dbe6df;border-radius:13px;overflow:hidden}
.quick-table th,.quick-table td{padding:12px 13px;border-bottom:1px solid #e1e9e4;text-align:left}
.quick-table th{background:#0b130e;color:#fff}
.quick-table tr:last-child td{border-bottom:0}

/* Final single CTA near the end only; homepage primary CTA stays in hero */
.final-cta{
  margin:50px 0 10px;
  padding:28px;
  text-align:center;
  background:linear-gradient(135deg,#07110b,#12351f);
  border-radius:18px;
  color:#fff;
}
.final-cta h2{color:#fff;margin:0 0 8px}
.final-cta p{color:#c9d8cf}
.final-cta .download-btn{margin-top:10px}

@media(max-width:900px){
  .nav{gap:10px}
  .hero-grid{grid-template-columns:1fr}
  .hero-device{display:none}
  .hero:before{
    background:
      linear-gradient(rgba(3,7,4,.86),rgba(3,7,4,.88)),
      url('/assets/img/core/hero-bg-v4.webp') center/cover no-repeat;
  }
  .feature-block,.feature-block.reverse{grid-template-columns:1fr}
  .guide-summary{grid-template-columns:1fr}
}
@media(max-width:620px){
  .hero{min-height:610px}
  .hero-grid{min-height:610px;padding-top:96px}
  .hero h1{font-size:39px}
  .hero-sub{font-size:16px}
  .hero-strip-grid{grid-template-columns:1fr 1fr}
}


/* ============================================================
   SX HERO V5 — reference-matched header + hero + feature rail
   ============================================================ */
.sx-header{
  position:absolute; inset:0 0 auto 0; z-index:200;
  background:linear-gradient(180deg,rgba(3,10,7,.98),rgba(3,10,7,.92));
  border-bottom:1px solid rgba(39,222,105,.36);
}
.sx-header-inner{height:90px;display:flex;align-items:center;gap:28px}
.sx-brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:320px}
.sx-brand img{width:60px;height:60px;border-radius:50%;object-fit:cover}
.sx-brand strong{display:block;color:#fff;font:900 31px/1 Raleway,sans-serif;letter-spacing:-.035em}
.sx-brand strong span{color:#23df72}
.sx-brand small{display:block;margin-top:7px;color:#f1f4f2;font:600 10px/1 Manrope,sans-serif;letter-spacing:.09em}
.sx-nav{margin-left:auto;display:flex;align-items:center;gap:25px}
.sx-nav>a,.sx-nav .navbtn{position:relative;color:#fff!important;background:none;border:0;text-decoration:none;font:800 15px Raleway,sans-serif;padding:34px 0;white-space:nowrap;cursor:pointer}
.sx-nav>a.active:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:4px;background:#19e76c;border-radius:10px}
.sx-nav>a:hover,.sx-nav .navbtn:hover{color:#5cf195!important}
.sx-nav .mega{top:72px}
.sx-search{width:30px;display:flex!important;justify-content:center}
.sx-search svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2}
.sx-contact{
  display:inline-flex;align-items:center;gap:9px;padding:14px 23px;border-radius:12px;
  background:#22df70;color:#04110a!important;text-decoration:none;font:900 15px Raleway;
  white-space:nowrap;box-shadow:0 10px 26px rgba(34,223,112,.18)
}
.sx-contact svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2}

.sx-hero{
  position:relative;isolation:isolate;overflow:hidden;background:#020805;color:#fff;
  min-height:1018px;padding:90px 0 40px
}
.sx-backdrop{position:absolute;inset:0;z-index:-3;background:
  linear-gradient(90deg,rgba(1,8,4,.96) 0%,rgba(3,13,8,.92) 48%,rgba(2,11,7,.75) 72%,rgba(1,7,4,.90) 100%),
  url('/assets/img/core/hero-reference-bg.webp') center 80px/cover no-repeat;
}
.sx-backdrop:after{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 74% 55%,rgba(20,229,101,.22),transparent 28%),
  radial-gradient(circle at 24% 68%,rgba(11,139,67,.14),transparent 24%),
  linear-gradient(to bottom,transparent 58%,rgba(2,8,5,.78) 78%,#020805 100%)
}
.sx-hero-inner{min-height:650px;display:grid;grid-template-columns:1.18fr .82fr;align-items:center;gap:24px;padding-top:37px}
.sx-copy{padding:22px 0 10px;max-width:820px}
.sx-badge{
  display:inline-flex;align-items:center;gap:9px;border:1px solid #10cc60;border-radius:99px;
  padding:10px 17px;color:#f2f7f3;font-size:13px;background:rgba(2,19,10,.44)
}
.pulse-dot{width:16px;height:16px;border-radius:50%;background:#20df70;box-shadow:inset 0 0 0 5px rgba(2,30,13,.55)}
.sx-copy h1{
  margin:16px 0 18px;color:#fff;font:900 clamp(46px,4.35vw,69px)/1.04 Raleway,sans-serif;
  letter-spacing:-.045em;text-shadow:0 10px 34px rgba(0,0,0,.30)
}
.sx-copy h1 span{color:#16e66c}
.sx-desc{max-width:790px;margin:0;color:#f0f4f1;font-size:20px;line-height:1.6}
.sx-perks{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:28px}
.sx-perks>div{display:flex;align-items:center;gap:9px;color:#fff;font-size:14px;white-space:nowrap}
.sx-perks i{
  width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#20e676;color:#03200d;font-style:normal
}
.sx-perks svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.sx-perks div:nth-child(4) svg{fill:currentColor;stroke:currentColor}
.sx-actions{display:flex;gap:18px;align-items:center;margin-top:28px}
.sx-download,.sx-versions{
  min-height:76px;border-radius:17px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:14px
}
.sx-download{
  min-width:456px;padding:0 26px;background:linear-gradient(180deg,#48f78d,#22db6f);
  border:2px solid #b7ffd1;color:#03130a!important;font:900 20px Raleway,sans-serif;
  box-shadow:0 0 0 2px rgba(25,225,104,.2),0 0 30px rgba(37,239,119,.40),inset 0 0 22px rgba(255,255,255,.18)
}
.sx-download svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.sx-download>span{font-size:30px;line-height:1}
.sx-download:hover{transform:translateY(-2px);filter:brightness(1.04)}
.sx-versions{
  min-width:230px;padding:0 22px;border:1px solid rgba(255,255,255,.74);color:#fff!important;
  background:rgba(7,17,11,.55);font:800 16px Raleway
}
.sx-versions span{font-size:26px}
.sx-meta{display:flex;align-items:center;gap:14px;margin-top:22px;color:#edf2ef;font-size:13px}
.sx-meta em{width:1px;height:18px;background:#aab5af;opacity:.6}
.sx-meta strong{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-weight:700}
.sx-meta strong svg{width:21px;height:21px;fill:none;stroke:#27e877;stroke-width:2}
.sx-visual{position:relative;min-height:620px;display:flex;align-items:center;justify-content:flex-end}
.sx-visual>img{
  width:760px;max-width:none;position:absolute;right:-72px;top:8px;
  filter:drop-shadow(0 30px 50px rgba(0,0,0,.45));mix-blend-mode:screen
}
.sx-script{
  position:absolute;right:-1px;top:40px;color:#27ec79;font:700 47px/1.05 "Caveat",cursive;
  transform:rotate(-3deg);text-align:center;text-shadow:0 0 18px rgba(39,236,121,.14)
}
.sx-devices{position:absolute;right:-6px;bottom:55px;width:118px;display:grid;gap:13px}
.device-item{display:flex;align-items:center;gap:10px;color:#fff;font-size:12px}
.device-item span{width:23px;height:23px;color:#23ee77;display:grid;place-items:center}
.device-item svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9}
.device-item:nth-child(2) svg,.device-item:nth-child(3) svg{fill:currentColor;stroke:currentColor}
.device-item b{font-weight:600}

.sx-feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:2px}
.hero-feature-card{
  min-height:224px;border:1px solid rgba(34,225,109,.35);border-radius:17px;
  padding:27px 16px 22px;text-align:center;background:
  linear-gradient(150deg,rgba(4,20,12,.82),rgba(10,34,21,.78));
  box-shadow:inset 0 0 30px rgba(35,222,108,.025)
}
.hero-feature-icon{height:66px;display:grid;place-items:center;color:#20eb74}
.hero-feature-icon svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-feature-card h3{color:#fff;font:900 18px/1.22 Raleway;margin:8px 0 12px}
.hero-feature-card p{color:#edf3ef;font-size:13px;line-height:1.55;margin:0}

@media(max-width:1320px){
  .sx-brand{min-width:255px}.sx-brand strong{font-size:25px}.sx-nav{gap:17px}.sx-nav>a,.sx-nav .navbtn{font-size:13px}
  .sx-contact{padding:13px 16px}.sx-download{min-width:410px}.sx-visual>img{right:-120px;width:710px}
}
@media(max-width:1080px){
  .sx-header-inner{gap:14px}.sx-nav{gap:10px}.sx-contact{display:none}
  .sx-hero-inner{grid-template-columns:1fr .62fr}.sx-copy h1{font-size:53px}.sx-desc{font-size:17px}
  .sx-perks{gap:14px}.sx-download{min-width:360px}.sx-feature-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .sx-header{position:absolute}.sx-brand{min-width:0}.sx-header .mobile-btn{display:block}
  .sx-nav{display:none}.sx-nav.open{display:flex}
  .sx-hero{min-height:auto;padding-bottom:30px}.sx-hero-inner{grid-template-columns:1fr;min-height:650px;padding-top:80px}
  .sx-copy{max-width:760px}.sx-visual{display:none}.sx-copy h1{font-size:54px}.sx-actions{flex-wrap:wrap}
  .sx-download{min-width:0;flex:1 1 420px}.sx-versions{flex:1 1 220px}.sx-meta strong{margin-left:0}
}
@media(max-width:620px){
  .sx-header-inner{height:78px}.sx-brand img{width:48px;height:48px}.sx-brand strong{font-size:20px}.sx-brand small{font-size:8px}
  .sx-hero{padding-top:78px}.sx-hero-inner{padding-top:40px;min-height:610px}
  .sx-copy{text-align:left}.sx-badge{font-size:10px}.sx-copy h1{font-size:40px}.sx-desc{font-size:15px}
  .sx-perks{display:grid;grid-template-columns:1fr 1fr}.sx-actions{display:grid;grid-template-columns:1fr}
  .sx-download,.sx-versions{min-width:0;width:100%;min-height:64px}.sx-meta{display:grid;grid-template-columns:1fr 1fr}.sx-meta em{display:none}
  .sx-feature-grid{grid-template-columns:1fr 1fr}.hero-feature-card{min-height:190px}
}


/* ==========================================================
   V6 furnished homepage + discovery / artists sections
   ========================================================== */
.hp-after-hero{background:#050b08;padding:26px 0 58px;color:#fff;border-top:1px solid rgba(39,225,109,.12)}
.hp-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:0}
.hp-action-card{
  min-height:150px;border:1px solid rgba(36,223,108,.30);border-radius:17px;padding:20px;
  display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center;
  background:
    radial-gradient(circle at 90% 20%,rgba(39,224,111,.11),transparent 35%),
    linear-gradient(140deg,#07140d,#0b2216);
}
.hp-action-icon{
  width:58px;height:58px;border-radius:16px;background:#20e676;color:#03170a;
  display:grid;place-items:center;font:900 30px Raleway
}
.hp-action-card small{color:#65ed9a;font-size:10px;font-weight:800;letter-spacing:.08em}
.hp-action-card h2{color:#fff!important;font:900 20px Raleway!important;margin:4px 0 6px!important;text-align:left!important}
.hp-action-card h2:after{display:none!important}
.hp-action-card p{color:#c4d2ca!important;font-size:12px!important;line-height:1.5!important;margin:0 0 8px!important}
.hp-action-card a{color:#65ef9c;font-size:12px;text-decoration:none;font-weight:800}

.hp-discovery-grid{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:14px;margin-top:15px}
.hp-panel{
  background:linear-gradient(145deg,#07110b,#0b1b12);border:1px solid rgba(36,222,108,.25);
  border-radius:17px;padding:18px;min-height:270px
}
.hp-panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:11px;margin-bottom:5px}
.hp-panel-head h2{color:#fff!important;font:900 17px Raleway!important;margin:0!important;text-align:left!important}
.hp-panel-head h2:after{display:none!important}
.hp-panel-head a{font-size:11px;color:#24e774;text-decoration:none;font-weight:800}
.hp-mini-item{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);text-decoration:none}
.hp-mini-item:last-child{border-bottom:0}
.hp-mini-item img{width:70px;height:48px;object-fit:cover;border-radius:8px}
.hp-mini-item strong{display:block;color:#fff;font-size:12px;line-height:1.35}
.hp-mini-item small{display:block;color:#84978c;font-size:10px;margin-top:3px}

.hp-artist-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px 8px;margin-top:13px}
.hp-artist{text-align:center;text-decoration:none}
.hp-artist img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid rgba(64,236,126,.35);box-shadow:0 7px 17px rgba(0,0,0,.24)}
.hp-artist strong{display:block;color:#fff;font-size:10px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-artist small{display:none}
.hp-source-note{margin:10px 0 0!important;color:#6f8277!important;font-size:9px!important;text-align:center}

.hp-topic-links{margin-top:48px}
.hp-topic-title{text-align:center;max-width:740px;margin:0 auto 22px}
.hp-topic-title small{color:#29e879;font-weight:800;letter-spacing:.1em}
.hp-topic-title h2{color:#fff!important;font:900 34px Raleway!important;margin:8px 0!important}
.hp-topic-title h2:after{display:none!important}
.hp-topic-title p{color:#aebfb5!important;margin:0!important}
.hp-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.hp-topic-grid a{
  min-height:112px;padding:18px;border:1px solid rgba(37,222,108,.25);border-radius:15px;
  background:#08140d;text-decoration:none;display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center
}
.hp-topic-grid a>span{
  width:38px;height:38px;border-radius:50%;background:#1de771;color:#05160b;display:grid;place-items:center;font:900 12px Raleway;grid-row:1/3
}
.hp-topic-grid a strong{color:#fff;display:block;font:900 15px Raleway}
.hp-topic-grid a small{color:#8da097;display:block;margin-top:3px;line-height:1.35}

/* Better article image presentation */
.article-hero img{aspect-ratio:16/9;object-fit:cover}
.article-body .section-image{width:100%;max-height:520px;object-fit:cover}
.card img{aspect-ratio:16/9;object-fit:cover}

/* Artists hub */
.artists-grid-full{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.artist-big-card{border:1px solid #dce6df;border-radius:18px;padding:18px;display:grid;grid-template-columns:145px 1fr;gap:18px;align-items:center;background:#fff;box-shadow:0 8px 26px rgba(15,55,34,.05)}
.artist-big-card img{width:145px;height:145px;border-radius:18px;object-fit:cover}
.artist-big-card small{color:#15934a;font-weight:800}
.artist-big-card h2{font:900 24px Raleway;margin:5px 0 7px}
.artist-big-card p{color:#5d6962;font-size:13px;margin:0 0 8px}
.artist-big-card a{text-decoration:none;font-weight:800}

@media(max-width:1000px){
  .hp-discovery-grid{grid-template-columns:1fr 1fr}.artist-panel{grid-column:1/-1}
  .hp-action-grid{grid-template-columns:1fr}.hp-topic-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .hp-discovery-grid,.hp-topic-grid,.artists-grid-full{grid-template-columns:1fr}
  .hp-artist-grid{grid-template-columns:repeat(5,1fr)}
  .artist-big-card{grid-template-columns:90px 1fr}.artist-big-card img{width:90px;height:90px}
}
@media(max-width:480px){
  .hp-artist-grid{grid-template-columns:repeat(2,1fr)}
  .hp-action-card{grid-template-columns:50px 1fr}.hp-action-icon{width:48px;height:48px}
}


/* ============================================================
   V7 — Complete lower homepage redesign
   ============================================================ */
.home-content{
  max-width:1160px;
  margin:0 auto;
  font-size:16px;
}
.home-lower-intro{
  max-width:900px;
  margin:0 auto 36px;
  padding:24px 28px;
  border-radius:18px;
  background:linear-gradient(135deg,#f7faf8,#eef8f1);
  border:1px solid #d8e6dd;
  text-align:center;
}
.home-lower-intro p{margin:8px 0!important}
.home-lower-intro p:first-child{font-size:18px;color:#25382d!important}
.home-lower-intro p:nth-child(2){font-weight:800}
.home-lower-intro p:nth-child(3){
  display:inline-block;
  padding:7px 13px;
  border-radius:99px;
  background:#0c1711;
  color:#c6f7d8!important;
  font-size:12px;
}

.home-section{
  position:relative;
  margin:34px 0;
  padding:42px;
  border-radius:24px;
  overflow:hidden;
  border:1px solid #dce6e0;
  background:#fff;
  box-shadow:0 14px 38px rgba(17,57,36,.05);
}
.home-section>h2{
  text-align:left!important;
  margin:5px 0 18px!important;
  font-size:34px!important;
  letter-spacing:-.025em;
}
.home-section>h2:after{
  margin:11px 0 0!important;
  width:84px!important;
}
.home-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#11964a;
  font:900 11px Manrope,sans-serif;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.home-eyebrow:before{
  content:"";
  width:8px;height:8px;border-radius:50%;
  background:#24dc70;
  box-shadow:0 0 0 5px rgba(36,220,112,.10);
}
.hs-soft{background:linear-gradient(145deg,#f8faf8,#f0f7f2)}
.hs-dark{
  background:
    radial-gradient(circle at 90% 10%,rgba(41,226,113,.10),transparent 30%),
    linear-gradient(145deg,#07110b,#0b1d13);
  border-color:rgba(37,220,108,.26);
  color:#fff;
  box-shadow:0 20px 48px rgba(2,13,7,.16);
}
.hs-dark .home-eyebrow{color:#6df39e}
.hs-dark>h2,.hs-dark h3{color:#fff!important}
.hs-dark p,.hs-dark li{color:#c9d8cf!important}
.hs-dark .table-scroll{border-color:rgba(255,255,255,.10)}
.hs-dark table{border-color:rgba(255,255,255,.10)!important}
.hs-dark th{background:#163521!important}
.hs-dark td{background:#0d1912!important;color:#dce8e1!important;border-color:rgba(255,255,255,.08)!important}
.hs-dark tr:nth-child(even) td{background:#102019!important}
.hs-dark a{color:#73f2a2}

.hs-final{
  background:
    radial-gradient(circle at 82% 30%,rgba(51,239,124,.19),transparent 30%),
    linear-gradient(130deg,#06100a,#102d1b);
  color:#fff;border-color:rgba(56,231,119,.32);
  text-align:center;
  padding:54px;
}
.hs-final>h2{text-align:center!important;color:#fff!important;font-size:38px!important}
.hs-final>h2:after{margin:12px auto 0!important}
.hs-final .home-eyebrow{color:#6df39e}
.hs-final p{color:#d2e1d8!important;max-width:820px;margin:13px auto!important}

.section-more-link{
  display:inline-flex;
  margin-top:18px;
  padding:10px 14px;
  border-radius:10px;
  background:#1edb6b;
  color:#041109!important;
  text-decoration:none;
  font-weight:900;
  font-size:12px;
}
.hs-dark .section-more-link{box-shadow:0 8px 22px rgba(30,219,107,.15)}

.home-section .section-image{
  width:100%;
  max-height:430px;
  object-fit:cover;
  margin:18px 0 28px;
  border-radius:18px;
}
.hs-about>.section-image,
.hs-features>.section-image,
.hs-install>.section-image,
.hs-connect>.section-image,
.hs-podcasts>.section-image,
.hs-creators>.section-image,
.hs-fixes>.section-image,
.hs-rivals>.section-image,
.hs-trust>.section-image{
  aspect-ratio:16/6;
  object-fit:cover;
}

.table-scroll{
  width:100%;
  overflow-x:auto;
  border:1px solid #dce6e0;
  border-radius:15px;
  margin:20px 0 26px;
  background:#fff;
}
.table-scroll table{
  margin:0!important;
  min-width:650px;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.table-scroll th{white-space:nowrap}

.lower-subgrid{
  display:grid;
  gap:14px;
  margin:24px 0;
}
.lower-subgrid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lower-subgrid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lower-subcard{
  border:1px solid #dbe6df;
  border-radius:17px;
  padding:20px;
  background:rgba(255,255,255,.78);
}
.lower-subcard h3{
  margin:0 0 10px!important;
  font-size:20px!important;
}
.lower-subcard p{font-size:14px!important}
.lower-subcard ul,.lower-subcard ol{font-size:14px}
.hs-dark .lower-subcard{
  background:rgba(255,255,255,.045);
  border-color:rgba(255,255,255,.11);
}
.hs-dark .lower-subcard h3{color:#fff!important}

.lower-pair-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin:34px 0;
}
.lower-pair-grid .home-section{margin:0;height:100%}
.lower-pair-grid .home-section>h2{font-size:28px!important}

.lower-triple-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin:34px 0;
}
.lower-triple-grid .home-section{
  margin:0;
  padding:28px;
  box-shadow:0 10px 28px rgba(20,60,38,.05);
}
.lower-triple-grid .home-section>h2{font-size:24px!important}
.lower-triple-grid p,.lower-triple-grid li{font-size:14px!important}

.hs-plans .plan-grid{
  margin:22px 0 28px;
}
.hs-plans .plan{
  position:relative;
  border-top:4px solid #24dc70;
  transform:translateY(0);
  transition:.2s ease;
}
.hs-plans .plan:hover{transform:translateY(-4px);box-shadow:0 16px 28px rgba(17,70,40,.10)}

.hs-features .feature-block{
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:18px;
  background:rgba(255,255,255,.035);
}
.hs-features .feature-block img{
  max-height:310px;
  object-fit:cover;
}
.hs-features>h3{
  margin-top:22px!important;
  padding:17px 18px;
  border-radius:14px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.09);
}

.hs-install ol,
.hs-trust ul,
.hs-safety ul,
.hs-data ul,
.hs-compare ul{
  display:grid;
  gap:9px;
}
.hs-install li,
.hs-trust li{
  padding:10px 13px;
  border-radius:10px;
  background:rgba(255,255,255,.045);
}

.hs-devices .table-scroll table td:first-child{font-weight:900;color:#126b39}
.hs-audio .table-scroll table td:first-child{font-weight:900}

.guide-ribbon{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:25px;
  padding-top:18px;
  border-top:1px solid rgba(128,150,137,.22);
}
.guide-ribbon a{
  display:inline-flex;
  padding:8px 12px;
  border-radius:99px;
  text-decoration:none;
  background:#eef8f1;
  border:1px solid #d6e8dc;
  color:#157c41!important;
  font-size:12px;
  font-weight:800;
}
.hs-dark .guide-ribbon a{
  background:rgba(46,229,111,.09);
  border-color:rgba(71,239,130,.18);
  color:#77f5a5!important;
}

.hs-genres .table-scroll td:first-child{font-weight:800}
.hs-podcasts .lower-subcard{min-height:185px}
.hs-creators .lower-subcard{min-height:190px}

.hs-fixes .table-scroll td:nth-child(1){font-weight:800;color:#78f3a5!important}
.hs-rivals .table-scroll td:first-child{font-weight:900}
.hs-trust .lower-subcard{min-height:170px}

.hs-proscons .proscons{margin-top:20px}
.hs-proscons .pros,.hs-proscons .cons{
  border-radius:18px;
  padding:24px;
}
.hs-proscons .pros:before{
  content:"What works well";
  display:block;
  font:900 18px Raleway;
  margin-bottom:10px;
  color:#10793b;
}
.hs-proscons .cons:before{
  content:"What to consider";
  display:block;
  font:900 18px Raleway;
  margin-bottom:10px;
  color:#a54b2c;
}

.faq-accordion{
  display:grid;
  gap:10px;
  margin-top:20px;
}
.faq-item{
  background:#fff;
  border:1px solid #dce6e0;
  border-radius:14px;
  overflow:hidden;
}
.faq-item summary{
  list-style:none;
  cursor:pointer;
  padding:17px 20px;
  font:900 15px Raleway;
  color:#15251b;
  position:relative;
  padding-right:50px;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{
  content:"+";
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  width:26px;height:26px;border-radius:50%;
  display:grid;place-items:center;
  background:#eaf8ef;
  color:#13984a;
  font-size:19px;
}
.faq-item[open] summary:after{content:"–"}
.faq-answer{
  padding:0 20px 18px;
  color:#56655c;
  font-size:14px;
  line-height:1.7;
}

.hs-editorial{
  text-align:center;
}
.hs-editorial p{
  max-width:850px;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hs-editorial .author{
  max-width:760px;
  margin:30px auto 0;
  border-color:rgba(255,255,255,.10);
}

.lower-close-links{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin:36px 0;
}
.lower-close-links a{
  min-height:112px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:18px;
  border-radius:16px;
  border:1px solid #dce7e0;
  text-decoration:none;
  background:#fff;
  transition:.2s ease;
}
.lower-close-links a:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 28px rgba(14,58,34,.09);
  border-color:#8fe2ad;
}
.lower-close-links strong{color:#14231a;font:900 15px Raleway}
.lower-close-links small{margin-top:5px;color:#68766e;line-height:1.4}

.hs-video .video-wrap{margin-bottom:0}
.hs-compact p,.hs-compact li{font-size:14px!important}

@media(max-width:900px){
  .home-section{padding:30px}
  .lower-subgrid.cols-3,
  .lower-triple-grid{grid-template-columns:1fr 1fr}
  .lower-pair-grid{grid-template-columns:1fr}
  .lower-close-links{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .home-section{padding:24px 18px;border-radius:18px;margin:22px 0}
  .home-section>h2{font-size:27px!important}
  .home-lower-intro{padding:20px 16px}
  .lower-subgrid.cols-2,
  .lower-subgrid.cols-3,
  .lower-triple-grid,
  .lower-close-links{grid-template-columns:1fr}
  .lower-triple-grid .home-section{padding:22px}
  .hs-final{padding:34px 20px}
  .hs-final>h2{font-size:30px!important}
  .guide-ribbon{gap:7px}
}


/* ============================================================
   V8 refinements — closer visual rhythm to the competitor style
   ============================================================ */
:root{
  --heading-font:"Poppins",sans-serif;
  --body-font:"Manrope",sans-serif;
  --green:#27e877;
  --green2:#1fdd6d;
  --dark:#050b08;
}
body{font-family:var(--body-font)}
h1,h2,h3,h4,h5,h6,.nav>a,.navbtn,.sx-nav>a,.sx-nav .navbtn,.download-btn,.sx-download,.sx-versions,.hero-feature-card h3,.sx-contact,.brand strong,.sx-brand strong{
  font-family:var(--heading-font)!important;
}
.sx-header{
  background:linear-gradient(180deg,rgba(3,10,7,.96),rgba(3,10,7,.88));
  border-bottom:1px solid rgba(39,232,119,.22);
  backdrop-filter:blur(7px);
}
.sx-header-inner{height:86px}
.sx-brand strong{font-size:29px;letter-spacing:-.03em}
.sx-brand small{font-size:10px;opacity:.92}
.sx-nav{gap:22px}
.sx-nav>a,.sx-nav .navbtn{font-size:14px;padding:32px 0}
.sx-nav>a.active:after{bottom:15px;height:4px;background:linear-gradient(90deg,var(--green),#62f8a8)}
.sx-contact{
  padding:13px 20px;border-radius:14px;
  background:linear-gradient(180deg,#49f68d,#24df70);
  box-shadow:0 14px 28px rgba(36,223,112,.18);
}
.sx-hero{
  min-height:1020px;
  padding-top:86px;
  background:#020806;
}
.sx-backdrop{
  background:
    linear-gradient(90deg,rgba(2,8,5,.96) 0%,rgba(2,11,7,.90) 43%,rgba(4,15,10,.77) 68%,rgba(2,8,5,.92) 100%),
    url('/assets/img/core/hero-reference-bg-v8.webp') center 78px/cover no-repeat;
}
.sx-backdrop:after{
  background:
    radial-gradient(circle at 70% 42%,rgba(39,232,119,.22),transparent 23%),
    radial-gradient(circle at 23% 60%,rgba(39,232,119,.11),transparent 26%),
    linear-gradient(to bottom,transparent 63%,rgba(2,8,5,.88) 84%,#020805 100%);
}
.sx-hero-inner{
  min-height:660px;
  grid-template-columns:1.1fr .9fr;
  gap:18px;
  padding-top:42px;
}
.sx-copy{max-width:805px;padding-top:4px}
.sx-badge{
  padding:10px 16px;
  font-size:12px;
  letter-spacing:.06em;
  background:rgba(8,21,14,.56);
  border-color:rgba(39,232,119,.58);
}
.sx-copy h1{
  margin:18px 0 14px;
  font-size:clamp(50px,5vw,74px);
  line-height:1.02;
  letter-spacing:-.05em;
}
.sx-copy h1 span{color:#2aec7d}
.sx-desc{
  max-width:780px;
  font-size:18px;
  color:#edf2ef;
  line-height:1.62;
}
.sx-perks{margin-top:24px;gap:18px 24px}
.sx-perks>div{font-size:13px}
.sx-perks i{
  width:42px;height:42px;
  background:linear-gradient(180deg,#43f58a,#21dc6f);
  box-shadow:0 10px 18px rgba(33,220,111,.18);
}
.sx-actions{gap:16px;margin-top:28px}
.sx-download{
  min-width:470px;
  min-height:74px;
  border-radius:19px;
  background:linear-gradient(180deg,#4df88f,#20df70);
  box-shadow:0 0 0 2px rgba(75,248,143,.20), 0 0 36px rgba(37,239,119,.28), inset 0 0 24px rgba(255,255,255,.18);
}
.sx-download strong{letter-spacing:-.02em}
.sx-versions{
  min-height:74px;
  border-radius:19px;
  background:rgba(5,15,9,.46);
  border:1px solid rgba(255,255,255,.56);
}
.sx-meta{margin-top:18px;color:#e7eeea}
.sx-visual{min-height:635px}
.sx-visual>img{
  width:785px;
  right:-82px;
  top:10px;
  filter:drop-shadow(0 42px 48px rgba(0,0,0,.40));
}
.sx-script{
  right:4px; top:56px;
  font-size:52px;
  color:#29ec79;
  text-shadow:0 0 28px rgba(41,236,121,.17);
}
.sx-devices{
  right:4px; bottom:78px; width:116px; gap:12px;
}
.device-item{font-size:12px}
.sx-feature-grid{gap:14px;margin-top:14px}
.hero-feature-card{
  min-height:218px;
  padding:24px 16px 20px;
  background:
    radial-gradient(circle at 50% 5%,rgba(40,232,117,.08),transparent 32%),
    linear-gradient(145deg,#06140d,#0a2116);
  border:1px solid rgba(40,232,117,.24);
  box-shadow:inset 0 0 22px rgba(40,232,117,.02);
}
.hero-feature-icon{height:58px}
.hero-feature-icon svg{width:44px;height:44px}
.hero-feature-card h3{font-size:17px;margin:6px 0 10px}
.hero-feature-card p{font-size:13px;color:#d9e4de}
.hp-after-hero{padding-top:18px}

.home-lower-intro{
  margin-top:6px;
  background:linear-gradient(135deg,#ffffff,#f4faf6);
  box-shadow:0 10px 28px rgba(18,67,40,.06);
}
.home-section{
  box-shadow:0 14px 34px rgba(15,54,33,.055);
}
.home-section>h2{
  font-family:var(--heading-font)!important;
}
.home-eyebrow{font-family:var(--body-font)!important}
.lower-subcard h3,.faq-item summary,.artist-big-card h2,.hp-topic-title h2,.hp-action-card h2,.hp-panel-head h2{
  font-family:var(--heading-font)!important;
}

@media(max-width:1180px){
  .sx-copy h1{font-size:60px}
  .sx-download{min-width:400px}
  .sx-visual>img{width:700px;right:-105px}
}
@media(max-width:900px){
  .sx-copy h1{font-size:54px}
  .sx-desc{font-size:16px}
  .sx-feature-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:620px){
  .sx-copy h1{font-size:41px}
  .sx-badge{font-size:10px}
  .sx-feature-grid{grid-template-columns:1fr 1fr}
}

.home-highlight-links{
  display:flex; flex-wrap:wrap; gap:10px; justify-content:center;
  margin:0 0 16px;
}
.home-highlight-links a{
  padding:9px 13px; border-radius:999px; text-decoration:none;
  background:#ffffff; border:1px solid #dce9e1;
  color:#13753d; font-size:12px; font-weight:800;
  box-shadow:0 6px 14px rgba(22,85,48,.05);
}
@media(max-width:620px){
  .home-highlight-links{justify-content:flex-start}
}


/* ============================================================
   V9 visual cleanup — calmer hero + cleaner homepage styling
   ============================================================ */
:root{
  --heading-font:"Raleway",sans-serif;
  --body-font:"Manrope",sans-serif;
  --green:#22df70;
  --green-2:#37e880;
  --green-soft:#c9f3d7;
  --dark:#07110c;
}
body{
  font-family:var(--body-font);
  color:#193126;
  background:#f6f8f7;
}
h1,h2,h3,h4,h5,h6,.sx-brand strong,.sx-nav>a,.sx-nav .navbtn,.sx-contact,.sx-download,.sx-versions,.hero-feature-card h3,.home-section>h2,.hp-panel-head h2,.hp-action-card h2,.artist-big-card h2{
  font-family:var(--heading-font)!important;
}

.sx-header{
  background:rgba(4,12,8,.90);
  border-bottom:1px solid rgba(38,223,112,.18);
  backdrop-filter:blur(8px);
}
.sx-header-inner{
  height:82px;
}
.sx-brand strong{
  font-size:30px;
  letter-spacing:-.03em;
}
.sx-brand small{
  font-size:10px;
  letter-spacing:.13em;
}
.sx-nav{
  gap:18px;
}
.sx-nav>a,.sx-nav .navbtn{
  font-size:14px;
  font-weight:800;
  padding:31px 0;
}
.sx-nav>a.active:after{
  bottom:14px;
  height:4px;
  background:linear-gradient(90deg,var(--green),#79f6ad);
}
.sx-contact{
  padding:12px 18px;
  border-radius:14px;
  background:linear-gradient(180deg,#42ee87,#23de70);
  color:#04120a;
  box-shadow:0 10px 24px rgba(35,222,112,.15);
}
.sx-hero{
  min-height:940px;
  padding-top:82px;
  background:#040a07;
}
.sx-backdrop{
  background:
    linear-gradient(90deg,rgba(4,11,8,.95) 0%, rgba(4,11,8,.88) 42%, rgba(5,12,8,.68) 70%, rgba(4,10,7,.90) 100%),
    url('/assets/img/core/hero-reference-bg-v9.webp') center 82px/cover no-repeat;
}
.sx-backdrop:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 70% 40%, rgba(40,226,112,.12), transparent 22%),
    linear-gradient(to bottom, transparent 64%, rgba(4,10,7,.70) 84%, #040a07 100%);
}
.sx-hero-inner{
  min-height:600px;
  padding-top:32px;
  gap:16px;
  grid-template-columns:1.05fr .95fr;
}
.sx-copy{
  max-width:760px;
  padding-top:2px;
}
.sx-badge{
  padding:10px 16px;
  font-size:11px;
  background:rgba(8,20,14,.58);
  border-color:rgba(70,240,132,.36);
  color:#e8f5ec;
}
.sx-copy h1{
  font-size:clamp(48px,4.7vw,70px);
  line-height:1.03;
  letter-spacing:-.055em;
  margin:18px 0 12px;
}
.sx-copy h1 span{
  color:#2ae97b;
}
.sx-desc{
  font-size:17px;
  line-height:1.58;
  max-width:700px;
  color:#eef3f0;
}
.sx-perks{
  gap:14px 18px;
  margin-top:20px;
}
.sx-perks>div{
  font-size:13px;
}
.sx-perks i{
  width:40px;
  height:40px;
  background:linear-gradient(180deg,#46ef8b,#25dd70);
  box-shadow:0 8px 18px rgba(37,221,112,.13);
}
.sx-actions{
  gap:14px;
  margin-top:26px;
}
.sx-download{
  min-width:430px;
  min-height:70px;
  border-radius:18px;
  background:linear-gradient(180deg,#48f08c,#21dd70);
  box-shadow:0 0 0 2px rgba(72,240,140,.14), 0 0 24px rgba(34,223,112,.18);
}
.sx-download strong{
  font-size:17px;
}
.sx-versions{
  min-height:70px;
  border-radius:18px;
  background:rgba(6,16,11,.48);
  border:1px solid rgba(255,255,255,.44);
}
.sx-meta{
  margin-top:18px;
  color:#ebf2ee;
}
.sx-meta span,.sx-meta strong{
  font-size:13px;
}
.sx-visual{
  min-height:580px;
}
.sx-visual>img{
  width:680px;
  right:-35px;
  top:22px;
  filter:drop-shadow(0 30px 34px rgba(0,0,0,.30));
}
.sx-script{
  top:86px;
  right:8px;
  font-size:44px;
  color:#27e777;
  opacity:.95;
  text-shadow:0 0 18px rgba(39,231,119,.10);
}
.sx-devices{
  width:118px;
  right:10px;
  bottom:78px;
  gap:11px;
}
.device-item{
  font-size:12px;
}
.sx-feature-grid{
  margin-top:10px;
  gap:12px;
}
.hero-feature-card{
  min-height:198px;
  padding:22px 14px 18px;
  border-radius:18px;
  background:linear-gradient(145deg,#07130d,#0c1f15);
  border:1px solid rgba(37,222,112,.18);
  box-shadow:none;
}
.hero-feature-icon{
  height:50px;
}
.hero-feature-icon svg{
  width:40px;
  height:40px;
}
.hero-feature-card h3{
  font-size:18px;
  margin:6px 0 10px;
}
.hero-feature-card p{
  font-size:13px;
  line-height:1.5;
  color:#d7e2dc;
}

/* Post-hero panels cleaner */
.hp-after-hero{
  padding:26px 0 54px;
  background:#06100b;
}
.hp-action-card,
.hp-panel{
  border-radius:18px;
  border:1px solid rgba(38,223,112,.16);
  background:linear-gradient(145deg,#07120c,#0c1d14);
}
.hp-action-card p,
.hp-panel p{
  color:#c3d0ca!important;
}
.hp-mini-item strong{
  font-size:13px;
}

/* Lower homepage cleanup */
.main-wrap{
  background:linear-gradient(180deg,#f6f8f7,#eef4f1);
}
.home-lower-intro{
  border-radius:20px;
  background:linear-gradient(135deg,#ffffff,#f5faf7);
  border:1px solid #dbe6df;
  box-shadow:0 10px 24px rgba(17,55,34,.04);
}
.home-lower-intro p:first-child{
  font-size:18px;
}
.home-highlight-links a{
  background:#f8fcf9;
  border:1px solid #d9e8df;
  color:#116f39;
}

.home-section{
  margin:28px 0;
  padding:34px;
  border-radius:22px;
  border:1px solid #dbe6df;
  background:#ffffff;
  box-shadow:0 12px 26px rgba(14,56,33,.045);
}
.home-section>h2{
  margin:6px 0 18px!important;
  font-size:31px!important;
  color:#13261c!important;
}
.home-section>h2:after{
  width:78px!important;
  margin-top:10px!important;
}
.home-eyebrow{
  font-size:11px;
  color:#169348;
}
.home-section p,
.home-section li{
  font-size:15px!important;
  line-height:1.76!important;
  color:#46584f!important;
}
.home-section a{
  color:#0f7a3c;
}
.hs-dark{
  background:
    radial-gradient(circle at 92% 10%,rgba(36,224,109,.08),transparent 30%),
    linear-gradient(145deg,#07120c,#0d1f15);
  border-color:rgba(37,222,112,.20);
  box-shadow:0 16px 32px rgba(4,20,12,.12);
}
.hs-dark>h2,.hs-dark h3{
  color:#ffffff!important;
}
.hs-dark p,.hs-dark li{
  color:#cfdbd4!important;
}
.lower-subcard{
  border-radius:18px;
  border:1px solid #dbe6df;
  background:#f9fbfa;
}
.lower-subcard h3{
  font-size:20px!important;
  color:#15261d!important;
}
.hs-dark .lower-subcard{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.10);
}
.hs-dark .lower-subcard h3{
  color:#ffffff!important;
}
.table-scroll{
  border-radius:16px;
  border:1px solid #dbe6df;
  background:#fff;
  box-shadow:0 4px 12px rgba(18,55,35,.03);
}
.table-scroll table{
  min-width:680px;
}
.faq-item{
  border-radius:15px;
  border:1px solid #dbe6df;
}
.faq-item summary{
  font-size:15px;
  color:#15251b;
}
.faq-answer{
  color:#53645b;
}
.guide-ribbon a,
.section-more-link{
  border-radius:12px;
}
.lower-close-links a{
  border-radius:16px;
  border:1px solid #dbe6df;
  background:#ffffff;
  box-shadow:0 4px 12px rgba(18,55,35,.03);
}
.lower-close-links strong{
  color:#15261d;
}
.hs-final{
  background:
    radial-gradient(circle at 80% 30%,rgba(42,229,114,.15),transparent 30%),
    linear-gradient(140deg,#07120c,#12331f);
  border-color:rgba(42,229,114,.24);
}
.hs-final>h2{
  color:#fff!important;
}

/* Better generic image presentation */
.article-hero img,
.article-body .section-image,
.card img{
  border-radius:18px;
  box-shadow:0 12px 28px rgba(10,40,23,.08);
}

/* Artists */
.artist-big-card{
  border-radius:18px;
  border:1px solid #dbe6df;
  box-shadow:0 10px 24px rgba(16,57,35,.045);
}

@media(max-width:1180px){
  .sx-visual>img{
    width:620px;
    right:-60px;
  }
}
@media(max-width:900px){
  .sx-hero{
    min-height:unset;
  }
  .sx-copy h1{
    font-size:54px;
  }
  .sx-download{
    min-width:360px;
  }
  .sx-feature-grid{
    grid-template-columns:repeat(3,1fr);
  }
}
@media(max-width:620px){
  .sx-copy h1{
    font-size:42px;
  }
  .sx-desc{
    font-size:16px;
  }
  .sx-download{
    min-width:100%;
  }
  .sx-feature-grid{
    grid-template-columns:1fr 1fr;
  }
  .home-section{
    padding:24px 18px;
  }
  .home-section>h2{
    font-size:27px!important;
  }
}


/* ============================================================
   V10 — header, problem sections, covers and legal URL polish
   ============================================================ */

/* Header */
.v10-header{
  position:absolute;
  inset:0 0 auto 0;
  z-index:300;
  background:rgba(3,10,7,.94);
  border-bottom:1px solid rgba(37,222,112,.18);
  backdrop-filter:blur(10px);
}
.v10-header-inner{
  height:84px;
  display:flex;
  align-items:center;
  gap:22px;
}
.v10-brand{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:290px;
  text-decoration:none;
}
.v10-brand img{
  width:58px;
  height:58px;
  border-radius:50%;
}
.v10-brand strong{
  color:#fff;
  display:block;
  font:900 29px/1 Raleway,Manrope,sans-serif;
  letter-spacing:-.035em;
}
.v10-brand strong span{color:#26df72}
.v10-brand small{
  display:block;
  margin-top:7px;
  color:#e3e9e5;
  font:600 9px/1 Manrope,sans-serif;
  letter-spacing:.13em;
}
.v10-nav{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:19px;
}
.v10-nav>a,
.v10-menu>button{
  display:inline-flex;
  align-items:center;
  gap:4px;
  position:relative;
  padding:31px 0;
  border:0;
  background:none;
  color:#fff;
  text-decoration:none;
  font:800 14px Raleway,Manrope,sans-serif;
  cursor:pointer;
  white-space:nowrap;
}
.v10-nav>a:hover,.v10-menu>button:hover{color:#63f199}
.v10-home-link:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:13px;
  height:4px;border-radius:6px;
  background:#28e67a;
}
.nav-chev{
  width:13px;height:13px;
  fill:none;stroke:currentColor;stroke-width:2;
}
.v10-menu{position:relative}
.v10-drop{
  display:none;
  position:absolute;
  top:69px;
  left:50%;
  transform:translateX(-50%);
  width:230px;
  padding:10px;
  border-radius:14px;
  background:#09140e;
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 24px 50px rgba(0,0,0,.32);
}
.v10-menu:hover .v10-drop,.v10-menu:focus-within .v10-drop{display:grid}
.v10-drop a{
  padding:10px 11px;
  border-radius:9px;
  color:#dce7e0;
  text-decoration:none;
  font-size:12px;
  font-weight:700;
}
.v10-drop a:hover{background:#12241a;color:#72f2a1}
.v10-language-drop{width:190px}
.v10-search{
  width:30px;
  display:grid!important;
  place-items:center;
}
.v10-search svg,.v10-contact svg{
  width:22px;height:22px;
  fill:none;stroke:currentColor;stroke-width:2;
}
.v10-contact{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:12px 18px;
  border-radius:13px;
  background:linear-gradient(180deg,#43ef89,#22dd70);
  color:#04120a!important;
  text-decoration:none;
  font:900 14px Raleway,Manrope,sans-serif;
  white-space:nowrap;
  box-shadow:0 10px 22px rgba(34,221,112,.15);
}
.v10-mobile-toggle{
  display:none;
  margin-left:auto;
  border:1px solid rgba(255,255,255,.13);
  background:#0b1810;
  color:#fff;
  border-radius:10px;
  padding:9px 12px;
}

/* Overview: no overflow, balanced height */
.v10-overview-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:26px;
}
.v10-overview-card{
  min-height:430px;
  padding:24px;
  border-radius:18px;
  background:#fff;
  border:1px solid #d9e5dd;
  box-shadow:0 10px 24px rgba(18,58,36,.045);
}
.v10-card-icon{
  width:48px;height:48px;
  display:grid;place-items:center;
  border-radius:14px;
  margin-bottom:14px;
  background:#25e176;
  color:#07160b;
  font:900 22px Raleway,sans-serif;
}
.v10-overview-card h3{
  margin:0 0 9px!important;
  color:#12251a!important;
  font:900 22px Raleway,sans-serif!important;
}
.v10-overview-card>p{
  margin:0 0 18px!important;
  font-size:14px!important;
  color:#627168!important;
}
.v10-facts{
  margin:0;
  border:1px solid #e0e9e3;
  border-radius:13px;
  overflow:hidden;
}
.v10-facts>div{
  display:grid;
  grid-template-columns:1fr 1.1fr;
  border-bottom:1px solid #e5ece8;
}
.v10-facts>div:last-child{border-bottom:0}
.v10-facts dt,.v10-facts dd{
  margin:0;padding:10px 12px;
  font-size:13px;
}
.v10-facts dt{font-weight:800;color:#263a2e;background:#f7faf8}
.v10-facts dd{color:#425349;background:#fff}
.v10-compare-mini{
  display:grid;
  grid-template-columns:1fr 42px 1fr;
  gap:10px;
  align-items:stretch;
}
.v10-compare-mini>div{
  padding:16px 13px;
  border-radius:14px;
  background:#f4faf6;
  border:1px solid #d7e9dd;
}
.v10-compare-mini>div strong{
  display:block;
  margin-bottom:10px;
  color:#173022;
  font-size:15px;
}
.v10-compare-mini>div span{
  display:block;
  padding:7px 0;
  border-top:1px solid #e1ebe5;
  color:#5c6b62;
  font-size:12px;
}
.v10-compare-mini>b{
  align-self:center;
  justify-self:center;
  width:38px;height:38px;
  border-radius:50%;
  display:grid;place-items:center;
  background:#0b1a11;color:#fff;font-size:11px;
}
.v10-check-list{
  list-style:none!important;
  padding:0!important;
  margin:0!important;
  display:grid;
  gap:9px;
}
.v10-check-list li{
  position:relative;
  padding:10px 11px 10px 38px!important;
  border-radius:11px;
  background:#f7faf8;
  color:#425349!important;
  font-size:13px!important;
}
.v10-check-list li:before{
  content:"✓";
  position:absolute;left:12px;top:9px;
  width:19px;height:19px;border-radius:50%;
  display:grid;place-items:center;
  background:#26df72;color:#06150a;
  font-size:12px;font-weight:900;
}

/* Premium section: clean cards instead of repeated phone screenshots */
.hs-features>.section-image{
  aspect-ratio:16/7!important;
  max-height:390px!important;
}
.v10-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:13px;
  margin:24px 0;
}
.v10-feature-grid article{
  padding:20px;
  border-radius:16px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
}
.v10-feature-grid article>span{
  display:grid;
  place-items:center;
  width:46px;height:46px;
  margin-bottom:12px;
  border-radius:14px;
  background:#27e579;
  color:#06150a;
  font:900 15px Raleway,sans-serif;
}
.v10-feature-grid h3{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:18px!important;
}
.v10-feature-grid p{
  margin:0!important;
  font-size:13px!important;
  color:#cddbd3!important;
}

/* Recommendations */
.hs-discovery>.section-image{
  aspect-ratio:16/7!important;
  max-height:390px!important;
}

/* Final verdict readability */
.hs-final{
  background:
    radial-gradient(circle at 82% 30%,rgba(44,230,118,.18),transparent 28%),
    linear-gradient(135deg,#06120b,#11351e)!important;
  border-color:rgba(44,230,118,.24)!important;
}
.hs-final .home-eyebrow{color:#70f3a2!important}
.hs-final>h2{color:#fff!important}
.hs-final p{
  color:#dce9e1!important;
  opacity:1!important;
}
.hs-final p strong{color:#fff!important}
.hs-final p em{color:#bcd0c3!important}

/* Blog cards/covers */
.card img,
.article-hero img,
.related-card img{
  object-fit:cover;
  background:#07130c;
}
.card{
  border-radius:18px!important;
  overflow:hidden;
  border:1px solid #dce6e0!important;
  box-shadow:0 10px 25px rgba(17,57,35,.05)!important;
}
.card-body{padding:18px!important}
.card h3{
  font-size:18px!important;
  line-height:1.35!important;
  color:#153322!important;
}
.card small{color:#168a47!important}
.card .read,.card a{color:#0c7e3d}

/* Legal / content page header spacing */
.page-hero,.article-hero{
  padding-top:128px!important;
}

/* Footer clean legal links */
.site-footer a{font-size:13px}

/* Responsive */
@media(max-width:1180px){
  .v10-brand{min-width:245px}
  .v10-brand strong{font-size:24px}
  .v10-nav{gap:13px}
  .v10-nav>a,.v10-menu>button{font-size:13px}
  .v10-contact{padding:11px 14px}
}
@media(max-width:980px){
  .v10-contact{display:none}
  .v10-mobile-toggle{display:block}
  .v10-nav{
    display:none;
    position:absolute;
    left:16px;right:16px;top:76px;
    max-height:78vh;overflow:auto;
    padding:14px;
    background:#07120c;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    flex-direction:column;
    align-items:stretch;
  }
  .v10-nav.open{display:flex}
  .v10-nav>a,.v10-menu>button{padding:10px;text-align:left}
  .v10-home-link:after{display:none}
  .v10-drop,.v10-menu:hover .v10-drop,.v10-menu:focus-within .v10-drop{
    display:grid;
    position:static;
    transform:none;
    width:auto;
    box-shadow:none;
    margin:0 5px 6px;
  }
  .v10-overview-grid{grid-template-columns:1fr}
  .v10-overview-card{min-height:0}
  .v10-feature-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .v10-header-inner{height:74px}
  .v10-brand img{width:48px;height:48px}
  .v10-brand strong{font-size:20px}
  .v10-brand small{font-size:7.5px}
  .v10-feature-grid{grid-template-columns:1fr}
  .v10-overview-card{padding:20px}
}