/* ─── PAGE-SPECIFIC ─── */
.hero{
  min-height:60vh;
  display:flex;align-items:center;
  padding:120px 24px 80px;
  background:var(--soft);
  position:relative;overflow:hidden;
}
.hero::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 70% 60% at 80% 50%, rgba(60,224,0,0.07) 0%, transparent 70%);
  pointer-events:none;
}
.hero-inner{max-width:1200px;margin:0 auto;width:100%}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(60,224,0,0.12);border:1px solid rgba(60,224,0,0.25);
  color:var(--primary);font-size:12px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;
  padding:6px 14px;border-radius:50px;margin-bottom:24px;
}
.eyebrow::before{content:'';width:6px;height:6px;background:var(--highlight);border-radius:50%}
.hero h1{
  font-size:clamp(40px,5.5vw,72px);font-weight:800;line-height:1.1;
  letter-spacing:-0.03em;color:var(--primary);margin-bottom:20px;
}
.hero h1 em{font-style:normal;color:var(--highlight)}
.hero p.lede{font-size:18px;line-height:1.65;color:#555;max-width:600px;margin-bottom:36px}
.hero-btns-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.btn-primary{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--primary);color:#fff;font-weight:600;font-size:15px;
  padding:14px 28px;border-radius:50px;text-decoration:none;
  transition:background var(--transition),box-shadow var(--transition);
}
.btn-primary:hover{background:#000;box-shadow:0 6px 20px rgba(0,0,0,0.25)}
.btn-secondary{
  display:inline-flex;align-items:center;gap:8px;
  border:1.5px solid var(--divider);color:var(--primary);font-weight:600;font-size:15px;
  padding:13px 26px;border-radius:50px;text-decoration:none;
  transition:border-color var(--transition),background var(--transition);
}
.btn-secondary:hover{border-color:#999;background:rgba(0,0,0,0.03)}

.trust{
  background:#fff;border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);
  padding:14px 24px;display:flex;justify-content:center;flex-wrap:wrap;gap:24px;
}
.trust span{font-size:13px;font-weight:500;color:#555;display:flex;align-items:center;gap:7px}
.trust svg{width:16px;height:16px;fill:var(--highlight)}

.editorial-wrap{max-width:1200px;margin:0 auto;padding:80px 24px 0}
.ed-header{margin-bottom:64px}
.ed-header h2{font-size:clamp(32px,4vw,52px);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--primary)}
.ed-header h2 span{color:var(--highlight)}
.ed-header p{font-size:17px;color:#666;margin-top:12px;max-width:560px;line-height:1.65}
.ed-list{list-style:none;display:flex;flex-direction:column}
.ed-item{
  display:grid;
  grid-template-columns:120px 1fr auto;
  gap:0 40px;
  padding:56px 0;
  border-bottom:1px solid var(--divider);
  position:relative;
  align-items:start;
}
.ed-item:last-child{border-bottom:none}
.ed-num{
  font-size:clamp(72px,8vw,100px);
  font-weight:900;
  color:rgba(0,0,0,0.05);
  line-height:1;
  letter-spacing:-0.04em;
  user-select:none;
  padding-top:4px;
  transition:color 0.4s cubic-bezier(0.4,0,0.2,1),letter-spacing 0.4s cubic-bezier(0.4,0,0.2,1);
}
.ed-item:hover .ed-num{
  color:rgba(60,224,0,0.22);
  letter-spacing:-0.02em;
}
.ed-body{flex:1;min-width:0}
.ed-body h3{
  font-size:clamp(22px,2.5vw,30px);font-weight:700;
  letter-spacing:-0.02em;color:var(--primary);
  margin-bottom:12px;line-height:1.2;
}
.ed-body p{font-size:16px;line-height:1.7;color:#555;max-width:640px}
.ed-meta{
  display:flex;flex-direction:column;gap:8px;
  align-items:flex-end;padding-top:6px;min-width:fit-content;
}
.ed-tag{
  font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;
  padding:5px 12px;border-radius:50px;white-space:nowrap;
}
.tag-why{background:rgba(60,224,0,0.12);color:#1a6e00;border:1px solid rgba(60,224,0,0.2)}

.demo-section{
  background:var(--primary);
  color:#fff;
  text-align:center;
  padding:100px 24px;
  position:relative;overflow:hidden;
}
.demo-section::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 70% at 50% 100%, rgba(60,224,0,0.1) 0%, transparent 60%);
  pointer-events:none;
}
.demo-section h2{
  font-family:'Google Sans Flex','Google Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:clamp(32px,4vw,52px);font-weight:800;color:var(--white);letter-spacing:-0.02em;margin-bottom:18px;
}
.demo-section p{font-size:18px;color:#aaa;margin-bottom:40px;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.6}
.demo-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}
.btn-highlight{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--highlight);color:#0a0a0b;font-weight:700;font-size:16px;
  padding:16px 36px;border-radius:50px;text-decoration:none;
  transition:background var(--transition),box-shadow var(--transition);
}
.btn-highlight:hover{background:#2fd100;box-shadow:0 6px 24px rgba(60,224,0,0.4)}

.demo-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(60,224,0,0.15);border:1px solid rgba(60,224,0,0.3);
  color:var(--secondary);font-size:12px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;
  padding:6px 14px;border-radius:50px;margin-bottom:24px;
}
.demo-eyebrow::before{content:'';width:6px;height:6px;background:var(--highlight);border-radius:50%}

@media(max-width:960px){
  .ed-item{grid-template-columns:80px 1fr;gap:0 24px}
  .ed-meta{display:none}
  .ed-num{font-size:60px}
}
@media(max-width:600px){
  .ed-item{grid-template-columns:60px 1fr;gap:0 16px;padding:40px 0}
  .ed-num{font-size:44px}
  .trust{gap:14px}
  .trust span{font-size:12px}
}