/* F9 Tech Services. Scoped presentation; existing commerce shell stays shared. */
.f9-services{--s-bg:#0a0d12;--s-panel:#111720;--s-text:#f5f6f8;--s-muted:#aeb8c7;--s-line:rgba(255,255,255,.12);color:var(--s-text);background:var(--s-bg);padding-bottom:38px}
.f9-services *{box-sizing:border-box}.f9-services .container{width:min(1380px,calc(100% - 64px));margin-inline:auto}
.f9-services a:focus-visible{outline:3px solid rgb(var(--f9-accent-rgb));outline-offset:5px}.f9-services .f9s-kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:rgb(var(--f9-accent-rgb));margin:0 0 18px}
.f9-services .f9s-hero{overflow:hidden;border-bottom:1px solid var(--s-line);background:radial-gradient(ellipse at 75% 30%,rgba(var(--f9-accent-rgb),.12),transparent 52%)}
.f9-services .f9s-hero__grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;min-height:590px}.f9-services .f9s-hero__copy{padding:30px 0 48px;position:relative;z-index:1}
.f9-services .f9s-back{display:inline-block;color:var(--s-muted);font-size:12px;margin-bottom:46px}.f9-services h1{font-size:clamp(40px,4.4vw,68px);letter-spacing:-.052em;line-height:1.04;margin:0 0 24px;font-weight:800;text-transform:none}.f9-services h1 em{font-style:normal;color:rgb(var(--f9-accent-rgb))}
.f9-services .f9s-lead{font-size:16px;max-width:550px;line-height:1.75;color:var(--s-muted);margin:0 0 28px}.f9-services .f9s-actions{display:flex;flex-wrap:wrap;gap:10px}
.f9-services .f9s-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:14px 22px;border:1px solid rgb(var(--f9-accent-rgb));background:rgb(var(--f9-accent-rgb));color:#080b10;border-radius:7px;font-size:12px;font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.f9-services .f9s-button:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(var(--f9-accent-rgb),.17)}.f9-services .f9s-button--outline{color:var(--s-text);border-color:var(--s-line);background:transparent}
.f9-services .f9s-note{font-size:11px;color:var(--s-muted);margin:18px 0 0;line-height:1.6}.f9-services .f9s-hero__visual{min-width:0;position:relative;isolation:isolate;padding:32px 0}.f9-services .f9s-hero__visual img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block;border-radius:28px;position:relative;z-index:1}.f9-services .f9s-orbit{position:absolute;inset:7%;border:1px solid rgba(var(--f9-accent-rgb),.35);border-radius:50%;transform:rotateX(65deg) rotate(-25deg);box-shadow:0 0 70px rgba(var(--f9-accent-rgb),.16)}
.f9-services .f9s-visual-label{position:absolute;z-index:2;bottom:36px;left:20px;right:20px;padding:20px 22px;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#f5f6f8;background:rgba(8,11,16,.85);backdrop-filter:blur(12px)}.f9-services .f9s-visual-label span{font-size:9px;letter-spacing:.16em;display:block;color:#bfc6d2;margin-bottom:8px}.f9-services .f9s-visual-label strong{font-size:19px;letter-spacing:-.025em}
.f9-services .f9s-section{padding-block:64px}.f9-services .f9s-heading{margin-bottom:28px}.f9-services h2{font-size:clamp(27px,3vw,40px);line-height:1.12;letter-spacing:-.045em;margin:0 0 16px;text-transform:none}.f9-services .f9s-heading>p:last-child{color:var(--s-muted);font-size:14px;line-height:1.6}
.f9-services .f9s-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.f9-services .f9s-card{display:flex;flex-direction:column;min-height:300px;padding:28px 24px;border:1px solid var(--s-line);border-radius:12px;background:linear-gradient(140deg,rgba(var(--f9-accent-rgb),.04),transparent 65%),var(--s-panel);transition:transform .22s ease,border-color .22s ease}.f9-services .f9s-card:hover{transform:translateY(-4px);border-color:rgba(var(--f9-accent-rgb),.5)}
.f9-services .f9s-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.f9-services .f9s-card__top svg{width:35px;height:35px;fill:none;stroke:rgb(var(--f9-accent-rgb));stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.f9-services .f9s-card__top span{font-size:11px;color:var(--s-muted);letter-spacing:.14em}.f9-services .f9s-card h3{font-size:21px;letter-spacing:-.035em;margin:0 0 12px}.f9-services .f9s-card p{color:var(--s-muted);font-size:13px;line-height:1.7;margin:0 0 26px}.f9-services .f9s-card>a{margin-top:auto;font-size:12px;font-weight:750;display:flex;justify-content:space-between;gap:12px;color:var(--s-text);border-top:1px solid var(--s-line);padding-top:18px}.f9-services .f9s-card>a span{color:rgb(var(--f9-accent-rgb))}
.f9-services .f9s-process{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;border-top:1px solid var(--s-line);padding-block:54px}.f9-services .f9s-process>div>p:last-child{max-width:420px;color:var(--s-muted);font-size:13px;line-height:1.7}.f9-services .f9s-process ol{list-style:none;margin:0;padding:0}.f9-services .f9s-process li{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid var(--s-line)}.f9-services .f9s-process li:first-child{padding-top:0}.f9-services .f9s-process li>span{color:rgb(var(--f9-accent-rgb));font-size:13px;padding-top:3px}.f9-services .f9s-process h3{margin:0 0 9px;font-size:19px}.f9-services .f9s-process li p{margin:0;color:var(--s-muted);font-size:13px;line-height:1.65}
.f9-services .f9s-related{border:1px solid rgba(var(--f9-accent-rgb),.3);border-radius:12px;padding:36px;display:flex;gap:36px;align-items:center;justify-content:space-between;background:radial-gradient(ellipse at 100% 0,rgba(var(--f9-accent-rgb),.12),transparent 75%),var(--s-panel)}.f9-services .f9s-related h2{font-size:30px}.f9-services .f9s-related p:last-child{font-size:13px;color:var(--s-muted);max-width:650px;line-height:1.7;margin-bottom:0}.f9-services .f9s-related .f9s-button{flex-shrink:0}.f9-services .f9s-help{font-size:12px;line-height:1.7;color:var(--s-muted);padding-top:20px}.f9-services .f9s-help a{color:var(--s-text);text-decoration:underline;text-underline-offset:4px}
html[data-resolved-scheme="light"] .f9-services{--s-bg:#f8fafc;--s-panel:#fff;--s-text:#111827;--s-muted:#526175;--s-line:rgba(17,24,39,.14)}
@media(max-width:1000px){.f9-services .f9s-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.f9-services .f9s-hero__grid{min-height:0}.f9-services .f9s-back{margin-bottom:28px}.f9-services h1{font-size:43px}.f9-services .f9s-process{gap:36px}.f9-services .f9s-related{align-items:flex-start;flex-direction:column;gap:22px}}
@media(max-width:640px){.f9-services .container{width:calc(100% - 32px)}.f9-services .f9s-hero__grid{grid-template-columns:1fr;gap:0}.f9-services .f9s-hero__copy{padding-bottom:0}.f9-services h1{font-size:40px}.f9-services .f9s-lead{font-size:14px}.f9-services .f9s-hero__visual{max-width:430px;justify-self:center;padding-top:12px}.f9-services .f9s-section{padding-block:40px}.f9-services .f9s-grid{gap:12px}.f9-services .f9s-card{padding:20px 15px;min-height:310px}.f9-services .f9s-card h3{font-size:18px}.f9-services .f9s-card p{font-size:12px}.f9-services .f9s-card>a{font-size:11px}.f9-services .f9s-process{grid-template-columns:1fr;gap:22px;padding-block:36px}.f9-services .f9s-related{padding:24px}.f9-services .f9s-related h2{font-size:26px}}
@media(max-width:370px){.f9-services .f9s-grid{grid-template-columns:1fr}.f9-services .f9s-card{min-height:0}.f9-services h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){.f9-services *{transition:none!important;animation:none!important}.f9-services .f9s-card:hover,.f9-services .f9s-button:hover{transform:none}}