.huc{padding:var(--space-section) 0;background:var(--color-white)}.huc__inner{width:100%;max-width:calc(var(--page-max-width) + var(--page-padding-x) * 2);margin:0 auto;padding:0 var(--page-padding-x)}.huc__heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.62fr);align-items:end;gap:clamp(40px,8vw,128px);margin-bottom:clamp(36px,5vw,64px)}.huc__eyebrow,.huc__tab-stage,.huc__panel-stage,.huc__panel-status,.huc__panel-label,.huc__product-link small{font-family:var(--font-mono);font-size:var(--font-size-label);font-weight:500;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}.huc__eyebrow{display:block;margin-bottom:14px;color:var(--color-orange)}.huc__title{max-width:13ch;margin:0;font-size:var(--font-size-headline-section);font-weight:500;line-height:1.02;letter-spacing:-.045em;color:var(--color-dark)}.huc__intro{max-width:42ch;margin:0 0 4px;font-size:clamp(16px,1.25vw,19px);line-height:1.55;color:var(--color-gray-600)}.huc__layout{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);min-height:640px;border:1px solid var(--color-gray-100);border-radius:var(--radius-bento);overflow:hidden;background:var(--color-white)}.huc__tabs{display:flex;flex-direction:column;padding:14px;background:var(--color-white);border-right:1px solid var(--color-gray-100)}.huc__tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:86px;padding:14px;border:0;border-top:1px solid var(--color-gray-100);background:transparent;color:var(--color-dark);text-align:left;cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base)}.huc__tab:first-child{border-top:0}.huc__tab:hover,.huc__tab:focus-visible{background:var(--color-white)}.huc__tab:focus-visible{outline:2px solid var(--color-orange);outline-offset:-2px}.huc__tab--active{background:var(--color-gray-50);border-radius:var(--radius-sm);box-shadow:none}.huc__tab-number{font-family:var(--font-mono);font-size:var(--font-size-tech);color:var(--color-gray-400)}.huc__tab--active .huc__tab-number,.huc__tab--active .huc__tab-stage{color:var(--color-orange)}.huc__tab-copy{display:flex;flex-direction:column;gap:5px}.huc__tab-stage{font-size:var(--font-size-tech);color:var(--color-gray-500)}.huc__tab-title{font-size:16px;font-weight:500;line-height:1.25}.huc__tab-summary{max-width:30ch;max-height:0;opacity:0;overflow:hidden;color:var(--color-gray-500);font-size:12px;line-height:1.35;transform:translateY(4px);transition:max-height var(--transition-base),opacity var(--transition-base),transform var(--transition-base)}.huc__tab--active{min-height:110px}.huc__tab--active .huc__tab-summary{max-height:52px;opacity:1;transform:translateY(0)}.huc__tab-chevron{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;opacity:0;transform:translate(-4px);transition:opacity var(--transition-base),transform var(--transition-base)}.huc__tab--active .huc__tab-chevron{opacity:1;transform:translate(0)}.huc__all-link{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin-top:auto;padding:12px 16px;border-radius:var(--radius-sm);background:var(--color-orange);color:var(--color-white);font-family:var(--font-mono);font-size:var(--font-size-btn);font-weight:500;letter-spacing:.1em;text-transform:uppercase}.huc__autoplay{position:relative;height:2px;margin-top:auto;margin-bottom:14px;border-radius:var(--radius-full);background:var(--color-gray-100);overflow:hidden}.huc__autoplay-progress{display:block;width:100%;height:100%;transform-origin:left center;transform:scaleX(0);background:var(--color-orange);animation:hucAutoProgress var(--huc-rotate-ms, 5.2s) linear forwards}.huc__layout--paused .huc__autoplay-progress{animation-play-state:paused}.huc__all-link:hover,.huc__all-link:focus-visible{background:var(--color-orange-hover);color:var(--color-white)}.huc__all-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform var(--transition-fast)}.huc__all-link:hover svg,.huc__all-link:focus-visible svg{transform:translate(3px)}.huc__panel{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;overflow:hidden;background:var(--color-white);color:var(--color-dark);animation:hucPanelSwap .55s cubic-bezier(.22,1,.36,1) both}.huc__panel-top{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:50px;padding:12px 18px;border-bottom:1px solid var(--color-gray-50);background:var(--color-white)}.huc__panel-stage{color:var(--color-orange)}.huc__panel-status{color:var(--color-gray-500);font-size:var(--font-size-tech)}.huc__panel-status:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:var(--radius-full);background:var(--color-orange)}.huc__interface{display:block;min-width:0;padding:clamp(10px,1.6vw,18px);background:var(--color-white);border-bottom:1px solid var(--color-gray-50)}.huc__interface-image{display:block;width:100%;height:auto;border:0;border-radius:10px;animation:hucInterfaceIn .55s cubic-bezier(.22,1,.36,1) both}.huc__panel-copy{display:grid;grid-template-columns:minmax(260px,1fr) minmax(190px,auto);align-items:center;gap:clamp(18px,2.2vw,28px);min-width:0;padding:20px clamp(18px,2.4vw,28px) 22px;background:var(--color-white);animation:hucPanelIn .5s var(--ease-out) both}.huc__panel-label{display:block;margin-bottom:9px;color:var(--color-orange)}.huc__panel-brief{max-width:46ch;margin:0;color:var(--color-gray-600);font-size:15px;line-height:1.45}.huc__product-link{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--color-dark);font-size:15px;font-weight:500;white-space:nowrap}.huc__product-link span{display:flex;flex-direction:column;gap:5px}.huc__product-link small{color:var(--color-gray-500);font-size:var(--font-size-tech)}.huc__product-link:hover,.huc__product-link:focus-visible{color:var(--color-orange-hover)}.huc__product-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform var(--transition-fast)}.huc__product-link:hover svg,.huc__product-link:focus-visible svg{transform:translate(3px,-3px)}@keyframes hucPanelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes hucPanelSwap{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes hucInterfaceIn{0%{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hucAutoProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width: 1024px){.huc__heading{grid-template-columns:1fr;gap:22px}.huc__layout{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}.huc__panel-copy{grid-template-columns:1fr;align-items:start}.huc__product-link{margin-top:2px}}@media (max-width: 800px){.huc__layout{grid-template-columns:1fr}.huc__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;background:var(--color-gray-100);border-right:0;border-bottom:1px solid var(--color-gray-100)}.huc__tab{min-height:88px;grid-template-columns:24px minmax(0,1fr);background:var(--color-white);border-top:0}.huc__tab--active{min-height:104px}.huc__tab--active{background:var(--color-white)}.huc__tab-chevron{display:none}.huc__all-link{grid-column:1 / -1;margin:0;border-radius:0}.huc__autoplay{grid-column:1 / -1;margin:0}.huc__panel{min-height:0}.huc__panel-copy{grid-template-columns:1fr}.huc__product-link{grid-column:auto}}@media (max-width: 520px){.huc__heading{margin-bottom:28px}.huc__title{max-width:11ch}.huc__tabs{grid-template-columns:1fr}.huc__tab{min-height:74px;padding:12px 14px}.huc__panel{min-height:0}.huc__panel-answer{font-size:13px}}@media (prefers-reduced-motion: reduce){.huc__panel-copy{animation:none}}