.service-hub {
  padding: 100px clamp(24px, 6vw, 90px) 110px;
  background: #0d100e;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.service-hub-heading { display:flex; justify-content:space-between; align-items:end; gap:50px; margin-bottom:54px; }
.service-hub-heading .eyebrow { align-self:flex-start; white-space:nowrap; }
.service-hub h2,.service-details h2 { font-family:"Barlow Condensed",sans-serif; font-size:clamp(3.4rem,6vw,6.5rem); line-height:.84; letter-spacing:-.03em; margin:0; text-transform:uppercase; }
.service-hub h2 span,.service-details h2 span { color:var(--green); }
.service-options { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); }
.service-option { min-height:360px; padding:30px; display:flex; flex-direction:column; justify-content:space-between; border-right:1px solid var(--line); position:relative; overflow:hidden; transition:background .25s ease,color .25s ease; }
.service-option:last-child { border-right:0; }
.service-option::before { content:""; position:absolute; width:180px; height:180px; border:1px solid rgba(25,223,100,.2); border-radius:50%; right:-82px; top:-82px; transition:transform .3s ease; }
.service-option:hover { background:var(--green); color:#061109; }
.service-option:hover::before { border-color:rgba(0,0,0,.18); transform:scale(1.35); }
.service-option:hover .service-label,.service-option:hover .service-number { color:#07120a; }
.service-number { color:var(--green); font-size:.76rem; font-weight:700; }
.service-label { margin:0 0 10px; color:var(--muted); font-size:.73rem; text-transform:uppercase; letter-spacing:.15em; font-weight:700; }
.service-option h3 { font-family:"Barlow Condensed"; font-size:clamp(2rem,3vw,3.2rem); line-height:.92; text-transform:uppercase; margin:0; }
.service-option h3 sup { font-family:Inter,Arial,sans-serif; font-size:.42em; line-height:0; vertical-align:super; margin-left:3px; }
.service-instagram { margin:18px 0 0; color:var(--green); font-size:.78rem; font-weight:700; letter-spacing:.04em; display:flex; align-items:center; gap:7px; }
.service-instagram svg,.instagram-link svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; flex:0 0 auto; }
.service-instagram .ig-dot,.instagram-link .ig-dot { fill:currentColor; stroke:none; }
.service-option:hover .service-instagram { color:#07120a; }
.service-arrow { font-size:1.6rem; align-self:flex-end; }
.service-details { display:grid; grid-template-columns:1fr 1fr; }
.service-details article { padding:100px clamp(24px,7vw,105px); border-bottom:1px solid var(--line); scroll-margin-top:20px; }
.service-details article:first-child { background:var(--white); color:var(--black); }
.service-details article:first-child .eyebrow { color:#119d49; }
.service-details article:last-child { background:#121713; border-left:1px solid var(--line); }
.service-details article > p:not(.eyebrow) { max-width:570px; color:#697069; margin:28px 0; }
.service-details article:last-child > p:not(.eyebrow) { color:var(--muted); }
.service-details article > a { display:inline-block; margin-top:10px; text-transform:uppercase; letter-spacing:.08em; font-size:.78rem; font-weight:800; border-bottom:2px solid var(--green); padding-bottom:5px; }
.service-details article > a span { color:var(--green); margin-left:8px; }
#skills { scroll-margin-top:20px; }
.hero-mark { transform:translateX(-64px); }
.footer-links { display:flex; flex-direction:column; gap:4px; }
.footer-links a { color:var(--green); word-break:break-all; }
.instagram-link { display:flex; align-items:center; gap:7px; }
.player-levels { width:100%; padding:52px clamp(24px,6vw,90px); background:#f7f8f7; border-top:1px solid #c9ceca; border-bottom:1px solid #c9ceca; }
.badge-row { width:100%; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); align-items:center; justify-items:center; gap:clamp(16px,2.5vw,44px); }
.badge-row img { width:min(100%,150px); height:150px; object-fit:contain; filter:drop-shadow(0 7px 10px rgba(0,0,0,.18)); }
.badge-row img:first-child { width:min(100%,160px); }
.badge-row .badge-wide { width:min(100%,190px); }
.badge-row .badge-ga { width:min(100%,142px); }
@media (max-width:900px) {
  .hero-mark { transform:none; }
  .service-hub-heading { display:block; }
  .service-hub-heading .eyebrow { margin-bottom:24px; }
  .service-options { grid-template-columns:1fr; }
  .service-option { min-height:240px; border-right:0; border-bottom:1px solid var(--line); }
  .service-option:last-child { border-bottom:0; }
  .service-details { grid-template-columns:1fr; }
  .service-details article:last-child { border-left:0; }
  .badge-row { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:560px) {
  .service-hub { padding:76px 22px 82px; }
  .service-hub h2,.service-details h2 { font-size:3.4rem; }
  .service-option { padding:24px; min-height:220px; }
  .service-details article { padding:76px 22px; }
  .player-levels { padding:38px 22px; }
  .badge-row { grid-template-columns:repeat(2,1fr); gap:24px; }
  .badge-row img,.badge-row img:first-child { height:112px; width:min(100%,120px); }
  .badge-row .badge-wide { width:min(100%,145px); }
}