.jy-service-page {
  --jy-bg: #050912;
  --jy-panel: #0a111d;
  --jy-cream: #f5eee7;
  --jy-paper: #fffaf4;
  --jy-ink: #152033;
  --jy-muted: #667083;
  --jy-line: rgba(21, 32, 51, 0.12);
  --jy-orange: #f47a13;
  --jy-teal: #4bc3c8;
  background: var(--jy-paper);
  color: var(--jy-ink);
}
.jy-service-page .wp-block-group__inner-container { display: contents; }
.jy-service-page :where(h1,h2,h3,p,ul) { margin-top: 0; }
.jy-service-page .jy-sp-wrap { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.jy-sp-section { padding: clamp(72px, 8vw, 120px) 0; }
.jy-sp-section--light { background: var(--jy-paper); }
.jy-sp-section--cream { background: var(--jy-cream); }
.jy-sp-section--dark { background: var(--jy-bg); color: #edf3f8; }
.jy-service-page .jy-sp-hero :where(h1,h2,h3),
.jy-service-page .jy-sp-section--dark :where(h1,h2,h3),
.jy-service-page .jy-sp-cta :where(h1,h2,h3) { color: #f7f5ef; }
.jy-service-page .jy-sp-hero__title em { color: var(--jy-orange); }
.jy-sp-kicker { margin-bottom: 20px; color: var(--jy-orange); font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.jy-sp-title { max-width: 800px; margin-bottom: 24px; font-size: clamp(34px, 5vw, 64px); line-height: 1.06; letter-spacing: -.04em; }
.jy-sp-lede { max-width: 760px; color: var(--jy-muted); font-size: clamp(17px, 2vw, 21px); line-height: 1.8; }
.jy-sp-section--dark .jy-sp-lede { color: #9ba8b8; }
.jy-sp-hero { position: relative; overflow: hidden; padding: clamp(90px, 10vw, 150px) 0; background: radial-gradient(circle at 82% 24%, rgba(244,122,19,.16), transparent 30%), radial-gradient(circle at 18% 85%, rgba(75,195,200,.1), transparent 28%), var(--jy-bg); color: #f7f5ef; }
.jy-sp-hero::after { content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 48px 48px; pointer-events:none; }
.jy-sp-hero__grid { position:relative; z-index:1; display:grid; grid-template-columns: minmax(0,1.12fr) minmax(360px,.88fr); gap: clamp(48px,8vw,100px); align-items:center; }
.jy-sp-hero__title { margin-bottom: 28px; font-size: clamp(46px, 6.2vw, 82px); line-height: .98; letter-spacing: -.055em; }
.jy-sp-hero__title em { color: var(--jy-orange); font-style: normal; }
.jy-sp-hero__lead { max-width: 680px; color:#aeb8c6; font-size: clamp(17px, 2vw, 21px); line-height:1.8; }
.jy-sp-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.jy-sp-actions .wp-block-button__link { border-radius:2px; padding:15px 21px; font-size:14px; font-weight:800; text-decoration:none; }
.jy-sp-actions .jy-btn--primary .wp-block-button__link { background:var(--jy-orange); color:#101010; }
.jy-sp-actions .jy-btn--ghost .wp-block-button__link { background:transparent; color:#f3f5f8; border:1px solid rgba(255,255,255,.24); }
.jy-sp-hero__panel { padding:34px; border:1px solid rgba(255,255,255,.11); background:rgba(8,14,25,.78); box-shadow:0 24px 80px rgba(0,0,0,.28); }
.jy-sp-panel__label { color:var(--jy-teal); font-size:12px; font-weight:800; letter-spacing:.12em; }
.jy-sp-panel__title { margin-bottom:28px; font-size:26px; line-height:1.25; }
.jy-sp-signal-list { display:grid; }
.jy-sp-signal { display:grid; grid-template-columns:46px 1fr; gap:16px; padding:18px 0; border-top:1px solid rgba(255,255,255,.09); }
.jy-sp-signal__num { color:var(--jy-orange); font:700 13px/1.4 monospace; }
.jy-sp-signal h3 { margin-bottom:5px; color:#fff; font-size:16px; }
.jy-sp-signal p { margin-bottom:0; color:#8e9bad; font-size:13px; line-height:1.6; }
.jy-sp-answer { display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(48px,9vw,120px); align-items:start; }
.jy-sp-answer__body .jy-sp-lede { margin-bottom:22px; color:var(--jy-ink); }
.jy-sp-note { padding:20px 22px; border-left:3px solid var(--jy-orange); background:var(--jy-cream); color:var(--jy-muted); line-height:1.75; }
.jy-sp-grid { display:grid; gap:18px; margin-top:48px; }
.jy-sp-grid--4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.jy-sp-grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.jy-sp-card { min-height:260px; padding:30px; border:1px solid var(--jy-line); }
.jy-sp-card--dark { background:var(--jy-panel); border-color:rgba(255,255,255,.08); }
.jy-service-page .jy-sp-card--dark h3 { color: #f7f5ef; }
.jy-sp-card--light { background:rgba(255,255,255,.72); }
.jy-sp-card__num { margin-bottom:48px; color:var(--jy-orange); font:700 13px/1.4 monospace; }
.jy-sp-card h3 { margin-bottom:14px; font-size:21px; }
.jy-sp-card p:last-child { margin-bottom:0; color:var(--jy-muted); line-height:1.72; }
.jy-sp-card--dark p:last-child { color:#97a5b5; }
.jy-sp-steps { margin-top:48px; border-top:1px solid var(--jy-line); }
.jy-sp-step { display:grid; grid-template-columns:80px .72fr 1.28fr; gap:32px; align-items:start; padding:28px 0; border-bottom:1px solid var(--jy-line); }
.jy-sp-step__num { color:var(--jy-orange); font:700 13px/1.6 monospace; }
.jy-sp-step__copy { display:contents; }
.jy-sp-step h3 { margin-bottom:0; font-size:22px; }
.jy-sp-step p:last-child { margin-bottom:0; color:var(--jy-muted); line-height:1.75; }
.jy-sp-deliverables { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(50px,9vw,120px); align-items:start; }
.jy-sp-deliverables__list { border-top:1px solid rgba(255,255,255,.1); }
.jy-sp-deliverable { display:grid; grid-template-columns:36px 1fr; gap:18px; padding:26px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.jy-sp-deliverable__icon { color:var(--jy-teal); }
.jy-sp-deliverable h3 { margin-bottom:8px; font-size:20px; }
.jy-sp-deliverable p:last-child { margin-bottom:0; color:#95a3b3; line-height:1.7; }
.jy-sp-fit { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.jy-sp-fit__col { padding:clamp(32px,5vw,58px); background:rgba(255,255,255,.72); }
.jy-sp-fit__col--boundary { background:#ece3da; }
.jy-sp-fit .jy-sp-title { font-size:clamp(30px,4vw,48px); }
.jy-sp-checklist { display:grid; gap:16px; padding:0; list-style:none; }
.jy-sp-checklist li { position:relative; padding-left:28px; color:#4d596a; line-height:1.7; }
.jy-sp-checklist li::before { content:'✓'; position:absolute; left:0; color:var(--jy-teal); font-weight:900; }
.jy-sp-checklist--boundary li::before { content:'×'; color:var(--jy-orange); }
.jy-sp-cta { padding:clamp(70px,9vw,120px) 0; background:linear-gradient(135deg,#151b25,#080c13); color:#fff; }
.jy-sp-cta__inner { display:grid; grid-template-columns:1.2fr .8fr; gap:50px; align-items:end; }
.jy-sp-cta .jy-sp-lede { color:#aeb8c6; }
.jy-sp-cta .jy-sp-actions { justify-content:flex-end; }
@media (max-width: 1024px) {
  .jy-sp-hero__grid,.jy-sp-deliverables { grid-template-columns:1fr; }
  .jy-sp-grid--4,.jy-sp-grid--3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .jy-sp-hero__panel { max-width:720px; }
}
@media (max-width: 719px) {
  .jy-service-page .jy-sp-wrap { width:min(100% - 32px,1180px); }
  .jy-sp-section { padding:64px 0; }
  .jy-sp-hero { padding:72px 0; }
  .jy-sp-hero__grid,.jy-sp-answer,.jy-sp-fit,.jy-sp-cta__inner { grid-template-columns:1fr; gap:38px; }
  .jy-sp-hero__title { font-size:clamp(42px,13vw,62px); }
  .jy-sp-hero__panel { padding:24px; }
  .jy-sp-grid--4,.jy-sp-grid--3 { grid-template-columns:1fr; }
  .jy-sp-card { min-height:0; }
  .jy-sp-card__num { margin-bottom:28px; }
  .jy-sp-step { grid-template-columns:48px 1fr; gap:16px; }
  .jy-sp-step__copy { display:block; }
  .jy-sp-step h3 { margin-bottom:8px; }
  .jy-sp-cta .jy-sp-actions { justify-content:flex-start; }
}