/* =========================================================
   SmartFin V46 Clean Polish
   الهدف: الحفاظ على الروح الحالية، مع لمسة خاصة للهيرو وتحسين أيقونات البطاقات
   ========================================================= */

:root{
  --sfr-v46-navy:#06223b;
  --sfr-v46-navy-2:#0b3358;
  --sfr-v46-gold:#c58d2c;
  --sfr-v46-gold-2:#e2ad4f;
  --sfr-v46-teal:#0f8b83;
  --sfr-v46-soft:#f8fafc;
}

/* Hero: preserve the approved layout, add subtle premium details only */
body.sfr-site .sfr-hero-frame{
  isolation:isolate;
  border:1px solid rgba(226,173,79,.13);
  box-shadow:0 24px 58px rgba(6,34,59,.16), inset 0 1px 0 rgba(255,255,255,.08);
}

body.sfr-site .sfr-hero-frame::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 20%,rgba(226,173,79,.18),transparent 24%),
    radial-gradient(circle at 90% 72%,rgba(15,139,131,.16),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.05),transparent 48%);
  mix-blend-mode:screen;
  opacity:.72;
}

body.sfr-site .sfr-hero-content{
  z-index:5;
}

body.sfr-site .sfr-eyebrow{
  backdrop-filter:blur(10px);
  border-color:rgba(226,173,79,.45);
  box-shadow:0 10px 24px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.18);
}

body.sfr-site .sfr-hero h1{
  text-shadow:0 8px 24px rgba(0,0,0,.16);
}

body.sfr-site .sfr-hero h1 span{
  color:#f1c46f;
}

body.sfr-site .sfr-btn{
  position:relative;
  overflow:hidden;
}

body.sfr-site .sfr-btn::after{
  content:"";
  position:absolute;
  inset:-2px auto -2px -52%;
  width:38%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  opacity:0;
  transition:opacity .22s ease,left .55s ease;
}

body.sfr-site .sfr-btn:hover::after{
  left:115%;
  opacity:1;
}

/* Signature gold line and small floating insight chips */
body.sfr-site .sfr-hero-signature{
  position:absolute;
  z-index:4;
  left:52%;
  bottom:34px;
  width:270px;
  height:28px;
  pointer-events:none;
  opacity:.92;
}
body.sfr-site .sfr-signature-line{
  position:absolute;
  right:0;
  top:50%;
  width:100%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(226,173,79,.8),transparent);
}
body.sfr-site .sfr-signature-dot{
  position:absolute;
  right:45%;
  top:50%;
  width:10px;
  height:10px;
  border-radius:50%;
  transform:translateY(-50%);
  background:#e2ad4f;
  box-shadow:0 0 0 7px rgba(226,173,79,.10),0 0 24px rgba(226,173,79,.46);
}

body.sfr-site .sfr-hero-chip{
  position:absolute;
  z-index:6;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:0 13px;
  border-radius:999px;
  color:#fff;
  background:rgba(6,34,59,.72);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 16px 34px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.14);
  backdrop-filter:blur(12px);
  transform:translateZ(0);
}
body.sfr-site .sfr-hero-chip span{
  width:24px;
  height:24px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#f1c46f;
  background:rgba(226,173,79,.13);
}
body.sfr-site .sfr-hero-chip svg{width:15px;height:15px;stroke-width:2.2;}
body.sfr-site .sfr-hero-chip strong{font-size:11.8px;font-weight:800;white-space:nowrap;}
body.sfr-site .sfr-hero-chip-a{left:49%;top:58px;animation:sfrV46Float 5.8s ease-in-out infinite;}
body.sfr-site .sfr-hero-chip-b{left:66%;bottom:74px;animation:sfrV46Float 6.6s ease-in-out .4s infinite;}
body.sfr-site .sfr-hero-chip-c{left:43%;bottom:112px;animation:sfrV46Float 6.2s ease-in-out .8s infinite;}
@keyframes sfrV46Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* Benefits: cleaner visual weight */
body.sfr-site .sfr-benefits{
  border:1px solid rgba(232,236,242,.9);
  box-shadow:0 16px 36px rgba(9,31,56,.075);
}
body.sfr-site .sfr-benefit-icon{
  background:linear-gradient(135deg,#fff7e7,#ffffff);
  color:var(--sfr-v46-gold);
  border:1px solid rgba(197,141,44,.22);
}
body.sfr-site .sfr-benefits article:hover .sfr-benefit-icon{
  transform:translateY(-2px) scale(1.03);
  box-shadow:0 12px 24px rgba(197,141,44,.12);
}

/* Tool cards: keep current icons, make the visual language more premium */
body.sfr-site .sfr-tools-section{
  background:
    radial-gradient(circle at 9% 9%,rgba(197,141,44,.045),transparent 26%),
    radial-gradient(circle at 91% 24%,rgba(15,139,131,.04),transparent 28%),
    linear-gradient(180deg,#fbfcfe 0%,#ffffff 42%,#fbfcfe 100%);
}
body.sfr-site .sfr-tools-head h2{
  letter-spacing:-.25px;
}
body.sfr-site .sfr-tool-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(226,232,240,.95);
  background:linear-gradient(180deg,#ffffff 0%,#fcfdff 100%);
  box-shadow:0 12px 28px rgba(9,31,56,.055);
}
body.sfr-site .sfr-tool-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg,rgba(197,141,44,.075),transparent 34%),
    radial-gradient(circle at 88% 14%,rgba(15,139,131,.08),transparent 22%);
  opacity:0;
  transition:opacity .22s ease;
}
body.sfr-site .sfr-tool-card:hover::before{opacity:1;}
body.sfr-site .sfr-tool-card::after{
  content:"";
  position:absolute;
  inset:auto 20px 0 20px;
  height:3px;
  border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,transparent,var(--sfr-v46-gold),var(--sfr-v46-teal),transparent);
  opacity:0;
  transform:scaleX(.62);
  transition:opacity .22s ease,transform .22s ease;
}
body.sfr-site .sfr-tool-card:hover::after{opacity:1;transform:scaleX(1);}

body.sfr-site .sfr-tool-icon{
  position:relative;
  width:62px;
  height:62px;
  border-radius:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.82);
  box-shadow:inset 0 0 0 1px rgba(8,43,70,.045),0 12px 22px rgba(9,31,56,.085);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
body.sfr-site .sfr-tool-icon::before{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:15px;
  background:rgba(255,255,255,.54);
  border:1px solid rgba(255,255,255,.62);
  pointer-events:none;
}
body.sfr-site .sfr-tool-icon svg{
  position:relative;
  z-index:2;
  width:29px;
  height:29px;
  stroke-width:2.08;
  filter:drop-shadow(0 4px 8px rgba(9,31,56,.08));
}
body.sfr-site .sfr-tool-card:hover .sfr-tool-icon{
  transform:translateY(-3px) rotate(-2deg);
  box-shadow:0 16px 30px rgba(9,31,56,.12);
}
body.sfr-site .sfr-tool-card h3,
body.sfr-site .sfr-tool-card p,
body.sfr-site .sfr-tool-card a{
  position:relative;
  z-index:2;
}
body.sfr-site .sfr-tool-card h3{
  color:#082b46;
}
body.sfr-site .sfr-tool-card a{
  font-weight:850;
}
body.sfr-site .sfr-tool-card a span{
  transition:transform .18s ease;
}
body.sfr-site .sfr-tool-card:hover a span{
  transform:translateX(-3px);
}

/* Refined icon palettes */
body.sfr-site .sfr-tool-icon.teal{background:linear-gradient(135deg,#e7f8f5,#ffffff);color:#0f8b83;}
body.sfr-site .sfr-tool-icon.gold{background:linear-gradient(135deg,#fff4dd,#ffffff);color:#c58d2c;}
body.sfr-site .sfr-tool-icon.purple{background:linear-gradient(135deg,#f0edff,#ffffff);color:#6454c8;}
body.sfr-site .sfr-tool-icon.blue{background:linear-gradient(135deg,#eaf5ff,#ffffff);color:#1d6fa8;}
body.sfr-site .sfr-tool-icon.green{background:linear-gradient(135deg,#eaf8ef,#ffffff);color:#18845e;}
body.sfr-site .sfr-tool-icon.amber{background:linear-gradient(135deg,#fff3dc,#ffffff);color:#c58d2c;}
body.sfr-site .sfr-tool-icon.slate{background:linear-gradient(135deg,#f1f5f9,#ffffff);color:#526174;}
body.sfr-site .sfr-tool-icon.navy{background:linear-gradient(135deg,#eaf4fb,#ffffff);color:#0b4d78;}
body.sfr-site .sfr-tool-icon.rose{background:linear-gradient(135deg,#fff0f3,#ffffff);color:#c75b72;}
body.sfr-site .sfr-tool-icon.cyan{background:linear-gradient(135deg,#e9fbfd,#ffffff);color:#168b9a;}

/* Academy remains V44-approved; only protect spacing continuity */
body.sfr-site .sfrv48-smart-academy{
  margin-top:10px;
}

@media (max-width:1080px){
  body.sfr-site .sfr-hero-chip,
  body.sfr-site .sfr-hero-signature{display:none;}
  body.sfr-site .sfr-hero-frame::after{opacity:.48;}
  body.sfr-site .sfr-tool-icon{width:58px;height:58px;border-radius:18px;}
}

@media (max-width:640px){
  body.sfr-site .sfr-tool-icon{width:54px;height:54px;border-radius:17px;}
  body.sfr-site .sfr-tool-icon svg{width:27px;height:27px;}
}

@media (prefers-reduced-motion:reduce){
  body.sfr-site .sfr-hero-chip{animation:none!important;}
  body.sfr-site .sfr-btn::after{display:none;}
}