/* ============================================================================
   WHY IGURUS — Premium re-skin (iGurus theme tokens)
   Scoped entirely under .igw. Adapted from design handoff:
   · wine/gold palette → iGurus crimson brand (#A41034, #8E0D2C)
   · champagne accent removed; crimson gradient used throughout
   · rating star retains amber #F59E0B (site-wide convention)
   Fonts: Cormorant Garamond + Hanken Grotesk (pushed via blade @push).
   Dark variant: add .igw--dark on <section>.
   ========================================================================== */

.igw *{box-sizing:border-box}

.igw{
  /* —— Design tokens (iGurus crimson system) ————————————————————— */
  --cream:   #FBF5EE;              /* page wash (site cream)         */
  --cream-2: #F3E7D7;              /* deeper wash / section bottom   */
  --paper:   #FFFFFF;              /* card surface                   */
  --ink:     #2F2A2B;              /* body text                      */
  --muted:   #6B7280;              /* secondary text                 */
  --wine:    #A41034;              /* iGurus crimson primary         */
  --wine-2:  #8E0D2C;              /* iGurus crimson deep            */
  --wine-ink:#111827;              /* headings — dark neutral ink    */
  --gold:    #D91247;              /* accent: bright crimson (grad ends, plus) */
  --gold-2:  rgba(255,255,255,.18);/* accent-light: frosted white    */
  --line:    rgba(164,16,52,.10);  /* crimson hairline border        */

  position:relative;overflow:hidden;
  background:#F5F1EA;
  color:var(--ink);
  font-family:'Hanken Grotesk',system-ui,sans-serif;
  padding:clamp(56px,8vw,128px) clamp(24px,6vw,104px);
}

/* —— Decorative background —————————————————————————————————————— */
.igw__deco{position:absolute;inset:0;pointer-events:none}
.igw__orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5}
.igw__orb--1{width:520px;height:520px;left:-160px;top:-120px;background:radial-gradient(circle,rgba(164,16,52,.18),transparent 70%)}
.igw__orb--2{width:620px;height:620px;right:-220px;bottom:-220px;background:radial-gradient(circle,rgba(164,16,52,.10),transparent 70%)}
.igw__noise{position:absolute;inset:0;opacity:.04;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* —— Layout ———————————————————————————————————————————————————— */
.igw__wrap{position:relative;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:0.92fr 1.08fr;gap:clamp(40px,5vw,84px);align-items:center}

/* —— Left panel ————————————————————————————————————————————————— */
.igw__eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 26px;font-size:13px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--wine)}
.igw__eyebrow-dash{width:44px;height:2px;background:linear-gradient(90deg,var(--wine),var(--gold));border-radius:2px;flex-shrink:0}

.igw__heading{margin:0;font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(44px,5.2vw,76px);line-height:1.02;letter-spacing:-.01em;color:var(--wine-ink)}
.igw__heading-em{position:relative;font-style:italic;font-weight:600;color:var(--wine);white-space:nowrap}
/* Soft crimson swash behind "advancement" */
.igw__heading-em::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.5em;background:linear-gradient(90deg,rgba(164,16,52,.16),rgba(164,16,52,.04));border-radius:50%;filter:blur(.5px);z-index:-1;transform:scaleY(.34) translateY(40%)}

.igw__lead{margin:30px 0 0;max-width:30em;font-size:clamp(16px,1.15vw,18px);line-height:1.7;color:var(--muted)}

/* —— Stats ——————————————————————————————————————————————————————— */
.igw__stats{display:flex;align-items:center;gap:clamp(16px,2vw,30px);margin:40px 0 0}
.igw__stat{display:flex;flex-direction:column;gap:5px}
.igw__stat-val{font-family:'Cormorant Garamond',serif;font-weight:700;font-size:clamp(30px,3vw,40px);line-height:1;color:var(--wine-ink);display:inline-flex;align-items:baseline}
.igw__stat-plus{color:var(--wine);margin-left:1px}
.igw__stat-star{color:#F59E0B;font-size:.5em;margin-left:6px} /* amber — site rating convention */
.igw__stat-label{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.igw__stat-sep{width:1px;height:38px;background:var(--line)}

/* —— CTA ————————————————————————————————————————————————————————— */
.igw__cta{display:inline-flex;align-items:center;gap:18px;margin-top:48px;padding:6px 6px 6px 30px;border-radius:999px;background:linear-gradient(120deg,var(--wine),var(--wine-2));color:#FBF5EE;font-size:16px;font-weight:600;letter-spacing:.01em;text-decoration:none;box-shadow:0 14px 34px -12px rgba(164,16,52,.45);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.igw__cta:hover{transform:translateY(-3px);box-shadow:0 22px 46px -14px rgba(164,16,52,.5);color:#FBF5EE;text-decoration:none}
/* Arrow circle: frosted white with white icon */
.igw__cta-arrow{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.15);color:#ffffff;border:1px solid rgba(255,255,255,.25);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.igw__cta:hover .igw__cta-arrow{transform:translateX(4px) rotate(-8deg)}
.igw__cta-arrow svg{width:20px;height:20px}

/* —— Cards ——————————————————————————————————————————————————————— */
.igw__cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,1.6vw,26px)}
.igw__card{position:relative;overflow:hidden;padding:clamp(26px,2.3vw,38px);border-radius:22px;background:linear-gradient(180deg,var(--paper),#FBF4EA);border:1px solid var(--line);box-shadow:0 1px 1px rgba(164,16,52,.03),0 18px 44px -22px rgba(164,16,52,.18);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .5s}
.igw__card:hover{transform:translateY(-7px);border-color:rgba(164,16,52,.30);box-shadow:0 1px 1px rgba(164,16,52,.04),0 34px 60px -26px rgba(164,16,52,.28)}

/* Ghost numeral — crimson at 7% opacity */
.igw__card-num{position:absolute;top:14px;right:22px;font-family:'Cormorant Garamond',serif;font-weight:700;font-size:108px;line-height:1;color:var(--wine);opacity:.07;transition:opacity .5s,transform .5s;pointer-events:none;user-select:none}
.igw__card:hover .igw__card-num{opacity:.13;transform:translateY(-2px)}

/* Icon tile — crimson gradient with white inner-top highlight ring */
.igw__card-ico{position:relative;display:grid;place-items:center;width:60px;height:60px;border-radius:16px;background:linear-gradient(140deg,var(--wine),var(--wine-2));color:#ffffff;box-shadow:0 10px 22px -8px rgba(164,16,52,.50),inset 0 1px 0 rgba(255,255,255,.18);margin-bottom:26px}
/* White inner-top highlight ring (replaces champagne gradient) */
.igw__card-ico::before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(140deg,rgba(255,255,255,.22),transparent 55%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.igw__card-ico svg{width:26px;height:26px}

/* Card copy */
.igw__card-title{margin:0 0 12px;font-family:'Cormorant Garamond',serif;font-weight:700;font-size:clamp(23px,1.7vw,27px);letter-spacing:-.005em;color:var(--wine-ink)}
.igw__card-text{margin:0;font-size:15px;line-height:1.62;color:var(--muted)}

/* Bottom accent bar — crimson gradient, wipes on hover */
.igw__card-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--wine),var(--gold));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.igw__card:hover .igw__card-bar{transform:scaleX(1)}

/* —— Scroll-reveal (JS arms .igw--anim, then adds .is-in per card) —— */
.igw--anim .igw__card{opacity:0;transform:translateY(22px)}
.igw--anim .igw__card.is-in{opacity:1;transform:translateY(0);transition:opacity .65s cubic-bezier(.2,.8,.2,1),transform .65s cubic-bezier(.2,.8,.2,1)}

/* —— Dark-luxury variant (.igw--dark on <section>) ——————————————— */
.igw--dark{
  --cream:   #1B1013;
  --cream-2: #140A0D;
  --paper:   #241317;
  --ink:     #F4E7E0;
  --muted:   #B79EA0;
  --wine-ink:#F6E4D9;
  --line:    rgba(164,16,52,.22);
  background:radial-gradient(120% 90% at 12% 0%,#2A171C 0%,#1B1013 50%,#120709 130%)
}
.igw--dark .igw__eyebrow,
.igw--dark .igw__heading-em     { color:#F4C4C8 }
.igw--dark .igw__eyebrow-dash   { background:linear-gradient(90deg,var(--wine),rgba(244,196,200,.4)) }
.igw--dark .igw__card           { background:linear-gradient(180deg,#251418,#1C0F12);box-shadow:0 1px 1px rgba(0,0,0,.4),0 24px 50px -26px rgba(0,0,0,.7) }
.igw--dark .igw__card:hover     { border-color:rgba(164,16,52,.5) }
.igw--dark .igw__card-num       { color:var(--wine);opacity:.15 }
.igw--dark .igw__stat-sep       { background:var(--line) }

/* —— Responsive ————————————————————————————————————————————————— */
@media(max-width:900px){.igw__wrap{grid-template-columns:1fr;gap:48px}.igw__cards{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.igw__cards{grid-template-columns:1fr}.igw__stats{flex-wrap:wrap;gap:18px}}
@media(prefers-reduced-motion:reduce){.igw--anim .igw__card{opacity:1!important;transform:none!important}}