/* ===== SALMA MOKHTAR — Premium Identity =====
  Colors from logo/photos: Vivid Purple #8B00FF, Deep Black #0B0B10, White
  English font: Shanoy (put the file in assets/fonts/ — see @font-face below)
  Fallback: DM Serif Display + Cairo (Arabic)
*/
@font-face{
  font-family:'Shanoy';
  src:url('assets/fonts/shanoy-regular.woff2') format('woff2'),
      url('assets/fonts/shanoy-regular.woff') format('woff'),
      url('assets/fonts/shanoy-regular.otf') format('opentype'),
      url('assets/fonts/shanoy-regular.ttf') format('truetype'),
      url('assets/fonts/Shanoy-Regular.ttf') format('truetype'),
      url('assets/fonts/Shanoy-Regular.otf') format('opentype');
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Shanoy';
  src:url('assets/fonts/shanoy-italic.woff2') format('woff2'),
      url('assets/fonts/shanoy-italic.woff') format('woff'),
      url('assets/fonts/shanoy-italic.otf') format('opentype'),
      url('assets/fonts/shanoy-italic.ttf') format('truetype'),
      url('assets/fonts/Shanoy-Italic.ttf') format('truetype'),
      url('assets/fonts/Shanoy-Italic.otf') format('opentype'),
      url('assets/fonts/shanoy-regular.otf') format('opentype');
  font-weight:400;font-style:italic;font-display:swap;
}
@font-face{
  font-family:'Almaalim';
  src:url('assets/fonts/arabic-almaalim.otf') format('truetype');
  font-weight:400;font-style:normal;font-display:swap;
}
:root{
  --bg:#0b0b10;
  --bg2:#121218;
  --bg3:#17171f;
  --purple:#8b00ff;
  --purple-light:#b45cff;
  --purple-deep:#5a00b5;
  --purple-glow:rgba(139,0,255,.45);
  --white:#ffffff;
  --muted:#b8b5c7;
  --muted2:#7e7a90;
  --line:rgba(255,255,255,.09);
  --card:rgba(255,255,255,.04);
  --radius:22px;
  --font-ar:'Cairo',sans-serif;
  --font-ar-head:'Almaalim','Cairo',sans-serif;
  --font-logo:'Shanoy','DM Serif Display',serif;
  --font-display:'Shanoy','Playfair Display',serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-ar);
  background:var(--bg);
  color:var(--white);
  overflow-x:hidden;
  line-height:1.8;
}
::selection{background:var(--purple);color:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--font-ar-head);font-weight:400;line-height:1.9}
.container{width:min(1200px,92%);margin-inline:auto}

/* Preloader */
#preloader{position:fixed;inset:0;background:#08080c;z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;transition:opacity .6s,visibility .6s}
#preloader.hide{opacity:0;visibility:hidden}
.loader-logo{font-family:var(--font-logo);font-size:clamp(2rem,6vw,3.5rem);font-style:italic;color:#fff}
.loader-logo span{color:var(--purple-light)}
.loader-bar{width:200px;height:3px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden}
.loader-bar i{display:block;height:100%;width:40%;background:linear-gradient(90deg,var(--purple),var(--purple-light));border-radius:99px;animation:load 1.1s infinite ease-in-out}
@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(500%)}}

/* BG decor */
.bg-orbs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.bg-orbs::before,.bg-orbs::after{content:'';position:absolute;border-radius:50%;filter:blur(120px);opacity:.35}
.bg-orbs::before{width:550px;height:550px;background:#7a00e6;top:-150px;left:-150px}
.bg-orbs::after{width:450px;height:450px;background:#3d0091;bottom:-120px;right:-120px}
.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* Nav */
header{position:sticky;top:14px;z-index:100;margin-top:14px}
.nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:rgba(14,14,20,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:18px}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:46px;height:46px;border-radius:14px;background:radial-gradient(circle at 30% 20%,var(--purple-light),var(--purple) 55%,#2a005e);display:grid;place-items:center;font-family:var(--font-logo);font-style:italic;font-size:1.4rem;box-shadow:0 8px 30px var(--purple-glow);border:1px solid rgba(255,255,255,.2);overflow:hidden;padding:0}
.brand-mark img{width:100%;height:100%;object-fit:cover;border-radius:14px;display:block}
.brand-name{line-height:1.2}
.brand-name b{font-family:var(--font-logo);font-style:italic;font-weight:400;font-size:1.25rem;letter-spacing:.5px;display:block}
.brand-name small{color:var(--muted);font-size:.72rem;letter-spacing:2px}
.nav-links{display:flex;gap:6px;align-items:center}
.nav-links a{padding:9px 18px;border-radius:99px;font-weight:600;font-size:.95rem;color:var(--muted);transition:.3s;border:1px solid transparent}
.nav-links a:hover{color:#fff;background:rgba(255,255,255,.06)}
.nav-links a.active{color:#fff;background:linear-gradient(135deg,var(--purple),var(--purple-deep));box-shadow:0 6px 22px var(--purple-glow)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 28px;border-radius:99px;font-weight:800;font-size:.95rem;transition:.35s;border:1px solid transparent;cursor:pointer}
.btn-primary{background:linear-gradient(135deg,#a32bff,var(--purple) 60%,#5e00c6);color:#fff;box-shadow:0 12px 35px var(--purple-glow)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(139,0,255,.6)}
.btn-ghost{background:rgba(255,255,255,.06);border-color:var(--line);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.12);transform:translateY(-3px)}
.burger{display:none;background:none;border:1px solid var(--line);color:#fff;border-radius:12px;padding:8px 12px;font-size:1.3rem;cursor:pointer}
.lang-btn{background:rgba(139,0,255,.12);border:1px solid rgba(139,0,255,.4);color:#d9b8ff;border-radius:12px;padding:8px 14px;font-family:inherit;font-weight:800;font-size:.85rem;cursor:pointer;transition:.3s}
.lang-btn:hover{background:linear-gradient(135deg,var(--purple),var(--purple-deep));color:#fff;box-shadow:0 6px 22px var(--purple-glow)}
/* Glass social buttons */
.social-row{display:flex;gap:10px;margin-top:14px}
.social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 10px;border-radius:14px;background:rgba(139,0,255,.1);border:1px solid rgba(139,0,255,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-weight:800;font-size:.92rem;transition:.3s}
.social-btn svg{width:22px;height:22px;fill:#d9b8ff;flex:0 0 auto}
.social-btn:hover{transform:translateY(-3px);background:rgba(139,0,255,.24);border-color:rgba(180,92,255,.6);box-shadow:0 10px 30px rgba(139,0,255,.35)}
.social-btn:hover svg{fill:#fff}
/* Contact method pills */
.method-row{display:flex;gap:10px}
.method{flex:1;cursor:pointer;margin:0}
.method input{display:none}
.method-pill{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 10px;border-radius:13px;background:#0c0c12;border:1px solid var(--line);font-weight:800;font-size:.92rem;color:var(--muted);transition:.3s}
.method input:checked + .method-pill{background:linear-gradient(135deg,var(--purple),var(--purple-deep));border-color:transparent;color:#fff;box-shadow:0 8px 25px var(--purple-glow)}
.method-pill:hover{border-color:rgba(139,0,255,.5)}
/* English mode: everything in Shanoy */
html[lang="en"] body{font-family:'Shanoy','DM Serif Display',Georgia,serif}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3{font-family:'Shanoy','DM Serif Display',Georgia,serif;line-height:1.6}
html[lang="en"] input,html[lang="en"] select,html[lang="en"] textarea,html[lang="en"] button{font-family:'Shanoy','DM Serif Display',Georgia,serif}

/* Hero */
main{position:relative;z-index:2}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:70px 0 40px}
.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:99px;background:rgba(139,0,255,.14);border:1px solid rgba(139,0,255,.35);font-size:.85rem;font-weight:700;color:#d9b8ff}
.badge .dot{width:8px;height:8px;border-radius:50%;background:#2bff88;box-shadow:0 0 12px #2bff88;animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.4}}
.hero h1{font-size:clamp(2.2rem,5.5vw,4rem);line-height:1.7;margin:18px 0 12px;font-weight:900}
.hero h1 .en{font-family:var(--font-logo);font-style:italic;font-weight:400;background:linear-gradient(90deg,#fff,#c99cff,#8b00ff);-webkit-background-clip:text;background-clip:text;color:transparent;display:block;font-size:1.15em}
.hero h1 .grad{background:linear-gradient(90deg,var(--purple-light),#ff4ecd);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{color:var(--muted);font-size:1.08rem;max-width:540px}
.hero-stats{display:flex;gap:14px;margin:26px 0;flex-wrap:wrap}
.hstat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 20px;min-width:130px;text-align:center}
.hstat b{font-size:1.5rem;display:block}
.hstat b em{font-style:normal;color:var(--purple-light)}
.hstat span{font-size:.8rem;color:var(--muted)}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.trust{display:flex;gap:18px;margin-top:22px;color:var(--muted2);font-size:.88rem;flex-wrap:wrap}
.trust i{color:#ffd166;font-style:normal}

/* Photo composition — recreates logo vibe */
.hero-visual{display:flex;justify-content:center;position:relative}
.photo-wrap{position:relative;width:min(420px,90vw);aspect-ratio:.92}
.photo-circle{position:absolute;inset:6% 4% 0 4%;background:radial-gradient(circle at 50% 35%,#a32bff,var(--purple) 55%,#3a007a 100%);border-radius:46% 46% 28px 28px;box-shadow:0 30px 100px var(--purple-glow);overflow:hidden;border:1px solid rgba(255,255,255,.18)}
.photo-circle img{width:100%;height:100%;object-fit:contain;object-position:center}
.ring-text{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);animation:spin 22s linear infinite;pointer-events:none}
@keyframes spin{to{transform:rotate(360deg)}}
.float-card{position:absolute;background:rgba(18,18,28,.85);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:16px;padding:10px 16px;font-size:.85rem;font-weight:700;box-shadow:0 15px 40px rgba(0,0,0,.5);display:flex;align-items:center;gap:10px}
.float-card .ico{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:1.15rem}
.fc1{top:12%;right:-18px}.fc1 .ico{background:rgba(43,255,136,.15)}
.fc2{bottom:16%;left:-22px}.fc2 .ico{background:rgba(139,0,255,.2)}
.fc3{bottom:-14px;right:22%}.fc3 .ico{background:rgba(255,209,102,.15)}

/* Marquee */
.marquee{border-block:1px solid var(--line);background:linear-gradient(90deg,rgba(139,0,255,.18),rgba(139,0,255,.05));overflow:hidden;white-space:nowrap;padding:14px 0;margin:20px 0 0}
.marquee div{display:inline-block;animation:mq 22s linear infinite;font-weight:800;letter-spacing:1px;color:#e6d4ff}
.marquee div span{margin:0 18px;color:var(--purple-light)}
@keyframes mq{to{transform:translateX(50%)}}
[dir="rtl"] .marquee div{animation-name:mqR}
@keyframes mqR{to{transform:translateX(-50%)}}

/* Sections */
section{padding:70px 0}
.sec-head{text-align:center;max-width:680px;margin:0 auto 38px}
.sec-head .kicker{color:var(--purple-light);font-weight:800;letter-spacing:3px;font-size:.8rem}
.sec-head h2{font-size:clamp(1.7rem,4vw,2.6rem);font-weight:900;margin:8px 0}
.sec-head h2 .en{font-family:var(--font-logo);font-style:italic;font-weight:400;color:var(--purple-light)}
.sec-head p{color:var(--muted)}

/* Cards grid */
.grid{display:grid;gap:18px}
.grid.cols3{grid-template-columns:repeat(3,1fr)}
.grid.cols2{grid-template-columns:repeat(2,1fr)}
.card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:var(--radius);padding:28px;position:relative;overflow:hidden;transition:.35s}
.card::before{content:'';position:absolute;inset:0;background:radial-gradient(400px 200px at 50% -10%,rgba(139,0,255,.25),transparent);opacity:0;transition:.35s;pointer-events:none}
.card .btn{position:relative;z-index:2}
.card:hover{transform:translateY(-6px);border-color:rgba(139,0,255,.5);box-shadow:0 20px 60px rgba(139,0,255,.25)}
.card:hover::before{opacity:1}
.card .icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:1.6rem;background:linear-gradient(135deg,rgba(139,0,255,.35),rgba(139,0,255,.08));border:1px solid rgba(139,0,255,.4);margin-bottom:14px}
.card h3{font-size:1.2rem;margin-bottom:6px}
.card p{color:var(--muted);font-size:.95rem}
.price{display:flex;align-items:end;gap:8px;margin-top:16px}
.price b{font-size:2rem;background:linear-gradient(90deg,#fff,var(--purple-light));-webkit-background-clip:text;background-clip:text;color:transparent}
.price span{color:var(--muted);font-size:.9rem;margin-bottom:8px}
.tag{position:absolute;top:16px;left:16px;font-size:.72rem;font-weight:800;padding:5px 12px;border-radius:99px;background:linear-gradient(90deg,var(--purple),#c44dff);letter-spacing:.5px}
.tag.gold{background:linear-gradient(90deg,#b98a1f,#ffd166);color:#221600}

/* Policy */
.policy{background:linear-gradient(180deg,#14141c,#0e0e14);border:1px solid var(--line);border-radius:26px;padding:clamp(24px,4vw,44px);position:relative;overflow:hidden}
.policy::after{content:'S';position:absolute;left:-20px;bottom:-70px;font-family:var(--font-logo);font-style:italic;font-size:16rem;opacity:.04;line-height:1}
.policy-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px}
.policy-item{display:flex;gap:14px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:16px;padding:16px 18px;align-items:flex-start}
.policy-item .n{flex:0 0 38px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,var(--purple),var(--purple-deep));box-shadow:0 6px 18px var(--purple-glow)}
.policy-item p{font-size:.93rem;color:#d9d6e6}
.policy-item p b{color:#fff}
.warn{margin-top:16px;background:rgba(255,60,60,.08);border:1px solid rgba(255,60,60,.3);border-radius:16px;padding:14px 18px;font-size:.92rem;color:#ffb4b4}

/* Stats band */
.stats-band{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat-big{background:radial-gradient(300px 200px at 50% 0%,rgba(139,0,255,.3),transparent),var(--bg3);border:1px solid var(--line);border-radius:20px;padding:30px 18px;text-align:center}
.stat-big b{font-size:2.4rem;display:block;background:linear-gradient(90deg,#fff,#c99cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat-big span{color:var(--muted);font-size:.92rem}

/* Work grid */
.filters{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:26px}
.filters button{background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--muted);padding:10px 22px;border-radius:99px;font-family:inherit;font-weight:700;cursor:pointer;transition:.3s}
.filters button.active,.filters button:hover{background:linear-gradient(135deg,var(--purple),var(--purple-deep));color:#fff;border-color:transparent;box-shadow:0 8px 25px var(--purple-glow)}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.work-item{aspect-ratio:1/1.05;border-radius:20px;overflow:hidden;position:relative;border:1px dashed rgba(139,0,255,.5);background:repeating-linear-gradient(45deg,rgba(139,0,255,.06) 0 12px,transparent 12px 24px),#13131b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);text-align:center;padding:24px}
.work-item .plus{width:56px;height:56px;border-radius:50%;border:1.5px dashed var(--purple-light);display:grid;place-items:center;font-size:1.6rem;color:var(--purple-light)}
.work-item small{font-size:.8rem;color:var(--muted2)}
.work-item.filled{border-style:solid;padding:0}
.work-item.filled img{width:100%;height:100%;object-fit:cover}
.how-add{background:rgba(139,0,255,.08);border:1px solid rgba(139,0,255,.3);border-radius:18px;padding:20px 22px;margin-top:22px;font-size:.93rem;color:#d9c8ff}
.how-add code{background:#000;padding:2px 8px;border-radius:8px;color:#ffd166;font-size:.82rem;direction:ltr;display:inline-block}

/* Steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.step{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;text-align:center}
.step b.step-n{width:44px;height:44px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--purple-deep));font-size:1.1rem;box-shadow:0 8px 22px var(--purple-glow)}

/* Forms */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:start}
.info-card{background:linear-gradient(180deg,rgba(139,0,255,.15),rgba(139,0,255,.03));border:1px solid rgba(139,0,255,.35);border-radius:22px;padding:30px}
.info-row{display:flex;gap:12px;align-items:center;background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-top:12px}
form{background:var(--bg3);border:1px solid var(--line);border-radius:22px;padding:30px}
label{font-size:.88rem;font-weight:700;color:#d9d6e6;display:block;margin:14px 0 6px}
input,select,textarea{width:100%;background:#0c0c12;border:1px solid var(--line);border-radius:13px;color:#fff;padding:13px 15px;font-family:inherit;font-size:.95rem;outline:none;transition:.3s}
input:focus,select:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(139,0,255,.18)}
textarea{min-height:130px;resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* CTA */
.cta{background:radial-gradient(600px 300px at 50% 0%,rgba(139,0,255,.4),transparent),linear-gradient(135deg,#1a0b2e,#0e0e16);border:1px solid rgba(139,0,255,.4);border-radius:28px;padding:clamp(30px,5vw,56px);text-align:center;position:relative;overflow:hidden}
.cta h2{font-size:clamp(1.6rem,4vw,2.5rem)}
.cta p{color:var(--muted);margin:10px 0 22px}

/* Footer */
footer{margin:40px 0 20px;border:1px solid var(--line);border-radius:20px;background:rgba(14,14,20,.8);padding:28px;position:relative;z-index:2}
.foot-grid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
.foot-links{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}
.foot-links a:hover{color:#fff}
.copy{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted2);font-size:.82rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}

/* Reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s}
.reveal.visible{opacity:1;transform:none}

/* Page hero */
.page-hero{text-align:center;padding:56px 0 10px}
.page-hero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:900}
.page-hero h1 .en{font-family:var(--font-logo);font-style:italic;font-weight:400;color:var(--purple-light)}
.page-hero p{color:var(--muted);max-width:640px;margin:10px auto 0}

/* Floating whatsapp */
.wa{position:fixed;bottom:34px;left:22px;z-index:200;width:60px;height:60px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 12px 35px rgba(37,211,102,.55),0 0 0 6px rgba(37,211,102,.14);animation:waFloat 2.6s ease-in-out infinite}
.wa svg{width:32px;height:32px;fill:#fff;display:block}
.wa:hover{box-shadow:0 16px 45px rgba(34,197,94,.7),0 0 0 8px rgba(34,197,94,.15)}
@keyframes waFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

@media(max-width:960px){
  .hero{grid-template-columns:1fr;text-align:center;padding-top:40px}
  .hero p.lead{margin-inline:auto}
  .hero-stats,.hero-cta,.trust{justify-content:center}
  .grid.cols3,.work-grid{grid-template-columns:repeat(2,1fr)}
  .stats-band{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .policy-list,.contact-grid,.grid.cols2{grid-template-columns:1fr}
  .nav-links{position:fixed;top:84px;right:4%;left:4%;background:#14141c;border:1px solid var(--line);border-radius:18px;flex-direction:column;padding:14px;display:none}
  .nav-links.open{display:flex}
  .burger{display:block}
  .fc1{right:0}.fc2{left:0}
}
@media(max-width:560px){
  .grid.cols3,.work-grid,.form-row{grid-template-columns:1fr}
  .float-card{font-size:.75rem;padding:8px 12px}
}
/* Extra mobile polish */
html,body{overflow-x:hidden}
@media(max-width:560px){
  header{top:8px;margin-top:8px}
  .nav{padding:10px 12px;gap:8px}
  .brand-mark{width:40px;height:40px}
  .brand-name b{font-size:1.05rem}
  .brand-name small{font-size:.62rem;letter-spacing:1px}
  .lang-btn{padding:7px 10px;font-size:.78rem}
  section{padding:46px 0}
  .hero{padding-top:28px;gap:28px}
  .photo-wrap{width:min(320px,84vw)}
  .fc1{top:8%;right:0}
  .fc2{bottom:20%;left:0}
  .fc3{bottom:-10px;right:12%}
  .card{padding:22px}
  .policy{border-radius:20px}
  .stat-big{padding:20px 10px}
  .stat-big b{font-size:clamp(1.5rem,8vw,2rem)}
  .hstat{min-width:calc(50% - 8px);flex:1}
  .hero-stats{gap:8px}
  .filters button{padding:8px 16px;font-size:.82rem}
  .cta{border-radius:20px}
  form,.info-card{padding:22px}
  .social-row{flex-direction:column}
  .method-row{flex-direction:column}
  .wa{bottom:18px;left:14px;width:54px;height:54px}
  .wa svg{width:28px;height:28px}
}