:root{--hd-primary:#ff5800;--hd-primary-hover:#e04e00;--hd-primary-light:rgba(255,88,0,.1);--hd-gray-50:#f9fafb;--hd-gray-100:#f3f4f6;--hd-gray-200:#e5e7eb;--hd-gray-300:#d1d5db;--hd-gray-400:#9ca3af;--hd-gray-500:#6b7280;--hd-gray-600:#4b5563;--hd-gray-700:#374151;--hd-gray-800:#4e5159;--hd-gray-900:#111827;--hd-white:#fff;--hd-black:#000;--hd-success:#22c55e;--hd-error:#ef4444;--hd-warning:#f59e0b;--hd-info:#3b82f6;--hd-gradient-primary:linear-gradient(135deg,#ff5800,#ff7a33);--hd-gradient-dark:linear-gradient(180deg,rgba(31,41,55,.95),rgba(17,24,39,.98));--hd-gradient-glass:linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.7));--hd-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--hd-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--hd-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--hd-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--hd-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--hd-radius-sm:6px;--hd-radius:8px;--hd-radius-md:12px;--hd-radius-lg:16px;--hd-radius-xl:24px;--hd-radius-full:9999px;--hd-space-1:4px;--hd-space-2:8px;--hd-space-3:12px;--hd-space-4:16px;--hd-space-5:20px;--hd-space-6:24px;--hd-space-8:32px;--hd-space-10:40px;--hd-font-family:"Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--hd-font-size-xs:0.75rem;--hd-font-size-sm:0.875rem;--hd-font-size-base:1rem;--hd-font-size-lg:1.125rem;--hd-font-size-xl:1.25rem;--hd-font-size-2xl:1.5rem;--hd-transition-fast:150ms ease;--hd-transition:200ms ease;--hd-transition-slow:300ms ease}.hd-ds-toast{align-items:center;background:var(--hd-white);border-left:4px solid var(--hd-gray-400);border-radius:var(--hd-radius);box-shadow:0 10px 40px rgba(0,0,0,.2);display:flex;gap:var(--hd-space-3);left:50%;opacity:0;padding:var(--hd-space-4) var(--hd-space-5);pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%) scale(.9);transition:transform .3s ease,opacity .3s ease;z-index:999999}.hd-ds-toast--visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.hd-ds-toast--error{border-left-color:var(--hd-error)}.hd-ds-toast--error .hd-ds-toast__icon:before{color:var(--hd-error);content:"✕"}.hd-ds-toast--success{border-left-color:var(--hd-success)}.hd-ds-toast--success .hd-ds-toast__icon:before{color:var(--hd-success);content:"✓"}.hd-ds-toast--warning{border-left-color:var(--hd-warning)}.hd-ds-toast--warning .hd-ds-toast__icon:before{color:var(--hd-warning);content:"!"}.hd-ds-toast__icon{font-size:1.25rem;font-weight:700}.hd-ds-toast__message{color:var(--hd-gray-700);font-size:var(--hd-font-size-sm)}.hd-ds-simulator{color:var(--hd-gray-700);font-family:var(--hd-font-family);font-size:var(--hd-font-size-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hd-ds-simulator *,.hd-ds-simulator :after,.hd-ds-simulator :before{box-sizing:border-box;margin:0;padding:0}.hd-ds-wrapper{display:grid;gap:var(--hd-space-6);grid-template-columns:1fr;margin:0 auto;max-width:1280px;padding:var(--hd-space-4)}@media (min-width:1024px){.hd-ds-wrapper{grid-template-columns:1fr 380px;padding:var(--hd-space-6)}}.hd-ds-main{width:100%}.hd-ds-card{background:hsla(0,0%,100%,.98);border:1px solid var(--hd-gray-200);border-radius:var(--hd-radius-xl);box-shadow:var(--hd-shadow-xl);contain:layout style;overflow:hidden;padding:var(--hd-space-6)}@media (min-width:768px){.hd-ds-card{padding:var(--hd-space-8)}}.hd-ds-progress{margin-bottom:var(--hd-space-8)}.hd-ds-progress__list{align-items:center;display:flex;gap:var(--hd-space-2);justify-content:center;list-style:none}@media (min-width:768px){.hd-ds-progress__list{gap:var(--hd-space-4)}}.hd-ds-progress__item{align-items:center;display:flex;flex-direction:column;gap:var(--hd-space-2)}.hd-ds-progress__number{align-items:center;background:var(--hd-gray-200);border-radius:var(--hd-radius);color:var(--hd-gray-500);display:flex;font-size:var(--hd-font-size-sm);font-weight:600;height:40px;justify-content:center;transition:all var(--hd-transition);width:40px}.hd-ds-progress__item--active .hd-ds-progress__number,.hd-ds-progress__item--completed .hd-ds-progress__number{background:var(--hd-gray-800);color:var(--hd-white)}.hd-ds-progress__label{color:var(--hd-gray-500);font-size:var(--hd-font-size-xs);max-width:80px;text-align:center}@media (min-width:768px){.hd-ds-progress__label{font-size:var(--hd-font-size-sm);max-width:none}}.hd-ds-progress__connector{background:var(--hd-gray-200);border-radius:var(--hd-radius-full);height:2px;margin-bottom:24px;width:40px}@media (min-width:768px){.hd-ds-progress__connector{width:60px}}.hd-ds-step-header{margin-bottom:var(--hd-space-8);text-align:center}.hd-ds-step-header__title{color:var(--hd-gray-600);font-size:var(--hd-font-size-lg);font-weight:500}@media (min-width:768px){.hd-ds-step-header__title{font-size:var(--hd-font-size-xl)}}.hd-ds-step{animation:hd-ds-fadeIn var(--hd-transition-slow) ease;display:none}.hd-ds-step--active{display:block}@keyframes hd-ds-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hd-ds-field{margin-bottom:var(--hd-space-6)}.hd-ds-field__label{align-items:center;color:var(--hd-gray-700);display:flex;font-size:var(--hd-font-size-sm);font-weight:600;gap:var(--hd-space-2);margin-bottom:var(--hd-space-3)}.hd-ds-field__icon{color:var(--hd-gray-500);height:18px;width:18px}.hd-ds-chips{display:flex;flex-wrap:wrap;gap:var(--hd-space-3)}.hd-ds-step fieldset{border:none;margin:0 0 var(--hd-space-6) 0;padding:0}.hd-ds-step fieldset legend{color:var(--hd-gray-700);display:flex;font-weight:600;margin-bottom:var(--hd-space-3);padding:0}.hd-ds-chip,.hd-ds-step fieldset legend{align-items:center;font-size:var(--hd-font-size-sm);gap:var(--hd-space-2)}.hd-ds-chip{background:var(--hd-white);border:1px solid var(--hd-gray-200);border-radius:var(--hd-radius);box-shadow:0 1px 2px rgba(0,0,0,.04);color:var(--hd-gray-600);cursor:pointer;display:inline-flex;font-weight:500;padding:var(--hd-space-2) var(--hd-space-4);transition:all var(--hd-transition);user-select:none}.hd-ds-chip:hover{background:rgba(255,140,50,.08);border-color:rgba(255,120,30,.35);box-shadow:0 2px 4px rgba(0,0,0,.06);transform:translateY(-1px)}.hd-ds-chip:active{background:rgba(255,140,50,.12);transform:translateY(0)}.hd-ds-chip--active{background:rgba(255,140,50,.15);border-color:rgba(255,120,30,.5);box-shadow:0 2px 4px rgba(0,0,0,.06);color:var(--hd-gray-800)}.hd-ds-chip--active:hover{background:rgba(255,140,50,.18);transform:translateY(-1px)}.hd-ds-chip--active:active,.hd-ds-chip--active:hover{border-color:rgba(255,120,30,.6);color:var(--hd-gray-800)}.hd-ds-chip--active:active{background:rgba(255,140,50,.22);transform:translateY(0)}.hd-ds-flag{border-radius:2px;box-shadow:0 1px 2px rgba(0,0,0,.1);flex-shrink:0;height:16px;width:22px}.hd-ds-chip span{font-size:16px;line-height:1}.hd-ds-grid{display:grid;gap:var(--hd-space-4)}.hd-ds-grid--2{grid-template-columns:1fr}@media (min-width:768px){.hd-ds-grid--2{grid-template-columns:repeat(2,1fr)}}.hd-ds-grid--3{grid-template-columns:1fr}@media (min-width:768px){.hd-ds-grid--3{grid-template-columns:repeat(3,1fr)}}.hd-ds-panel{background:var(--hd-white);border:1px solid var(--hd-gray-200);border-radius:var(--hd-radius-md);overflow:visible;transition:border-color var(--hd-transition)}.hd-ds-panel:hover{border-color:var(--hd-gray-300)}.hd-ds-panel--full{margin-top:var(--hd-space-6)}.hd-ds-panel__header{align-items:center;background:var(--hd-gray-50);border-bottom:1px solid var(--hd-gray-100);display:flex;gap:var(--hd-space-2);padding:var(--hd-space-4)}.hd-ds-panel__icon{color:var(--hd-gray-500);height:20px;width:20px}.hd-ds-panel__title,h3.hd-ds-panel__title{color:var(--hd-gray-700);font-size:var(--hd-font-size-sm);font-weight:600;margin:0;padding:0}.hd-ds-panel__body{padding:var(--hd-space-4)}.hd-ds-select-wrapper{position:relative}.hd-ds-select-btn{align-items:center;background:var(--hd-white);border:1px solid var(--hd-gray-200);border-radius:var(--hd-radius);cursor:pointer;display:flex;justify-content:space-between;padding:var(--hd-space-3) var(--hd-space-4);transition:all var(--hd-transition);width:100%}.hd-ds-select-btn:hover{background:var(--hd-white);border-color:var(--hd-gray-300)}.hd-ds-select-btn--open{background:var(--hd-white);border-color:var(--hd-gray-400)}.hd-ds-select-info{align-items:center;display:flex;gap:var(--hd-space-3)}.hd-ds-select-brand{border-radius:var(--hd-radius-sm);font-size:10px;font-weight:700;letter-spacing:.5px;padding:var(--hd-space-1) var(--hd-space-2);text-transform:uppercase}.hd-ds-select-brand--intel{background:#0071c5;color:var(--hd-white)}.hd-ds-select-brand--amd{background:#ed1c24;color:var(--hd-white)}.hd-ds-select-brand--nvidia{background:#76b900;color:var(--hd-white)}.hd-ds-select-details{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.hd-ds-select-info--placeholder{color:var(--hd-gray-500)}.hd-ds-select-placeholder-icon{color:var(--hd-gray-400);flex-shrink:0;height:32px;width:32px}.hd-ds-processor-placeholder{align-items:center;display:flex;gap:10px}.hd-ds-processor-placeholder-text{color:var(--hd-gray-500);font-size:var(--hd-font-size-sm);font-weight:400}.hd-ds-select-brand--intel-placeholder{background:var(--hd-gray-300);border-radius:var(--hd-radius-sm);color:var(--hd-white);font-size:10px;font-weight:700;letter-spacing:.5px;padding:var(--hd-space-1) var(--hd-space-2);text-transform:uppercase}.hd-ds-select-info--selected{align-items:center;display:flex;gap:var(--hd-space-3)}.hd-ds-select-info--selected .hd-ds-select-details{display:flex;flex-direction:column;gap:1px}.hd-ds-select-name{color:var(--hd-gray-700);font-size:var(--hd-font-size-sm);font-weight:500}.hd-ds-select-specs{color:var(--hd-gray-500);font-size:var(--hd-font-size-xs)}.hd-ds-select-chevron{color:var(--hd-gray-400);height:20px;transition:transform var(--hd-transition);width:20px}.hd-ds-select-btn--open .hd-ds-select-chevron{transform:rotate(180deg)}.hd-ds-select-dropdown{background:var(--hd-white);border:1px solid var(--hd-gray-200);border-radius:var(--hd-radius);box-shadow:var(--hd-shadow-lg);left:0;max-height:0;opacity:0;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--hd-space-2));transition:all var(--hd-transition);z-index:1000}.hd-ds-select-dropdown--open{max-height:400px;opacity:1;overflow-y:auto}.hd-ds-select-option{align-items:center;border-bottom:1px solid var(--hd-gray-100);border-left:3px solid transparent;cursor:pointer;display:flex;justify-content:space-between;padding:var(--hd-space-3) var(--hd-space-4);transition:all var(--hd-transition-fast)}.hd-ds-select-option:last-child{border-bottom:none}.hd-ds-select-option--selected,.hd-ds-select-option:hover{background:var(--hd-gray-50);border-left-color:var(--hd-primary)}.hd-ds-select-check{align-items:center;border:1px solid var(--hd-gray-300);border-radius:var(--hd-radius-full);display:flex;height:20px;justify-content:center;transition:all var(--hd-transition);width:20px}.hd-ds-select-option--selected .hd-ds-select-check{background:var(--hd-primary);border-color:var(--hd-primary)}.hd-ds-select-option--selected .hd-ds-select-check:after{border:solid var(--hd-white);border-width:0 2px 2px 0;content:"";height:10px;margin-bottom:2px;transform:rotate(45deg);width:6px}.hd-ds-toggle-field{border-top:1px solid var(--hd-gray-100);margin-top:var(--hd-space-4);padding-top:var(--hd-space-4)}.hd-ds-toggle{align-items:center;cursor:pointer;display:flex;gap:var(--hd-space-3)}.hd-ds-toggle__input{display:none}.hd-ds-toggle__slider{background:var(--hd-gray-300);border-radius:var(--hd-radius-full);height:20px;position:relative;transition:background var(--hd-transition);width:36px}.hd-ds-toggle__slider:after{background:var(--hd-white);border-radius:var(--hd-radius-full);box-shadow:var(--hd-shadow-sm);content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform var(--hd-transition);width:16px}.hd-ds-toggle__input:checked+.hd-ds-toggle__slider{background:var(--hd-primary)}.hd-ds-toggle__input:checked+.hd-ds-toggle__slider:after{transform:translateX(16px)}.hd-ds-toggle__label{color:var(--hd-gray-700);font-size:var(--hd-font-size-sm);font-weight:500}.hd-ds-gpu-select{animation:hd-ds-fadeIn var(--hd-transition) ease;margin-top:var(--hd-space-3)}.hd-ds-gpu-select-wrapper .hd-ds-select-btn{padding:var(--hd-space-2) var(--hd-space-3)}.hd-ds-gpu-select-wrapper .hd-ds-select-brand{font-size:8px;padding:2px 6px}.hd-ds-gpu-select-wrapper .hd-ds-select-info{gap:var(--hd-space-2)}.hd-ds-gpu-select-wrapper .hd-ds-select-details{gap:0}.hd-ds-gpu-select-wrapper .hd-ds-select-name{font-size:12px}.hd-ds-gpu-select-wrapper .hd-ds-select-specs{font-size:10px}.hd-ds-gpu-select-wrapper .hd-ds-select-chevron{height:16px;width:16px}.hd-ds-gpu-select-wrapper .hd-ds-select-placeholder-icon{color:var(--hd-gray-400);flex-shrink:0;height:18px;width:18px}.hd-ds-gpu-placeholder{align-items:center;display:flex;gap:10px}.hd-ds-gpu-placeholder-text{color:var(--hd-gray-500);font-size:12px;font-weight:400}.hd-ds-gpu-select-wrapper .hd-ds-select-dropdown{max-height:280px}.hd-ds-gpu-select-wrapper .hd-ds-select-option{padding:var(--hd-space-2) var(--hd-space-3)}.hd-ds-gpu-select-wrapper .hd-ds-select-check{height:16px;width:16px}.hd-ds-gpu-select-wrapper .hd-ds-select-option--selected .hd-ds-select-check:after{height:8px;width:4px}.hd-ds-input{background:var(--hd-gray-50);border:1px solid var(--hd-gray-200);border-radius:var(--hd-radius);color:var(--hd-gray-700);font-size:var(--hd-font-size-sm);padding:var(--hd-space-3);transition:all var(--hd-transition);width:100%}.hd-ds-input:hover{border-color:var(--hd-gray-400)}.hd-ds-input:focus{border-color:var(--hd-primary);box-shadow:0 0 0 3px var(--hd-primary-light);outline:none}.hd-ds-input--select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%236b7280' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.hd-ds-slider-field{display:flex;flex-direction:column;gap:var(--hd-space-3)}.hd-ds-slider__header{align-items:center;display:flex;justify-content:space-between}.hd-ds-slider__max,.hd-ds-slider__min{color:var(--hd-gray-500);font-size:var(--hd-font-size-xs)}.hd-ds-slider__value{color:var(--hd-gray-800);font-size:var(--hd-font-size-lg);font-weight:700}.hd-ds-slider{align-items:center;display:flex;height:40px;position:relative}.hd-ds-slider__input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:10}.hd-ds-slider__track{background:var(--hd-gray-200);height:4px;overflow:visible;width:100%}.hd-ds-slider__fill,.hd-ds-slider__track{border-radius:var(--hd-radius-full);position:absolute}.hd-ds-slider__fill{background:var(--hd-primary);height:100%;transition:width .1s ease-out}.hd-ds-slider__track:after{background:var(--hd-white);border:2px solid var(--hd-primary);border-radius:var(--hd-radius-full);box-shadow:0 1px 4px rgba(0,0,0,.15);content:"";height:18px;left:var(--thumb-position,0);pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .1s ease-out,box-shadow .15s ease;width:18px}.hd-ds-slider:hover .hd-ds-slider__track:after{box-shadow:0 2px 8px rgba(255,88,0,.25)}.hd-ds-storage{display:flex;flex-direction:column;gap:var(--hd-space-4)}.hd-ds-storage-item{background:var(--hd-gray-50);border:1px solid var(--hd-gray-200);border-radius:var(--hd-radius);padding:var(--hd-space-4)}.hd-ds-storage-item__grid{display:grid;gap:var(--hd-space-3);grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.hd-ds-storage-item__grid{grid-template-columns:repeat(4,1fr)}}.hd-ds-storage-item__field{display:flex;flex-direction:column;gap:var(--hd-space-1)}.hd-ds-storage-item__label{color:var(--hd-gray-500);font-size:var(--hd-font-size-xs);font-weight:500}.hd-ds-storage-item__info{border-top:1px solid var(--hd-gray-200);display:flex;gap:var(--hd-space-4);margin-top:var(--hd-space-3);padding-top:var(--hd-space-3)}.hd-ds-storage-item__info-item{color:var(--hd-gray-500);font-size:var(--hd-font-size-xs)}.hd-ds-storage-item__info-item strong{color:var(--hd-gray-700)}.hd-ds-storage-item__remove{display:flex;justify-content:flex-end;margin-top:var(--hd-space-3)}.hd-ds-storage-remove-btn{align-items:center;background:transparent;border:1px solid var(--hd-gray-300);border-radius:var(--hd-radius);color:var(--hd-gray-500);cursor:pointer;display:flex;font-size:var(--hd-font-size-xs);gap:var(--hd-space-2);padding:var(--hd-space-2) var(--hd-space-3);transition:all var(--hd-transition)}.hd-ds-storage-remove-btn:hover{background:rgba(255,140,50,.08);border-color:rgba(255,120,30,.5);color:var(--hd-gray-700)}.hd-ds-storage-remove-btn svg{height:14px;width:14px}.hd-ds-quantity{align-items:center;background:var(--hd-white);border:1px solid var(--hd-gray-200);border-radius:var(--hd-radius);display:flex;overflow:hidden}.hd-ds-quantity__btn{align-items:center;background:transparent;border:none;color:var(--hd-gray-600);cursor:pointer;display:flex;font-size:var(--hd-font-size-lg);height:36px;justify-content:center;transition:background var(--hd-transition-fast);width:32px}.hd-ds-quantity__btn:hover{background:var(--hd-gray-100)}.hd-ds-quantity__value{background:transparent;border:none;color:var(--hd-gray-700);flex:1;font-size:var(--hd-font-size-sm);font-weight:600;text-align:center;width:40px}.hd-ds-radio-cards{display:grid;gap:var(--hd-space-3);grid-template-columns:1fr}@media (min-width:640px){.hd-ds-radio-cards{grid-template-columns:repeat(2,1fr)}}.hd-ds-radio-card{align-items:flex-start;background:var(--hd-white);border:1px solid var(--hd-gray-200);border-radius:var(--hd-radius-md);box-shadow:0 1px 2px rgba(0,0,0,.04);cursor:pointer;display:flex;gap:var(--hd-space-3);padding:var(--hd-space-4);position:relative;transition:all var(--hd-transition)}.hd-ds-radio-card:hover{background:rgba(255,140,50,.08);border-color:rgba(255,120,30,.35);box-shadow:0 2px 4px rgba(0,0,0,.06)}.hd-ds-radio-card input{display:none}.hd-ds-radio-card--active{background:rgba(255,140,50,.15);border-color:rgba(255,120,30,.5);box-shadow:0 2px 4px rgba(0,0,0,.06)}.hd-ds-radio-card--active:hover{background:rgba(255,140,50,.18);border-color:rgba(255,120,30,.6)}.hd-ds-radio-card__indicator{align-items:center;border:1px solid var(--hd-gray-300);border-radius:var(--hd-radius-full);display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all var(--hd-transition);width:20px}.hd-ds-radio-card--active .hd-ds-radio-card__indicator{border-color:var(--hd-primary)}.hd-ds-radio-card--active .hd-ds-radio-card__indicator:after{background:var(--hd-primary);border-radius:var(--hd-radius-full);content:"";height:10px;width:10px}.hd-ds-radio-card__content{display:flex;flex-direction:column;gap:var(--hd-space-1)}.hd-ds-radio-card__title{color:var(--hd-gray-800);font-size:var(--hd-font-size-sm);font-weight:600}.hd-ds-radio-card__desc{color:var(--hd-gray-500);font-size:var(--hd-font-size-xs)}.hd-ds-info-card{background:var(--hd-gray-50);border-radius:var(--hd-radius);padding:var(--hd-space-4)}.hd-ds-info-card__label{color:var(--hd-gray-500);display:block;font-size:var(--hd-font-size-xs);font-weight:500;margin-bottom:var(--hd-space-2)}.hd-ds-info-card__value{color:var(--hd-gray-800);font-size:var(--hd-font-size-xl);font-weight:700}.hd-ds-retention-btns{display:flex;gap:var(--hd-space-2)}.hd-ds-retention-btn{background:var(--hd-white);border:1px solid var(--hd-gray-200);border-radius:var(--hd-radius);box-shadow:0 1px 2px rgba(0,0,0,.04);color:var(--hd-gray-600);cursor:pointer;flex:1;font-size:var(--hd-font-size-sm);font-weight:600;padding:var(--hd-space-2) var(--hd-space-3);transition:all var(--hd-transition)}.hd-ds-retention-btn:hover{background:rgba(255,88,0,.06);border-color:rgba(255,88,0,.3);box-shadow:0 2px 4px rgba(0,0,0,.06)}.hd-ds-retention-btn--active{background:var(--hd-gray-800);border-color:var(--hd-gray-800);color:var(--hd-white)}.hd-ds-retention-btn--active:hover{background:var(--hd-gray-700);border-color:var(--hd-gray-700)}.hd-ds-suggestion{align-items:center;background:var(--hd-gray-50);border-radius:var(--hd-radius);display:flex;justify-content:space-between;margin:var(--hd-space-4) 0;padding:var(--hd-space-3) var(--hd-space-4)}.hd-ds-suggestion__label{color:var(--hd-gray-500);font-size:var(--hd-font-size-xs);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.hd-ds-suggestion__value{color:var(--hd-primary);font-size:var(--hd-font-size-lg);font-weight:700}.hd-ds-hint{color:var(--hd-gray-400);font-size:var(--hd-font-size-xs);line-height:1.6;margin-bottom:var(--hd-space-4)}.hd-ds-counter-field{display:flex;flex-direction:column;gap:var(--hd-space-2)}.hd-ds-counter__label{color:var(--hd-gray-600);font-size:var(--hd-font-size-xs);font-weight:600}.hd-ds-counter{align-items:center;background:var(--hd-gray-50);border:1px solid var(--hd-gray-200);border-radius:var(--hd-radius);display:flex;overflow:hidden}.hd-ds-counter__btn{align-items:center;background:var(--hd-white);border:none;color:var(--hd-gray-600);cursor:pointer;display:flex;font-size:var(--hd-font-size-lg);font-weight:600;height:40px;justify-content:center;transition:all var(--hd-transition-fast);width:40px}.hd-ds-counter__btn:hover{background:var(--hd-gray-100);color:var(--hd-primary)}.hd-ds-counter__btn:disabled{cursor:not-allowed;opacity:.5}.hd-ds-counter__value{color:var(--hd-gray-700);flex:1;font-size:var(--hd-font-size-sm);font-weight:600;padding:0 var(--hd-space-2);text-align:center}.hd-ds-counter__note{color:var(--hd-error);font-size:var(--hd-font-size-xs);margin-top:var(--hd-space-1)}.hd-ds-display{align-items:center;background:var(--hd-gray-50);border:1px solid var(--hd-gray-200);border-radius:var(--hd-radius);color:var(--hd-gray-700);display:flex;font-size:var(--hd-font-size-sm);font-weight:600;height:40px;justify-content:center;text-align:center}.hd-ds-addons{display:grid;gap:var(--hd-space-3);grid-template-columns:1fr}@media (min-width:640px){.hd-ds-addons{grid-template-columns:repeat(2,1fr)}}.hd-ds-addon{align-items:center;background:var(--hd-white);border:1px solid var(--hd-gray-200);border-radius:var(--hd-radius-md);cursor:pointer;display:flex;gap:var(--hd-space-3);height:72px;padding:var(--hd-space-3) var(--hd-space-4);transition:all .2s ease}.hd-ds-addon:hover{background:rgba(255,140,50,.08);border-color:rgba(255,120,30,.35)}.hd-ds-addon--selected{background:rgba(255,140,50,.15);border-color:rgba(255,120,30,.5)}.hd-ds-addon--selected:hover{background:rgba(255,140,50,.18)}.hd-ds-addon__icon{align-items:center;background:var(--hd-gray-100);border-radius:var(--hd-radius);display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.hd-ds-addon__icon svg{color:var(--hd-gray-500);height:20px;transition:color .2s ease;width:20px}.hd-ds-addon--selected .hd-ds-addon__icon{background:var(--hd-primary)}.hd-ds-addon--selected .hd-ds-addon__icon svg{color:var(--hd-white)}.hd-ds-addon__info{flex:1;min-width:0}.hd-ds-addon__name{color:var(--hd-gray-800);display:block;font-size:var(--hd-font-size-sm);font-weight:600}.hd-ds-addon__desc{color:var(--hd-gray-400);display:block;font-size:var(--hd-font-size-xs);margin-top:4px}.hd-ds-addon__header{align-items:center;display:flex;gap:var(--hd-space-3)}.hd-ds-addon .hd-ds-quantity{align-items:center;background:var(--hd-white);border:1px solid var(--hd-gray-200);border-radius:var(--hd-radius);display:inline-flex;overflow:hidden}.hd-ds-addon .hd-ds-quantity__btn{align-items:center;background:transparent;border:none;color:var(--hd-gray-500);cursor:pointer;display:flex;font-size:var(--hd-font-size-sm);font-weight:600;height:28px;justify-content:center;transition:all .15s ease;width:28px}.hd-ds-addon .hd-ds-quantity__btn:hover{background:var(--hd-gray-100);color:var(--hd-primary)}.hd-ds-addon .hd-ds-quantity__value{color:var(--hd-gray-700);font-size:var(--hd-font-size-xs);font-weight:600;min-width:50px;text-align:center}.hd-ds-nav{align-items:center;border-top:1px solid var(--hd-gray-200);display:flex;gap:var(--hd-space-4);margin-top:var(--hd-space-8);padding-top:var(--hd-space-6)}.hd-ds-nav__spacer{flex:1}.hd-ds-btn{align-items:center;border:none;border-radius:var(--hd-radius);cursor:pointer;display:inline-flex;font-size:var(--hd-font-size-sm);font-weight:600;gap:var(--hd-space-2);justify-content:center;padding:var(--hd-space-3) var(--hd-space-6);text-decoration:none;transition:all var(--hd-transition)}.hd-ds-btn svg{height:18px;width:18px}.hd-ds-btn--primary{background:#ff7303;border-radius:var(--hd-radius);box-shadow:0 2px 8px rgba(255,115,3,.3);color:var(--hd-white);font-weight:500;letter-spacing:.01em;outline:none}.hd-ds-btn--primary:hover{background:#e66800;box-shadow:0 4px 16px rgba(255,115,3,.4)}.hd-ds-btn--primary:active{background:#cc5d00;transform:translateY(0)}.hd-ds-btn--primary:focus{outline:none}.hd-ds-btn--outline{background:var(--hd-white);border:1px solid var(--hd-gray-300);color:var(--hd-gray-700);outline:none}.hd-ds-btn--outline:hover{background:var(--hd-gray-50);border-color:var(--hd-gray-500)}.hd-ds-btn--outline:focus{box-shadow:none;outline:none}.hd-ds-btn--dashed{background:transparent;border:1px dashed var(--hd-gray-300);color:var(--hd-primary);margin-top:var(--hd-space-4)}.hd-ds-btn--dashed:hover{background:var(--hd-primary-light);border-color:var(--hd-primary)}.hd-ds-btn--gradient{background:var(--hd-primary);border-radius:var(--hd-radius-full);box-shadow:var(--hd-shadow-lg);color:var(--hd-white);padding:var(--hd-space-4) var(--hd-space-6);position:relative}.hd-ds-btn--gradient:hover:not(:disabled){box-shadow:0 10px 20px -5px rgba(255,88,0,.4);transform:translateY(-2px)}.hd-ds-btn--gradient:disabled{background:var(--hd-gray-400);cursor:not-allowed}.hd-ds-btn--loading{pointer-events:none;position:relative}.hd-ds-btn--loading .hd-ds-btn__text{opacity:0}.hd-ds-btn--loading:after{animation:hd-ds-spin .8s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:currentcolor;content:"";height:1.25rem;left:50%;margin:-.625rem 0 0 -.625rem;position:absolute;top:50%;width:1.25rem}@keyframes hd-ds-spin{to{transform:rotate(1turn)}}.hd-ds-btn--full{width:100%}.hd-ds-mobile-cta{border-top:1px solid var(--hd-gray-200);display:block;margin-top:var(--hd-space-6);padding-top:var(--hd-space-6)}@media (min-width:1024px){.hd-ds-mobile-cta{display:none}}.hd-ds-mobile-cta__note{color:var(--hd-gray-500);font-size:var(--hd-font-size-xs);margin-top:var(--hd-space-3);text-align:center}.hd-ds-sidebar{align-self:flex-start;display:none;position:sticky;top:100px}@media (min-width:1024px){.hd-ds-sidebar{display:block}}.hd-ds-sidebar__inner{background:#4e5159;border:1px solid hsla(0,0%,100%,.08);border-radius:var(--hd-radius-xl);box-shadow:0 20px 40px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.05);color:var(--hd-white);contain:layout style;padding:var(--hd-space-6)}.hd-ds-sidebar__header{border-bottom:1px solid hsla(0,0%,100%,.08);margin-bottom:var(--hd-space-6);padding-bottom:var(--hd-space-4)}.hd-ds-sidebar__title{color:var(--hd-white);font-size:var(--hd-font-size-lg);font-weight:600;letter-spacing:-.02em}.hd-ds-sidebar__footer{border-top:1px solid hsla(0,0%,100%,.1);margin-top:var(--hd-space-6);padding-top:var(--hd-space-6)}.hd-ds-sidebar__note{color:hsla(0,0%,100%,.6);font-size:var(--hd-font-size-xs);margin-top:var(--hd-space-3);text-align:center}.hd-ds-summary{display:flex;flex-direction:column;gap:var(--hd-space-1)}.hd-ds-summary-group{background:hsla(0,0%,100%,.03);border-radius:var(--hd-radius);margin-bottom:var(--hd-space-2);overflow:hidden}.hd-ds-summary-group:last-child{margin-bottom:0}.hd-ds-summary-group__header{align-items:center;background:hsla(0,0%,100%,.04);cursor:pointer;display:flex;gap:var(--hd-space-3);padding:var(--hd-space-3) var(--hd-space-4);transition:all var(--hd-transition)}.hd-ds-summary-group__header:hover{background:hsla(0,0%,100%,.08)}.hd-ds-summary-group__icon{color:hsla(0,0%,100%,.5);flex-shrink:0;height:16px;opacity:.9;width:16px}.hd-ds-summary-group__title{color:var(--hd-white);flex:1;font-size:13px;font-weight:600;letter-spacing:.02em}.hd-ds-summary-group__toggle{color:hsla(0,0%,100%,.4);height:14px;transition:transform var(--hd-transition);width:14px}.hd-ds-summary-group--expanded .hd-ds-summary-group__toggle{transform:rotate(180deg)}.hd-ds-summary-group__items{max-height:0;opacity:0;overflow:hidden;transition:all var(--hd-transition-slow)}.hd-ds-summary-group--expanded .hd-ds-summary-group__items{max-height:500px;opacity:1;padding:var(--hd-space-2) var(--hd-space-4) var(--hd-space-3)}.hd-ds-summary-item{align-items:center;display:flex;padding:var(--hd-space-2) 0;transition:all var(--hd-transition)}.hd-ds-summary-item--sub{margin-top:-4px;padding-left:16px;padding-top:0}.hd-ds-summary-item--sub .hd-ds-summary-item__label{color:hsla(0,0%,100%,.5);font-size:11px}.hd-ds-summary-item--sub .hd-ds-summary-item__label:before{content:"";margin-right:0}.hd-ds-summary-item--placeholder .hd-ds-summary-item__label{color:hsla(0,0%,100%,.35);font-style:italic}.hd-ds-summary-item--placeholder .hd-ds-summary-item__label:before{color:hsla(0,0%,100%,.25)}.hd-ds-summary-item:hover{background:transparent}.hd-ds-summary-item__label{align-items:center;color:hsla(0,0%,100%,.7);display:flex;font-size:13px;gap:var(--hd-space-2)}.hd-ds-summary-item__label strong{color:hsla(0,0%,100%,.9);font-weight:600}.hd-ds-summary-item__label:before{color:hsla(0,0%,100%,.5);content:"›";font-size:16px;font-weight:600;margin-right:4px}.hd-ds-summary-badge{align-items:center;border-radius:3px;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.03em;margin-right:6px;padding:2px 7px;text-transform:uppercase}.hd-ds-summary-badge--intel{background:rgba(0,113,197,.25);color:#5eb5ff}.hd-ds-summary-badge--amd{background:rgba(16,185,129,.25);color:#6ee7b7}.hd-ds-summary-badge--nvme{background:rgba(255,140,50,.25);color:#ffb366}.hd-ds-summary-badge--ssd{background:rgba(16,185,129,.25);color:#6ee7b7}.hd-ds-summary-badge--hdd{background:rgba(180,190,200,.25);color:#c0c8d0}.hd-ds-summary-item__value{color:hsla(0,0%,100%,.9);font-size:12px;font-weight:500;margin-left:auto}.hd-ds-modal{align-items:center;bottom:0;display:none;justify-content:center;left:0;padding:var(--hd-space-4);position:fixed;right:0;top:0;z-index:9999}.hd-ds-modal--open{display:flex}.hd-ds-modal__backdrop{background:rgba(15,23,42,.8);bottom:0;left:0;position:absolute;right:0;top:0}.hd-ds-modal__container{animation:hd-ds-modalIn .3s cubic-bezier(.16,1,.3,1);background:var(--hd-white);border-radius:var(--hd-radius-lg);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);contain:layout;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;position:relative;width:100%;will-change:transform,opacity}@keyframes hd-ds-modalIn{0%{opacity:0;transform:scale(.96) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.hd-ds-modal__header{align-items:center;background:var(--hd-gray-50);border-bottom:1px solid var(--hd-gray-100);display:flex;justify-content:space-between;padding:var(--hd-space-5) var(--hd-space-6)}.hd-ds-modal__title{align-items:center;color:var(--hd-gray-800);display:flex;font-size:1.125rem;font-weight:600;gap:var(--hd-space-3)}.hd-ds-modal__title:before{background:var(--hd-primary);border-radius:2px;content:"";height:20px;width:4px}.hd-ds-modal__close{align-items:center;background:transparent;border:none;border-radius:var(--hd-radius);color:var(--hd-gray-400);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--hd-transition);width:32px}.hd-ds-modal__close:hover{background:var(--hd-gray-100);color:var(--hd-gray-600)}.hd-ds-modal__close svg{height:18px;width:18px}.hd-ds-modal__body{display:grid;flex:1;gap:var(--hd-space-6);grid-template-columns:1fr;overflow-y:auto;padding:var(--hd-space-6)}@media (min-width:768px){.hd-ds-modal__body{grid-template-columns:1.2fr 1fr}}.hd-ds-modal__section-title{border-bottom:1px solid var(--hd-gray-100);color:var(--hd-gray-500);font-size:var(--hd-font-size-xs);font-weight:600;letter-spacing:.5px;margin-bottom:var(--hd-space-4);padding-bottom:var(--hd-space-2);text-transform:uppercase}.hd-ds-modal__summary{background:linear-gradient(135deg,var(--hd-gray-50),var(--hd-white));border:1px solid var(--hd-gray-100);border-radius:var(--hd-radius-lg);padding:var(--hd-space-5)}.hd-ds-modal-resume{display:flex;flex-direction:column;gap:var(--hd-space-4)}.hd-ds-modal-resume__section{border-bottom:1px solid var(--hd-gray-100);padding-bottom:var(--hd-space-3)}.hd-ds-modal-resume__section:last-child{border-bottom:none;padding-bottom:0}.hd-ds-modal-resume__title{color:var(--hd-gray-400);font-size:.65rem;font-weight:600;letter-spacing:.5px;margin:0 0 var(--hd-space-2) 0;text-transform:uppercase}.hd-ds-modal-resume__value{color:var(--hd-gray-800);font-size:var(--hd-font-size-sm);font-weight:500;margin:0 0 2px}.hd-ds-modal-resume__detail{color:var(--hd-gray-500);font-size:var(--hd-font-size-xs);margin:0 0 var(--hd-space-1) 0}.hd-ds-sr-only{height:1px;margin:-1px;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.hd-ds-sr-only,body.hd-ds-modal-active{overflow:hidden}.hd-ds-addon:focus-visible,.hd-ds-chip:focus-visible,.hd-ds-radio-card:focus-visible,.hd-ds-retention-btn:focus-visible,.hd-ds-select-btn:focus-visible{outline:2px solid var(--hd-primary);outline-offset:2px}.hd-ds-qty-input{-moz-appearance:textfield;background:transparent;border:none;color:var(--hd-gray-700);font-size:var(--hd-font-size-sm);font-weight:600;text-align:center;width:40px}.hd-ds-qty-input::-webkit-inner-spin-button,.hd-ds-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media print{.hd-ds-mobile-cta,.hd-ds-modal,.hd-ds-nav,.hd-ds-progress{display:none!important}.hd-ds-sidebar{display:block!important;position:static}.hd-ds-sidebar,.hd-ds-summary-group{background:#fff;color:#000}}@media (prefers-reduced-motion:reduce){.hd-ds-addon,.hd-ds-btn,.hd-ds-chip,.hd-ds-modal__container,.hd-ds-progress__item,.hd-ds-radio-card,.hd-ds-slider__fill,.hd-ds-step,.hd-ds-summary-group__items,.hd-ds-summary-group__toggle,.hd-ds-toast{animation:none!important;transition:none!important}.hd-ds-addon:hover,.hd-ds-btn:hover,.hd-ds-chip:hover,.hd-ds-radio-card:hover{transform:none!important}}