/* Further reading: shared across service, location and industry pages */
.svx-fr{background:radial-gradient(640px 380px at 100% 0%,rgba(37,99,235,.07),transparent 65%),#f8fafc;border-top:1px solid #e8edf4;padding:clamp(56px,6.5vw,92px) clamp(20px,4vw,56px)}
.svx-fr-in{max-width:1240px;margin:0 auto}
.svx-fr-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(26px,3.2vw,38px)}
.svx-fr-head>div{max-width:720px}
.svx-fr-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;font:700 10.5px/1 ui-monospace,Menlo,monospace;letter-spacing:2.4px;text-transform:uppercase;color:#1d4ed8}
.svx-fr-kicker::before{content:"";width:22px;height:1px;background:currentColor}
.svx-fr h2{font:900 clamp(27px,3.05vw,42px)/1.1 'Segoe UI',system-ui,sans-serif;letter-spacing:-1.35px;color:#0f172a;margin:0 0 18px}
.svx-fr-lede{font:400 clamp(15px,1.32vw,17.5px)/1.78 'Segoe UI',system-ui,sans-serif;color:#64748b;margin:0;max-width:70ch}
.svx-fr-all{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:12px;background:#fff;border:1px solid #dbe3ee;color:#0f172a;text-decoration:none;font:800 13.6px/1 'Segoe UI',system-ui,sans-serif;white-space:nowrap;box-shadow:0 10px 24px -20px rgba(15,23,42,.6);transition:border-color .2s,color .2s}
.svx-fr-all span{color:#1d4ed8;transition:transform .2s}
.svx-fr-all:hover{border-color:#93c5fd;color:#1d4ed8}
.svx-fr-all:hover span{transform:translateX(3px)}
/* guide cards */
.svx-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.svx-guides[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.svx-guides[data-n="1"]{grid-template-columns:1fr}
.svx-guide{--c:#2563eb;display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:#fff;border:1px solid #e4eaf2;text-decoration:none;box-shadow:0 1px 2px rgba(15,23,42,.04),0 18px 40px -32px rgba(15,23,42,.55);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.svx-guide:nth-child(2){--c:#7c3aed}.svx-guide:nth-child(3){--c:#0891b2}
.svx-guide:hover,.svx-guide:focus-visible{transform:translateY(-5px);border-color:color-mix(in srgb,var(--c) 35%,#e4eaf2);box-shadow:0 30px 56px -34px color-mix(in srgb,var(--c) 70%,transparent)}
.svx-guide-img{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#0b1d3e}
.svx-guide-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.svx-guide:hover .svx-guide-img img{transform:scale(1.06)}
.svx-guide-img::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--c)}
.svx-guide-tag{position:absolute;left:14px;top:14px;padding:6px 11px;border-radius:999px;background:rgba(8,13,26,.62);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font:800 10.5px/1 ui-monospace,Menlo,monospace;letter-spacing:1px;text-transform:uppercase;color:#fff}
.svx-guide-body{display:flex;flex-direction:column;flex:1;gap:10px;padding:20px 22px 22px}
.svx-guide h3{font:800 17.5px/1.35 'Segoe UI',system-ui,sans-serif;letter-spacing:-.2px;color:#0f172a;margin:0}
.svx-guide p{font:400 14px/1.65 'Segoe UI',system-ui,sans-serif;color:#64748b;margin:0}
.svx-guide-more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:6px;font:800 13.4px/1 'Segoe UI',system-ui,sans-serif;color:var(--c)}
.svx-guide-more::after{content:"\2192";transition:transform .2s}
.svx-guide:hover .svx-guide-more::after{transform:translateX(4px)}
/* a single guide sits side by side with its image */
.svx-guides[data-n="1"] .svx-guide{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.svx-guides[data-n="1"] .svx-guide-img{aspect-ratio:auto;min-height:260px}
.svx-guides[data-n="1"] .svx-guide-img::after{inset:0 0 0 auto;width:3px;height:auto}
.svx-guides[data-n="1"] .svx-guide-body{justify-content:center;padding:clamp(24px,3vw,40px)}
.svx-guides[data-n="1"] .svx-guide h3{font-size:clamp(19px,1.8vw,23px)}
.svx-guides[data-n="1"] .svx-guide-more{margin-top:8px}
/* link groups */
.svx-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.svx-link-grid[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.svx-link-grid[data-n="1"]{grid-template-columns:1fr}
.svx-links{--c:#2563eb;padding:20px 22px;border-radius:18px;background:#fff;border:1px solid #e4eaf2}
.svx-links:nth-child(2){--c:#7c3aed}.svx-links:nth-child(3){--c:#059669}
.svx-links-h{display:flex;align-items:center;gap:10px;margin-bottom:10px;font:800 10.8px/1 ui-monospace,Menlo,monospace;letter-spacing:1.4px;text-transform:uppercase;color:#475569}
.svx-links-h span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c);font:900 12px/1 'Segoe UI',system-ui,sans-serif;letter-spacing:0}
.svx-links ul{list-style:none;margin:0;padding:0}
.svx-link-grid[data-n="1"] .svx-links ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));column-gap:28px}
.svx-links li{border-bottom:1px dashed #e2e8f0}
.svx-links li:last-child{border-bottom:0}
.svx-link-grid[data-n="1"] .svx-links li{border-bottom:1px dashed #e2e8f0}
.svx-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 2px;color:#0f172a;text-decoration:none;font:600 14px/1.35 'Segoe UI',system-ui,sans-serif;transition:color .2s,padding .2s}
.svx-links a::after{content:"\2192";flex:none;color:var(--c);opacity:.5;transition:opacity .2s,transform .2s}
.svx-links a:hover{color:var(--c);padding-left:6px}
.svx-links a:hover::after{opacity:1;transform:translateX(2px)}
@media(max-width:980px){
  .svx-guides,.svx-link-grid,.svx-link-grid[data-n="2"]{grid-template-columns:1fr 1fr}
  .svx-guides[data-n="3"] .svx-guide:last-child{grid-column:span 2}
  .svx-link-grid[data-n="3"] .svx-links:last-child{grid-column:span 2}
}
@media(max-width:620px){
  .svx-guides,.svx-guides[data-n="2"],.svx-link-grid,.svx-link-grid[data-n="2"]{grid-template-columns:1fr}
  .svx-guides[data-n="3"] .svx-guide:last-child,.svx-link-grid[data-n="3"] .svx-links:last-child{grid-column:auto}
  .svx-guides[data-n="1"] .svx-guide{grid-template-columns:1fr}
  .svx-guides[data-n="1"] .svx-guide-img{aspect-ratio:16/9;min-height:0}
  .svx-guides[data-n="1"] .svx-guide-img::after{inset:auto 0 0;width:auto;height:3px}
}
@media(prefers-reduced-motion:reduce){
  .svx-guide,.svx-guide-img img,.svx-fr-all span,.svx-links a{transition:none}
  .svx-guide:hover,.svx-guide:hover .svx-guide-img img{transform:none}
}