/* ═══════════════════════════════════════════════════════════
   THERARE-PRIVATE — v3 Complete Design System
   Europe ↔ Middle East Influencer Corridor
   Cream #faf7f2 | Ink #0d0d0d | Gold #a0784a | Warm #c49b6c
   Fonts: Playfair Display + Inter
   ═══════════════════════════════════════════════════════════ */

/* ── Reset & Base ───────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Inter',system-ui,sans-serif;background:#faf7f2;color:#0d0d0d;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}ul{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}

/* ── Typography ─────────────────────────────────────────── */
h1,h2,h3{font-family:'Playfair Display',Georgia,serif;line-height:1.1;letter-spacing:-0.015em}
h1{font-size:clamp(3rem,7vw,5.5rem);font-weight:700}
h2{font-size:clamp(2rem,4.5vw,3.75rem);font-weight:700}
h3{font-size:1.25rem;font-weight:600;line-height:1.3}
.text-gold{color:#a0784a}.text-ink{color:#0d0d0d}

/* ── Layout ──────────────────────────────────────────────── */
.container{max-width:1240px;margin:0 auto;padding:0 1.5rem}
@media(min-width:768px){.container{padding:0 2.5rem}}
.section{padding:7rem 0}@media(max-width:768px){.section{padding:4rem 0}}
.section-alt{background:rgba(255,255,255,0.35)}

/* ── Header ──────────────────────────────────────────────── */
.site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 50; background: rgba(250,247,242,0.55); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border-bottom: 1px solid transparent; transition: all 0.4s ease; }
.site-header.scrolled { background: rgba(250,247,242,0.72); backdrop-filter: blur(36px); -webkit-backdrop-filter: blur(36px); box-shadow: 0 4px 30px rgba(0,0,0,0.04); border-bottom: 1px solid rgba(160,120,74,0.12); }
.header-inner{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;height:5rem;gap:1rem}
@media(min-width:1024px){.header-inner{height:5.5rem}}
.header-logo img{height:2.75rem;width:auto}
@media(min-width:1024px){.header-logo img{height:3.25rem}}
.desktop-nav{display:none;gap:0.25rem;justify-content:center}
@media(min-width:1024px){.desktop-nav{display:flex}}
.desktop-nav a{padding:0.5rem 0.875rem;font-size:0.8125rem;font-weight:500;border-radius:999px;transition:all 0.2s;color:#555}
.desktop-nav a:hover{background:rgba(196,155,108,0.1);color:#0d0d0d}
.desktop-nav a.active{background:#0d0d0d;color:#faf7f2}
.header-lang{padding:0.5rem 0.875rem;font-size:0.8125rem;font-weight:500;border-radius:999px;transition:all 0.2s;color:#a0784a;white-space:nowrap}
.header-lang:hover{background:rgba(196,155,108,0.1);color:#0d0d0d}

/* ── Mobile Menu ─────────────────────────────────────────── */
.menu-toggle{display:flex;flex-direction:column;gap:0.3rem;padding:0.5rem;z-index:60}
@media(min-width:1024px){.menu-toggle{display:none}}
.menu-toggle span{width:1.25rem;height:2px;background:#0d0d0d;display:block;transition:all 0.3s;border-radius:1px}
.menu-toggle.open span:nth-child(1){transform:rotate(45deg)translate(5px,5px)}
.menu-toggle.open span:nth-child(2){opacity:0}
.menu-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}
.mobile-menu{display:none;position:fixed;top:5rem;left:0;right:0;bottom:0;background:#faf7f2;z-index:45;overflow-y:auto;padding:1.5rem}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;padding:0.875rem 1rem;font-size:1.0625rem;font-weight:500;border-radius:0.75rem;color:#555}
.mobile-menu a.active{background:#0d0d0d;color:#faf7f2}
.mobile-social{display:flex;gap:0.75rem;padding:1.25rem 0;margin-top:0.75rem;border-top:1px solid rgba(196,155,108,0.2)}
.mobile-social a{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:#0d0d0d;color:#faf7f2;padding:0}

/* ── Buttons ─────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:0.5rem;padding:1rem 2.5rem;border-radius:999px;font-size:0.9375rem;font-weight:600;transition:all 0.25s;letter-spacing:0.01em}
.btn-primary{background:#0d0d0d;color:#faf7f2}
.btn-primary:hover{background:#2a2a2a;transform:translateY(-1px);box-shadow:0 4px 20px rgba(0,0,0,0.12)}
.btn-outline{border:1.5px solid #d4c0a0;color:#0d0d0d}
.btn-outline:hover{background:rgba(196,155,108,0.08);transform:translateY(-1px)}
.btn-gold{background:#a0784a;color:#faf7f2}
.btn-gold:hover{background:#8b6640;transform:translateY(-1px);box-shadow:0 4px 20px rgba(160,120,74,0.3)}

/* ── Hero ────────────────────────────────────────────────── */
.hero{padding:10rem 0 7rem;text-align:center;position:relative;overflow:hidden}
@media(max-width:768px){.hero{padding:8rem 0 4rem}}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 35%,rgba(196,155,108,0.08),transparent);pointer-events:none}
.hero h1{margin-bottom:1.5rem}
.hero-subtitle{font-size:1.125rem;color:#666;max-width:38rem;margin:0 auto 2.5rem;line-height:1.75}
@media(min-width:768px){.hero-subtitle{font-size:1.25rem}}
.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}

/* ── Stats ───────────────────────────────────────────────── */
.stats-bar{padding:3.5rem 0;background:#0d0d0d}
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;text-align:center}
@media(min-width:640px){.stats-grid{grid-template-columns:repeat(4,1fr)}}
.stat-value{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;color:#a0784a}
.stat-label{font-size:0.6875rem;color:#c49b6c;margin-top:0.5rem;text-transform:uppercase;letter-spacing:0.12em;font-weight:500}

/* ── Section Headers ─────────────────────────────────────── */
.section-header{text-align:center;max-width:44rem;margin:0 auto 4.5rem}
.section-label{font-size:0.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.2em;color:#a0784a;margin-bottom:0.75rem}
.section-header h2{margin-bottom:1rem}
.section-header p{font-size:1rem;color:#666;line-height:1.75}

/* ── Grids ───────────────────────────────────────────────── */
.card-grid{display:grid;gap:1.5rem}
@media(min-width:640px){.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}}

/* ── Service Cards ───────────────────────────────────────── */
.card{background:#fff;border:1px solid rgba(196,155,108,0.15);border-radius:1.25rem;padding:2.25rem 2rem;transition:all 0.35s}
.card:hover{border-color:rgba(160,120,74,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.06);transform:translateY(-3px)}
.card-number{font-size:0.625rem;font-weight:700;color:#a0784a;letter-spacing:0.12em;margin-bottom:0.75rem;display:block}
.card h3{font-size:1.125rem;margin-bottom:0.625rem}
.card p{font-size:0.875rem;line-height:1.7;color:#555;margin-bottom:1rem}
.card li{display:flex;align-items:flex-start;gap:0.5rem;font-size:0.8125rem;color:#777;margin-bottom:0.375rem}
.card li::before{content:'✓';color:#a0784a;font-weight:700;flex-shrink:0;margin-top:1px}

/* ── Industry Cards ──────────────────────────────────────── */
.industry-card{background:#fff;border:1px solid rgba(196,155,108,0.15);border-radius:1.25rem;padding:2.25rem;transition:all 0.35s;position:relative;overflow:hidden}
.industry-card:hover{border-color:rgba(160,120,74,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.06);transform:translateY(-3px)}
.industry-card::before{content:'';position:absolute;top:-4rem;right:-4rem;width:12rem;height:12rem;border-radius:50%;background:rgba(196,155,108,0.06)}
.industry-badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(160,120,74,0.06);padding:0.375rem 0.875rem;border-radius:999px;font-size:0.6875rem;font-weight:600;color:#a0784a;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:1.25rem}
.industry-badge span{font-size:0.9375rem;line-height:1}
.industry-card h3{font-size:1.375rem;margin-bottom:0.625rem;position:relative;z-index:1}
.industry-card p{color:#555;font-size:0.875rem;line-height:1.7;position:relative;z-index:1}

/* ── Influencer Cards ────────────────────────────────────── */
.influencer-card{background:#fff;border:1px solid rgba(196,155,108,0.15);border-radius:1.25rem;overflow:hidden;transition:all 0.35s}
.influencer-card:hover{border-color:rgba(160,120,74,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.08);transform:translateY(-3px)}
.influencer-card img{width:100%;aspect-ratio:1;object-fit:cover}
.influencer-info{padding:1.25rem 1.5rem}
.influencer-info h3{font-size:1.0625rem;margin-bottom:0.125rem}
.influencer-handle{font-size:0.8125rem;color:#888;margin-bottom:0.75rem}
.influencer-meta{display:flex;flex-wrap:wrap;gap:0.375rem}
.tag{padding:0.25rem 0.75rem;font-size:0.6875rem;font-weight:500;border-radius:999px;background:rgba(196,155,108,0.1);color:#555}
.tag-gold{background:rgba(160,120,74,0.08);color:#a0784a}

/* ── Blog Cards ──────────────────────────────────────────── */
.blog-card{background:#fff;border:1px solid rgba(196,155,108,0.15);border-radius:1.25rem;overflow:hidden;transition:all 0.35s}
.blog-card:hover{border-color:rgba(160,120,74,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.06);transform:translateY(-3px)}
.blog-card a{display:block}
.blog-card-img{width:100%;height:12rem;object-fit:cover;background:rgba(196,155,108,0.1)}
.blog-card-body{padding:1.25rem 1.5rem 1.5rem}
.blog-card-tag{font-size:0.6875rem;font-weight:600;color:#a0784a;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.25rem}
.blog-card-body h3{font-size:1.0625rem;line-height:1.4;margin-bottom:0.5rem}
.blog-card-body p{font-size:0.8125rem;line-height:1.6;color:#555}

/* ── FAQ ──────────────────────────────────────────────────── */
.faq-item{background:#fff;border:1px solid rgba(196,155,108,0.15);border-radius:0.75rem;margin-bottom:0.5rem;overflow:hidden}
.faq-item.open{border-color:rgba(160,120,74,0.3)}
.faq-question{width:100%;text-align:left;padding:1.125rem 1.5rem;font-size:0.9375rem;font-weight:500;display:flex;justify-content:space-between;align-items:center;color:#0d0d0d}
.faq-question::after{content:'+';font-size:1.25rem;color:#a0784a;transition:transform 0.2s}
.faq-item.open .faq-question::after{transform:rotate(45deg)}
.faq-answer{padding:0 1.5rem 1.25rem;font-size:0.875rem;color:#555;line-height:1.75;display:none}
.faq-item.open .faq-answer{display:block}

/* ── CTA ──────────────────────────────────────────────────── */
.cta-section{background:#0d0d0d;color:#faf7f2;text-align:center}
.cta-section h2{color:#faf7f2;margin-bottom:1rem}
.cta-section p{color:#c49b6c;max-width:32rem;margin:0 auto 2rem;font-size:1.0625rem;line-height:1.7}

/* ── Footer ──────────────────────────────────────────────── */
.site-footer{background:#0d0d0d;color:#faf7f2;padding:5rem 0 2rem}
.footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}
@media(min-width:1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}
.footer-brand img{height:2rem;width:auto;margin-bottom:1rem}
.footer-brand p{color:#c49b6c;font-size:0.8125rem;max-width:22rem;line-height:1.7}
.footer-col h4{font-family:'Inter',sans-serif;font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;color:#777;margin-bottom:1.25rem}
.footer-col a{display:block;color:#c49b6c;font-size:0.8125rem;margin-bottom:0.625rem;transition:color 0.15s}
.footer-col a:hover{color:#faf7f2}
.footer-social{display:flex;gap:0.5rem;margin-top:0.5rem}
.footer-social a{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;background:#1f1f1f;color:#c49b6c;transition:all 0.2s}
.footer-social a:hover{background:#a0784a;color:#fff;transform:translateY(-1px)}
.footer-bottom{padding-top:2.5rem;margin-top:2.5rem;border-top:1px solid #1f1f1f;display:flex;flex-direction:column;align-items:center;gap:1rem}
@media(min-width:640px){.footer-bottom{flex-direction:row;justify-content:space-between}}
.footer-bottom p{color:#555;font-size:0.75rem}
.footer-logo-sm img{height:2.25rem;width:auto}

/* ── Page Header ─────────────────────────────────────────── */
.page-header{padding:8rem 0 3rem;text-align:center}
.page-header h1{margin-bottom:0.75rem}
.page-header p{font-size:1.0625rem;color:#666;max-width:32rem;margin:0 auto}
.breadcrumbs{display:flex;gap:0.375rem;font-size:0.8125rem;color:#a0784a;margin-bottom:1.5rem;justify-content:center}
.breadcrumbs a{color:#555}.breadcrumbs a:hover{color:#a0784a}

/* ── About ───────────────────────────────────────────────── */
.about-content{max-width:48rem;margin:0 auto}
.about-content h2{font-size:1.75rem;margin:2.5rem 0 1rem}
.about-content p{margin-bottom:1.25rem;line-height:1.85;font-size:1rem;color:#555}

/* ── Contact ─────────────────────────────────────────────── */
.form-group{margin-bottom:1.25rem}
.form-group label{display:block;font-size:0.75rem;font-weight:600;color:#555;margin-bottom:0.375rem;text-transform:uppercase;letter-spacing:0.05em}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:0.875rem 1rem;border:1.5px solid rgba(196,155,108,0.25);border-radius:0.75rem;font-family:'Inter',sans-serif;font-size:0.9375rem;background:#fff;transition:all 0.2s}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#a0784a;box-shadow:0 0 0 3px rgba(160,120,74,0.06)}
.form-group textarea{min-height:8rem;resize:vertical}
.calendar-embed{border-radius:1rem;overflow:hidden;background:#fff}
.calendar-embed iframe{width:100%;height:700px;border:none}

/* ── Blog Article ────────────────────────────────────────── */
.blog-article{max-width:48rem;margin:0 auto}
.blog-meta{display:flex;gap:1rem;font-size:0.8125rem;color:#a0784a;margin-bottom:1.5rem;justify-content:center;flex-wrap:wrap}
.blog-article h2{font-size:1.5rem;margin:2.5rem 0 1rem}
.blog-article p{margin-bottom:1.25rem;line-height:1.85;font-size:1rem;color:#555}
.blog-featured-img{width:100%;max-height:28rem;object-fit:cover;border-radius:1.25rem;margin-bottom:2rem}

/* ── Author Block ────────────────────────────────────────── */
.author-block{max-width:48rem;margin:2rem auto 0;padding:1.5rem 2rem;background:#fff;border:1px solid rgba(196,155,108,0.15);border-radius:1.25rem;display:flex;align-items:center;gap:1.25rem}
.author-block img{width:3.75rem;height:3.75rem;border-radius:50%;object-fit:cover;flex-shrink:0}
.author-block h4{font-family:'Playfair Display',serif;font-size:1.0625rem;margin-bottom:0.125rem}
.author-block .author-role{font-size:0.75rem;color:#a0784a;text-transform:uppercase;letter-spacing:0.08em;font-weight:600}
.author-block .author-bio{font-size:0.8125rem;color:#555;line-height:1.6;margin-top:0.375rem}
.author-block .author-link{font-size:0.75rem;color:#a0784a;margin-top:0.375rem;display:inline-flex;align-items:center;gap:0.25rem}
.author-block .author-link:hover{text-decoration:underline}
@media(max-width:640px){.author-block{flex-direction:column;text-align:center;padding:1.25rem}}

/* ── Legal ───────────────────────────────────────────────── */
.legal-content{max-width:48rem;margin:0 auto}
.legal-content h2{font-size:1.5rem;margin:2rem 0 0.75rem}
.legal-content p{margin-bottom:1rem;line-height:1.85;font-size:1rem;color:#555}

/* ── WhatsApp Bubble ─────────────────────────────────────── */
.whatsapp-bubble{position:fixed;bottom:1.5rem;left:1.5rem;width:3.75rem;height:3.75rem;border-radius:50%;background:#25D366;box-shadow:0 4px 24px rgba(37,211,102,0.3);z-index:30;display:flex;align-items:center;justify-content:center;animation:wa-pulse 2.5s infinite;transition:transform 0.3s}
.whatsapp-bubble:hover{transform:scale(1.12);animation:none}
@keyframes wa-pulse{0%,100%{box-shadow:0 4px 24px rgba(37,211,102,0.3)}50%{box-shadow:0 4px 36px rgba(37,211,102,0.5)}}

/* ── Back to Top ─────────────────────────────────────────── */
/* ── RTL Support (Arabic) ───────────────────────────────── */
[dir="rtl"] .header-inner { direction: rtl; }
[dir="rtl"] .hero-actions { flex-direction: row-reverse; }
[dir="rtl"] .footer-grid { direction: rtl; }
[dir="rtl"] .card-grid { direction: rtl; }
[dir="rtl"] .btn { flex-direction: row-reverse; }
[dir="rtl"] .menu-toggle { margin-left: 0; margin-right: auto; }
[dir="rtl"] .header-lang { margin-left: 0; }
[dir="rtl"] .back-to-top { right: auto; left: 1.5rem; }
[dir="rtl"] .whatsapp-bubble { left: auto; right: 1.5rem; }

/* ── Back to Top ─────────────────────────────────────────── */
.back-to-top{position:fixed;bottom:1.5rem;right:1.5rem;width:2.75rem;height:2.75rem;border-radius:50%;background:rgba(13,13,13,0.85);color:#faf7f2;display:flex;align-items:center;justify-content:center;font-size:1.25rem;opacity:0;transform:translateY(1rem);transition:all 0.3s;border:none;z-index:30;backdrop-filter:blur(8px)}
.back-to-top.visible{opacity:1;transform:translateY(0)}
.back-to-top:hover{background:#a0784a}

/* ── Animations ───────────────────────────────────────────── */
.fade-up{opacity:0;transform:translateY(30px);transition:opacity 0.7s ease,transform 0.7s ease}
.fade-up.visible{opacity:1;transform:translateY(0)}

/* ── Tools ────────────────────────────────────────────────── */
.tool-card{background:#fff;border:1px solid rgba(196,155,108,0.15);border-radius:1.25rem;padding:2rem;text-align:left;transition:all 0.35s}
.tool-card:hover{border-color:rgba(160,120,74,0.3)}
.tool-card h3{font-size:1.25rem;margin-bottom:0.625rem}
.tool-card p{font-size:0.875rem;line-height:1.7;color:#555}

/* ── Utilities ────────────────────────────────────────────── */
.text-center{text-align:center}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}

/* ============ strategy-v2 components (stats, funnel, vs, process) ============ */
.stats-band{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:1rem}
.stat-item{text-align:center;padding:2.25rem 1.25rem;background:#fff;border:1px solid rgba(196,155,108,.18);border-radius:1.25rem;box-shadow:0 8px 24px rgba(13,13,13,.04)}
.stat-num{font-family:'Playfair Display',serif;font-size:clamp(2.25rem,4.5vw,3.25rem);font-weight:700;color:#a0784a;line-height:1;margin-bottom:.75rem}
.stat-label{color:#555;font-size:.875rem;line-height:1.55;max-width:17rem;margin:0 auto}
.service-flow{display:grid;gap:1rem;max-width:46rem;margin:0 auto}
.service-step{display:flex;align-items:flex-start;gap:1.25rem;padding:1.5rem;background:#fff;border:1px solid rgba(196,155,108,.18);border-radius:1rem;transition:transform .25s ease,box-shadow .25s ease}
.service-step:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(13,13,13,.06)}
.step-num{flex:0 0 2.75rem;height:2.75rem;border-radius:50%;background:#0d0d0d;color:#c49b6c;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-weight:700;font-size:1.125rem}
.service-step h3{margin-bottom:.25rem;font-size:1.125rem}
.service-step p{color:#555;font-size:.875rem;line-height:1.7;margin:0}
.vs-wrap{max-width:52rem;margin:0 auto;border:1px solid rgba(196,155,108,.18);border-radius:1.25rem;overflow:hidden;background:#fff}
.vs-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#0d0d0d;color:#fff;padding:1rem 1.5rem}
.vs-head>div:first-child{text-align:right;font-size:.875rem;letter-spacing:.06em;text-transform:uppercase;color:#d4c0a0}
.vs-head-vs{font-family:'Playfair Display',serif;font-weight:700;color:#c49b6c;margin:0 1.25rem;font-size:1rem}
.vs-head>div:last-child{font-size:.875rem;letter-spacing:.06em;text-transform:uppercase;color:#c49b6c;font-weight:600}
.vs-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid rgba(196,155,108,.12)}
.vs-cell{padding:1rem 1.5rem;font-size:.9375rem;line-height:1.55}
.vs-cell:first-child{text-align:right;color:#999;background:rgba(13,13,13,.02)}
.vs-cell:last-child{color:#0d0d0d;font-weight:500;background:linear-gradient(90deg,rgba(196,155,108,.08),transparent)}
.vs-metric{padding:0 1.25rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a0784a;white-space:nowrap}
[dir="rtl"] .vs-cell:first-child{text-align:left;background:rgba(13,13,13,.02)}
[dir="rtl"] .vs-cell:last-child{text-align:right;background:linear-gradient(270deg,rgba(196,155,108,.08),transparent)}
@media(max-width:768px){
  .stats-band{grid-template-columns:repeat(2,1fr);gap:1rem}
  .vs-row{grid-template-columns:1fr}
  .vs-cell:first-child,.vs-cell:last-child{text-align:left;padding:.75rem 1.25rem}
  .vs-metric{display:none}
  .vs-head{grid-template-columns:1fr 1fr}
  .vs-head-vs{display:none}
  [dir="rtl"] .vs-cell:first-child,[dir="rtl"] .vs-cell:last-child{text-align:right}
}
.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.process-card{padding:1.75rem 1.25rem;background:#fff;border:1px solid rgba(196,155,108,.18);border-radius:1rem;text-align:center;transition:transform .25s ease,box-shadow .25s ease}
.process-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(13,13,13,.06)}
.process-num{display:block;font-family:'Playfair Display',serif;font-size:1.75rem;font-weight:700;color:#a0784a;margin-bottom:.5rem}
.process-card h3{margin-bottom:.25rem;font-size:1.0625rem}
.process-card p{color:#555;font-size:.8125rem;line-height:1.6;margin:0}
@media(max-width:1024px){.process-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.process-grid{grid-template-columns:repeat(2,1fr)}}

/* 4-card variant: reporting grid stays centered */
.process-grid-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1024px){.process-grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.process-grid-4{grid-template-columns:repeat(2,1fr)}}

/* 3-card pillars grid (creator vetting, industries) */
.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:52rem;margin:2rem auto 0}
@media(max-width:768px){.pillars-grid{grid-template-columns:1fr}}