/* AESONLABS — HDD FAMILY GUIDE V2 */
.hdd-family-guide-v2{--ink:#183949;--muted:#687b85;--line:#d7e2e7;--blue:#277a9c;--soft:#f7fafb;--warn:#876744;--red:#8f5050;margin:50px 0;color:var(--ink)}
.hdd-family-guide-v2 *,.hdd-family-guide-v2 *:before,.hdd-family-guide-v2 *:after{box-sizing:border-box}
.hdd-v2-intro{max-width:880px;margin-bottom:18px}.hdd-v2-eyebrow{display:block;margin-bottom:7px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hdd-v2-intro h2{margin:0 0 9px;font-size:clamp(26px,3vw,38px);line-height:1.12;color:var(--ink)}.hdd-v2-intro p{margin:0;color:#596e79;font-size:15px;line-height:1.65}
.hdd-v2-selector{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0 0 14px}.hdd-v2-tab{position:relative;min-height:78px;padding:11px 10px 9px;border:1px solid #ccd9df;border-radius:11px;background:linear-gradient(145deg,#fbfcfd,#eef3f5);text-align:left;color:var(--ink);cursor:pointer;appearance:none;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.hdd-v2-tab:hover{transform:translateY(-1px);border-color:#9bb9c7}.hdd-v2-tab:focus-visible{outline:3px solid rgba(39,122,156,.18);outline-offset:2px}.hdd-v2-tab.is-active{border-color:var(--blue);box-shadow:inset 0 3px 0 var(--blue),0 6px 16px rgba(29,85,109,.10);background:linear-gradient(145deg,#f9fdfe,#eaf4f8)}.hdd-v2-tab>span{display:block;color:#74858e;font-size:7.5px;font-weight:800;letter-spacing:.1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hdd-v2-tab strong{display:block;margin:4px 0 2px;font-size:15px;line-height:1.05}.hdd-v2-tab small{display:block;color:#72838c;font-size:9px;line-height:1.15}.hdd-v2-tab em{position:absolute;right:8px;bottom:7px;font-style:normal;color:#697b84;font-size:7.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.hdd-v2-tab[data-family="rosewood"] em,.hdd-v2-tab[data-family="palmer"] em{color:#86633e}.hdd-v2-tab[data-family="spyglass"] em{color:#8b4c4c}
.hdd-v2-main{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:14px;align-items:stretch}.hdd-v2-visual,.hdd-v2-summary{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(23,57,73,.065)}.hdd-v2-visual{margin:0;padding:14px;background:linear-gradient(rgba(45,104,129,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(45,104,129,.035) 1px,transparent 1px),#f8fbfc;background-size:22px 22px}.hdd-v2-visual-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:0 2px 10px;border-bottom:1px solid #dde6ea}.hdd-v2-visual-head span{color:#748690;font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.hdd-v2-visual-head strong{font-size:13px}.hdd-v2-drive-stage{min-height:360px;display:flex;align-items:center;justify-content:center;padding:6px 0}.hdd-v2-drive-stage img{display:block;max-width:100%;width:auto;height:auto;max-height:390px;object-fit:contain;filter:drop-shadow(0 12px 12px rgba(24,57,73,.08))}.hdd-v2-drive-stage.is-changing img{animation:hddV2Swap .48s ease both}.hdd-v2-visual figcaption{padding-top:8px;border-top:1px solid #dfe7ea;color:#7a8a92;font-size:9px;line-height:1.4;text-align:center}
.hdd-v2-summary{padding:20px 22px;display:flex;flex-direction:column;justify-content:center}.hdd-v2-summary-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid #dce5e9}.hdd-v2-summary-head>div:first-child>span{color:#74858e;font-size:9px;font-weight:800;letter-spacing:.13em}.hdd-v2-summary h3{margin:4px 0 0;font-size:31px;line-height:1;color:var(--ink);font-weight:500;letter-spacing:.02em}.hdd-v2-complexity{min-width:150px}.hdd-v2-complexity small{display:block;color:#778992;font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.hdd-v2-complexity strong{display:block;margin:5px 0 7px;font-size:14px}.hdd-v2-complexity>div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.hdd-v2-complexity i{height:5px;border-radius:999px;background:#d8e3e7}.hdd-v2-complexity[data-level="1"] i:nth-child(-n+1),.hdd-v2-complexity[data-level="2"] i:nth-child(-n+2),.hdd-v2-complexity[data-level="3"] i:nth-child(-n+3),.hdd-v2-complexity[data-level="4"] i:nth-child(-n+4){background:var(--blue)}.hdd-v2-complexity[data-level="4"] i{background:#8f5757}.hdd-v2-copy{margin:17px 0 15px;color:#5b6e78;font-size:14px;line-height:1.62}.hdd-v2-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hdd-v2-facts>div{padding:10px 11px;border:1px solid #dce5e9;border-radius:10px;background:#f8fafb}.hdd-v2-facts span{display:block;margin-bottom:4px;color:#7a8b94;font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.hdd-v2-facts strong{display:block;color:#26495a;font-size:11px;line-height:1.35}.hdd-v2-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.hdd-v2-tags span{padding:6px 9px;border:1px solid #bad4df;border-radius:999px;background:#eef7fa;color:#2c657e;font-size:8px;font-weight:800;letter-spacing:.05em}.hdd-v2-note{margin:10px 2px 0;color:#7b8a92;font-size:10px;line-height:1.5}
.hdd-family-guide-v2.is-paused *{animation-play-state:paused!important}@keyframes hddV2Swap{0%{opacity:.45;transform:scale(.985)}100%{opacity:1;transform:scale(1)}}
@media(max-width:900px){.hdd-v2-selector{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px}.hdd-v2-selector::-webkit-scrollbar{display:none}.hdd-v2-tab{flex:0 0 calc(33.333% - 6px);scroll-snap-align:start}.hdd-v2-main{grid-template-columns:1fr}.hdd-v2-drive-stage{min-height:310px}.hdd-v2-summary{padding:18px}}
@media(max-width:620px){.hdd-family-guide-v2{margin:38px 0}.hdd-v2-intro{margin-bottom:14px}.hdd-v2-intro h2{font-size:28px}.hdd-v2-intro p{font-size:14px}.hdd-v2-selector{gap:7px;margin-bottom:11px}.hdd-v2-tab{flex:0 0 calc(50% - 4px);min-height:72px;padding:10px 9px 8px}.hdd-v2-tab strong{font-size:14px}.hdd-v2-visual{padding:11px}.hdd-v2-drive-stage{min-height:245px;padding:2px 0}.hdd-v2-drive-stage img{max-height:280px}.hdd-v2-summary{padding:16px 15px}.hdd-v2-summary-head{gap:12px}.hdd-v2-summary h3{font-size:27px}.hdd-v2-complexity{min-width:124px}.hdd-v2-complexity strong{font-size:12px}.hdd-v2-copy{margin:14px 0 12px;font-size:13px;line-height:1.55}.hdd-v2-facts{grid-template-columns:1fr 1fr}.hdd-v2-facts>div:last-child{grid-column:1/-1}.hdd-v2-note{font-size:9px}.hdd-v2-visual figcaption{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hdd-v2-tab,.hdd-v2-drive-stage img{transition:none!important;animation:none!important}}


/* ==========================================================
   HDD FAILURE CARDS — TECHNICAL ICONS
   ========================================================== */
.aeson-core-service-hdd .aeson-hdd-failure-card {
    position: relative;
    overflow: hidden;
}

.aeson-core-service-hdd .aeson-hdd-failure-heading {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0 0 11px;
}

.aeson-core-service-hdd .aeson-hdd-failure-heading .aeson-core-card-kicker {
    margin: 0;
}

.aeson-core-service-hdd .aeson-hdd-failure-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c9dbe3;
    border-radius: 10px;
    background: linear-gradient(145deg, #f7fbfc, #edf5f8);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
}

.aeson-core-service-hdd .aeson-hdd-failure-icon svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: #277a9c;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.aeson-core-service-hdd .aeson-hdd-failure-icon svg .fill {
    fill: #277a9c;
    stroke: #277a9c;
}

.aeson-core-service-hdd .aeson-hdd-failure-card h3 {
    margin-top: 0;
}

.aeson-core-service-hdd .aeson-hdd-failure-card::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 54px;
    height: 54px;
    background: linear-gradient(135deg, rgba(39,122,156,.045), transparent 70%);
    pointer-events: none;
}

@media (max-width: 620px) {
    .aeson-core-service-hdd .aeson-hdd-failure-heading {
        gap: 9px;
        margin-bottom: 9px;
    }

    .aeson-core-service-hdd .aeson-hdd-failure-icon {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        border-radius: 9px;
    }

    .aeson-core-service-hdd .aeson-hdd-failure-icon svg {
        width: 21px;
        height: 21px;
    }
}


/* ==========================================================
   HDD RECOVERY WORKFLOW — COMPACT INFOGRAPHIC
   ========================================================== */

.aeson-core-service-hdd .aeson-hdd-process-compact {
    margin-top: 34px;
    margin-bottom: 38px;
}

.aeson-core-service-hdd .aeson-hdd-process-head {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 36px;
    align-items: end;
    margin-bottom: 24px;
}

.aeson-core-service-hdd .aeson-hdd-process-head h2 {
    margin-bottom: 0;
}

.aeson-core-service-hdd .aeson-hdd-process-head .aeson-core-process-intro {
    margin: 0;
    max-width: none;
}

.aeson-core-service-hdd .aeson-hdd-process-flow {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    position: relative;
}

.aeson-core-service-hdd .aeson-hdd-process-card {
    position: relative;
    min-height: 178px;
    padding: 22px 24px 20px;
    border: 1px solid #dbe5ea;
    border-radius: 15px;
    background:
        linear-gradient(180deg, rgba(39,122,156,.035), rgba(255,255,255,0) 56%),
        #fff;
    box-shadow: 0 8px 24px rgba(31, 57, 70, .045);
    overflow: visible;
}

.aeson-core-service-hdd .aeson-hdd-process-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 18px;
    width: 3px;
    border-radius: 3px;
    background: #277a9c;
    opacity: .75;
}

.aeson-core-service-hdd .aeson-hdd-process-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.aeson-core-service-hdd .aeson-hdd-process-card .aeson-special-step {
    width: 42px;
    height: 42px;
    min-width: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border-radius: 50%;
    font-size: 14px;
    line-height: 1;
}

.aeson-core-service-hdd .aeson-hdd-process-icon {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    border: 1px solid rgba(39,122,156,.17);
    background: rgba(39,122,156,.055);
}

.aeson-core-service-hdd .aeson-hdd-process-icon svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: #277a9c;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.aeson-core-service-hdd .aeson-hdd-process-card h3 {
    margin: 0 0 9px;
    font-size: 20px;
    line-height: 1.25;
}

.aeson-core-service-hdd .aeson-hdd-process-card p {
    margin: 0;
    font-size: 15px;
    line-height: 1.62;
}

.aeson-core-service-hdd .aeson-hdd-process-arrow {
    position: absolute;
    right: -17px;
    top: 50%;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d7e3e8;
    border-radius: 50%;
    background: #fff;
    color: #277a9c;
    font-size: 18px;
    line-height: 1;
    z-index: 2;
    box-shadow: 0 4px 14px rgba(31, 57, 70, .06);
}

.aeson-core-service-hdd .aeson-hdd-process-card-result {
    grid-column: 1 / -1;
    min-height: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 20px;
    align-items: center;
    padding: 20px 24px;
    background:
        linear-gradient(90deg, rgba(39,122,156,.09), rgba(39,122,156,.025) 48%, #fff),
        #fff;
}

.aeson-core-service-hdd .aeson-hdd-process-card-result .aeson-hdd-process-card-top {
    margin: 0;
    gap: 10px;
}

.aeson-core-service-hdd .aeson-hdd-process-card-result .aeson-hdd-process-icon {
    width: 44px;
    height: 44px;
}

.aeson-core-service-hdd .aeson-hdd-process-result-copy h3 {
    margin-bottom: 5px;
}

@media (max-width: 767px) {
    .aeson-core-service-hdd .aeson-hdd-process-head {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-bottom: 18px;
    }

    .aeson-core-service-hdd .aeson-hdd-process-flow {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .aeson-core-service-hdd .aeson-hdd-process-card {
        min-height: 0;
        padding: 18px 18px 17px;
    }

    .aeson-core-service-hdd .aeson-hdd-process-card-result {
        grid-column: auto;
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .aeson-core-service-hdd .aeson-hdd-process-card-result .aeson-hdd-process-card-top {
        justify-content: space-between;
    }

    .aeson-core-service-hdd .aeson-hdd-process-arrow {
        display: none;
    }
}