/* New Sections CSS from Radiant Optimizer Redesign */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap');

@property --ar { syntax: '<integer>'; inherits: true; initial-value: 88; }
@property --ag { syntax: '<integer>'; inherits: true; initial-value: 28; }
@property --ab { syntax: '<integer>'; inherits: true; initial-value: 168; }

@keyframes colorCycle {
  0% { --ar: 72; --ag: 20; --ab: 150; }
  25% { --ar: 168; --ag: 100; --ab: 255; }
  50% { --ar: 25; --ag: 40; --ab: 165; }
  75% { --ar: 70; --ag: 150; --ab: 255; }
  100% { --ar: 72; --ag: 20; --ab: 150; }
}

:root {
  --ar:88;--ag:28;--ab:168;
  animation: colorCycle 10s linear infinite;
  --bg-new:#08080c;--bg2:#0a0a10;--bg3:#0e0e14;
  --surface:#131318;--surface2:#1a1a22;
  --border-new:#1e1e28;--border2:#28283a;
  --text:#e4e4e7;--text2:#a1a1aa;--text3:#71717a;
  --red:#ff4d4d;--gold:#ffd700;
  --radius:12px;--radius-lg:20px;
  --font-display:'Bebas Neue',sans-serif;
  --font-body:'Outfit',sans-serif;
  --font-mono:'Fira Code',monospace;
  --max-w:1200px;
  --ease:cubic-bezier(.22,1,.36,1);
}

/* BG WATERMARKS */
.bg-watermarks{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}
.bg-watermark-line{font-family:var(--font-display);font-size:clamp(100px,12vw,180px);letter-spacing:.04em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(var(--ar),var(--ag),var(--ab),.04);line-height:1.1;user-select:none;will-change:transform}
.bg-watermark-line:nth-child(even){transform:translateX(-15%);-webkit-text-stroke-color:rgba(255,255,255,.015)}
.bg-watermark-line:nth-child(3n){-webkit-text-stroke-color:rgba(var(--ar),var(--ag),var(--ab),.025)}

/* NAV BRAND UPDATE */
.nav-brand-new {
    display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:22px;letter-spacing:.08em;color:rgb(var(--ar),var(--ag),var(--ab));text-shadow:0 0 30px rgba(var(--ar),var(--ag),var(--ab),.4);
}
.nav-dot{width:8px;height:8px;border-radius:50%;background:rgb(var(--ar),var(--ag),var(--ab));box-shadow:0 0 12px rgb(var(--ar),var(--ag),var(--ab));animation:pulse 2s ease infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}

/* REVEAL UTILS */
.rv{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv.from-left{transform:translateX(-60px) translateY(0)}.rv.from-right{transform:translateX(60px) translateY(0)}
.rv.from-scale{transform:scale(.92);transform-origin:center}
.rv.visible{opacity:1;transform:translate(0,0) scale(1)}
.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.2s}.rv.d3{transition-delay:.3s}
.rv.d4{transition-delay:.4s}.rv.d5{transition-delay:.5s}.rv.d6{transition-delay:.6s}
.rv.d7{transition-delay:.7s}.rv.d8{transition-delay:.8s}

/* SECTIONS COMMON */
.section-inner{max-width:var(--max-w);margin:0 auto}
.section-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:rgb(var(--ar),var(--ag),var(--ab));text-transform:uppercase;letter-spacing:.14em;margin-bottom:16px; font-family:var(--font-body);}
.section-tag::before{content:'';width:20px;height:1px;background:rgb(var(--ar),var(--ag),var(--ab))}
.section-h2{font-family:var(--font-display);font-size:clamp(40px,5vw,72px);line-height:.95;letter-spacing:.02em;margin-bottom:20px; color: white;}
.section-desc{font-family:var(--font-body); font-size:clamp(15px,1.2vw,18px);color:var(--text2);max-width:560px;line-height:1.7;font-weight:300}
.acc{color:rgb(var(--ar),var(--ag),var(--ab))}

/* FEATURES */
.features{background:transparent; position: relative; z-index: 1; padding:clamp(80px,10vw,140px) clamp(20px,5vw,80px)}
.feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:60px}
.feat-card{position:relative;padding:36px;border:1px solid var(--border-new);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;transition:all .5s var(--ease);cursor:default}
.feat-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--ar),var(--ag),var(--ab),.05) 0%,transparent 50%);opacity:0;transition:opacity .5s}
.feat-card:hover{border-color:rgba(var(--ar),var(--ag),var(--ab),.2);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 0 1px rgba(var(--ar),var(--ag),var(--ab),.08)}
.feat-card:hover::before{opacity:1}
.feat-card:hover .feat-num{color:rgb(var(--ar),var(--ag),var(--ab));text-shadow:0 0 30px rgba(var(--ar),var(--ag),var(--ab),.35)}
.feat-num{font-family:var(--font-display);font-size:48px;color:var(--border2);line-height:1;transition:all .5s var(--ease);margin-bottom:16px}
.feat-title{font-family:var(--font-body); font-size:20px;font-weight:700;color:#fff;margin-bottom:8px}
.feat-desc{font-family:var(--font-body); font-size:14px;color:var(--text3);line-height:1.6;margin-bottom:20px}
.feat-metric{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;background:rgba(var(--ar),var(--ag),var(--ab),.07);border:1px solid rgba(var(--ar),var(--ag),var(--ab),.14)}
.feat-metric-val{font-family:var(--font-mono);font-size:13px;color:rgb(var(--ar),var(--ag),var(--ab));font-weight:600}
.feat-metric-lbl{font-family:var(--font-body); font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em}

/* CREDIBILITY */
.credibility{background:var(--bg2);border-top:1px solid var(--border-new);border-bottom:1px solid var(--border-new); position: relative; z-index: 1; padding:clamp(80px,10vw,140px) clamp(20px,5vw,80px)}
.cred-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.cred-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:100px;background:rgba(var(--ar),var(--ag),var(--ab),.07);border:1px solid rgba(var(--ar),var(--ag),var(--ab),.18);font-size:12px;font-weight:600;color:rgb(var(--ar),var(--ag),var(--ab));text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px; font-family: var(--font-body);}
.cred-badge svg{width:16px;height:16px;stroke:rgb(var(--ar),var(--ag),var(--ab));fill:none;stroke-width:2}
.cred-h3{font-family:var(--font-display);font-size:clamp(36px,4vw,60px);line-height:.95;margin-bottom:20px; color: white;}
.cred-body{font-family:var(--font-body); font-size:16px;color:var(--text2);line-height:1.8;max-width:480px;font-weight:300}
.cred-body strong{color:#fff;font-weight:600}
.cred-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.cred-stat{padding:28px;border:1px solid var(--border-new);border-radius:var(--radius);background:var(--surface);text-align:center;transition:all .4s var(--ease)}
.cred-stat:hover{border-color:rgba(var(--ar),var(--ag),var(--ab),.18);transform:translateY(-4px)}
.cred-stat-num{font-family:var(--font-display);font-size:36px;color:rgb(var(--ar),var(--ag),var(--ab));line-height:1;margin-bottom:6px}
.cred-stat-lbl{font-family:var(--font-body); font-size:12px;color:var(--text3);text-transform:uppercase;letter-spacing:.08em}

/* COMPARISON */
.comparison{background:transparent; position: relative; z-index: 1; padding:clamp(80px,10vw,140px) clamp(20px,5vw,80px)}
.comp-wrap{margin-top:60px;border:1px solid var(--border-new);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}
.comp-header{display:grid;grid-template-columns:200px 1fr 1fr 1fr;border-bottom:1px solid var(--border-new)}
.comp-header div{padding:20px 24px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);border-right:1px solid var(--border-new); font-family: var(--font-body);}
.comp-header div:last-child{border-right:none}
.comp-header .comp-us{background:rgba(var(--ar),var(--ag),var(--ab),.05);color:rgb(var(--ar),var(--ag),var(--ab));border-bottom:2px solid rgb(var(--ar),var(--ag),var(--ab))}
.comp-row{display:grid;grid-template-columns:200px 1fr 1fr 1fr;border-bottom:1px solid var(--border-new);transition:background .3s}
.comp-row:last-child{border-bottom:none}
.comp-row:hover{background:rgba(255,255,255,.01)}
.comp-row div{padding:18px 24px;font-size:14px;border-right:1px solid var(--border-new);display:flex;align-items:center;gap:8px; font-family: var(--font-body);}
.comp-row div:last-child{border-right:none}
.comp-feat{color:var(--text2);font-weight:500}
.comp-bad{color:var(--text3)}.comp-bad::before{content:'\2715';color:var(--red);margin-right:4px;font-size:12px}
.comp-ok{color:var(--text2)}.comp-ok::before{content:'~';color:var(--text3);margin-right:4px}
.comp-good{color:rgb(var(--ar),var(--ag),var(--ab));font-weight:600;background:rgba(var(--ar),var(--ag),var(--ab),.04)}
.comp-good::before{content:'\2713';margin-right:4px}

/* PRICING */
.pricing{background:var(--bg2);overflow:hidden; position: relative; z-index: 1; padding:clamp(80px,10vw,140px) clamp(20px,5vw,80px)}
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:60px;align-items:center}
.pricing-features{display:flex;flex-direction:column;gap:16px}
.pf-item{display:flex;align-items:center;gap:14px;font-size:15px;color:var(--text2);font-weight:400; font-family: var(--font-body);}
.pf-check{width:24px;height:24px;min-width:24px;border-radius:50%;background:rgba(var(--ar),var(--ag),var(--ab),.1);border:1px solid rgba(var(--ar),var(--ag),var(--ab),.22);display:flex;align-items:center;justify-content:center}
.pf-check svg{width:12px;height:12px;stroke:rgb(var(--ar),var(--ag),var(--ab));fill:none;stroke-width:2.5}

.price-card-wrap{perspective:1000px}
.price-card-new{position:relative;border:1px solid rgba(var(--ar),var(--ag),var(--ab),.18);border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(170deg,var(--surface) 0%,var(--bg-new) 100%);box-shadow:0 0 0 1px rgba(var(--ar),var(--ag),var(--ab),.06),0 30px 100px rgba(0,0,0,.5),0 0 80px rgba(var(--ar),var(--ag),var(--ab),.08);transition:all .6s var(--ease);animation:cardFloat 8s ease-in-out infinite}
@keyframes cardFloat{0%,100%{transform:translateY(0)}25%{transform:translateY(-6px) rotateX(1deg) rotateY(-1deg)}75%{transform:translateY(-3px) rotateX(-.5deg) rotateY(.5deg)}}
.price-card-new:hover{border-color:rgba(var(--ar),var(--ag),var(--ab),.35);box-shadow:0 0 0 1px rgba(var(--ar),var(--ag),var(--ab),.12),0 40px 120px rgba(0,0,0,.6),0 0 120px rgba(var(--ar),var(--ag),var(--ab),.12);transform:translateY(-8px) scale(1.01)}
.price-card-glow{position:absolute;top:-2px;left:-2px;right:-2px;height:3px;background:linear-gradient(90deg,transparent,rgb(var(--ar),var(--ag),var(--ab)),transparent);animation:glowSlide 3s ease-in-out infinite}
@keyframes glowSlide{0%{opacity:.4;transform:translateX(-30%)}50%{opacity:1;transform:translateX(30%)}100%{opacity:.4;transform:translateX(-30%)}}

.pc-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:rgba(var(--ar),var(--ag),var(--ab),.1);border:1px solid rgba(var(--ar),var(--ag),var(--ab),.2);border-radius:100px;font-size:11px;font-weight:700;color:rgb(var(--ar),var(--ag),var(--ab));text-transform:uppercase;letter-spacing:.1em; font-family: var(--font-body);}
.pc-badge svg{width:14px;height:14px;stroke:rgb(var(--ar),var(--ag),var(--ab));fill:none;stroke-width:2.5}
.pc-top{padding:40px 40px 0}
.pc-title{font-family:var(--font-display);font-size:clamp(32px,3vw,42px);line-height:.95;margin:20px 0 28px; color: white;}
.pc-price{display:flex;align-items:flex-end;gap:8px;margin-bottom:6px}
.pc-old{font-size:20px;color:var(--text3);text-decoration:line-through;font-weight:400; font-family: var(--font-body);}
.pc-dollar{font-family:var(--font-display);font-size:18px;color:rgb(var(--ar),var(--ag),var(--ab));align-self:flex-start;margin-top:8px}
.pc-amount{font-family:var(--font-display);font-size:clamp(64px,6vw,80px);color:rgb(var(--ar),var(--ag),var(--ab));line-height:.85;text-shadow:0 0 60px rgba(var(--ar),var(--ag),var(--ab),.35)}
.pc-period{font-size:13px;color:var(--text3);font-weight:400;margin-bottom:4px; font-family: var(--font-body);}
.pc-save{font-size:12px;color:rgb(var(--ar),var(--ag),var(--ab));font-weight:600;margin-top:4px; font-family: var(--font-body);}
.pc-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-new),transparent);margin:28px 40px}
.pc-features{padding:0 40px;display:flex;flex-direction:column;gap:12px}
.pc-feat{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text2); font-family: var(--font-body);}
.pc-feat svg{width:16px;height:16px;stroke:rgb(var(--ar),var(--ag),var(--ab));fill:none;stroke-width:2.5;min-width:16px}
.pc-bottom{padding:32px 40px 40px}
.pc-cta{width:100%;padding:18px;background:rgb(var(--ar),var(--ag),var(--ab));color:#fff;font-size:16px;font-weight:800;letter-spacing:.04em;border-radius:12px;position:relative;overflow:hidden;transition:all .4s var(--ease);box-shadow:0 0 40px rgba(var(--ar),var(--ag),var(--ab),.2),0 4px 20px rgba(0,0,0,.3); font-family: var(--font-body); cursor: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3L10.5 21L13.5 13.5L21 10.5L3 3Z' fill='%235533dd' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 2 2, pointer;}
.pc-cta::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .7s var(--ease)}
.pc-cta:hover{transform:translateY(-2px);box-shadow:0 0 60px rgba(var(--ar),var(--ag),var(--ab),.35),0 8px 30px rgba(0,0,0,.4)}
.pc-cta:hover::before{left:100%}
.pc-trust{display:flex;justify-content:center;gap:20px;margin-top:20px}
.pc-trust span{font-size:11px;color:var(--text3);display:flex;align-items:center;gap:4px; font-family: var(--font-body);}
.pc-trust svg{width:12px;height:12px;stroke:var(--text3);fill:none;stroke-width:2}

/* URGENCY */
.urgency{position:relative;z-index:1;padding:80px clamp(20px,5vw,80px);background:linear-gradient(180deg,var(--bg-new) 0%,rgba(var(--ar),var(--ag),var(--ab),.03) 50%,var(--bg-new) 100%);text-align:center;border-top:1px solid var(--border-new);border-bottom:1px solid var(--border-new)}
.urgency-h{font-family:var(--font-display);font-size:clamp(36px,5vw,64px);line-height:.95;margin-bottom:20px; color: white;}
.urgency-p{font-size:17px;color:var(--text2);max-width:600px;margin:0 auto 36px;font-weight:300;line-height:1.7; font-family: var(--font-body);}
.urgency .btn-main{font-size:17px;padding:20px 48px}

/* FAQ */
.faq{background:transparent; position: relative; z-index: 1; padding:clamp(80px,10vw,140px) clamp(20px,5vw,80px)}
.faq-list{max-width:720px;margin:48px auto 0;display:flex;flex-direction:column;gap:12px}
.faq-item{border:1px solid var(--border-new);border-radius:var(--radius);overflow:hidden;transition:border-color .3s; background: var(--bg3);}
.faq-item.open{border-color:rgba(var(--ar),var(--ag),var(--ab),.18)}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s; font-family: var(--font-body);}
.faq-q:hover{color:rgb(var(--ar),var(--ag),var(--ab))}
.faq-q .faq-arrow{width:20px;height:20px;transition:transform .4s var(--ease)}
.faq-item.open .faq-arrow{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .5s var(--ease),padding .5s var(--ease)}
.faq-item.open .faq-a{max-height:300px;padding:0 24px 20px}
.faq-a p{font-size:14px;color:var(--text2);line-height:1.7; font-family: var(--font-body);}

/* RESPONSIVE */
@media(max-width:960px){
  .feat-grid{grid-template-columns:1fr}
  .cred-inner{grid-template-columns:1fr;gap:48px}
  .comp-header,.comp-row{grid-template-columns:120px 1fr 1fr 1fr}
  .comp-header div,.comp-row div{padding:12px 14px;font-size:12px}
  .pricing-grid{grid-template-columns:1fr;gap:48px}
}
@media(max-width:600px){
  .comp-header,.comp-row{grid-template-columns:1fr;gap:0}
  .comp-header div,.comp-row div{border-right:none;border-bottom:1px solid var(--border-new)}
  .pc-top,.pc-features,.pc-bottom{padding-left:24px;padding-right:24px}
  .pc-divider{margin-left:24px;margin-right:24px}
}