.dualsense-page { overflow: clip; }
.ds-hero { position: relative; display: grid; min-height: 660px; grid-template-columns: 1fr 1fr; align-items: center; gap: 32px; padding-top: 62px; padding-bottom: 70px; }
.ds-hero::before { position: absolute; z-index: -1; top: 0; right: -16%; width: 70%; height: 100%; background: radial-gradient(ellipse, rgba(28, 113, 178, .17), transparent 65%); content: ""; pointer-events: none; }
.ds-hero-copy { position: relative; z-index: 2; max-width: 600px; }
.ds-hero-copy .eyebrow { color: #ff9b7f; }
.ds-hero h1 { margin: 18px 0; font-size: clamp(3.5rem, 6.8vw, 6.3rem); line-height: .95; letter-spacing: -.075em; }
.ds-hero h1 em, .ds-shipping h2 em, .ds-final-cta h2 em { color: #ff7658; font-style: normal; }
.ds-lead { max-width: 530px; margin: 0; color: #adbbcc; font-size: 1.02rem; line-height: 1.8; }
.ds-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 27px; }
.ds-hero-actions .button { min-height: 48px; }
.ds-hero-points { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 24px; color: #aab8c9; font-size: .78rem; }
.ds-hero-points i { margin-right: 7px; color: #6ce0bc; }
.ds-hero-visual { position: relative; display: grid; min-height: 520px; place-items: center; isolation: isolate; }
.ds-hero-visual::before { position: absolute; z-index: -1; width: min(92%, 490px); aspect-ratio: 1; border: 1px solid rgba(93, 203, 255, .18); border-radius: 50%; box-shadow: 0 0 0 24px rgba(64, 158, 207, .035), 0 0 0 56px rgba(64, 158, 207, .025), inset 0 0 65px rgba(43, 151, 214, .08); content: ""; }
.ds-controller-stage { position: relative; width: min(100%, 545px); overflow: hidden; border: 1px solid rgba(255, 255, 255, .14); border-radius: 30px; background: #f5f6f8; box-shadow: 0 30px 90px rgba(0, 0, 0, .5), 0 0 40px rgba(74, 189, 255, .08); transform: rotate(-4deg); animation: ds-controller-float 7s ease-in-out infinite; }
.ds-controller-stage img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.ds-controller-video { overflow: hidden; background: #f5f6f8; }
.ds-controller-video video { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; background: #f5f6f8; opacity: 1; pointer-events: none; user-select: none; }
.ds-visual-orbit { position: absolute; z-index: -1; width: 94%; height: 48%; border: 1px solid rgba(255, 104, 80, .26); border-radius: 50%; transform: rotate(-26deg); animation: ds-orbit 18s linear infinite; }
.ds-orbit-two { width: 108%; height: 60%; border-color: rgba(71, 207, 245, .18); transform: rotate(31deg); animation-duration: 24s; animation-direction: reverse; }
.ds-callout { position: absolute; z-index: 1; display: flex; align-items: center; gap: 8px; padding: 10px 13px; border: 1px solid rgba(163, 203, 232, .19); border-radius: 999px; background: rgba(12, 20, 31, .85); box-shadow: 0 12px 30px rgba(0, 0, 0, .3); color: #d7e4f2; font-size: .72rem; font-weight: 700; backdrop-filter: blur(10px); }
.ds-callout i, .ds-status-dot { width: 7px; height: 7px; border-radius: 50%; background: #ff8060; box-shadow: 0 0 11px #ff8060; }
.ds-callout-left { top: 15%; left: -1%; }
.ds-callout-right { right: -2%; bottom: 23%; }
.ds-visual-caption { position: absolute; bottom: 0; display: flex; align-items: center; gap: 9px; color: #a9bad0; font-size: .72rem; letter-spacing: .04em; }
.ds-status-dot { background: #4ce3b3; box-shadow: 0 0 11px #4ce3b3; }
@keyframes ds-controller-float { 0%, 100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-13px) rotate(-2deg); } }
@keyframes ds-orbit { to { transform: rotate(334deg); } }
.ds-service-band { border-block: 1px solid rgba(93, 205, 243, .13); background: linear-gradient(90deg, rgba(21, 34, 49, .96), rgba(18, 27, 41, .97)); }
.ds-service-band-inner { display: flex; min-height: 74px; align-items: center; justify-content: space-between; gap: 20px; }
.ds-service-band-inner span { display: flex; align-items: center; gap: 10px; color: #c8d3e1; font-size: .78rem; font-weight: 700; }
.ds-service-band-inner i { color: #ff8467; }
.ds-breakdown { padding-top: 106px; padding-bottom: 100px; }
.ds-breakdown-layout { display: grid; grid-template-columns: .94fr 1.06fr; align-items: center; gap: clamp(36px, 7vw, 92px); }
.ds-breakdown-visual { min-width: 0; }
.ds-breakdown-image { position: relative; overflow: hidden; border: 1px solid rgba(128, 197, 235, .2); border-radius: 20px; background: radial-gradient(circle at 50% 48%, rgba(62, 155, 203, .14), transparent 68%), #0a111b; box-shadow: 0 25px 65px rgba(0, 0, 0, .28); }
.ds-breakdown-image img { width: 100%; aspect-ratio: 1.12; object-fit: contain; opacity: .88; filter: drop-shadow(0 15px 30px rgba(0, 0, 0, .2)); }
.ds-scan-line { position: absolute; right: 0; left: 0; top: 20%; height: 1px; background: linear-gradient(90deg, transparent, rgba(77, 226, 255, .85), transparent); box-shadow: 0 0 15px rgba(77, 226, 255, .7); animation: ds-scan 6s ease-in-out infinite alternate; }
@keyframes ds-scan { to { top: 82%; opacity: .45; } }
.ds-part-marker { position: absolute; display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid rgba(255, 137, 105, .72); border-radius: 50%; background: rgba(20, 27, 38, .88); box-shadow: 0 0 0 6px rgba(255, 105, 76, .09), 0 0 20px rgba(255, 105, 76, .2); color: #ff9c80; font-size: .6875rem; font-weight: 800; animation: ds-marker 2.4s ease-in-out infinite; }
.marker-left { top: 48%; left: 26%; }.marker-right { top: 47%; right: 25%; animation-delay: -.7s; }.marker-center { top: 71%; left: 50%; animation-delay: -1.3s; }
@keyframes ds-marker { 50% { box-shadow: 0 0 0 10px rgba(255, 105, 76, .04), 0 0 28px rgba(255, 105, 76, .36); transform: scale(1.06); } }
.ds-breakdown-visual > small { display: block; margin: 10px 4px 0; color: #7f91a6; font-size: .6875rem; }
.ds-breakdown-steps { display: grid; gap: 13px; }
.ds-step-card { display: grid; grid-template-columns: 39px minmax(0, 1fr) 34px; align-items: center; gap: 15px; min-height: 127px; padding: 20px; border: 1px solid var(--line); border-radius: 13px; background: linear-gradient(135deg, rgba(24, 36, 51, .95), rgba(14, 22, 33, .98)); transition: border-color .22s ease, transform .22s ease; }
.ds-step-card:hover { transform: translateX(4px); border-color: rgba(255, 131, 100, .42); }
.ds-step-card > span { display: grid; width: 37px; height: 37px; place-items: center; border: 1px solid rgba(255, 127, 97, .3); border-radius: 10px; background: rgba(255, 116, 83, .09); color: #ff9b80; font-size: .7rem; font-weight: 800; }
.ds-step-card h3 { margin: 0 0 5px; font-size: 1rem; }
.ds-step-card p { margin: 0; color: var(--muted); font-size: .79rem; line-height: 1.6; }
.ds-step-card > i { color: #ff8467; font-size: 1.1rem; text-align: right; }
.ds-pricing-section { padding: 96px 0 101px; border-block: 1px solid rgba(128, 190, 230, .1); background: radial-gradient(ellipse at 10% 0%, rgba(47, 110, 164, .1), transparent 37%), #0e151f; }
.ds-price-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.ds-price-card { position: relative; display: flex; min-width: 0; min-height: 226px; flex-direction: column; align-items: flex-start; padding: 20px; overflow: hidden; border: 1px solid rgba(180, 207, 232, .13); border-radius: 13px; background: linear-gradient(145deg, rgba(27, 39, 54, .92), rgba(16, 24, 36, .98)); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.ds-price-card:hover { transform: translateY(-4px); border-color: rgba(255, 125, 94, .45); box-shadow: 0 15px 34px rgba(0, 0, 0, .2); }
.ds-price-card h3 { margin: 9px 0 4px; font-size: .94rem; }
.ds-price-card > p { min-height: 38px; margin: 0; color: #9fadc0; font-size: .72rem; line-height: 1.5; }
.ds-price-card > strong { margin-top: 12px; color: #f8fbff; font-size: 1.7rem; letter-spacing: -.05em; line-height: 1.1; white-space: nowrap; }
.ds-price-card > strong small { color: #ff9b7d; font-size: .86rem; letter-spacing: 0; }
.ds-price-icon { display: grid; width: 37px; height: 37px; place-items: center; border: 1px solid rgba(255, 125, 94, .25); border-radius: 10px; background: rgba(255, 102, 73, .09); color: #ff9476; }
.ds-price-time { display: flex; align-items: center; gap: 7px; margin-top: auto; padding-top: 14px; color: #8797aa; font-size: .6875rem; }
.ds-price-tag { position: absolute; top: 13px; right: 13px; padding: 5px 7px; border: 1px solid rgba(255, 156, 116, .22); border-radius: 5px; background: rgba(255, 112, 78, .1); color: #ffad91; font-size: .6875rem; font-weight: 800; letter-spacing: .08em; }
.ds-price-popular, .ds-price-dual { border-color: rgba(255, 117, 83, .38); background: linear-gradient(145deg, rgba(73, 40, 43, .52), rgba(17, 25, 37, .98) 73%); }
.ds-price-note { display: flex; align-items: flex-start; gap: 10px; margin: 18px 0 0; padding: 15px 17px; border: 1px solid rgba(255, 182, 92, .2); border-radius: 10px; background: rgba(153, 98, 25, .09); color: #c9b997; font-size: .75rem; }
.ds-price-note i { margin-top: 2px; color: #ffc05f; }
.ds-video-section { padding-top: 104px; padding-bottom: 102px; }
.ds-video-layout { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(230px, .7fr); gap: 20px; }
.ds-video-frame { overflow: hidden; aspect-ratio: 16 / 9; border: 1px solid rgba(158, 190, 219, .17); border-radius: 15px; background: #05080d; box-shadow: 0 22px 54px rgba(0, 0, 0, .3); }
.ds-video-frame iframe { width: 100%; height: 100%; border: 0; }
.ds-video-note { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 25px; border: 1px solid var(--line); border-radius: 15px; background: linear-gradient(145deg, rgba(27, 39, 54, .95), rgba(14, 22, 34, .98)); }
.ds-video-note-icon { display: grid; width: 44px; height: 44px; margin-bottom: 20px; place-items: center; border: 1px solid rgba(255, 125, 94, .35); border-radius: 12px; background: rgba(255, 105, 75, .11); color: #ff896d; }
.ds-video-note .eyebrow { margin: 0 0 9px; font-size: .6875rem; }
.ds-video-note h3 { margin: 0; font-size: 1.22rem; line-height: 1.25; }
.ds-video-note > p:not(.eyebrow) { color: var(--muted); font-size: .77rem; }
.ds-video-note a { margin-top: 8px; color: #ff9a7d; font-size: .72rem; font-weight: 700; }
.ds-video-note a i { margin-left: 4px; }
.ds-shipping { padding: 77px 0 84px; border-block: 1px solid rgba(255, 117, 84, .19); background: radial-gradient(ellipse at 80% 30%, rgba(190, 48, 48, .12), transparent 40%), linear-gradient(100deg, #1e1a21, #131a26 62%, #171a24); }
.ds-shipping-copy { max-width: 720px; margin-bottom: 28px; }
.ds-shipping h2, .ds-final-cta h2 { margin: 9px 0; font-size: clamp(2.3rem, 4.8vw, 4rem); line-height: 1.02; letter-spacing: -.06em; }
.ds-shipping-copy > p:last-child, .ds-final-cta > div:first-child > p:last-child { max-width: 620px; color: #b5c0ce; font-size: .88rem; }
.ds-cargo-banner { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 25px; min-height: 112px; padding: 18px 25px; border: 1px solid rgba(255, 255, 255, .11); border-top: 3px solid #ff4447; border-radius: 12px; background: linear-gradient(100deg, #f5f6f8, #fff 48%, #f3f4f6); box-shadow: 0 18px 45px rgba(0, 0, 0, .25); color: #111722; }
.ds-cargo-brand { display: flex; align-items: center; gap: 15px; }
.ds-cargo-symbol { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 13px; background: #c62836; color: white; font-size: 1.3rem; }
.ds-cargo-brand strong, .ds-cargo-brand small { display: block; }
.ds-cargo-brand strong { color: #1b2430; font-size: 1.05rem; }
.ds-cargo-brand small { color: #596575; font-size: .72rem; }
.ds-cargo-code { display: flex; align-items: center; gap: 13px; padding: 9px 10px 9px 17px; border-radius: 999px; background: #e9edf2; }
.ds-cargo-code > span { color: #a2232e; font-size: .6875rem; font-weight: 800; letter-spacing: .09em; }
.ds-cargo-code > strong { color: #151d28; font-size: 1.18rem; letter-spacing: .11em; }
.ds-cargo-code button { min-height: 36px; padding: 0 13px; border: 0; border-radius: 999px; background: #151d28; color: #fff; font-size: .69rem; font-weight: 800; cursor: pointer; }
.ds-cargo-code button:hover { background: #c62836; }
.ds-cargo-help { justify-self: end; color: #af2631; font-size: .78rem; font-weight: 800; }
.ds-cargo-help i { margin-left: 5px; }
.ds-final-cta { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding-top: 88px; padding-bottom: 94px; }
.ds-final-cta .eyebrow { margin-bottom: 7px; }
.ds-final-cta h2 { font-size: clamp(2.35rem, 4.5vw, 3.7rem); }
.ds-final-cta > div:first-child > p:last-child { margin-bottom: 0; }
.ds-final-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.ds-final-actions .button { min-height: 46px; }
/* Reusable Yurtiçi agreement strip on the home page */
.shipping-code-card { display: grid; width: 100%; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 22px; padding: 17px 25px; border: 1px solid rgba(255,255,255,.12); border-top: 3px solid #ff4247; border-radius: 12px; background: linear-gradient(100deg,#f5f6f8,#fff 48%,#f3f4f6); color: #151d28; backdrop-filter: none; }
.cargo-banner-brand { display: flex; align-items: center; gap: 12px; color: #1b2430; }
.cargo-banner-brand > i { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 12px; background: #c62836; color: white; font-size: 1.18rem; }
.cargo-banner-brand span { font-size: 1rem; font-weight: 800; }
.cargo-banner-brand small { display: block; color: #687487; font-size: .6875rem; font-weight: 600; }
.cargo-banner-code { display: flex; align-items: center; gap: 12px; padding: 8px 9px 8px 15px; border-radius: 999px; background: #e9edf2; }
.cargo-banner-code > span { color: #a2232e; font-size: .6875rem; font-weight: 800; letter-spacing: .08em; }
.cargo-banner-code strong { color: #111a26; font-size: 1.13rem; letter-spacing: .1em; }
.cargo-copy { min-height: 35px; padding: 0 12px; border: 0; border-radius: 999px; background: #151d28; color: white; font-size: .6875rem; font-weight: 800; cursor: pointer; }
.cargo-copy:hover { background: #c62836; }
.cargo-banner-link { justify-self: end; color: #ad2430; font-size: .77rem; font-weight: 800; }
.cargo-banner-link i { margin-left: 5px; }
@media (max-width: 980px) {
    .ds-hero { min-height: 590px; grid-template-columns: 1.05fr .95fr; gap: 10px; }
    .ds-hero-visual { min-height: 430px; }
    .ds-callout-left { left: -2%; }.ds-callout-right { right: -3%; }
    .ds-price-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .ds-cargo-banner, .shipping-code-card { grid-template-columns: 1fr auto; }
    .ds-cargo-help, .cargo-banner-link { grid-column: 1 / -1; justify-self: end; }
}
@media (max-width: 700px) {
    .ds-hero { grid-template-columns: 1fr; gap: 12px; padding-top: 54px; padding-bottom: 62px; }
    .ds-hero h1 { font-size: clamp(3.4rem, 12vw, 5rem); }
    .ds-hero-visual { min-height: min(94vw, 490px); }
    .ds-controller-stage { width: min(87%, 430px); border-radius: 23px; }
    .ds-callout-left { top: 9%; left: 0; }.ds-callout-right { right: 0; bottom: 14%; }
    .ds-visual-caption { bottom: 2px; }
    .ds-service-band-inner { align-items: flex-start; flex-direction: column; justify-content: center; gap: 12px; padding-top: 16px; padding-bottom: 16px; }
    .ds-breakdown-layout { grid-template-columns: 1fr; gap: 27px; }
    .ds-breakdown-image img { aspect-ratio: 1.22; }
    .ds-price-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
    .ds-price-card { min-height: 218px; padding: 15px; }
    .ds-price-card h3 { font-size: .83rem; }
    .ds-price-card > p { font-size: .6875rem; }
    .ds-price-card > strong { font-size: 1.48rem; }
    .ds-video-layout { grid-template-columns: 1fr; }
    .ds-video-note { padding: 20px; }
    .ds-cargo-banner { gap: 13px; padding: 15px; }
    .ds-cargo-code { flex-wrap: wrap; justify-content: center; border-radius: 12px; }
    .ds-cargo-code > span { width: 100%; text-align: center; }
    .ds-final-cta { align-items: flex-start; flex-direction: column; padding-top: 70px; padding-bottom: 74px; }
    .ds-final-actions { justify-content: flex-start; }
    .shipping-code-card { grid-template-columns: 1fr; gap: 12px; padding: 17px; }
    .cargo-banner-code { width: fit-content; max-width: 100%; flex-wrap: wrap; }
    .cargo-banner-code > span { width: 100%; }
    .cargo-banner-link { grid-column: auto; justify-self: start; }
}
@media (max-width: 420px) {
    .ds-price-grid { grid-template-columns: 1fr; }
    .ds-price-card { min-height: 190px; }
    .ds-price-card > p { min-height: auto; }
    .ds-hero-points { gap: 11px; font-size: .71rem; }
    .ds-cargo-code { gap: 8px; padding-inline: 10px; }
    .ds-cargo-code > strong, .cargo-banner-code strong { font-size: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
    .ds-controller-stage, .ds-visual-orbit, .ds-scan-line, .ds-part-marker { animation: none !important; }
}

/* Compact navigation and pricing layout */
.ds-hero { min-height: 575px; }
.ds-controller-stage { width: min(100%, 440px); }
.ds-controller-stage img { aspect-ratio: 1; object-fit: contain; padding: 14px; }
.ds-test-shortcut { display: inline-flex; align-items: center; gap: 9px; margin-top: 20px; color: #b7c7d8; font-size: .78rem; font-weight: 700; }
.ds-test-shortcut > i:first-child { color: #ff896d; }
.ds-test-shortcut > i:last-child { color: #ff9c7d; transition: transform .2s ease; }
.ds-test-shortcut:hover { color: #fff; }
.ds-test-shortcut:hover > i:last-child { transform: translateX(4px); }
.ds-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 27px; }
.ds-section-heading h2 { margin: 5px 0 0; font-size: clamp(2rem, 4.5vw, 3.2rem); line-height: 1.05; letter-spacing: -.055em; }
.ds-section-heading > p { max-width: 510px; margin: 0; color: var(--muted); font-size: .84rem; }
.ds-price-table-wrap { overflow-x: auto; border: 1px solid rgba(180, 207, 232, .14); border-radius: 13px; background: linear-gradient(145deg, rgba(23, 34, 48, .98), rgba(14, 21, 32, .98)); }
.ds-price-table { width: 100%; border-collapse: collapse; text-align: left; }
.ds-price-table th, .ds-price-table td { padding: 13px 17px; border-bottom: 1px solid rgba(180, 207, 232, .09); font-size: .79rem; }
.ds-price-table thead th { padding-block: 14px; background: rgba(255,255,255,.035); color: #ffb098; font-size: .6875rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.ds-price-table tbody th { color: #eef4fb; font-weight: 700; }
.ds-price-table tbody td { color: #9eafc2; }
.ds-price-table tbody td:last-child { color: #ffd3bd; font-size: .87rem; font-weight: 800; text-align: right; white-space: nowrap; }
.ds-price-table thead th:last-child { text-align: right; }
.ds-price-table tbody tr:last-child th, .ds-price-table tbody tr:last-child td { border-bottom: 0; }
.ds-price-table tbody tr:hover { background: rgba(255,255,255,.025); }
.ds-price-table .ds-price-highlight { background: rgba(255, 107, 77, .075); }
.ds-price-note { font-size: .75rem; }
.ds-video-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }
.ds-video-card { min-width: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
.ds-video-card .ds-video-frame { aspect-ratio: 16 / 9; border-radius: 10px; box-shadow: 0 12px 30px rgba(0, 0, 0, .18); }
.ds-video-label { display: inline-flex; align-items: center; gap: 7px; margin: 12px 0 0; color: #ff9d80; font-size: .6875rem; font-weight: 800; letter-spacing: .1em; }
.ds-video-card h3 { margin: 7px 0 3px; font-size: .98rem; }
.ds-video-card > a { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; color: #aabbd0; font-size: .79rem; font-weight: 700; }
.ds-video-card > a i { color: #ff9b7e; }
@media (max-width: 700px) {
    .ds-section-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
    .ds-price-table thead { display: none; }
    .ds-price-table, .ds-price-table tbody, .ds-price-table tr, .ds-price-table th, .ds-price-table td { display: block; width: 100%; }
    .ds-price-table tbody tr { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 0 10px; padding: 11px 14px; border-bottom: 1px solid rgba(180, 207, 232, .1); }
    .ds-price-table tbody tr:last-child { border-bottom: 0; }
    .ds-price-table th, .ds-price-table td { padding: 2px 0; border: 0; text-align: left; }
    .ds-price-table tbody th { grid-column: 1; grid-row: 1; }
    .ds-price-table tbody td:nth-child(2) { grid-column: 1; grid-row: 2; font-size: .7rem; }
    .ds-price-table tbody td:nth-child(3) { grid-column: 1; grid-row: 3; font-size: .6875rem; }
    .ds-price-table tbody td:last-child { grid-column: 2; grid-row: 1 / span 3; align-self: center; }
    .ds-video-grid { grid-template-columns: 1fr; }
}
@media (min-width: 701px) and (max-width: 980px) {
    .ds-video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.ds-controller-stage video { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: #080e16; }
.ds-video-frame video { display: block; width: 100%; height: 100%; aspect-ratio: 16 / 9; object-fit: contain; background: #080e16; }
.ds-video-card-featured { grid-column: span 2; }
.ds-cargo-logo { display: block; width: min(100%, 220px); height: auto; }
.ds-console-services { padding: 92px 0; border-block: 1px solid rgba(128, 190, 230, .1); background: #0d141e; }
.ds-repair-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 13px; }
.ds-repair-grid article { min-width: 0; min-height: 186px; padding: 19px; border: 1px solid rgba(180,207,232,.13); border-radius: 13px; background: linear-gradient(145deg,rgba(25,37,52,.92),rgba(14,21,32,.98)); }
.ds-repair-grid article > span { display: grid; width: 38px; height: 38px; place-items: center; margin-bottom: 14px; border: 1px solid rgba(255,125,94,.25); border-radius: 11px; background: rgba(255,102,73,.09); color: #ff9476; }
.ds-repair-grid h3 { margin: 0 0 7px; font-size: .96rem; }
.ds-repair-grid p { margin: 0; color: #9fadc0; font-size: .76rem; line-height: 1.6; }
.ds-repair-grid .ds-repair-featured { border-color: rgba(255,125,94,.38); }
.ds-repair-featured a { display: inline-flex; gap: 7px; margin-top: 11px; color: #ff9b80; font-size: .7rem; font-weight: 800; }
.ds-before-after { padding-top: 86px; padding-bottom: 89px; }
.ds-cleaning-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 17px; }
.ds-cleaning-grid figure { margin: 0; overflow: hidden; border: 1px solid rgba(180,207,232,.15); border-radius: 14px; background: #111a26; }
.ds-cleaning-grid img { display: block; width: 100%; height: clamp(220px, 29vw, 410px); object-fit: cover; }
.ds-cleaning-grid figcaption { padding: 12px 15px; color: #d8e2ee; font-size: .76rem; font-weight: 700; }
@media (max-width: 700px) { .ds-video-card-featured { grid-column: auto; } .ds-cargo-logo { width: 185px; } }
@media (max-width: 900px) { .ds-repair-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 560px) { .ds-repair-grid, .ds-cleaning-grid { grid-template-columns: 1fr; } .ds-repair-grid article { min-height: auto; } .ds-cleaning-grid img { height: 250px; } }

.ds-hdmi-showcase { border-block: 1px solid rgba(128,190,230,.1); background: radial-gradient(ellipse at 85% 30%,rgba(42,111,158,.11),transparent 40%),#101823; }
.ds-hdmi-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 18px; align-items: stretch; }
.ds-hdmi-photo, .ds-hdmi-video-card { min-width: 0; margin: 0; overflow: hidden; border: 1px solid rgba(180,207,232,.14); border-radius: 15px; background: linear-gradient(145deg,rgba(25,37,52,.95),rgba(14,21,32,.99)); }
.ds-hdmi-photo img { display: block; width: 100%; height: clamp(270px,34vw,460px); object-fit: cover; }
.ds-hdmi-photo figcaption { padding: 12px 16px; color: #c6d3e1; font-size: .76rem; font-weight: 700; }
.ds-hdmi-video-frame { aspect-ratio: 16/9; overflow: hidden; background: #070b11; }
.ds-hdmi-video-frame video { display: block; width: 100%; height: 100%; object-fit: contain; }
.ds-hdmi-video-copy { padding: 14px 18px 18px; }
.ds-hdmi-video-copy h3 { margin: 5px 0; font-size: 1.05rem; }
.ds-hdmi-video-copy p { margin: 0 0 10px; color: #9eafc2; font-size: .77rem; line-height: 1.55; }
.ds-hdmi-video-copy > a { color: #ff9b80; font-size: .76rem; font-weight: 700; }
.ds-hdmi-facts { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; margin-top: 16px; padding: 15px 17px; border: 1px solid rgba(180,207,232,.11); border-radius: 12px; background: rgba(12,19,29,.72); }
.ds-hdmi-facts span { display: inline-flex; align-items: center; gap: 8px; color: #b8c6d6; font-size: .74rem; }
.ds-hdmi-facts span i { color: #ff9579; }
.ds-hdmi-facts strong { margin-left: auto; color: #ffd1bd; font-size: .79rem; }
@media(max-width:700px) { .ds-hdmi-grid { grid-template-columns: 1fr; } .ds-hdmi-photo img { height: auto; max-height: 380px; object-fit: contain; } .ds-hdmi-facts { align-items: flex-start; flex-direction: column; } .ds-hdmi-facts strong { margin-left: 0; } }