.svc-hero{padding-top:calc(var(--nav-height) + clamp(64px, 10vw, 120px));padding-bottom:clamp(56px,8vw,96px);position:relative;overflow:hidden}.svc-hero-bg{z-index:0;opacity:.6;position:absolute;inset:0}.svc-hero .container{z-index:1;position:relative}.svc-hero-title{font-family:var(--font-display);max-width:16ch;font-size:clamp(36px,5.4vw,62px);font-weight:500;line-height:1.08}.svc-hero-sub{color:var(--color-text-muted);max-width:56ch;margin-top:18px;font-size:17px}.svc-hero-tags{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.svc-hero-tags span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);border:1px solid var(--color-border-strong);border-radius:999px;padding:9px 16px;font-size:11.5px}.svc-intro-content{max-width:760px}.svc-intro-title{font-family:var(--font-display);font-size:clamp(30px,3.8vw,44px);font-weight:500;line-height:1.12}.svc-intro-text{color:var(--color-text-muted);margin-top:18px;font-size:16.5px;line-height:1.7}.svc-gallery-header{max-width:640px;margin-bottom:44px}.svc-gallery-title{font-family:var(--font-display);margin-top:4px;font-size:clamp(28px,3.6vw,42px);font-weight:500}.svc-gallery-track{border-radius:var(--radius-lg);height:clamp(360px,46vw,480px);box-shadow:var(--shadow-card);gap:10px;display:flex;overflow:hidden}.svc-gallery-panel{cursor:pointer;min-width:56px;transition:flex-grow .6s var(--ease);border:none;flex:1 1 0;padding:0;position:relative;overflow:hidden}.svc-gallery-panel img{object-fit:cover;filter:grayscale()brightness(.72);width:100%;height:100%;transition:filter .7s var(--ease), transform .7s var(--ease);transform:scale(1.08)}.svc-gallery-panel.active img{filter:grayscale(0)brightness();transform:scale(1)}.svc-gallery-overlay{color:#fff;text-align:left;background:linear-gradient(#0000 25%,#060a090d 45%,#060a09d9 100%);flex-direction:column;justify-content:flex-end;padding:24px;display:flex;position:absolute;inset:0}.svc-gallery-code{font-family:var(--font-mono);letter-spacing:.14em;color:var(--color-secondary-alt,var(--color-accent));opacity:.85;font-size:11px}.svc-gallery-label{font-family:var(--font-display);margin-top:8px;font-size:clamp(16px,1.6vw,20px);font-weight:600}.svc-gallery-desc{color:#fffc;opacity:0;max-width:32ch;max-height:0;transition:max-height .5s var(--ease), opacity .4s var(--ease);margin-top:6px;font-size:13px;line-height:1.5;overflow:hidden}.svc-gallery-panel.active .svc-gallery-desc{opacity:1;max-height:80px}.svc-gallery-panel:not(.active) .svc-gallery-label{font-size:14px}@media (max-width:720px){.svc-gallery-track{flex-direction:column;height:auto}.svc-gallery-panel{width:100%;height:74px;transition:height .6s var(--ease);flex:none}.svc-gallery-panel.active{height:320px}.svc-gallery-overlay{padding:18px}}.svc-spec{background:var(--color-bg-elevated)}.svc-spec-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:52px;display:flex}.svc-spec-title{font-family:var(--font-display);font-size:clamp(28px,3.6vw,42px);font-weight:500}.svc-spec-count{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-text-faint);white-space:nowrap;font-size:11.5px}.spec-timeline{flex-direction:column;gap:22px;display:flex;position:relative}.spec-timeline-line{background:linear-gradient(to bottom, color-mix(in srgb, var(--color-accent) 55%, transparent) 0%, var(--color-border-strong) 12%, var(--color-border-strong) 88%, transparent 100%);pointer-events:none;width:1px;position:absolute;top:8px;bottom:8px;left:27px}.spec-card{grid-template-columns:56px 1fr;align-items:start;gap:22px;display:grid;position:relative}.spec-card-dot{z-index:1;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.spec-card-dot span{background:var(--color-bg-elevated);border:2.5px solid var(--color-border-strong);width:13px;height:13px;transition:border-color .3s var(--ease), background-color .3s var(--ease), box-shadow .3s var(--ease), transform .3s var(--ease);border-radius:50%}.spec-card:hover .spec-card-dot span{border-color:var(--color-accent);background:var(--color-accent);box-shadow:0 0 0 6px color-mix(in srgb, var(--color-accent) 14%, transparent);transform:scale(1.12)}.spec-card-body{background:var(--color-bg);border:1px solid var(--color-border);transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);border-radius:22px;padding:30px 32px 28px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0a0e0c0a}.spec-card:hover .spec-card-body{border-color:color-mix(in srgb, var(--color-accent) 35%, var(--color-border));transform:translateY(-5px);box-shadow:0 22px 40px -20px #0a0e0c47,0 4px 14px -6px #0a0e0c1f}.spec-card-number{font-family:var(--font-display);letter-spacing:-.02em;color:color-mix(in srgb, var(--color-accent) 7%, transparent);pointer-events:none;-webkit-user-select:none;user-select:none;transition:color .4s var(--ease), transform .4s var(--ease);font-size:84px;font-weight:600;line-height:1;position:absolute;top:-6px;right:18px}.spec-card:hover .spec-card-number{color:color-mix(in srgb, var(--color-accent) 12%, transparent);transform:translateY(-2px)}.spec-card-code{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-accent);font-size:11.5px}.spec-card-icon{width:46px;height:46px;color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, transparent);transition:transform .4s var(--ease), background-color .4s var(--ease);border-radius:13px;place-items:center;margin-top:14px;display:grid}.spec-card:hover .spec-card-icon{background:color-mix(in srgb, var(--color-accent) 16%, transparent);transform:scale(1.08)}.spec-card-title{font-family:var(--font-body);max-width:34ch;margin-top:16px;font-size:clamp(17px,1.7vw,19.5px);font-weight:600;position:relative}.spec-card-desc{max-width:58ch;color:var(--color-text-muted);margin-top:10px;font-size:15px;line-height:1.65;position:relative}@media (max-width:640px){.spec-timeline-line{left:19px}.spec-card{grid-template-columns:40px 1fr;gap:14px}.spec-card-dot{width:40px}.spec-card-body{border-radius:18px;padding:24px 20px 22px}.spec-card-number{font-size:60px;right:12px}}@media (prefers-reduced-motion:reduce){.spec-card-body,.spec-card-dot span,.spec-card-icon,.spec-card-number,.svc-gallery-panel,.svc-gallery-panel img,.svc-gallery-desc{transition:none!important}}.svc-cta-strip h3{font-family:var(--font-display)}