*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --ink:#0F0D1A;
  --ink-2:#3D3A52;
  --ink-3:#7A7693;
  --bg:#F8F7FC;
  --surface:#FFFFFF;
  --surface-2:#F2F0FA;
  --border:#E4E1F5;
  --border-2:#CAC6E8;
  --violet:#241B6B;
  --violet-2:#1A1450;
  --violet-soft:#E8E6F5;
  --violet-softer:#F3F2FA;
  --green:#0EA85A;
  --green-bg:#E8FBF1;
  --amber:#D97706;
  --amber-bg:#FEF9EC;
  --red:#DC2626;
  --red-bg:#FEF2F2;
  --shadow:0 1px 4px rgba(15,13,26,.07),0 4px 16px rgba(15,13,26,.05);
  --shadow-lg:0 8px 32px rgba(15,13,26,.12);
  --r:14px;
  --r-sm:8px;
  --r-lg:20px;
  --f-body:'Inter',sans-serif;
  --f-mono:'JetBrains Mono',monospace;
}
html{scroll-behavior:smooth}
body{font-family:var(--f-body);background:var(--bg);color:var(--ink);line-height:1.6;min-height:100vh}
a{color:var(--violet);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}
button{font-family:var(--f-body);cursor:pointer;border:none;background:none}
/* ─── HERO ─── */
#yzga-hero{
  padding:80px 24px 64px;
  text-align:center;
  position:relative;
  overflow:hidden;
}
#yzga-hero::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 900px 400px at 50% -80px, rgba(91,63,232,.09) 0%, transparent 70%);
  pointer-events:none;
}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--violet-soft);color:var(--violet);
  font-size:12.5px;font-weight:600;letter-spacing:.04em;
  padding:5px 14px;border-radius:20px;margin-bottom:24px;
}
.hero-eyebrow .dot{width:6px;height:6px;background:var(--violet);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
#yzga-hero h1{
  font-size:clamp(30px,5vw,52px);font-weight:800;letter-spacing:-.02em;
  line-height:1.15;color:var(--ink);margin-bottom:20px;
}
#yzga-hero h1 span{
  background:linear-gradient(135deg,var(--violet) 0%,#5C53A8 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
#yzga-hero .sub{
  font-size:17px;color:var(--ink-2);max-width:600px;margin:0 auto 40px;line-height:1.7;
}
.hero-stats{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-bottom:48px}
.hero-stat{text-align:center}
.hero-stat .n{font-size:28px;font-weight:800;color:var(--violet);font-family:var(--f-mono)}
.hero-stat .l{font-size:12px;color:var(--ink-3);margin-top:2px}
/* ─── FORM ─── */
.yzga-form-wrap{max-width:640px;margin:0 auto}
.yzga-form{
  display:flex;gap:10px;
  background:var(--surface);
  border:2px solid var(--border);
  border-radius:var(--r);
  padding:8px;
  box-shadow:var(--shadow-lg);
  transition:.2s;
}
.yzga-form:focus-within{border-color:var(--violet)}
.yzga-form input{
  flex:1;border:none;outline:none;
  font-family:var(--f-body);font-size:15px;
  color:var(--ink);background:transparent;
  padding:8px 12px;min-width:0;
}
.yzga-form input::placeholder{color:var(--ink-3)}
.yzga-form button{
  background:var(--violet);color:#fff;
  font-size:14px;font-weight:600;
  padding:10px 22px;border-radius:var(--r-sm);
  white-space:nowrap;transition:.15s;
}
.yzga-form button:hover{background:var(--violet-2)}
.yzga-form button:disabled{opacity:.6;cursor:not-allowed}
.form-hint{font-size:12.5px;color:var(--ink-3);margin-top:10px;text-align:center}
.form-samples{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}
.form-samples button{
  background:var(--surface);border:1px solid var(--border);
  color:var(--ink-2);font-size:12px;padding:5px 12px;border-radius:20px;
  transition:.15s;
}
.form-samples button:hover{border-color:var(--violet);color:var(--violet);background:var(--violet-softer)}
/* ─── SECTION WRAP ─── */
#yzga-section{max-width:1160px;margin:0 auto;padding:0 24px 80px}
/* ─── LOADING ─── */
#yzga-loading{display:none;text-align:center;padding:40px 24px 80px}
.scan-anim{width:168px;height:168px;margin:0 auto 32px;position:relative}
.scan-glow{
  position:absolute;inset:-28px;border-radius:50%;
  background:radial-gradient(circle,rgba(124,58,237,.38) 0%,rgba(236,72,153,.18) 40%,transparent 72%);
  animation:glowPulse 2.4s ease-in-out infinite;
  filter:blur(2px);
}
.scan-ring{
  width:168px;height:168px;border-radius:50%;
  border:4px solid var(--border);
  border-top-color:transparent;
  background:conic-gradient(from 0deg,var(--violet) 0%,#8B7CF6 18%,#EC4899 32%,#F59E0B 46%,transparent 60%) border-box;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 9px),#000 calc(100% - 9px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 9px),#000 calc(100% - 9px));
  animation:spin 1.3s linear infinite;
  position:absolute;inset:0;
}
.scan-ring-2{
  width:126px;height:126px;border-radius:50%;
  background:conic-gradient(from 180deg,#C7BCFB 0%,#5C53A8 25%,#22D3EE 45%,transparent 65%) border-box;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 6px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 6px));
  animation:spin .9s linear infinite reverse;
  position:absolute;top:21px;left:21px;
}
.scan-ring-3{
  width:84px;height:84px;border-radius:50%;
  border:2px dashed var(--violet-2);
  opacity:.4;
  animation:spin 4s linear infinite;
  position:absolute;top:42px;left:42px;
}
.scan-orbit{position:absolute;inset:0;animation:spin 3s linear infinite}
.scan-orbit-2{position:absolute;inset:0;animation:spin 5s linear infinite reverse}
.scan-particle{
  position:absolute;width:7px;height:7px;border-radius:50%;
  box-shadow:0 0 8px 2px currentColor;
}
.scan-particle:nth-child(1){top:0;left:50%;margin-left:-3.5px;color:var(--violet);background:var(--violet)}
.scan-particle:nth-child(2){top:50%;right:0;margin-top:-3.5px;color:#EC4899;background:#EC4899}
.scan-particle:nth-child(3){bottom:0;left:50%;margin-left:-3.5px;color:#22D3EE;background:#22D3EE}
.scan-particle:nth-child(4){top:50%;left:0;margin-top:-3.5px;color:#F59E0B;background:#F59E0B}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes glowPulse{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}
@keyframes iconPulse{0%,100%{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.16) rotate(2deg)}}
.scan-icon{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:42px;
  filter:drop-shadow(0 0 14px rgba(124,58,237,.65));
  animation:iconPulse 1.6s ease-in-out infinite;
}
#yzga-loading h3{
  font-size:21px;font-weight:800;margin-bottom:8px;
  background:linear-gradient(135deg,var(--violet) 0%,#EC4899 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
#yzga-loading p{color:var(--ink-3);font-size:14px}
.scan-steps{display:grid;gap:8px;max-width:360px;margin:24px auto 0;text-align:left}
.scan-step{
  display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-3);
  padding:9px 12px;border-radius:var(--r-sm);background:var(--surface);
  border:1px solid var(--border);border-left:3px solid transparent;
  transition:background .35s ease,border-color .35s ease,transform .35s ease,box-shadow .35s ease;
}
.scan-step.active{
  color:var(--ink);background:linear-gradient(90deg,var(--violet-softer) 0%,var(--surface) 85%);
  border-left-color:var(--violet);
  box-shadow:0 2px 10px rgba(124,58,237,.18);
  transform:translateX(2px);
}
.scan-step.done{color:var(--ink-2);border-left-color:var(--green)}
.scan-step .si{
  width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:10px;flex-shrink:0;background:var(--border);color:var(--ink-3);
  transition:background .3s ease,color .3s ease,transform .3s ease;
}
.scan-step.done .si{background:var(--green);color:#fff;transform:scale(1.05)}
.scan-step.done .si .num{display:none}
.scan-step.done .si .check{display:inline}
.scan-step .si .check{display:none}
.scan-step.active .si{
  background:linear-gradient(135deg,var(--violet) 0%,#8B7CF6 100%);color:#fff;
  animation:pulse 1s infinite;box-shadow:0 0 0 4px rgba(124,58,237,.16);
}
/* ─── ERROR ─── */
#yzga-error{display:none;max-width:520px;margin:60px auto;background:var(--red-bg);border:1px solid #FECACA;border-radius:var(--r);padding:28px;text-align:center}
#yzga-error h3{color:var(--red);font-size:17px;margin-bottom:8px}
#yzga-error p{color:var(--ink-2);font-size:14px;margin-bottom:16px}
#yzga-error button{background:var(--violet);color:#fff;padding:9px 20px;border-radius:var(--r-sm);font-size:14px;font-weight:600}
/* ─── REPORT ─── */
#yzga-report{display:none}
/* Skor kartı */
.score-card{
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-lg);padding:36px;
  display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center;
  box-shadow:var(--shadow);margin-bottom:24px;
}
@media(max-width:600px){.score-card{grid-template-columns:1fr;text-align:center}}
.score-dial{position:relative;width:140px;height:140px;flex-shrink:0}
@media(max-width:600px){.score-dial{margin:0 auto}}
.score-dial svg{transform:rotate(-90deg)}
.score-dial-track{fill:none;stroke:var(--border);stroke-width:10}
.score-dial-fill{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}
.score-dial-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.score-dial-num{font-size:36px;font-weight:800;line-height:1;font-family:var(--f-mono)}
.score-dial-grade{font-size:13px;font-weight:700;letter-spacing:.08em;margin-top:4px}
.score-meta h2{font-size:22px;font-weight:700;margin-bottom:6px}
.score-meta .url-badge{
  display:inline-flex;align-items:center;gap:6px;
  background:var(--surface-2);border:1px solid var(--border);
  padding:5px 12px;border-radius:20px;font-size:13px;color:var(--ink-2);
  font-family:var(--f-mono);margin-bottom:14px;
}
.score-meta .verdict{
  display:inline-flex;align-items:center;gap:8px;
  font-size:14px;font-weight:600;padding:6px 14px;border-radius:20px;margin-bottom:14px;
}
.score-meta p{font-size:14px;color:var(--ink-2);max-width:540px;line-height:1.6}
.score-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:16px}
.score-cat{
  background:var(--surface-2);border:1px solid var(--border);
  border-radius:var(--r-sm);padding:10px 14px;
  display:flex;align-items:center;gap:10px;
  font-size:13px;font-weight:500;cursor:pointer;transition:.15s;
  min-width:0;overflow:hidden;
}
.score-cat:hover{border-color:var(--violet);background:var(--violet-softer)}
.score-cat .icon{font-size:16px;flex:0 0 auto;line-height:1}
.score-cat>span:nth-child(2){flex:1 1 auto;min-width:0;overflow-wrap:anywhere;line-height:1.35;text-align:left}
.score-cat .cat-score{margin-left:auto;flex:0 0 auto;min-width:2.5em;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700;font-family:var(--f-mono);font-size:13px}
/* ─── GRAFİK PANELİ ─── */
.charts-grid{
  display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px;
  margin-bottom:20px;
}
@media(max-width:900px){.charts-grid{grid-template-columns:1fr}}
@media(max-width:560px){.score-cats{grid-template-columns:1fr}}
.chart-card{
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r);padding:20px 22px;box-shadow:var(--shadow);
}
.chart-card h4{font-size:14px;font-weight:800;color:var(--ink);margin-bottom:14px;display:flex;align-items:center;gap:7px}
/* Kategori bar chart */
.cbar-list{display:grid;gap:12px}
.cbar-row{display:grid;grid-template-columns:minmax(0,130px) minmax(26px,1fr) 40px;align-items:center;gap:8px;overflow:hidden}
.cbar-row .cbar-label{font-size:12.5px;color:var(--ink);font-weight:600;display:block;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cbar-track{height:11px;background:var(--surface-2);border-radius:20px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px rgba(15,13,26,.06)}
.cbar-fill{height:100%;border-radius:20px;width:0;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}
.cbar-fill::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.35) 0%,transparent 55%)}
.cbar-row .cbar-val{font-size:13px;font-weight:800;font-family:var(--f-mono);text-align:right;color:var(--ink)}
/* Donut (kontrol sonuçları) — 3D hissi veren gradyan + gölge */
.donut-wrap{display:flex;align-items:center;gap:18px}
.donut-svg{flex-shrink:0;filter:drop-shadow(0 4px 10px rgba(15,13,26,.16))}
.donut-legend{display:grid;gap:9px;font-size:12.5px}
.donut-legend-row{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:600}
.donut-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px 0 rgba(0,0,0,.2)}
.donut-legend-row b{font-family:var(--f-mono);margin-left:auto;padding-left:10px;color:var(--ink);font-weight:800;font-size:13.5px}
/* Radar chart (güçlü/zayıf yönler) */
.radar-wrap{display:flex;justify-content:center}
.radar-svg{overflow:visible}
.radar-tick{font-size:11px;fill:var(--ink);font-family:var(--f-body)}
.radar-area{fill:url(#radarFillGrad);fill-opacity:.5;stroke:var(--violet);stroke-width:2.5;stroke-linejoin:round;transition:d 1s cubic-bezier(.4,0,.2,1)}
.radar-point{fill:var(--violet);stroke:var(--surface);stroke-width:2}
.radar-grid-line{stroke:var(--border);stroke-width:1}
/* Öncelikler */
.prio-section{margin-bottom:24px}
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.section-head h3{font-size:17px;font-weight:700;display:flex;align-items:center;gap:8px}
.section-head .badge{background:var(--red-bg);color:var(--red);font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px}
.prio-list{display:grid;gap:10px}
.prio-item{
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r);padding:16px 18px;
  display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;
}
.prio-bar{width:3px;border-radius:4px;align-self:stretch;flex-shrink:0}
.prio-content .prio-label{font-size:14px;font-weight:600;margin-bottom:3px}
.prio-content .prio-cat{font-size:11.5px;color:var(--ink-3);margin-bottom:6px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}
.prio-content .prio-desc{font-size:13px;color:var(--ink-2);line-height:1.55}
.prio-badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap;margin-top:2px}
/* Kategoriler */
.cat-sections{display:grid;gap:16px}
.cat-card{
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);
}
.cat-head{
  display:flex;align-items:center;gap:12px;padding:18px 20px;
  cursor:pointer;user-select:none;transition:.15s;
}
.cat-head:hover{background:var(--surface-2)}
.cat-icon{font-size:20px;width:40px;height:40px;border-radius:10px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cat-head h4{flex:1;font-size:15px;font-weight:700}
.cat-score-pill{font-size:13px;font-weight:700;padding:4px 12px;border-radius:20px;font-family:var(--f-mono);white-space:nowrap}
@media(max-width:480px){.cat-score-pill{font-size:11.5px;padding:4px 9px}}
.cat-chevron{color:var(--ink-3);font-size:12px;transition:.2s}
.cat-card.open .cat-chevron{transform:rotate(180deg)}
.cat-body{display:none;border-top:1px solid var(--border)}
.cat-card.open .cat-body{display:block}
.check-list{padding:8px 0}
.check-row{
  display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:start;
  padding:12px 20px;border-bottom:1px solid var(--border);
  transition:.15s;
}
.check-row:last-child{border-bottom:none}
.check-row:hover{background:var(--surface-2)}
.check-icon{font-size:14px;margin-top:2px;width:18px;text-align:center}
.check-content .check-label{font-size:13.5px;font-weight:600;margin-bottom:2px}
.check-content .check-desc{font-size:12.5px;color:var(--ink-2);line-height:1.5}
.check-status{font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap;align-self:start;margin-top:2px}
.check-value{font-size:12px;color:var(--ink-3);font-family:var(--f-mono);text-align:right;white-space:nowrap;align-self:start;margin-top:3px;max-width:120px;overflow:hidden;text-overflow:ellipsis}
/* Sade dil toggle + etki rozeti */
.plain-toggle{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:var(--violet);background:var(--violet-softer);border:1px solid var(--violet-soft);border-radius:20px;padding:3px 10px;margin-top:8px;cursor:pointer;user-select:none}
.plain-toggle:hover{background:var(--violet-soft)}
.plain-box{display:none;margin-top:8px;font-size:12.5px;color:var(--ink-2);line-height:1.6;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px}
.plain-box.open{display:block}
.impact-badge{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:20px;white-space:nowrap;margin-top:4px}
.impact-high{background:var(--red-bg);color:var(--red)}
.impact-mid{background:var(--amber-bg);color:var(--amber)}
.impact-low{background:var(--surface-2);color:var(--ink-3)}
.compare-box{margin-top:10px;display:inline-flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 14px;font-size:13px;color:var(--ink-2)}
.compare-box b{font-weight:700}
.compare-up{color:var(--green)}
.compare-down{color:var(--red)}
.compare-same{color:var(--ink-3)}
.yzga-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;font-size:13px;font-weight:600;padding:10px 18px;border-radius:30px;box-shadow:0 8px 24px rgba(0,0,0,.2);opacity:0;transition:.25s;pointer-events:none;z-index:9999}
.yzga-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
/* Rakip karşılaştırma */
.compete-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:20px 22px;margin-top:20px;box-shadow:var(--shadow)}
.compete-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.compete-form input{flex:1;min-width:220px;border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 14px;font-size:13.5px;font-family:inherit}
.compete-form button{background:var(--violet);color:#fff;border:none;font-size:13px;font-weight:600;padding:10px 18px;border-radius:var(--r-sm);cursor:pointer;white-space:nowrap}
.compete-form button:disabled{opacity:.6;cursor:default}
.compete-result{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin-top:18px}
@media(max-width:600px){.compete-result{grid-template-columns:1fr}}
.compete-col{text-align:center;padding:16px;border-radius:var(--r-sm);background:var(--surface-2)}
.compete-col .cc-url{font-size:12px;color:var(--ink-3);word-break:break-all;margin-bottom:6px}
.compete-col .cc-score{font-size:30px;font-weight:800}
.compete-vs{font-size:13px;font-weight:700;color:var(--ink-3)}
.compete-winner{outline:2px solid var(--green)}
.compete-error{color:var(--red);font-size:13px;margin-top:10px}
/* Kimlik kartı */
.identity-card{
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r);padding:24px;
  display:grid;grid-template-columns:1fr 1fr;gap:16px 28px;
  margin-top:16px;
}
.identity-card .identity-block:first-child{grid-row:1 / 3}
@media(max-width:700px){
  .identity-card{grid-template-columns:1fr}
  .identity-card .identity-block:first-child{grid-row:auto}
}
.identity-block h5{font-size:12.5px;font-weight:800;color:var(--ink);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.identity-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border);font-size:13px}
.identity-row:last-child{border-bottom:none}
.identity-row .k{color:var(--ink-2)}
.identity-row .v{font-weight:600;font-family:var(--f-mono);font-size:12px;text-align:right;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Bot grid */
.bot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;padding:16px 20px}
.bot-item{
  display:flex;align-items:center;gap:10px;
  background:var(--surface-2);border:1px solid var(--border);
  border-radius:var(--r-sm);padding:10px 14px;font-size:13px;
}
.bot-item .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.bot-item .bname{font-weight:600;flex:1}
.bot-item .bstat{font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px}
/* Renkler */
.c-green{color:var(--green)}
.c-amber{color:var(--amber)}
.c-red{color:var(--red)}
.bg-green{background:var(--green-bg);color:var(--green)}
.bg-amber{background:var(--amber-bg);color:var(--amber)}
.bg-red{background:var(--red-bg);color:var(--red)}
.bg-violet{background:var(--violet-soft);color:var(--violet)}
/* ─── FEATURES ─── */
#yzga-features{background:var(--surface);border-top:1px solid var(--border);padding:80px 24px}
.feat-inner{max-width:1160px;margin:0 auto}
.feat-head{text-align:center;margin-bottom:56px}
.feat-head h2{font-size:clamp(22px,4vw,36px);font-weight:800;letter-spacing:-.01em;margin-bottom:12px}
.feat-head p{font-size:16px;color:var(--ink-2) !important;max-width:520px;margin:0 auto}
.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.feat-item{padding:28px;border:1px solid var(--border);border-radius:var(--r);transition:.2s}
.feat-item:hover{border-color:var(--border-2);box-shadow:var(--shadow)}
.feat-item .fi{font-size:24px;width:52px;height:52px;background:var(--violet-softer);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.feat-item h3{font-size:16px;font-weight:700;margin-bottom:8px}
.feat-item p{font-size:14px;color:var(--ink-2);line-height:1.6}
/* ─── STEPS ─── */
#yzga-steps{padding:72px 24px;background:var(--bg)}
.steps-inner{max-width:900px;margin:0 auto}
.steps-head{text-align:center;margin-bottom:48px}
.steps-head h2{font-size:clamp(22px,3.5vw,32px);font-weight:800;margin-bottom:10px}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:640px){.steps-grid{grid-template-columns:1fr}}
.step-item{position:relative;text-align:center;padding:32px 24px}
.step-num{
  width:48px;height:48px;border-radius:50%;
  background:var(--violet);color:#fff;
  font-size:18px;font-weight:800;font-family:var(--f-mono);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 16px;
}
.step-item h3{font-size:15px;font-weight:700;margin-bottom:8px}
.step-item p{font-size:13.5px;color:var(--ink-2);line-height:1.6}
/* ─── FAQ ─── */
#yzga-faq{background:var(--surface);border-top:1px solid var(--border);padding:72px 24px}
.faq-inner{max-width:720px;margin:0 auto}
.faq-head{text-align:center;margin-bottom:40px}
.faq-head h2{font-size:clamp(20px,3vw,30px);font-weight:800;margin-bottom:10px}
.faq-list{display:grid;gap:10px}
.faq-item{border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.faq-q{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 20px;cursor:pointer;font-size:14.5px;font-weight:600;
  transition:.15s;
}
.faq-q:hover{background:var(--surface-2)}
.faq-q .arr{font-size:11px;color:var(--ink-3);transition:.2s;flex-shrink:0}
.faq-item.open .faq-q .arr{transform:rotate(180deg)}
.faq-a{display:none;padding:0 20px 18px;font-size:14px;color:var(--ink-2);line-height:1.65;border-top:1px solid var(--border)}
.faq-item.open .faq-a{display:block}
.btn-call{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#FF4D6D,#E91E63);color:#fff !important;font-weight:700;font-size:13.5px;padding:10px 18px;border-radius:var(--r-sm);text-decoration:none !important}
.btn-call:hover{filter:brightness(1.08);color:#fff !important;text-decoration:none !important}
/* ─── CTA ─── */
#yzga-cta{
  padding:72px 24px;
  background:var(--surface-2) !important;
  border-top:1px solid var(--border);
  text-align:center;color:var(--ink) !important;
}
#yzga-cta h2{font-size:clamp(22px,4vw,36px);font-weight:800;margin-bottom:12px;color:var(--ink) !important}
#yzga-cta p{font-size:16px;max-width:480px;margin:0 auto 28px;color:var(--ink-2) !important}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn-white{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#FF4D6D,#E91E63);color:#fff !important;font-weight:700;font-size:14px;padding:12px 24px;border-radius:var(--r-sm);transition:.15s;text-decoration:none !important}
.btn-white:hover{filter:brightness(1.08);color:#fff !important;text-decoration:none !important}
.btn-outline-white{background:transparent;color:#fff;font-weight:600;font-size:14px;padding:12px 24px;border-radius:var(--r-sm);border:1.5px solid rgba(255,255,255,.4);transition:.15s}
.btn-outline-white:hover{background:rgba(255,255,255,.1)}
/* ─── UTIL ─── */
.hide{display:none!important}
@media(max-width:768px){
  .check-row{grid-template-columns:auto 1fr auto}
  .check-value{display:none}
}