#svc-piano{--svc-piano-orange:#E65100;--svc-piano-orange-soft:#FF6B1A;--svc-piano-glass:rgba(255,255,255,0.06);--svc-piano-glass-hi:rgba(255,255,255,0.1);--svc-piano-line:rgba(255,255,255,0.12);--svc-piano-text:#ffffff;--svc-piano-muted:rgba(255,255,255,0.78);--svc-piano-radius:clamp(20px,2.8vw,28px);--svc-piano-key-h:clamp(140px,16vw,172px);--svc-piano-key-h-open:clamp(196px,22vw,232px);--svc-piano-rise-gap:clamp(10px,1.4vw,16px);--svc-piano-rise-h:clamp(128px,15vw,216px);--svc-piano-unit-h-idle:var(--svc-piano-key-h);--svc-piano-unit-h-open:calc(var(--svc-piano-rise-h) + var(--svc-piano-rise-gap) + var(--svc-piano-key-h-open));--svc-piano-slide-ms:720ms;--svc-piano-ease:cubic-bezier(0.33,1,0.68,1);--svc-piano-desc-delay:0.22s;--svc-piano-head-keys-gap:clamp(180px,24vw,280px);--svc-piano-head-rise-clearance:calc(var(--svc-piano-unit-h-open) - var(--svc-piano-unit-h-idle) + clamp(48px,5vw,72px));--svc-piano-subheading-blur:16px;--svc-piano-subheading-blur-opacity:0.32;position:relative;width:100%;box-sizing:border-box;display:grid;grid-template-rows:auto auto;align-items:start;min-height:0}#svc-piano *,#svc-piano *::before,#svc-piano *::after{box-sizing:border-box}#svc-piano .v2-rule,#svc-piano .svc-piano__heading,#svc-piano .svc-piano__hover-hint,#svc-piano .svc-piano__subheading{position:relative;z-index:4}#svc-piano .svc-piano__heading{margin-bottom:clamp(40px,5.5vw,72px)}#svc-piano .svc-piano__hover-hint{display:none;align-items:center;justify-content:center;gap:10px;width:100%;margin:clamp(-28px,-3vw,-16px) 0 clamp(20px,2.8vw,32px);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:clamp(11px,1.1vw,12px);font-weight:400;letter-spacing:0.06em;text-transform:uppercase;color:rgba(255,255,255,0.62);transition:opacity 0.35s ease}#svc-piano .svc-piano__hover-hint-icon{flex-shrink:0;color:var(--svc-piano-orange-soft)}@media (hover:hover) and (pointer:fine){#svc-piano .svc-piano__hover-hint{display:inline-flex}#svc-piano:has(.svc-piano__unit.is-active) .svc-piano__hover-hint,#svc-piano:has(.svc-piano__unit:hover) .svc-piano__hover-hint,#svc-piano:has(.svc-piano__unit:focus-within) .svc-piano__hover-hint{opacity:0;visibility:hidden}}#svc-piano:not(:has(.svc-piano__subheading)) .svc-piano__heading{margin-bottom:var(--svc-piano-head-rise-clearance)}#svc-piano .svc-piano__subheading{margin:0 0 var(--svc-piano-head-keys-gap);max-width:100%;width:100%;text-align:center;font-family:'Space Grotesk',sans-serif;font-size:clamp(42px,5.4vw,88px);font-weight:700;line-height:0.92;letter-spacing:-0.04em;color:rgba(255,255,255,0.96);transition:filter var(--svc-piano-slide-ms) var(--svc-piano-ease),opacity var(--svc-piano-slide-ms) ease-out}#svc-piano .svc-piano__subheading-accent{display:block;position:relative;z-index:1;margin-top:clamp(-30px,-3.5vw,-50px);font-size:clamp(50px,6.4vw,102px);line-height:0.82;letter-spacing:-0.04em;color:var(--color-brand-purple,#7B2CBF)}#svc-piano:has(.svc-piano__unit.is-active) .svc-piano__subheading,#svc-piano:has(.svc-piano__unit:hover) .svc-piano__subheading,#svc-piano:has(.svc-piano__unit:focus-within) .svc-piano__subheading{filter:blur(var(--svc-piano-subheading-blur));opacity:var(--svc-piano-subheading-blur-opacity)}#svc-piano .v2-h2 .v2-orange{color:var(--v3-orange,#FF6B1A)}#svc-piano .svc-piano__stage{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center;min-height:calc(var(--svc-piano-unit-h-idle) + clamp(16px,2.5vw,28px));padding:0 0 clamp(20px,3vw,32px);overflow:visible}#svc-piano:has(.svc-piano__unit.is-active) .svc-piano__stage,#svc-piano:has(.svc-piano__unit:hover) .svc-piano__stage,#svc-piano:has(.svc-piano__unit:focus-within) .svc-piano__stage{z-index:5}#svc-piano .svc-piano__stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:clamp(48px,8vw,72px);pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(0,0,0,0.55));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);mask-image:linear-gradient(to bottom,transparent,#000 85%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 85%)}#svc-piano .svc-piano__keys{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;gap:clamp(8px,1.4vw,14px);width:100%;min-height:var(--svc-piano-unit-h-idle);list-style:none;margin:0;padding:0}#svc-piano .svc-piano__unit{position:relative;flex:1 1 0;align-self:flex-end;min-width:0;max-width:280px;height:var(--svc-piano-unit-h-idle);min-height:var(--svc-piano-unit-h-idle);display:flex;flex-direction:column;justify-content:flex-end;padding-top:0;overflow:visible;opacity:0;transform:translateY(24px);transition:opacity 0.55s ease,transform 0.55s cubic-bezier(0.33,1,0.68,1)}#svc-piano .svc-piano__unit.is-visible{opacity:1;transform:translateY(0)}#svc-piano .svc-piano__unit.is-active,#svc-piano .svc-piano__unit:focus-within,#svc-piano .svc-piano__unit:hover{z-index:2}#svc-piano .svc-piano__key-shell{position:relative;z-index:2;flex-shrink:0;display:flex;flex-direction:column;width:100%;height:var(--svc-piano-key-h);margin-top:auto;border:1px solid var(--svc-piano-line);border-radius:var(--svc-piano-radius);background:linear-gradient(165deg,var(--svc-piano-glass-hi),var(--svc-piano-glass));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 6px 20px rgba(0,0,0,0.22);overflow:visible;transition:height var(--svc-piano-slide-ms) cubic-bezier(0.33,1,0.68,1),border-color 0.3s ease,box-shadow 0.3s ease}#svc-piano .svc-piano__rise{position:absolute;left:0;right:0;bottom:calc(var(--svc-piano-key-h) + var(--svc-piano-rise-gap));z-index:0;width:100%;overflow:visible;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(100%);transition:opacity var(--svc-piano-slide-ms) ease-out,visibility var(--svc-piano-slide-ms) ease-out,transform var(--svc-piano-slide-ms) cubic-bezier(0.33,1,0.68,1),bottom var(--svc-piano-slide-ms) cubic-bezier(0.33,1,0.68,1);will-change:transform,opacity,bottom}#svc-piano .svc-piano__rise-media{display:flex;align-items:flex-end;justify-content:center;height:var(--svc-piano-rise-h);background:transparent}#svc-piano .svc-piano__rise-media img{display:block;width:100%;max-width:100%;height:auto;max-height:100%;object-fit:contain;object-position:center bottom}#svc-piano .svc-piano__unit[data-service="web"] .svc-piano__rise-media{transform:scale(0.86);transform-origin:center bottom}#svc-piano .svc-piano__key{position:relative;z-index:1;flex:1 1 auto;display:grid;grid-template-rows:1fr auto;align-items:center;justify-items:center;width:100%;min-height:0;padding:clamp(16px,2vw,20px) clamp(14px,2vw,20px) clamp(12px,1.6vw,14px);border:none;border-radius:inherit;background:transparent;color:var(--svc-piano-text);text-align:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#svc-piano .svc-piano__key-title{grid-row:1;grid-column:1;align-self:center;width:100%;font-family:'Unbounded',sans-serif;font-size:clamp(12px,1.25vw,16px);font-weight:500;line-height:1.15;letter-spacing:-0.02em;text-align:center;transition:grid-row 0s linear var(--svc-piano-slide-ms),align-self var(--svc-piano-slide-ms) cubic-bezier(0.33,1,0.68,1)}#svc-piano .svc-piano__key-more{display:none;position:absolute;right:clamp(10px,1.4vw,14px);bottom:clamp(8px,1vw,10px);z-index:2;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:clamp(11px,1.1vw,13px);line-height:1;color:rgba(255,255,255,0.42);pointer-events:none;transition:color 0.25s ease,opacity 0.25s ease}@media (hover:hover) and (pointer:fine){#svc-piano .svc-piano__key-more{display:block}#svc-piano .svc-piano__unit:hover .svc-piano__key-more,#svc-piano .svc-piano__unit:focus-within .svc-piano__key-more,#svc-piano .svc-piano__unit.is-active .svc-piano__key-more{color:var(--svc-piano-orange-soft);opacity:1}}#svc-piano .svc-piano__key-desc{grid-row:1;grid-column:1;align-self:center;width:100%;max-width:100%;margin:0;padding:0 clamp(4px,1vw,8px);font-family:'Inter',sans-serif;font-size:clamp(13px,1.35vw,16px);line-height:1.5;text-align:center;color:rgba(255,255,255,0.9);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.36s ease-out var(--svc-piano-desc-delay),visibility 0.36s ease-out var(--svc-piano-desc-delay)}#svc-piano .svc-piano__key-foot{position:relative;z-index:2;flex-shrink:0;display:flex;justify-content:center;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transition:max-height var(--svc-piano-slide-ms) cubic-bezier(0.33,1,0.68,1),opacity var(--svc-piano-slide-ms) ease-out,padding var(--svc-piano-slide-ms) ease-out}#svc-piano .svc-piano__detail{display:inline-flex;align-items:center;gap:6px;padding:0 0 clamp(14px,2vw,18px);border:none;background:transparent;font-family:'Inter',sans-serif;font-size:clamp(11px,1.1vw,12px);font-weight:600;color:var(--svc-piano-orange-soft);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color 0.25s ease}#svc-piano .svc-piano__detail:hover,#svc-piano .svc-piano__detail:focus-visible{color:#ffffff;outline:none}#svc-piano .svc-piano__detail-arrow{font-size:13px;line-height:1}#svc-piano .svc-piano__key:focus-visible{outline:2px solid var(--svc-piano-orange);outline-offset:-2px}#svc-piano .svc-piano__unit.is-active .svc-piano__key-shell{height:var(--svc-piano-key-h-open);border-color:rgba(230,81,0,0.55);box-shadow:inset 0 1px 0 rgba(255,255,255,0.14),0 10px 28px rgba(230,81,0,0.14)}#svc-piano .svc-piano__unit.is-active .svc-piano__rise{opacity:1;visibility:visible;transform:translateY(0);bottom:calc(var(--svc-piano-key-h-open) + var(--svc-piano-rise-gap))}#svc-piano .svc-piano__unit.is-active .svc-piano__key-title{grid-row:2;align-self:end;transition:grid-row 0s,align-self var(--svc-piano-slide-ms) cubic-bezier(0.33,1,0.68,1)}#svc-piano .svc-piano__unit.is-active .svc-piano__key-desc{opacity:1;visibility:visible;transition-delay:var(--svc-piano-desc-delay)}#svc-piano .svc-piano__unit:not(.is-active) .svc-piano__key-desc{transition-delay:0s}#svc-piano .svc-piano__unit.is-active .svc-piano__key-foot{max-height:48px;opacity:1;pointer-events:auto}@media (hover:hover) and (pointer:fine){#svc-piano .svc-piano__unit:hover .svc-piano__key-shell,#svc-piano .svc-piano__unit:focus-within .svc-piano__key-shell{height:var(--svc-piano-key-h-open);border-color:rgba(230,81,0,0.55);box-shadow:inset 0 1px 0 rgba(255,255,255,0.14),0 10px 28px rgba(230,81,0,0.14)}#svc-piano .svc-piano__unit:hover .svc-piano__rise,#svc-piano .svc-piano__unit:focus-within .svc-piano__rise{opacity:1;visibility:visible;transform:translateY(0);bottom:calc(var(--svc-piano-key-h-open) + var(--svc-piano-rise-gap))}#svc-piano .svc-piano__unit:hover .svc-piano__key-title,#svc-piano .svc-piano__unit:focus-within .svc-piano__key-title{grid-row:2;align-self:end;transition:grid-row 0s,align-self var(--svc-piano-slide-ms) cubic-bezier(0.33,1,0.68,1)}#svc-piano .svc-piano__unit:hover .svc-piano__key-desc,#svc-piano .svc-piano__unit:focus-within .svc-piano__key-desc{opacity:1;visibility:visible;transition-delay:var(--svc-piano-desc-delay)}#svc-piano .svc-piano__unit:not(:hover):not(:focus-within):not(.is-active) .svc-piano__key-desc{transition-delay:0s}#svc-piano .svc-piano__unit:hover .svc-piano__key-foot,#svc-piano .svc-piano__unit:focus-within .svc-piano__key-foot{max-height:48px;opacity:1;pointer-events:auto}}@media (min-width:768px){#svc-piano .svc-piano__mob-flip,#svc-piano .svc-piano__mob-flip-inner,#svc-piano .svc-piano__mob-face--front{display:contents}#svc-piano .svc-piano__mob-face--back,#svc-piano .svc-piano__tap-hint{display:none}}@media (min-width:768px) and (max-width:1024px){#svc-piano .svc-piano__keys{gap:10px}}@supports (-webkit-touch-callout:none){#svc-piano .svc-piano__key-shell{-webkit-backdrop-filter:blur(16px)}#svc-piano .svc-piano__stage::after{-webkit-backdrop-filter:blur(10px)}}@media (prefers-reduced-motion:reduce){#svc-piano .svc-piano__unit,#svc-piano .svc-piano__rise,#svc-piano .svc-piano__key-title,#svc-piano .svc-piano__key-desc,#svc-piano .svc-piano__key-foot,#svc-piano .svc-piano__key-shell,#svc-piano .svc-piano__subheading{transition-duration:0.01ms}#svc-piano:has(.svc-piano__unit.is-active) .svc-piano__subheading{filter:none;opacity:0.55}#svc-piano .svc-piano__unit{opacity:1;transform:none}}