/* =====================================================================
   Growth – a theme for marketers, SEO specialists and media buyers.
   Violet + electric lime, data cards, a dark "results" band and offset case-study frames.
   ===================================================================== */
.th-growth{--band:#0d0b26;--band-tx:#eef0ff;--band-mu:#a9acd6;--line:color-mix(in srgb,var(--tx) 9%,transparent)}
html[data-mode=dark] .th-growth{--band:var(--sf)}
.th-growth h1,.th-growth h2,.th-growth h3{letter-spacing:-.03em}
html[dir=rtl] .th-growth h1,html[dir=rtl] .th-growth h2,html[dir=rtl] .th-growth h3{letter-spacing:0}
.th-growth .b-title{font-weight:700;font-size:clamp(30px,4vw,54px);line-height:1.05}
.th-growth .b-title::after{content:"";display:block;width:58px;height:7px;border-radius:7px;background:var(--a);margin-top:16px;box-shadow:16px 0 0 -1px var(--p)}
html[dir=rtl] .th-growth .b-title::after{box-shadow:-16px 0 0 -1px var(--p)}
.th-growth .center .b-title::after,.th-growth .b-intro.center .b-title::after{margin-inline:auto}

/* header */
.th-growth .s-header .s-btn{background:var(--tx);border-color:var(--tx);color:var(--bg)}
.th-growth .s-btn{border-radius:14px;font-weight:800}
.th-growth .s-btn:not(.s-btn-ghost):hover{box-shadow:0 0 0 5px color-mix(in srgb,var(--a) 70%,transparent),0 16px 30px -12px color-mix(in srgb,var(--p) 70%,transparent)}
.th-growth .s-btn-ghost{border-color:var(--line);color:var(--tx);background:var(--sf)}
.th-growth .s-btn-ghost:hover{background:var(--tx);color:var(--bg);border-color:var(--tx)}

/* profile hero */
.th-growth .b-profile{background:radial-gradient(circle at 1px 1px,var(--line) 1.2px,transparent 1.3px) 0 0/26px 26px;padding-top:clamp(40px,6vw,90px)}
.th-growth .b-profile::after{content:"";position:absolute;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--p) 26%,transparent),transparent 65%);top:-160px;inset-inline-end:-120px;z-index:-1;pointer-events:none}
.th-growth .pr-name{font-weight:700;font-size:clamp(46px,7vw,98px)}
.th-growth .pr-roles{color:var(--tx);font-weight:600}
.th-growth .pr-role::before{content:"→ ";color:var(--p)}
html[dir=rtl] .th-growth .pr-role::before{content:"← "}
.th-growth .pr-badge{background:var(--sf);border-color:var(--line);box-shadow:0 8px 20px -14px rgba(0,0,0,.3)}
.th-growth .pr-photo{aspect-ratio:4/4.6;border-radius:999px 999px 34px 34px;background:linear-gradient(170deg,var(--p) 0%,#2a1a8a 100%);box-shadow:0 50px 90px -40px color-mix(in srgb,var(--p) 80%,transparent)}
.th-growth .pr-photo img{object-position:bottom;transform:translateY(4%) scale(1.04)}
.th-growth .pr-photo::before{content:"";position:absolute;inset:auto 12% -18% 12%;height:46%;border-radius:50%;background:var(--a);opacity:.9;filter:blur(1px);z-index:0}
.th-growth .pr-photo img{position:relative;z-index:1}
.th-growth .pr-deco.d1{background:var(--a);width:22%;top:2%;inset-inline-end:2%;opacity:.95;filter:none}
.th-growth .pr-deco.d2{background:transparent;border:2px dashed color-mix(in srgb,var(--p) 50%,transparent);width:120%;inset-inline-start:-10%;bottom:-8%;height:auto;aspect-ratio:1;animation:spin 60s linear infinite}
.th-growth .pr-card{background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--tx) 10%,transparent);border-radius:18px;padding:14px 18px 14px 20px;z-index:3}
.th-growth .pr-card::before{content:"";position:absolute;inset-inline-start:0;top:14px;bottom:14px;width:4px;border-radius:4px;background:var(--a)}
.th-growth .pr-card b{color:var(--tx);font-size:30px}
.th-growth .pr-card.c2::before{background:var(--p)}.th-growth .pr-card.c3::before{background:#ff6a3d}
.th-growth .pr-social a{background:var(--sf);border-color:var(--line)}

/* logos band */
.th-growth .b-logos{background:var(--sf);border-block:1px solid var(--line);padding:40px 0}
.th-growth .b-logos .b-title::after{display:none}

/* results: dark data band */
.th-growth .b-results{background:var(--band);color:var(--band-tx);overflow:hidden;isolation:isolate}
.th-growth .b-results::before{content:"";position:absolute;inset:0;background:linear-gradient(var(--band),transparent 30%,transparent 70%,var(--band)),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 80px),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 80px);z-index:-1}
.th-growth .b-results::after{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--p) 45%,transparent),transparent 65%);bottom:-300px;inset-inline-start:-200px;z-index:-1}
.th-growth .b-results .b-title,.th-growth .b-results h3{color:var(--band-tx)}
.th-growth .b-results .b-lead{color:var(--band-mu)}
.th-growth .b-results .f-tabs button{color:var(--band-tx);border-color:rgba(255,255,255,.16)}
.th-growth .b-results .f-tabs button.on,.th-growth .b-results .f-tabs button:hover{background:var(--a);color:#111;border-color:var(--a)}
.th-growth .r-item{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.09)}
.th-growth .r-item:hover{box-shadow:0 30px 60px -30px rgba(0,0,0,.6),0 0 0 1px color-mix(in srgb,var(--a) 60%,transparent)}
.th-growth .r-shot{border-bottom:1px solid rgba(255,255,255,.08)}
.th-growth .r-metric{color:var(--a)}
.th-growth .r-cat{background:color-mix(in srgb,var(--p) 30%,transparent);color:#d9d2ff}
.th-growth .r-item p{color:var(--band-mu)}

/* case studies */
.th-growth .pj-rows .pj-img{border-radius:28px;box-shadow:16px 16px 0 var(--a),0 40px 80px -40px rgba(0,0,0,.45);transition:transform .5s,box-shadow .5s}
html[dir=rtl] .th-growth .pj-rows .pj-img{box-shadow:-16px 16px 0 var(--a),0 40px 80px -40px rgba(0,0,0,.45)}
.th-growth .pj-rows .pj:hover .pj-img{transform:translate(-4px,-4px)}
.th-growth .pj-metric{background:var(--a);color:#111;font-weight:800;padding:8px 14px;border-radius:12px;font-size:15px}
.th-growth .pj-cat{color:var(--p)}
.th-growth .pj-tags span{background:var(--sf)}

/* process */
.th-growth .ps-row{gap:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--sf)}
.th-growth .ps{background:transparent;border-inline-end:1px solid var(--line);border-radius:0;padding:30px 26px;transition:background .3s}
.th-growth .ps:last-child{border-inline-end:0}
.th-growth .ps:hover{background:color-mix(in srgb,var(--p) 7%,transparent)}
.th-growth .ps-n{-webkit-text-stroke:0;color:var(--bg);background:var(--p);width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:18px}
.th-growth .ps:nth-child(2n) .ps-n{background:var(--a);color:#111}

/* skills */
.th-growth .sk-chip{border-radius:99px;background:var(--sf);padding:9px 18px}
.th-growth .sk-chip::before{content:"#";color:var(--p);margin-inline-end:4px;font-weight:800}

/* packages */
.th-growth .pk{background:var(--sf);border-radius:26px}
.th-growth .pk.pop{background:linear-gradient(160deg,var(--p),#2a1a8a);transform:translateY(-14px)}
.th-growth .pk.pop:hover{transform:translateY(-20px)}
.th-growth .pk.pop .s-btn{background:var(--a);border-color:var(--a);color:#111}
.th-growth .pk.pop li .ic{color:var(--a)}
.th-growth .pk-price b{font-family:var(--hf)}

/* testimonials */
.th-growth .qt{background:var(--sf);border:1px solid var(--line)}
.th-growth .qt-mark{color:var(--a);-webkit-text-stroke:2px var(--tx);opacity:.9;font-size:80px;top:10px}
.th-growth .qt-ini{background:var(--tx);color:var(--bg)}

/* certs + faq + contact */
.th-growth .ce{background:var(--sf);border:1px solid var(--line)}
.th-growth .s-faq details{border-color:var(--line)}
.th-growth .b-contact .card-like{border-radius:26px}

@media (max-width:900px){
  .th-growth .ps-row{grid-template-columns:1fr 1fr}
  .th-growth .ps:nth-child(2){border-inline-end:0}.th-growth .ps:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .th-growth .pk.pop{transform:none}
}
@media (max-width:560px){.th-growth .ps-row{grid-template-columns:1fr}.th-growth .ps{border-inline-end:0;border-bottom:1px solid var(--line)}}
.th-growth .b-logos .b-title{font:700 14px/1.4 var(--f);letter-spacing:.16em;color:var(--mu);margin-bottom:24px}
html[dir=rtl] .th-growth .b-logos .b-title{letter-spacing:0;font-size:16px}
.th-growth .qt{padding-top:64px}
.th-growth .qt-mark{top:12px;inset-inline-start:24px;inset-inline-end:auto;font-size:76px}