.comparison{
  position:relative;
  overflow:hidden;
  padding:44px 0 28px;
  background:
    radial-gradient(circle at 11% 15%,rgba(176,123,23,.08),transparent 20%),
    radial-gradient(circle at 89% 84%,rgba(176,123,23,.07),transparent 22%),
    linear-gradient(rgba(207,151,33,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(207,151,33,.025) 1px,transparent 1px),
    #030303;
  background-size:auto,auto,48px 48px,48px 48px,auto;
}
.comparison::before,.comparison::after{content:none}
.comparison .container{position:relative;z-index:2;width:min(1480px,calc(100% - 42px))}
.comparison .section-heading{margin:0 auto 22px;text-align:center}
.comparison .section-heading h2{display:block;margin:0;color:#f5f2ec;font-family:"Cinzel",serif;font-size:clamp(1.9rem,3vw,3rem);font-weight:500;line-height:1.16;text-transform:uppercase}
.comparison .section-heading h2 em{color:#d5a536;font-style:normal}
.comparison .section-heading span{display:block;margin-top:6px;color:#dedbd5;font-size:clamp(.9rem,1.45vw,1.25rem)}
.comparison-heading-line{display:block;position:relative;width:min(620px,72%);height:1px;margin:20px auto 0;background:linear-gradient(90deg,transparent,#c99629 18%,#c99629 82%,transparent)}
.comparison-heading-line::after{content:"◆";position:absolute;left:50%;top:50%;padding:0 11px;background:#030303;color:#d2a139;font-size:.75rem;transform:translate(-50%,-50%)}
.comparison__grid{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:12px;align-items:center;width:100%;max-width:none;margin:0}
.comparison-card{position:relative;min-height:485px;overflow:hidden;padding:82px 32px 24px;border:1px solid;border-radius:19px;background-repeat:no-repeat;background-size:cover;background-position:center;box-shadow:0 28px 60px rgba(0,0,0,.42)}
.comparison-card::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,2,2,.98) 0%,rgba(3,3,3,.9) 39%,rgba(3,3,3,.2) 76%,rgba(3,3,3,.06) 100%)}
.comparison-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 28%,rgba(0,0,0,.2));pointer-events:none}
.comparison-card--bad{border-color:#a82727;background-image:url("assets/comparison-chaos-red-v1.png")}
.comparison-card--good{border-color:#d1a323;background-image:url("assets/comparison-method-gold-v1.png")}
.comparison-card h3{position:absolute;z-index:2;top:19px;left:16%;right:16%;display:flex;align-items:center;justify-content:center;min-height:52px;margin:0;padding:8px 20px;border:1px solid;border-radius:999px;font-family:"Inter",sans-serif;font-size:clamp(.88rem,1.35vw,1.2rem);font-weight:800;text-align:center;text-transform:uppercase}
.comparison-card--bad h3{border-color:#b92b2b;background:linear-gradient(180deg,#8e1d1d,#4c0606);color:#fff}
.comparison-card--good h3{border-color:#dfb537;background:linear-gradient(180deg,#e0b84a,#a67515);color:#080604}
.comparison-card ul{position:relative;z-index:2;width:53%;margin:0;padding:0;list-style:none}
.comparison-card li{position:relative;min-height:72px;padding:14px 6px 12px 51px;border-bottom:1px solid rgba(255,255,255,.09);color:#f0ede7;font-size:clamp(.72rem,1vw,.94rem);line-height:1.38}
.comparison-card li:last-child{border-bottom:0}
.comparison-card li::before{position:absolute;left:0;top:50%;display:grid;place-items:center;width:33px;height:33px;border:1.5px solid;border-radius:50%;font-size:1.2rem;font-weight:700;transform:translateY(-50%)}
.comparison-card--bad li::before{content:"×";border-color:#ef3838;color:#ff4949}
.comparison-card--good li::before{content:"✓";border-color:#dfb832;color:#f2c94e}
.comparison__symbol{position:relative;z-index:3;color:#e0ad2e;font-size:3.5rem;text-align:center;text-shadow:0 0 20px rgba(232,179,43,.7);animation:comparisonArrowPulse 1.8s ease-in-out infinite}
.comparison__statement{display:flex;align-items:center;justify-content:center;gap:24px;max-width:1020px;margin:24px auto 16px;color:#f0eee8;text-align:center}
.comparison__statement p{margin:0;font-size:clamp(.88rem,1.5vw,1.25rem);line-height:1.42}
.comparison__statement strong{color:#d9a72f;font-weight:500}
.comparison__scale{display:none;flex:0 0 auto;place-items:center;width:66px;height:66px;border:1px solid #d1a128;border-radius:50%;color:#d9a72f;font-size:1.8rem}
.comparison .center::before{content:"";display:block;width:min(720px,68%);height:1px;margin:0 auto 16px;background:linear-gradient(90deg,transparent,#b98620,transparent)}
.comparison .center .cta{min-width:min(560px,100%);min-height:62px;border-radius:8px;font-size:1rem;box-shadow:0 0 30px rgba(211,159,49,.25)}
.comparison__trust{display:flex;align-items:center;justify-content:center;gap:0;margin:16px auto 0;color:#efede8;font-size:.72rem;text-transform:uppercase}
.comparison__trust span{display:flex;align-items:center;gap:9px;padding:0 30px;border-right:1px solid #8e681c}
.comparison__trust span:last-child{border-right:0}
.comparison__trust b{color:#d9a62d;font-size:1.35rem;font-weight:400}
.comparison-card.reveal{opacity:0;transition:opacity .75s ease,transform .85s cubic-bezier(.2,.7,.2,1)}
.comparison-reveal-left{transform:translateX(-55px)}
.comparison-reveal-right{transform:translateX(55px)}
.comparison-card.reveal.is-visible{opacity:1;transform:none}
.comparison-card.reveal li{opacity:0;transform:translateX(-14px);transition:opacity .4s ease,transform .45s ease}
.comparison-card.reveal.is-visible li{opacity:1;transform:none}
.comparison-card.reveal.is-visible li:nth-child(1){transition-delay:.28s}.comparison-card.reveal.is-visible li:nth-child(2){transition-delay:.38s}.comparison-card.reveal.is-visible li:nth-child(3){transition-delay:.48s}.comparison-card.reveal.is-visible li:nth-child(4){transition-delay:.58s}.comparison-card.reveal.is-visible li:nth-child(5){transition-delay:.68s}
@keyframes comparisonArrowPulse{0%,100%{transform:translateX(-4px);opacity:.7}50%{transform:translateX(5px);opacity:1}}
@media(min-width:761px) and (max-width:1180px){
  .comparison .container{width:min(100% - 28px,1480px)}
  .comparison__grid{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:8px}
  .comparison-card{min-height:455px;padding:78px 22px 20px}
  .comparison-card h3{left:10%;right:10%;font-size:.88rem}
  .comparison-card ul{width:58%}
  .comparison-card li{min-height:69px;padding-left:43px;font-size:.72rem}
  .comparison-card li::before{width:29px;height:29px}
  .comparison__symbol{font-size:2.8rem}
}
@media(max-width:760px){
  .comparison{padding:34px 0 30px;background-size:auto,auto,38px 38px,38px 38px,auto}
  .comparison::before,.comparison::after{font-size:8rem;opacity:.55}
  .comparison .container{width:min(100% - 24px,1480px)}
  .comparison .section-heading{margin-bottom:24px}
  .comparison .section-heading h2{font-size:clamp(1.65rem,7.8vw,2.25rem);line-height:1.22}
  .comparison .section-heading span{max-width:92%;margin:10px auto 0;font-size:1rem;line-height:1.4}
  .comparison-heading-line{width:58%;margin-top:17px}
  .comparison__grid{grid-template-columns:1fr;gap:0}
  .comparison-card{min-height:525px;padding:88px 18px 18px;border-radius:17px;background-position:56% center}
  .comparison-card::before{background:linear-gradient(90deg,rgba(2,2,2,.97) 0%,rgba(3,3,3,.84) 45%,rgba(3,3,3,.12) 88%)}
  .comparison-card h3{left:17%;right:17%;top:18px;min-height:52px;font-size:.92rem}
  .comparison-card ul{width:55%}
  .comparison-card li{min-height:75px;padding:13px 4px 11px 43px;font-size:.75rem;line-height:1.42}
  .comparison-card li::before{width:30px;height:30px;font-size:1.05rem}
  .comparison__symbol{height:58px;font-size:3.6rem;line-height:54px;transform:rotate(90deg)!important;animation:comparisonArrowMobile 1.8s ease-in-out infinite}
  .comparison__statement{align-items:flex-start;gap:17px;margin:27px auto 20px;text-align:left}
  .comparison__scale{display:grid;width:56px;height:56px;font-size:1.45rem}
  .comparison__statement p{flex:1;font-size:.9rem;line-height:1.52}
  .comparison .center::before{display:none}
  .comparison .center .cta{min-height:58px;font-size:.83rem}
  .comparison__trust{display:grid;grid-template-columns:repeat(3,1fr);width:100%;margin-top:18px;padding:17px 8px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.025);font-size:.57rem}
  .comparison__trust span{justify-content:center;min-height:46px;padding:0 8px;text-align:left}
  .comparison__trust b{font-size:1.25rem}
  @keyframes comparisonArrowMobile{0%,100%{transform:rotate(90deg) translateX(-4px);opacity:.7}50%{transform:rotate(90deg) translateX(5px);opacity:1}}
}
@media(prefers-reduced-motion:reduce){.comparison__symbol,.comparison-card.reveal,.comparison-card.reveal li{animation:none;transition:none}}