.service-concept-section{padding:112px 6vw 124px;background:var(--paper);color:var(--ink-on-paper)}
.concept-heading{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;align-items:start;margin-bottom:64px}
.concept-heading>span{color:var(--accent);font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.concept-heading h2{max-width:850px;font-size:clamp(38px,5.5vw,76px);line-height:1;letter-spacing:-.04em}
.service-concept-section svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.service-concept-section ul{list-style:none}

.service-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.service-tile{overflow:hidden;border:1px solid rgba(10,10,11,.16);background:var(--bg-raise);box-shadow:0 12px 34px rgba(10,10,11,.06);transition:transform .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease)}
.service-tile:hover{transform:translateY(-6px);border-color:currentColor;box-shadow:0 18px 44px rgba(10,10,11,.12)}
.tile-visual{position:relative;min-height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--line-dark);color:var(--accent)}
.tile-visual::after{content:'';position:absolute;width:150px;height:150px;border:1px solid rgba(59,91,255,.22);border-radius:50%}
.tile-visual svg{position:relative;z-index:1;width:92px;height:92px}
.tile-body{min-height:490px;display:grid;grid-template-rows:auto 142px 156px auto;padding:34px 30px 32px}
.tile-body .service-number{display:inline-flex;width:max-content;margin:0 0 25px;padding-bottom:7px;border-bottom:2px solid currentColor;color:var(--accent);font-family:var(--font-mono);font-size:15px;font-weight:700;letter-spacing:.11em;line-height:1}
.tile-body h2{align-self:start;font-size:clamp(30px,3vw,46px);font-weight:700;line-height:1.02;letter-spacing:-.035em}
.tile-body p{align-self:start;margin-top:16px;font-size:16px;line-height:1.65}
.tile-body ul{align-self:end;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin:0;padding-top:28px;font-family:var(--font-mono);font-size:12px;font-weight:700;line-height:1.45;text-transform:uppercase}
.tile-body li{display:flex;align-items:center;min-height:52px;padding:12px 13px;border:1px solid;letter-spacing:.025em}
.tile-body li::before{content:'';flex:0 0 auto;width:5px;height:5px;margin-right:9px;background:currentColor}

.service-brand{background:#111114;color:#f4f2eb}
.service-brand .tile-visual{border-color:#323236;background:radial-gradient(circle at 50% 45%,rgba(59,91,255,.3),transparent 38%),linear-gradient(rgba(59,91,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(59,91,255,.08) 1px,transparent 1px),#111114;background-size:100% 100%,28px 28px,28px 28px,100% 100%}
.service-brand .tile-body p{color:#aaa9a2}
.service-brand .tile-body ul{color:#f4f2eb}
.service-brand .tile-body li{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.065)}
.service-brand .tile-body li::before{background:var(--accent)}

.service-digital{border-color:var(--accent);background:var(--accent);color:#fff}
.service-digital .tile-visual{border-color:rgba(255,255,255,.24);background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.19),transparent 38%),linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),var(--accent);background-size:100% 100%,28px 28px,28px 28px,100% 100%;color:#fff}
.service-digital .tile-visual::after{border-color:rgba(255,255,255,.28)}
.service-digital .service-number,.service-digital .tile-body ul{color:#fff}
.service-digital .tile-body p{color:rgba(255,255,255,.82)}
.service-digital .tile-body li{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.14)}

.service-growth{background:#fff;color:#0a0a0b}
.service-growth .tile-visual{border-color:rgba(10,10,11,.13);background:radial-gradient(circle at 50% 45%,rgba(59,91,255,.14),transparent 38%),linear-gradient(rgba(59,91,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(59,91,255,.07) 1px,transparent 1px),#fff;background-size:100% 100%,28px 28px,28px 28px,100% 100%}
.service-growth .tile-visual::after{border-color:rgba(59,91,255,.2)}
.service-growth .service-number{color:var(--accent)}
.service-growth .tile-body p{color:var(--ink-on-paper-dim)}
.service-growth .tile-body ul{color:#0a0a0b}
.service-growth .tile-body li{border-color:rgba(10,10,11,.2);background:#f0efe9}
.service-growth .tile-body li::before{background:var(--accent)}

@media(max-width:1000px){
  .service-tile-grid{grid-template-columns:1fr}
  .tile-body{min-height:0;display:flex;flex-direction:column}
  .tile-body ul{margin-top:8px;padding-top:28px}
}
@media(max-width:760px){
  .service-concept-section{padding:82px 6vw 92px}
  .concept-heading{grid-template-columns:1fr;gap:22px;margin-bottom:44px}
  .tile-visual{min-height:190px}
  .tile-body ul{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.service-tile{transition:none}}