.hss{--hss-soft-ease:cubic-bezier(.22,.64,.25,1);--hss-settle-ease:cubic-bezier(.19,.9,.22,1);grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);align-items:center;gap:40px;margin-top:48px;display:grid}.hss .hss-nav{min-width:0}.hss .hss-tabs{display:grid}.hss .hss-tab{border-bottom:1px solid var(--border);white-space:normal;text-align:left;width:100%;height:auto;min-height:76px;color:var(--muted-foreground);box-shadow:none;background:0 0;border-radius:0;grid-template-columns:28px minmax(0,1fr) 20px;justify-content:stretch;gap:16px;padding:19px 8px;font-size:16px;line-height:1.5;display:grid}.hss .hss-tab:hover{background:color-mix(in oklab,var(--primary) 5%,transparent);color:var(--foreground)}.hss .hss-tab[aria-selected=true]{color:var(--foreground)}.hss .hss-tab[aria-selected=true] .hss-number{color:var(--primary)}.hss .hss-number{font-size:12px;font-weight:600}.hss .hss-tab-name{min-width:0;font-family:var(--font-display);font-weight:500}.hss .hss-tab-arrow{opacity:0;transition:opacity .25s}.hss .hss-tab[aria-selected=true] .hss-tab-arrow{opacity:1;color:var(--primary)}.hss .hss-controls{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:28px;display:grid}.hss .hss-progress{background:var(--border);height:2px;overflow:hidden}.hss .hss-progress-fill{background:var(--primary);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.hss .hss-actions{gap:4px;display:flex}.hss .hss-control{color:var(--foreground);border-radius:50%}.hss .hss-all{color:var(--muted-foreground);align-items:center;gap:10px;margin-top:28px;font-size:12px;display:inline-flex}.hss .hss-all:hover{color:var(--foreground)}.hss .hss-stage{isolation:isolate;touch-action:pan-y;min-width:0;height:510px;position:relative}.hss .hss-layer{pointer-events:none;position:absolute;inset:0}.hss .hss-layer.motion-leave{z-index:1}.hss .hss-layer.motion-arrive{z-index:2}.hss .hss-floating{border:1px solid var(--service-glass-border);background:var(--service-glass);-webkit-backdrop-filter:blur(6px);max-width:calc(100% - 24px);box-shadow:var(--service-glass-shadow);border-radius:16px;align-items:center;gap:12px;padding:16px 18px;font-size:13px;font-weight:600;line-height:1.4;display:flex;position:absolute}.hss .hss-floating svg{width:19px;height:19px;color:var(--primary);stroke-width:1.5px;flex-shrink:0}.hss .hss-float-a{top:18px;left:18px}.hss .hss-float-b{top:85px;right:0}.hss .hss-float-c{bottom:16px;right:38px}.hss .hss-copy{z-index:3;pointer-events:none;position:absolute;top:177px;left:30px;right:8px}.hss .hss-title{text-wrap:balance;max-width:590px;margin:0;font-size:40px;font-weight:600;line-height:1.18}.hss .hss-description{max-width:530px;color:var(--muted-foreground);margin:22px 0 0;font-size:19px;line-height:1.6}.hss .hss-copy.is-changing .hss-title{animation:.43s ease-in-out both hss-copy-out}.hss .hss-copy.is-changing .hss-description{animation:.43s ease-in-out 70ms both hss-copy-out}.hss .hss-copy.is-entering .hss-title{animation:hss-copy-in .9s var(--hss-settle-ease) both}.hss .hss-copy.is-entering .hss-description{animation:hss-copy-in .96s var(--hss-settle-ease) .1s both}.hss .motion-leave .hss-float-a{animation:1.16s ease-in-out 90ms both hss-card-a-out}.hss .motion-leave .hss-float-b{animation:1.19s ease-in-out 20ms both hss-card-b-out}.hss .motion-leave .hss-float-c{animation:1.15s ease-in-out .15s both hss-card-c-out}.hss .motion-arrive .hss-float-a{animation:hss-card-a-in 1.26s var(--hss-settle-ease) .66s both}.hss .motion-arrive .hss-float-b{animation:hss-card-b-in 1.29s var(--hss-settle-ease) .83s both}.hss .motion-arrive .hss-float-c{animation:hss-card-c-in 1.25s var(--hss-settle-ease) .99s both}@keyframes hss-card-a-out{to{opacity:0;translate:-48px -28px;scale:.94}}@keyframes hss-card-b-out{to{opacity:0;translate:-45px 21px;scale:.96}}@keyframes hss-card-c-out{to{opacity:0;translate:-18px 42px;scale:.94}}@keyframes hss-card-a-in{0%{opacity:0;translate:46px -27px;scale:.95}to{opacity:1;translate:0;scale:1}}@keyframes hss-card-b-in{0%{opacity:0;translate:33px 33px;scale:.94}to{opacity:1;translate:0;scale:1}}@keyframes hss-card-c-in{0%{opacity:0;translate:39px 19px;scale:.96}to{opacity:1;translate:0;scale:1}}@keyframes hss-copy-out{to{opacity:0;transform:translate(-17px,-5px)}}@keyframes hss-copy-in{0%{opacity:0;transform:translate(18px,9px)}to{opacity:1;transform:translate(0)}}@media (width>=1024px) and (width<=1199px){.hss{gap:24px}.hss .hss-title{font-size:34px}.hss .hss-description{font-size:18px}.hss .hss-copy{left:12px}}@media (width<=1023px){.hss{grid-template-columns:minmax(0,1fr);gap:18px}.hss .hss-tab{min-height:64px;padding-top:15px;padding-bottom:15px}.hss .hss-stage{width:100%;max-width:700px;height:510px;margin-inline:auto}.hss .hss-copy{top:165px;left:18px;right:18px}.hss .hss-title{font-size:36px}.hss .hss-all{margin-top:20px}}@media (width<=599px){.hss{gap:24px;margin-top:32px}.hss .hss-tab{grid-template-columns:24px minmax(0,1fr) 18px;gap:10px;font-size:14px}.hss .hss-stage{height:470px}.hss .hss-copy{top:155px;left:0;right:0}.hss .hss-title{font-size:29px;line-height:1.2}.hss .hss-description{margin-top:18px;font-size:17px;line-height:1.6}.hss .hss-floating{border-radius:14px;gap:8px;padding:12px;font-size:12px}.hss .hss-floating svg{width:17px;height:17px}.hss .hss-float-a{top:8px;left:0}.hss .hss-float-b{top:72px;right:0}.hss .hss-float-c{bottom:12px;right:5px}}@media (width<=359px){.hss .hss-title{font-size:26px}.hss .hss-stage{height:500px}}@media (prefers-reduced-motion:reduce){.hss *,.hss :before,.hss :after{transition:none!important;animation:none!important}}