:root {
    --ssd-navy: #071a3d;
    --ssd-navy-deep: #04132e;
    --ssd-blue: #0e5cf7;
    --ssd-blue-bright: #1f70ff;
    --ssd-cyan: #5aa2ff;
    --ssd-text: #14233e;
    --ssd-muted: #64708a;
    --ssd-border: #d8e1f0;
    --ssd-soft: #f4f7fc;
    --ssd-white: #fff;
    --ssd-container: 1180px;
    --ssd-shadow: 0 16px 42px rgba(6, 32, 79, .14);
}

/* Dedicated SIM recommendation tool */
.ssd-recommender-page { background: #f4f7fc; }
.ssd-recommender-page .ssd-main { overflow: hidden; }
.ssd-nav a.is-highlighted { height: 38px; gap: 6px; padding: 0 12px; color: #fff; border-radius: 8px; background: linear-gradient(135deg, #0e5cf7, #0646c6); box-shadow: 0 7px 17px rgba(14,92,247,.22); }
.ssd-nav a.is-highlighted::after { display: none; }
.ssd-nav a.is-highlighted:hover, .ssd-nav a.is-highlighted.is-active { color: #fff; background: linear-gradient(135deg, #1a69ff, #083da6); transform: translateY(-1px); }
.ssd-nav a.is-highlighted .ssd-icon { width: 17px; height: 17px; }
.ssd-mobile-menu nav a.is-highlighted { display: flex; align-items: center; gap: 9px; margin: 8px 0; padding: 11px 12px; color: #fff; border: 0; border-radius: 8px; background: var(--ssd-blue); }
.ssd-mobile-menu nav a.is-highlighted .ssd-icon { width: 18px; }
.ssd-recommender-hero { position: relative; overflow: hidden; padding: 27px 0 88px; color: #fff; background: radial-gradient(circle at 82% 18%, rgba(42, 120, 255, .34), transparent 29%), linear-gradient(125deg, #04132e 0%, #092b67 58%, #0e5cf7 135%); }
.ssd-recommender-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .28; background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 42px 42px; }
.ssd-recommender-hero .ssd-container { position: relative; }
.ssd-recommender-hero .ssd-breadcrumb { margin-bottom: 34px; color: rgba(255,255,255,.68); }
.ssd-recommender-hero .ssd-breadcrumb a { color: rgba(255,255,255,.76); }
.ssd-recommender-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) 245px; gap: 54px; align-items: center; }
.ssd-recommender-eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 15px; color: #8fbdff; font-size: 13px; font-weight: 800; letter-spacing: .13em; }
.ssd-recommender-eyebrow .ssd-icon { width: 19px; }
.ssd-recommender-hero h1 { max-width: 760px; margin: 0; color: #fff; font-size: clamp(37px, 4.2vw, 58px); line-height: 1.08; letter-spacing: -.045em; }
.ssd-recommender-hero h1 strong { color: #73aaff; font-weight: 800; }
.ssd-recommender-hero__grid > div > p { max-width: 720px; margin: 20px 0 25px; color: rgba(255,255,255,.74); font-size: 17px; line-height: 1.75; }
.ssd-recommender-hero__trust { display: flex; flex-wrap: wrap; gap: 10px 22px; }
.ssd-recommender-hero__trust span { display: inline-flex; align-items: center; gap: 7px; color: rgba(255,255,255,.84); font-size: 14px; }
.ssd-recommender-hero__trust .ssd-icon { width: 17px; color: #75adff; }
.ssd-recommender-hero aside { display: flex; align-items: center; gap: 15px; padding: 23px; border: 1px solid rgba(255,255,255,.15); border-radius: 18px; background: rgba(255,255,255,.08); box-shadow: inset 0 1px rgba(255,255,255,.08); backdrop-filter: blur(8px); }
.ssd-recommender-hero aside > span { color: #fff; font-family: "IBM Plex Mono", monospace; font-size: 58px; font-weight: 800; line-height: 1; }
.ssd-recommender-hero aside div { display: grid; gap: 4px; }
.ssd-recommender-hero aside strong { color: #fff; }
.ssd-recommender-hero aside small { color: rgba(255,255,255,.62); line-height: 1.45; }

.ssd-recommender-tool { position: relative; z-index: 2; margin-top: -51px; padding-bottom: 72px; }
.ssd-recommender-shell { min-height: 470px; scroll-margin-top: 130px; padding: 28px 34px 34px; border: 1px solid #dce5f1; border-radius: 22px; background: #fff; box-shadow: 0 24px 65px rgba(6,31,73,.15); }
.ssd-recommender-steps { max-width: 710px; display: flex; align-items: center; justify-content: center; margin: 0 auto 31px; padding-bottom: 24px; border-bottom: 1px solid #e8edf5; }
.ssd-recommender-steps > span { display: flex; align-items: center; gap: 8px; color: #8994a7; font-size: 14px; font-weight: 700; }
.ssd-recommender-steps > span b { width: 31px; height: 31px; display: grid; place-items: center; color: #7a879c; border: 1px solid #ccd7e6; border-radius: 50%; background: #fff; font-family: "IBM Plex Mono", monospace; }
.ssd-recommender-steps > span em { font-style: normal; white-space: nowrap; }
.ssd-recommender-steps > span.is-active { color: var(--ssd-blue); }
.ssd-recommender-steps > span.is-active b { color: #fff; border-color: var(--ssd-blue); background: var(--ssd-blue); box-shadow: 0 0 0 5px rgba(14,92,247,.1); }
.ssd-recommender-steps > span.is-complete b { color: #fff; border-color: #24a169; background: #24a169; }
.ssd-recommender-steps > i { width: 72px; height: 1px; margin: 0 13px; background: #dbe3ee; }
.ssd-recommender-form__step[hidden], .ssd-recommender-loading[hidden], .ssd-recommender-error[hidden], .ssd-recommender-results[hidden], .ssd-recommender-empty[hidden], .ssd-score-modal[hidden], .ssd-recommender-fields > [hidden] { display: none !important; }
.ssd-recommender-form__step > header { max-width: 700px; margin: 0 auto 25px; text-align: center; }
.ssd-recommender-form__step > header > span, .ssd-recommender-results__head > div > span { color: var(--ssd-blue); font-size: 12px; font-weight: 800; letter-spacing: .13em; }
.ssd-recommender-form__step h2, .ssd-recommender-results__head h2 { margin: 5px 0 6px; color: var(--ssd-navy); font-size: 28px; line-height: 1.3; }
.ssd-recommender-form__step > header p, .ssd-recommender-results__head p { margin: 0; color: #6e7c92; }
.ssd-recommender-needs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.ssd-recommender-needs label { position: relative; cursor: pointer; }
.ssd-recommender-needs input { position: absolute; opacity: 0; pointer-events: none; }
.ssd-recommender-needs label > span { min-height: 132px; display: grid; grid-template-columns: 44px minmax(0, 1fr); grid-template-rows: auto auto; align-content: center; gap: 5px 13px; padding: 20px; border: 1px solid #dbe4f0; border-radius: 13px; background: #fff; transition: .2s ease; }
.ssd-recommender-needs .ssd-icon { width: 44px; height: 44px; grid-row: 1 / 3; padding: 10px; color: var(--ssd-blue); border-radius: 11px; background: #edf4ff; }
.ssd-recommender-needs strong { align-self: end; color: #263550; line-height: 1.35; }
.ssd-recommender-needs small { color: #77849a; line-height: 1.45; }
.ssd-recommender-needs input:checked + span { border-color: var(--ssd-blue); background: #f5f9ff; box-shadow: 0 0 0 3px rgba(14,92,247,.1), 0 10px 24px rgba(14,92,247,.1); transform: translateY(-2px); }
.ssd-recommender-needs input:checked + span .ssd-icon { color: #fff; background: var(--ssd-blue); }
.ssd-recommender-needs input:focus-visible + span { outline: 3px solid rgba(14,92,247,.22); outline-offset: 2px; }
.ssd-recommender-inline-error { min-height: 22px; margin: 12px 0 0; color: #c43b3b; text-align: center; }
.ssd-recommender-form__actions { display: flex; justify-content: center; gap: 10px; margin-top: 18px; }
.ssd-recommender-form__actions button { min-height: 49px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 0 24px; color: #fff; border: 1px solid var(--ssd-blue); border-radius: 9px; background: var(--ssd-blue); box-shadow: 0 8px 20px rgba(14,92,247,.2); font-weight: 800; }
.ssd-recommender-form__actions button:hover { background: #084bd5; transform: translateY(-1px); }
.ssd-recommender-form__actions button.is-secondary { color: #4d5d76; border-color: #d1dbe8; background: #fff; box-shadow: none; }
.ssd-recommender-form__actions button:disabled { cursor: wait; opacity: .7; }
.ssd-recommender-form__actions .ssd-icon { width: 17px; }
.ssd-recommender-fields { max-width: 870px; display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin: 0 auto; }
.ssd-recommender-fields label { min-width: 0; display: grid; align-content: start; gap: 7px; color: #34435e; font-weight: 700; }
.ssd-recommender-fields label > span { display: flex; align-items: center; gap: 5px; }
.ssd-recommender-fields label > span b { color: #d53d3d; }
.ssd-recommender-fields input, .ssd-recommender-fields select, .ssd-recommender-fields textarea { width: 100%; min-height: 48px; padding: 0 13px; color: #263550; border: 1px solid #cad6e6; border-radius: 8px; outline: 0; background: #fff; }
.ssd-recommender-fields textarea { min-height: 92px; padding-block: 11px; resize: vertical; }
.ssd-recommender-fields input:focus, .ssd-recommender-fields select:focus, .ssd-recommender-fields textarea:focus { border-color: #6b9eff; box-shadow: 0 0 0 3px rgba(14,92,247,.1); }
.ssd-recommender-fields small { color: #8490a3; font-size: 13px; font-weight: 500; line-height: 1.45; }
.ssd-recommender-fields__wide { grid-column: 1 / -1; }

body.is-analysis-open { overflow: hidden; }
.ssd-recommender-loading { position: fixed; inset: 0; z-index: 125; min-height: 100vh; min-height: 100dvh; display: grid; place-items: center; overflow-y: auto; overscroll-behavior: contain; padding: max(20px, env(safe-area-inset-top, 0px)) 20px max(20px, env(safe-area-inset-bottom, 0px)); text-align: center; }
.ssd-recommender-loading__backdrop { position: absolute; inset: 0; background: rgba(3, 16, 39, .67); backdrop-filter: blur(5px); animation: ssd-analysis-fade .2s ease both; }
.ssd-recommender-loading__panel { position: relative; width: min(460px, 100%); max-height: calc(100vh - 40px); max-height: calc(100dvh - 40px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)); margin-block: auto; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 29px 31px 25px; border: 1px solid rgba(255,255,255,.8); border-radius: 20px; background: #fff; box-shadow: 0 30px 90px rgba(2, 18, 46, .36); animation: ssd-analysis-enter .28s ease both; }
.ssd-recommender-loading__panel::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 5px; background: linear-gradient(90deg, #0e5cf7, #63a5ff, #0e5cf7); background-size: 200% 100%; animation: ssd-analysis-shimmer 1.1s linear infinite; }
.ssd-recommender-loading__visual { position: relative; width: 72px; height: 72px; display: grid; place-items: center; margin: 1px auto 15px; }
.ssd-recommender-loading__visual > span { position: absolute; inset: 0; border: 4px solid #dce8fb; border-top-color: var(--ssd-blue); border-radius: 50%; animation: ssd-catalog-spin .78s linear infinite; }
.ssd-recommender-loading__visual::before { content: ""; position: absolute; inset: 9px; border-radius: 50%; background: linear-gradient(145deg, #edf4ff, #fff); box-shadow: inset 0 0 0 1px #d9e6fb; }
.ssd-recommender-loading__visual .ssd-icon { position: relative; width: 28px; height: 28px; color: var(--ssd-blue); animation: ssd-analysis-pulse .9s ease-in-out infinite alternate; }
.ssd-recommender-loading__eyebrow { display: block; color: var(--ssd-blue); font-size: 11px; font-weight: 800; letter-spacing: .14em; }
.ssd-recommender-loading strong { display: block; margin-top: 5px; color: var(--ssd-navy); font-size: 23px; line-height: 1.35; }
.ssd-recommender-loading p { max-width: 370px; margin: 8px auto 17px; color: #748198; line-height: 1.6; }
.ssd-recommender-loading__progress { height: 6px; overflow: hidden; border-radius: 6px; background: #e8eef7; }
.ssd-recommender-loading__progress i { width: 12%; height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, #0e5cf7, #61a0ff); transition: width .35s ease; }
.ssd-recommender-loading ul { display: grid; gap: 7px; margin: 16px 0 14px; padding: 0; list-style: none; text-align: left; }
.ssd-recommender-loading li { display: flex; align-items: center; gap: 9px; padding: 8px 10px; color: #8995a8; border-radius: 8px; background: #f7f9fc; font-size: 13px; font-weight: 700; transition: .25s ease; }
.ssd-recommender-loading li .ssd-icon { width: 17px; color: #aeb8c6; }
.ssd-recommender-loading li.is-active { color: #205cba; background: #edf4ff; }
.ssd-recommender-loading li.is-active .ssd-icon { color: var(--ssd-blue); }
.ssd-recommender-loading li.is-complete { color: #24825b; background: #eff9f4; }
.ssd-recommender-loading li.is-complete .ssd-icon { color: #22a06b; }
.ssd-recommender-loading small { display: block; color: #8a95a7; font-size: 11px; line-height: 1.5; }
@keyframes ssd-analysis-enter { from { opacity: 0; transform: translateY(12px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes ssd-analysis-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes ssd-analysis-shimmer { to { background-position: -200% 0; } }
@keyframes ssd-analysis-pulse { to { transform: scale(1.12); } }
.ssd-recommender-error { min-height: 160px; display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; align-items: center; gap: 17px; padding: 24px; color: #713b3b; border: 1px solid #f0caca; border-radius: 13px; background: #fff7f7; }
.ssd-recommender-error > .ssd-icon { width: 48px; height: 48px; padding: 11px; color: #c44646; border-radius: 50%; background: #ffe8e8; }
.ssd-recommender-error strong { font-size: 18px; }
.ssd-recommender-error p { margin: 4px 0 0; color: #925b5b; }
.ssd-recommender-error button, .ssd-recommender-empty button { min-height: 42px; padding: 0 17px; color: #fff; border: 0; border-radius: 7px; background: var(--ssd-blue); font-weight: 800; }

.ssd-recommender-conditions { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin: -2px -8px 28px; padding: 15px 17px; border: 1px solid #dce5f1; border-radius: 11px; background: #f7faff; }
.ssd-recommender-conditions > div { min-width: 0; display: grid; gap: 7px; }
.ssd-recommender-conditions > div > span { color: #687892; font-size: 11px; font-weight: 800; letter-spacing: .11em; }
.ssd-recommender-conditions [data-condition-chips] { display: flex; flex-wrap: wrap; gap: 6px; }
.ssd-recommender-conditions [data-condition-chips] span { padding: 5px 8px; color: #26569c; border: 1px solid #cfddf2; border-radius: 5px; background: #fff; font-size: 13px; font-weight: 700; }
.ssd-recommender-conditions nav { display: flex; flex: 0 0 auto; gap: 8px; }
.ssd-recommender-conditions button { min-height: 40px; display: inline-flex; align-items: center; gap: 7px; padding: 0 13px; color: var(--ssd-blue); border: 1px solid #b9cff2; border-radius: 7px; background: #fff; font-weight: 750; white-space: nowrap; }
.ssd-recommender-conditions button:last-child { color: #fff; border-color: var(--ssd-blue); background: var(--ssd-blue); }
.ssd-recommender-conditions .ssd-icon { width: 16px; }
.ssd-recommender-results__head { display: flex; align-items: end; justify-content: space-between; gap: 25px; margin-bottom: 20px; }
.ssd-recommender-results__head label { min-width: 215px; display: grid; gap: 5px; color: #758197; font-size: 13px; font-weight: 700; }
.ssd-recommender-results__head select { height: 43px; padding: 0 12px; color: #31415e; border: 1px solid #ccd8e8; border-radius: 7px; background: #fff; }
.ssd-recommender-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.ssd-recommender-results.is-refreshing .ssd-recommender-grid { opacity: .45; pointer-events: none; transition: opacity .18s ease; }
.ssd-recommender-results.is-refreshing [data-result-sort] { cursor: wait; opacity: .7; }
.ssd-recommender-card { min-width: 0; display: flex; flex-direction: column; padding: 19px; border: 1px solid #dce4ef; border-radius: 15px; background: #fff; box-shadow: 0 9px 26px rgba(9,37,78,.07); transition: .2s ease; }
.ssd-recommender-card:hover { border-color: #a8c5f4; box-shadow: 0 16px 34px rgba(14,72,155,.12); transform: translateY(-3px); }
.ssd-recommender-card__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.ssd-recommender-card__top > div { display: flex; align-items: baseline; gap: 4px; }
.ssd-recommender-card__top > div strong { color: var(--ssd-blue); font-family: "IBM Plex Mono", monospace; font-size: 25px; line-height: 1; }
.ssd-recommender-card__top > div span { color: #77849a; font-size: 12px; font-weight: 700; }
.ssd-recommender-card__number { display: block; margin: 20px 0 9px; overflow-wrap: anywhere; color: var(--ssd-navy); font-family: "IBM Plex Mono", monospace; font-size: clamp(22px, 2.1vw, 28px); font-weight: 800; letter-spacing: -.035em; white-space: nowrap; }
.ssd-recommender-card__number span { color: inherit; }
.ssd-recommender-card__number span.is-highlighted { color: var(--ssd-blue); background: #eaf2ff; border-radius: 3px; }
.ssd-recommender-card__badges { display: flex; flex-wrap: wrap; gap: 6px; }
.ssd-recommender-card__badges b, .ssd-recommender-card__badges em { padding: 4px 7px; color: #455671; border-radius: 5px; background: #f0f3f8; font-size: 12px; font-style: normal; }
.ssd-recommender-card__badges em { color: #8a5c08; background: #fff3d7; }
.ssd-recommender-card__meaning { min-height: 48px; margin: 10px 0 11px; color: #6b7890; }
.ssd-recommender-card ul { display: grid; gap: 7px; margin: 0 0 17px; padding: 0; list-style: none; }
.ssd-recommender-card li { position: relative; padding-left: 17px; color: #4f5f77; font-size: 13px; line-height: 1.5; }
.ssd-recommender-card li::before { content: "✓"; position: absolute; left: 0; color: #168f5a; font-weight: 900; }
.ssd-recommender-card__price { display: flex; align-items: end; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 15px; border-top: 1px solid #e7ecf3; }
.ssd-recommender-card__price > span { min-width: 0; display: grid; gap: 2px; }
.ssd-recommender-card__price small { color: #8290a4; font-size: 11px; }
.ssd-recommender-card__price strong { color: var(--ssd-blue); font-size: 19px; }
.ssd-recommender-card__price > a { color: var(--ssd-blue); font-size: 13px; font-weight: 800; white-space: nowrap; }
.ssd-recommender-card > button { width: 100%; min-height: 42px; margin-top: 13px; color: #2d5fa6; border: 1px solid #bfd1ee; border-radius: 7px; background: #f5f9ff; font-weight: 800; }
.ssd-recommender-card > button:hover { color: #fff; border-color: var(--ssd-blue); background: var(--ssd-blue); }
.ssd-recommender-empty { min-height: 300px; display: grid; place-content: center; justify-items: center; text-align: center; }
.ssd-recommender-empty > .ssd-icon { width: 62px; height: 62px; padding: 15px; color: var(--ssd-blue); border-radius: 50%; background: #edf4ff; }
.ssd-recommender-empty h3 { margin: 16px 0 5px; color: var(--ssd-navy); }
.ssd-recommender-empty p { margin: 0 0 15px; color: #748198; }
.ssd-recommender-disclaimer { display: flex; align-items: flex-start; gap: 10px; margin-top: 22px; padding: 14px 16px; color: #68778f; border-radius: 9px; background: #f4f7fb; }
.ssd-recommender-disclaimer .ssd-icon { width: 19px; margin-top: 2px; color: var(--ssd-blue); }
.ssd-recommender-disclaimer p { margin: 0; font-size: 13px; line-height: 1.6; }

body.is-score-open { overflow: hidden; }
.ssd-score-modal { position: fixed; inset: 0; z-index: 130; min-height: 100vh; min-height: 100dvh; display: grid; place-items: center; overflow-y: auto; overscroll-behavior: contain; padding: max(20px, env(safe-area-inset-top, 0px)) 20px max(20px, env(safe-area-inset-bottom, 0px)); }
.ssd-score-modal__backdrop { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; background: rgba(3,16,39,.68); backdrop-filter: blur(3px); }
.ssd-score-modal > section { position: relative; width: min(760px, 100%); max-height: min(820px, calc(100vh - 40px)); max-height: min(820px, calc(100dvh - 40px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))); margin-block: auto; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 25px; border-radius: 18px; background: #fff; box-shadow: 0 28px 80px rgba(0,0,0,.3); }
.ssd-score-modal > section > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding-bottom: 17px; border-bottom: 1px solid #e5eaf1; }
.ssd-score-modal header span { color: var(--ssd-blue); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.ssd-score-modal header h2 { margin: 3px 0 0; color: var(--ssd-navy); font-family: "IBM Plex Mono", monospace; font-size: 28px; }
.ssd-score-modal header button { width: 38px; height: 38px; display: grid; flex: 0 0 38px; place-items: center; padding: 0 0 2px; color: #53627a; border: 0; border-radius: 50%; background: #f0f3f7; font-size: 25px; }
.ssd-score-modal__summary { display: flex; align-items: center; gap: 16px; margin: 19px 0; padding: 16px; color: #fff; border-radius: 12px; background: linear-gradient(120deg, #071a3d, #0e5cf7); }
.ssd-score-modal__summary > strong { min-width: 75px; font-family: "IBM Plex Mono", monospace; font-size: 42px; text-align: center; }
.ssd-score-modal__summary > div { display: grid; gap: 3px; }
.ssd-score-modal__summary b { font-size: 17px; }
.ssd-score-modal__summary span { color: rgba(255,255,255,.72); font-size: 13px; line-height: 1.5; }
.ssd-score-breakdown { display: grid; gap: 12px; }
.ssd-score-breakdown article { padding: 13px 15px; border: 1px solid #dfe6f0; border-radius: 10px; }
.ssd-score-breakdown article.is-muted { opacity: .58; background: #f5f7fa; }
.ssd-score-breakdown article > div { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.ssd-score-breakdown article strong { color: #2c3c58; }
.ssd-score-breakdown article b { color: #5e6f89; font-size: 12px; }
.ssd-score-breakdown article > span { height: 6px; display: block; overflow: hidden; margin: 9px 0; border-radius: 6px; background: #e8edf4; }
.ssd-score-breakdown article > span i { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, #0e5cf7, #5c9cff); }
.ssd-score-breakdown article p { margin: 0; color: #6b7990; font-size: 13px; line-height: 1.55; }
.ssd-score-modal > section > p { margin: 18px 0 0; padding: 13px; color: #68758a; border-left: 3px solid var(--ssd-blue); background: #f4f7fb; font-size: 13px; line-height: 1.6; }

@media (max-width: 1050px) {
    .ssd-recommender-hero__grid { grid-template-columns: 1fr; gap: 25px; }
    .ssd-recommender-hero aside { width: 260px; }
    .ssd-recommender-grid { grid-template-columns: 1fr 1fr; }
    .ssd-recommender-card__number { font-size: 26px; }
}

@media (max-width: 760px) {
    .ssd-recommender-hero { padding: 20px 0 74px; }
    .ssd-recommender-hero .ssd-breadcrumb { margin-bottom: 24px; }
    .ssd-recommender-hero h1 { font-size: 38px; }
    .ssd-recommender-hero__grid > div > p { font-size: 16px; }
    .ssd-recommender-hero aside { display: none; }
    .ssd-recommender-tool { margin-top: -40px; padding-bottom: 48px; }
    .ssd-recommender-shell { min-height: 390px; padding: 22px 18px 27px; border-radius: 17px; }
    .ssd-recommender-steps > span em { display: none; }
    .ssd-recommender-steps > i { width: 58px; margin-inline: 9px; }
    .ssd-recommender-needs { grid-template-columns: 1fr 1fr; }
    .ssd-recommender-needs label > span { min-height: 128px; grid-template-columns: 37px minmax(0,1fr); padding: 15px; }
    .ssd-recommender-needs .ssd-icon { width: 37px; height: 37px; padding: 8px; }
    .ssd-recommender-fields { grid-template-columns: 1fr; }
    .ssd-recommender-fields__wide { grid-column: auto; }
    .ssd-recommender-conditions { align-items: flex-start; flex-direction: column; }
    .ssd-recommender-conditions nav { width: 100%; }
    .ssd-recommender-conditions nav button { flex: 1; justify-content: center; }
    .ssd-recommender-results__head { align-items: stretch; flex-direction: column; }
    .ssd-recommender-results__head label { min-width: 0; }
    .ssd-recommender-grid { grid-template-columns: 1fr; }
    .ssd-recommender-card__number { font-size: 27px; }
}

@media (max-width: 480px) {
    .ssd-recommender-hero h1 { font-size: 32px; }
    .ssd-recommender-hero__trust { display: grid; }
    .ssd-recommender-shell { padding-inline: 14px; }
    .ssd-recommender-needs { grid-template-columns: 1fr; }
    .ssd-recommender-needs label > span { min-height: 105px; }
    .ssd-recommender-form__step h2, .ssd-recommender-results__head h2 { font-size: 24px; }
    .ssd-recommender-form__actions { flex-direction: column-reverse; }
    .ssd-recommender-form__actions button { width: 100%; }
    .ssd-recommender-error { grid-template-columns: 42px 1fr; }
    .ssd-recommender-error button { grid-column: 1 / -1; }
    .ssd-recommender-loading { padding: max(10px, env(safe-area-inset-top, 0px)) 10px max(10px, env(safe-area-inset-bottom, 0px)); }
    .ssd-recommender-loading__panel { max-height: calc(100vh - 20px); max-height: calc(100dvh - 20px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)); padding: 25px 17px 20px; border-radius: 16px; }
    .ssd-recommender-loading__visual { width: 62px; height: 62px; margin-bottom: 12px; }
    .ssd-recommender-loading strong { font-size: 20px; }
    .ssd-recommender-loading p { margin-bottom: 14px; font-size: 14px; }
    .ssd-recommender-loading ul { margin-block: 13px 11px; }
    .ssd-recommender-conditions nav { flex-direction: column; }
    .ssd-recommender-card { padding: 16px; }
    .ssd-recommender-card__number { font-size: 24px; }
    .ssd-score-modal { padding: max(10px, env(safe-area-inset-top, 0px)) 8px max(10px, env(safe-area-inset-bottom, 0px)); }
    .ssd-score-modal > section { max-height: calc(100vh - 20px); max-height: calc(100dvh - 20px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)); padding: 18px 14px; border-radius: 14px; }
    .ssd-score-modal__summary > strong { min-width: 58px; font-size: 34px; }
    .ssd-score-breakdown article > div { align-items: flex-start; flex-direction: column; gap: 2px; }
}

/* Shared SIM-number emphasis: one calm base color and one brand highlight. */
.ssd-number-highlight {
    color: var(--ssd-blue);
    font-weight: 800;
    border-radius: .12em;
    background: linear-gradient(180deg, transparent 68%, rgba(14, 92, 247, .13) 68%);
}

/* Product detail: SIM-first purchase flow. */
.ssd-product-page .ssd-main { background: #f4f7fc; }
.ssd-product-hero { position: relative; overflow: hidden; padding: 20px 0 38px; background: radial-gradient(circle at 84% 10%, rgba(51, 122, 255, .13), transparent 30%), linear-gradient(180deg, #eef4ff 0, #f7f9fd 100%); }
.ssd-product-hero::before { content: ""; position: absolute; inset: 0; opacity: .42; pointer-events: none; background-image: linear-gradient(rgba(49, 105, 211, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(49, 105, 211, .045) 1px, transparent 1px); background-size: 40px 40px; }
.ssd-product-hero > .ssd-container { position: relative; }
.ssd-product-page .ssd-breadcrumb { display: flex; align-items: center; gap: 9px; margin-bottom: 18px; color: #6a7690; }
.ssd-product-page .ssd-breadcrumb a:hover { color: var(--ssd-blue); }
.ssd-product-page .ssd-breadcrumb strong { max-width: 360px; overflow: hidden; color: #243451; text-overflow: ellipsis; white-space: nowrap; }
.ssd-product-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 30px; align-items: start; }
.ssd-product-visual, .ssd-product-summary { border: 1px solid #dce5f3; border-radius: 22px; background: #fff; box-shadow: 0 18px 48px rgba(9, 40, 91, .10); }
.ssd-product-visual { min-height: 100%; padding: 24px; }
.ssd-product-visual__top { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 22px; }
.ssd-product-visual__top > span { display: inline-flex; align-items: center; gap: 8px; color: #30415e; font-weight: 700; }
.ssd-product-visual__top .ssd-icon { width: 19px; color: var(--ssd-blue); }
.ssd-product-status i { width: 8px; height: 8px; display: block; border-radius: 50%; background: #20b26b; box-shadow: 0 0 0 5px rgba(32, 178, 107, .12); }
.ssd-product-status--contact i { background: #e39a17; box-shadow: 0 0 0 5px rgba(227,154,23,.14); }
.ssd-product-status--out_of_stock i { background: #778195; box-shadow: 0 0 0 5px rgba(119,129,149,.14); }
.ssd-sim-sale-status { display: inline-flex; align-items: center; gap: 6px; width: max-content; padding: 5px 9px; color: #116c46; font-size: 11px; font-weight: 800; white-space: nowrap; border: 1px solid #bce6d2; border-radius: 999px; background: #effaf5; }
.ssd-sim-sale-status i { width: 7px; height: 7px; border-radius: 50%; background: #19a866; }
.ssd-sim-sale-status--contact { color: #9b6205; border-color: #f2d69d; background: #fff8e8; }
.ssd-sim-sale-status--contact i { background: #e39a17; }
.ssd-sim-sale-status--out_of_stock { color: #626d80; border-color: #d9dee7; background: #f4f6f9; }
.ssd-sim-sale-status--out_of_stock i { background: #778195; }
.ssd-sim-unavailable { display: grid; gap: 8px; padding: 18px; border: 1px solid #f2d69d; border-radius: 14px; background: #fff8e8; }
.ssd-sim-unavailable strong { color: #9b6205; font-size: 18px; }
.ssd-sim-unavailable span { color: #6f6048; line-height: 1.55; }
.ssd-sim-unavailable a { display: inline-flex; align-items: center; justify-content: center; gap: 7px; width: max-content; margin-top: 3px; padding: 10px 14px; color: #fff; font-weight: 800; border-radius: 9px; background: var(--ssd-blue); }
.ssd-sim-unavailable a .ssd-icon { width: 17px; }
.ssd-sim-unavailable--out_of_stock { border-color: #d9dee7; background: #f4f6f9; }
.ssd-sim-unavailable--out_of_stock strong { color: #525d70; }
.ssd-catalog-sim-card__top { flex-wrap: wrap; }
.ssd-sim-card { position: relative; min-height: 302px; overflow: hidden; padding: 30px; color: #fff; border-radius: 24px; background: linear-gradient(135deg, #061938 0%, #0b48b7 55%, #1671ff 100%); box-shadow: 0 24px 48px rgba(7, 52, 132, .26); isolation: isolate; }
.ssd-sim-card::before, .ssd-sim-card::after { content: ""; position: absolute; z-index: -1; border: 1px solid rgba(255, 255, 255, .14); border-radius: 50%; }
.ssd-sim-card::before { width: 330px; height: 330px; top: -190px; right: -90px; }
.ssd-sim-card::after { width: 220px; height: 220px; left: -100px; bottom: -130px; }
.ssd-sim-card--viettel { background: linear-gradient(135deg, #073d46, #008f96 58%, #16b5a9); }
.ssd-sim-card--vinaphone { background: linear-gradient(135deg, #07214d, #0759bd 58%, #15a0e4); }
.ssd-sim-card--mobifone { background: linear-gradient(135deg, #052a64, #0861b7 58%, #e94858); }
.ssd-sim-card--itel { background: linear-gradient(135deg, #181b34, #3b356e 58%, #f2c94c); }
.ssd-sim-card--vietnamobile { background: linear-gradient(135deg, #3b2452, #76408a 58%, #e8ad35); }
.ssd-sim-card__head, .ssd-sim-card__foot { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.ssd-sim-card__head strong { letter-spacing: .04em; text-transform: uppercase; }
.ssd-sim-card__head span { display: inline-flex; align-items: center; gap: 7px; color: rgba(255, 255, 255, .78); font-weight: 700; }
.ssd-sim-card__head .ssd-icon { width: 18px; }
.ssd-sim-card__chip { width: 64px; height: 48px; display: grid; grid-template-columns: 1fr 1fr; gap: 3px; margin-top: 48px; padding: 8px; border-radius: 10px; background: linear-gradient(135deg, #f6e9a5, #bfa256); box-shadow: inset 0 0 0 1px rgba(80, 61, 13, .24); }
.ssd-sim-card__chip i { border: 1px solid rgba(81, 60, 12, .42); border-radius: 2px; }
.ssd-sim-card__number { margin: 17px 0 21px; color: rgba(255, 255, 255, .72); font-family: "IBM Plex Mono", monospace; font-size: 36px; line-height: 1.15; font-weight: 700; letter-spacing: .035em; text-shadow: 0 3px 16px rgba(0, 0, 0, .18); }
.ssd-sim-card__number .ssd-number-highlight { color: #fff; background: linear-gradient(180deg, transparent 68%, rgba(255, 255, 255, .20) 68%); text-shadow: 0 3px 18px rgba(0, 0, 0, .32); }
.ssd-sim-card__foot span { padding: 7px 12px; border: 1px solid rgba(255, 255, 255, .20); border-radius: 999px; background: rgba(255, 255, 255, .11); font-weight: 700; }
.ssd-sim-card__foot small { color: rgba(255, 255, 255, .74); }
.ssd-product-visual__trust { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 24px; }
.ssd-product-visual__trust span { display: flex; align-items: center; justify-content: center; gap: 7px; color: #52617b; text-align: center; }
.ssd-product-visual__trust .ssd-icon { width: 18px; flex: 0 0 auto; color: var(--ssd-blue); }
.ssd-product-summary { padding: 28px; }
.ssd-product-summary__eyebrow { display: flex; align-items: center; gap: 9px; margin-bottom: 14px; }
.ssd-product-summary__eyebrow span, .ssd-product-summary__eyebrow b { padding: 6px 10px; border-radius: 999px; }
.ssd-product-summary__eyebrow span { color: #fff; background: var(--ssd-blue); }
.ssd-product-summary__eyebrow b { color: #0a4ab8; background: #e9f1ff; }
.ssd-product-summary__eyebrow small { margin-left: auto; color: #7a8598; }
.ssd-product-summary__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.ssd-product-summary__heading > div > span { color: #6e7a91; font-weight: 800; letter-spacing: .12em; }
.ssd-product-summary__heading h1 { margin: 4px 0 0; color: var(--ssd-navy); font-family: "IBM Plex Mono", monospace; font-size: 39px; line-height: 1.2; letter-spacing: -.025em; }
.ssd-product-summary__heading button { min-width: 76px; display: grid; justify-items: center; gap: 4px; padding: 9px; color: #52617a; border: 1px solid #dce4f0; border-radius: 12px; background: #fff; }
.ssd-product-summary__heading button:hover { color: var(--ssd-blue); border-color: #9bbfff; background: #f4f8ff; }
.ssd-product-summary__heading button.is-copied { color: #168f5a; border-color: #9ed8bd; background: #effaf4; }
.ssd-product-summary__heading button .ssd-icon { width: 20px; }
.ssd-product-summary__meaning { display: flex; gap: 11px; margin: 18px 0; padding: 13px 15px; color: #34445f; border: 1px solid #dce8ff; border-radius: 14px; background: #f5f9ff; }
.ssd-product-summary__meaning > .ssd-icon { width: 22px; flex: 0 0 auto; color: #f0a400; }
.ssd-product-summary__meaning span { display: grid; gap: 3px; }
.ssd-product-summary__meaning small { color: #71809a; }
.ssd-product-price { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding: 16px 0 18px; border-bottom: 1px solid #e3e9f2; }
.ssd-product-price > div { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 13px; }
.ssd-product-price small { width: 100%; color: #7a8598; font-weight: 800; letter-spacing: .08em; }
.ssd-product-price strong { color: var(--ssd-blue); font-size: 31px; line-height: 1; }
.ssd-product-price del { color: #8b95a7; }
.ssd-product-price > span { padding: 7px 10px; color: #117548; border-radius: 8px; background: #e9f9f0; font-weight: 700; white-space: nowrap; }
.ssd-product-keyfacts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; margin: 17px 0; }
.ssd-product-keyfacts > div { min-width: 0; display: grid; gap: 2px; padding: 11px; border: 1px solid #e0e6ef; border-radius: 12px; background: #fff; }
.ssd-product-keyfacts .ssd-icon { width: 19px; margin-bottom: 3px; color: var(--ssd-blue); }
.ssd-product-keyfacts small { color: #7c8799; }
.ssd-product-keyfacts strong { overflow: hidden; color: #24324b; text-overflow: ellipsis; white-space: nowrap; }
.ssd-reserve-box { padding: 16px; border: 1px solid #aecdff; border-radius: 16px; background: linear-gradient(145deg, #f3f8ff, #edf5ff); scroll-margin-top: 20px; }
.ssd-reserve-box__head { display: flex; gap: 10px; margin-bottom: 13px; }
.ssd-reserve-box__head > span { width: 39px; height: 39px; display: grid; flex: 0 0 auto; place-items: center; color: #fff; border-radius: 11px; background: var(--ssd-blue); }
.ssd-reserve-box__head .ssd-icon { width: 21px; }
.ssd-reserve-box__head div { display: grid; gap: 1px; }
.ssd-reserve-box__head small { color: #6e7d96; }
.ssd-reserve-box form { display: grid; grid-template-columns: 1fr 1fr 152px; gap: 9px; }
.ssd-reserve-box input { width: 100%; height: 46px; padding: 0 13px; color: #23334e; border: 1px solid #ccd8e9; border-radius: 9px; outline: 0; background: #fff; }
.ssd-reserve-box input:focus { border-color: var(--ssd-blue); box-shadow: 0 0 0 3px rgba(14, 92, 247, .11); }
.ssd-reserve-box button { height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: #fff; border: 0; border-radius: 9px; background: var(--ssd-blue); font-weight: 800; box-shadow: 0 8px 18px rgba(14, 92, 247, .23); }
.ssd-reserve-box button:hover { background: #064bd1; }
.ssd-reserve-box button:disabled { cursor: wait; opacity: .82; }
.ssd-reserve-box button .ssd-icon { width: 19px; height: 19px; }
.ssd-button-spinner { width: 18px; height: 18px; display: inline-block; flex: 0 0 auto; border: 2px solid rgba(255, 255, 255, .4); border-top-color: #fff; border-radius: 50%; animation: ssd-button-spin .7s linear infinite; }
.ssd-reserve-box__status { display: none; grid-column: 1 / -1; align-items: flex-start; gap: 8px; margin-top: 2px; padding: 10px 12px; border: 1px solid transparent; border-radius: 9px; font-size: 14px; font-weight: 650; line-height: 1.5; }
.ssd-reserve-box__status.is-visible { display: flex; }
.ssd-reserve-box__status.is-loading { color: #315a9b; border-color: #c9daf8; background: #f4f8ff; }
.ssd-reserve-box__status.is-success { color: #087747; border-color: #bfe4d1; background: #effaf4; }
.ssd-reserve-box__status.is-error { color: #a32635; border-color: #efc4ca; background: #fff3f5; }
@keyframes ssd-button-spin { to { transform: rotate(360deg); } }
.ssd-reserve-box > p { display: flex; align-items: center; gap: 6px; margin: 10px 0 0; color: #6a7890; }
.ssd-reserve-box > p .ssd-icon { width: 16px; color: #168f5a; }
.ssd-reserve-box .ssd-form-alert { margin-bottom: 12px; }
.ssd-product-contact-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.ssd-product-contact-actions a { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 8px 12px; border: 1px solid #d5dfed; border-radius: 12px; background: #fff; }
.ssd-product-contact-actions a:hover { color: var(--ssd-blue); border-color: #9bbfff; }
.ssd-product-contact-actions .ssd-icon { width: 22px; color: var(--ssd-blue); }
.ssd-product-contact-actions span { display: grid; }
.ssd-product-contact-actions small { color: #7a8598; }
.ssd-product-benefits { border-top: 1px solid #e1e7f0; border-bottom: 1px solid #e1e7f0; background: #fff; }
.ssd-product-benefits .ssd-container { display: grid; grid-template-columns: repeat(4, 1fr); }
.ssd-product-benefits article { display: flex; align-items: center; gap: 12px; min-height: 108px; padding: 18px 22px; }
.ssd-product-benefits article + article { border-left: 1px solid #e3e8f0; }
.ssd-product-benefits article > span { width: 42px; height: 42px; display: grid; flex: 0 0 auto; place-items: center; color: var(--ssd-blue); border-radius: 12px; background: #edf4ff; }
.ssd-product-benefits .ssd-icon { width: 22px; }
.ssd-product-benefits article div { display: grid; gap: 3px; }
.ssd-product-benefits p { margin: 0; color: #71809a; line-height: 1.45; }
.ssd-product-content { padding: 38px 0; }
.ssd-product-content__grid { display: grid; grid-template-columns: minmax(0, 1fr) 294px; gap: 26px; align-items: start; }
.ssd-product-content__main { min-width: 0; display: grid; gap: 22px; }
.ssd-product-tabs { position: sticky; top: 90px; z-index: 20; display: flex; gap: 5px; overflow-x: auto; padding: 9px; border: 1px solid #dfe6f0; border-radius: 14px; background: rgba(255, 255, 255, .97); box-shadow: 0 8px 24px rgba(9, 35, 80, .08); backdrop-filter: blur(9px); scrollbar-width: none; }
.ssd-product-tabs::-webkit-scrollbar { display: none; }
.ssd-product-tabs a { flex: 1 0 auto; padding: 9px 12px; color: #5e6b81; border-radius: 9px; text-align: center; font-weight: 700; }
.ssd-product-tabs a:hover { color: var(--ssd-blue); background: #edf4ff; }
.ssd-product-section { padding: 27px; border: 1px solid #dfe6f0; border-radius: 18px; background: #fff; box-shadow: 0 10px 30px rgba(11, 40, 84, .06); scroll-margin-top: 164px; }
.ssd-product-section .ssd-kicker { display: block; margin-bottom: 6px; color: var(--ssd-blue); font-weight: 800; letter-spacing: .12em; }
.ssd-product-section h2 { margin-bottom: 18px; color: var(--ssd-navy); font-size: 27px; line-height: 1.3; }
.ssd-product-intro { padding: 17px 18px; color: #42516a; border-left: 4px solid var(--ssd-blue); border-radius: 0 12px 12px 0; background: #f3f7fd; }
.ssd-product-intro p { margin: 0; line-height: 1.75; }
.ssd-product-description { margin-top: 20px; color: #3e4d65; }
.ssd-product-description h2 { margin: 21px 0 10px; font-size: 21px; }
.ssd-product-specs { overflow: hidden; border: 1px solid #dde5ef; border-radius: 13px; }
.ssd-product-specs > div { display: grid; grid-template-columns: 210px 1fr; min-height: 52px; }
.ssd-product-specs > div + div { border-top: 1px solid #e2e8f0; }
.ssd-product-specs span, .ssd-product-specs strong { display: flex; align-items: center; padding: 12px 15px; }
.ssd-product-specs span { color: #637088; background: #f6f8fb; }
.ssd-product-specs strong { color: #26354f; font-weight: 700; }
.ssd-product-specs strong.is-sim-number { color: var(--ssd-blue); }
.ssd-digit-meanings { display: grid; grid-template-columns: repeat(6, 1fr); gap: 9px; }
.ssd-digit-meanings div { display: grid; justify-items: center; gap: 6px; padding: 13px 7px; border: 1px solid #dce5f1; border-radius: 12px; background: #fafcff; text-align: center; }
.ssd-digit-meanings b { width: 41px; height: 41px; display: grid; place-items: center; color: #fff; border-radius: 50%; background: linear-gradient(135deg, #082a67, #0e5cf7); font-family: "IBM Plex Mono", monospace; font-size: 20px; }
.ssd-digit-meanings span { color: #4c5b74; }
.ssd-pattern-meanings { margin-top: 17px; padding: 17px; border: 1px solid #dce5f1; border-radius: 13px; background: #f8faff; }
.ssd-pattern-meanings > strong { display: block; margin-bottom: 11px; color: var(--ssd-blue); letter-spacing: .09em; }
.ssd-pattern-meanings > div { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ssd-pattern-meanings article { display: flex; gap: 11px; padding: 13px; border: 1px solid #e0e7f1; border-radius: 11px; background: #fff; }
.ssd-pattern-meanings article > b { width: max-content; min-width: 64px; height: 35px; display: grid; flex: 0 0 auto; place-items: center; padding: 0 11px; color: #fff; border-radius: 8px; background: linear-gradient(135deg, #082a67, #0e5cf7); font-family: "IBM Plex Mono", monospace; white-space: nowrap; }
.ssd-pattern-meanings article > span { min-width: 0; display: grid; gap: 3px; }
.ssd-pattern-meanings article small { color: #6a7890; line-height: 1.5; }
.ssd-meaning-note { display: flex; gap: 13px; margin-top: 17px; padding: 17px; border: 1px solid #dcebdc; border-radius: 13px; background: #f5fbf5; }
.ssd-meaning-note > span { width: 43px; height: 43px; display: grid; flex: 0 0 auto; place-items: center; color: #228759; border-radius: 50%; background: #e4f5e9; }
.ssd-meaning-note .ssd-icon { width: 23px; }
.ssd-meaning-note p { margin: 4px 0 0; color: #66766d; }
.ssd-product-process { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ssd-product-process > div { display: flex; gap: 13px; padding: 17px; border: 1px solid #dfe6f0; border-radius: 13px; background: #fbfcfe; }
.ssd-product-process b { width: 39px; height: 39px; display: grid; flex: 0 0 auto; place-items: center; color: var(--ssd-blue); border-radius: 11px; background: #e9f1ff; font-family: "IBM Plex Mono", monospace; }
.ssd-product-process span { display: grid; gap: 4px; }
.ssd-product-process p { margin: 0; color: #71809a; }
.ssd-product-faq details { border-bottom: 1px solid #e1e7ef; }
.ssd-product-faq details:first-child { border-top: 1px solid #e1e7ef; }
.ssd-product-faq summary { position: relative; padding: 17px 38px 17px 0; color: #2c3a53; font-weight: 750; cursor: pointer; list-style: none; }
.ssd-product-faq summary::after { content: "+"; position: absolute; top: 50%; right: 5px; color: var(--ssd-blue); font-size: 21px; transform: translateY(-50%); }
.ssd-product-faq details[open] summary::after { content: "−"; }
.ssd-product-faq p { margin: -3px 0 17px; color: #66738a; line-height: 1.7; }
.ssd-product-reviews { display: grid; gap: 11px; }
.ssd-product-reviews blockquote { margin: 0; padding: 16px; border: 1px solid #e1e6ed; border-radius: 12px; }
.ssd-product-reviews blockquote > div { display: flex; justify-content: space-between; color: #f0a400; }
.ssd-product-reviews blockquote p { margin: 9px 0; color: #536078; }
.ssd-product-content__aside { position: sticky; top: 18px; display: grid; gap: 14px; }
.ssd-product-advisor, .ssd-product-aside-note { padding: 21px; border: 1px solid #dfe6f0; border-radius: 17px; background: #fff; box-shadow: 0 10px 28px rgba(10, 40, 84, .07); }
.ssd-product-advisor > span { width: 51px; height: 51px; display: grid; place-items: center; margin-bottom: 14px; color: #fff; border-radius: 15px; background: linear-gradient(135deg, #08275f, #0e5cf7); }
.ssd-product-advisor > span .ssd-icon { width: 26px; }
.ssd-product-advisor small { color: var(--ssd-blue); font-weight: 800; letter-spacing: .1em; }
.ssd-product-advisor h3 { margin: 6px 0; color: var(--ssd-navy); font-size: 22px; }
.ssd-product-advisor p { color: #6d7a91; }
.ssd-product-advisor a { min-height: 46px; display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 9px; color: #fff; border-radius: 10px; background: var(--ssd-blue); font-weight: 800; }
.ssd-product-advisor a + a { color: var(--ssd-blue); border: 1px solid #b7cefa; background: #f2f7ff; }
.ssd-product-advisor a .ssd-icon { width: 19px; }
.ssd-product-aside-note > strong { display: flex; align-items: center; gap: 8px; color: #273751; }
.ssd-product-aside-note > strong .ssd-icon { width: 19px; color: #168f5a; }
.ssd-product-aside-note ul { display: grid; gap: 9px; margin: 14px 0 0; padding: 0; list-style: none; }
.ssd-product-aside-note li { position: relative; padding-left: 21px; color: #617087; }
.ssd-product-aside-note li::before { content: "✓"; position: absolute; left: 0; color: #168f5a; font-weight: 800; }
.ssd-related-sims { padding: 44px 0 56px; border-top: 1px solid #e1e7ef; background: linear-gradient(180deg, #f7faff 0, #fff 72%); }
.ssd-related-sims .ssd-kicker { display: block; color: var(--ssd-blue); text-align: center; font-weight: 800; letter-spacing: .12em; }
.ssd-related-sims .ssd-section-title { margin: 5px 0 25px; }
.ssd-related-sims__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.ssd-related-sim-card { position: relative; overflow: hidden; display: flex; min-width: 0; flex-direction: column; padding: 19px; border: 1px solid #d9e3f0; border-radius: 12px; background: #fff; box-shadow: 0 10px 26px rgba(5, 33, 79, .055); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.ssd-related-sim-card::before { content: ""; position: absolute; top: -55px; right: -45px; width: 135px; height: 135px; border-radius: 50%; background: radial-gradient(circle, rgba(46, 120, 255, .09), transparent 68%); pointer-events: none; }
.ssd-related-sim-card:hover { border-color: #88aff3; box-shadow: 0 16px 34px rgba(14, 92, 247, .12); transform: translateY(-3px); }
.ssd-related-sim-card__top { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ssd-related-sim-card__top > b { flex: 0 0 auto; padding: 5px 7px; color: #4e607b; background: #f0f3f8; border-radius: 5px; font-size: 12px; font-weight: 750; line-height: 1.25; white-space: nowrap; }
.ssd-related-sim-card__number { position: relative; display: block; margin-top: 22px; overflow-wrap: anywhere; color: var(--ssd-navy); font-family: "IBM Plex Mono", monospace; font-size: 22px; line-height: 1.25; letter-spacing: .01em; }
.ssd-related-sim-card__meaning { margin: 9px 0 17px; color: #66758d; line-height: 1.5; }
.ssd-related-sim-card__footer { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; padding-top: 15px; border-top: 1px solid #e5ebf4; }
.ssd-related-sim-card__footer > span { display: grid; gap: 3px; min-width: 0; }
.ssd-related-sim-card__footer small { color: #7c899d; }
.ssd-related-sim-card__footer em { color: var(--ssd-blue); font-size: 19px; font-style: normal; font-weight: 800; white-space: nowrap; }
.ssd-related-sim-card__footer > i { width: 38px; height: 38px; display: grid; flex: 0 0 38px; place-items: center; color: var(--ssd-blue); background: #edf4ff; border-radius: 8px; font-style: normal; transition: .2s ease; }
.ssd-related-sim-card__footer > i .ssd-icon { width: 18px; height: 18px; }
.ssd-related-sim-card:hover .ssd-related-sim-card__footer > i { color: #fff; background: var(--ssd-blue); }
.ssd-related-sim-card:hover .ssd-related-sim-card__footer > i .ssd-icon { transform: translateX(2px); }
.ssd-product-mobile-bar { display: none; }

@media (max-width: 1020px) {
    .ssd-product-hero__grid { grid-template-columns: 1fr; }
    .ssd-product-visual { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 24px; align-items: center; }
    .ssd-product-visual__top, .ssd-product-visual__trust { grid-column: 1 / -1; }
    .ssd-sim-card { grid-column: 1 / -1; width: min(610px, 100%); justify-self: center; }
    .ssd-product-content__grid { grid-template-columns: 1fr; }
    .ssd-product-content__aside { position: static; grid-template-columns: 1fr 1fr; }
    .ssd-product-benefits .ssd-container { grid-template-columns: 1fr 1fr; }
    .ssd-product-benefits article:nth-child(3) { border-left: 0; border-top: 1px solid #e3e8f0; }
    .ssd-product-benefits article:nth-child(4) { border-top: 1px solid #e3e8f0; }
    .ssd-related-sims__grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 700px) {
    .ssd-product-page { padding-bottom: 68px; }
    .ssd-product-hero { padding: 13px 0 24px; }
    .ssd-product-page .ssd-breadcrumb { margin-bottom: 12px; }
    .ssd-product-page .ssd-breadcrumb strong { max-width: 150px; }
    .ssd-product-hero__grid { gap: 14px; }
    .ssd-product-visual, .ssd-product-summary { border-radius: 16px; }
    .ssd-product-visual { display: block; padding: 14px; }
    .ssd-product-visual__top { margin-bottom: 13px; }
    .ssd-product-visual__top > span:first-child { display: none; }
    .ssd-product-status { margin-left: auto; }
    .ssd-sim-card { min-height: 218px; padding: 20px; border-radius: 18px; }
    .ssd-sim-card__chip { width: 51px; height: 39px; margin-top: 28px; }
    .ssd-sim-card__number { margin: 13px 0 16px; font-size: 27px; letter-spacing: 0; }
    .ssd-sim-card__head span, .ssd-sim-card__foot small { display: none; }
    .ssd-product-visual__trust { grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 17px; }
    .ssd-product-visual__trust span { gap: 5px; font-size: 11px; line-height: 1.3; }
    .ssd-product-visual__trust .ssd-icon { width: 15px; }
    .ssd-product-visual__trust span:last-child { grid-column: 1 / -1; }
    .ssd-product-summary { padding: 18px 15px; }
    .ssd-product-summary__eyebrow { flex-wrap: wrap; }
    .ssd-product-summary__eyebrow small { width: 100%; margin-left: 0; }
    .ssd-product-summary__heading h1 { font-size: 31px; }
    .ssd-product-summary__heading button span { display: none; }
    .ssd-product-summary__heading button { min-width: 43px; }
    .ssd-product-price { align-items: center; }
    .ssd-product-price strong { font-size: 27px; }
    .ssd-product-keyfacts { grid-template-columns: 1fr 1fr; }
    .ssd-reserve-box form { grid-template-columns: 1fr; }
    .ssd-reserve-box button { width: 100%; }
    .ssd-product-contact-actions { grid-template-columns: 1fr; }
    .ssd-product-benefits .ssd-container { grid-template-columns: 1fr; }
    .ssd-product-benefits article { min-height: 92px; padding: 15px 5px; }
    .ssd-product-benefits article + article { border-top: 1px solid #e3e8f0; border-left: 0; }
    .ssd-product-content { padding: 24px 0; }
    .ssd-product-content__main { gap: 14px; }
    .ssd-product-tabs { margin-inline: -4px; }
    .ssd-product-section { padding: 20px 15px; border-radius: 15px; }
    .ssd-product-section h2 { font-size: 24px; }
    .ssd-product-specs > div { grid-template-columns: 125px 1fr; }
    .ssd-product-specs span, .ssd-product-specs strong { padding: 11px; }
    .ssd-digit-meanings { grid-template-columns: repeat(3, 1fr); }
    .ssd-pattern-meanings > div { grid-template-columns: 1fr; }
    .ssd-product-process { grid-template-columns: 1fr; }
    .ssd-product-content__aside { grid-template-columns: 1fr; }
    .ssd-related-sims { padding: 28px 0 35px; }
    .ssd-related-sims__grid { grid-template-columns: 1fr; }
    .ssd-product-mobile-bar { position: fixed; right: 0; bottom: 0; left: 0; z-index: 40; display: grid; grid-template-columns: 40% 60%; padding: 8px 10px calc(8px + env(safe-area-inset-bottom)); border-top: 1px solid #d6deea; background: rgba(255, 255, 255, .97); box-shadow: 0 -10px 30px rgba(7, 27, 62, .16); }
    .ssd-product-mobile-bar a { min-height: 49px; display: flex; align-items: center; justify-content: center; gap: 7px; color: var(--ssd-blue); border: 1px solid #b8cdf3; border-radius: 10px 0 0 10px; font-weight: 800; }
    .ssd-product-mobile-bar a:last-child { color: #fff; border-color: var(--ssd-blue); border-radius: 0 10px 10px 0; background: var(--ssd-blue); }
    .ssd-product-mobile-bar .ssd-icon { width: 20px; }
}

*, *::before, *::after { box-sizing: border-box; }
html { min-width: 320px; scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; color: var(--ssd-text); background: #fff; font-family: "Manrope", Arial, sans-serif; font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
body.is-menu-open { overflow: hidden; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
img, svg { display: block; max-width: 100%; }
h1, h2, h3, p { margin-top: 0; }

.ssd-floating-contact {
    position: fixed;
    bottom: max(16px, env(safe-area-inset-bottom));
    left: 50%;
    z-index: 45;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 6px;
    border: 1px solid rgba(191, 207, 232, .82);
    border-radius: 18px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 18px 45px rgba(7, 31, 74, .22), 0 4px 12px rgba(7, 31, 74, .08);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    transform: translateX(-50%);
}
.ssd-floating-contact__item {
    min-width: 176px;
    min-height: 52px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px 8px 11px;
    border-radius: 13px;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.ssd-floating-contact__item:hover { transform: translateY(-2px); }
.ssd-floating-contact__item:focus-visible { outline: 3px solid rgba(14, 92, 247, .25); outline-offset: 2px; }
.ssd-floating-contact__item > span:last-child { min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
.ssd-floating-contact__item small { margin-bottom: 2px; font-size: 10px; font-weight: 700; letter-spacing: .02em; }
.ssd-floating-contact__item strong { font-size: 14px; font-weight: 850; white-space: nowrap; }
.ssd-floating-contact__item--recommend {
    color: #fff;
    background: linear-gradient(135deg, #1767f4, #0848c9);
    box-shadow: 0 9px 20px rgba(14, 92, 247, .28);
}
.ssd-floating-contact__item--recommend small { color: rgba(255, 255, 255, .75); }
.ssd-floating-contact__item--recommend:hover { box-shadow: 0 13px 25px rgba(14, 92, 247, .34); }
.ssd-floating-contact__icon,
.ssd-floating-contact__zalo {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    border-radius: 10px;
}
.ssd-floating-contact__icon { background: rgba(255, 255, 255, .16); }
.ssd-floating-contact__icon .ssd-icon { width: 19px; height: 19px; }
.ssd-floating-contact__item--zalo {
    color: #0756bd;
    border: 1px solid #d7e5fb;
    background: #f5f9ff;
}
.ssd-floating-contact__item--zalo small { color: #7185a4; }
.ssd-floating-contact__item--zalo:hover { border-color: #9dbff1; box-shadow: 0 10px 22px rgba(7, 86, 189, .13); }
.ssd-floating-contact__zalo {
    color: #fff;
    background: #0875e1;
    box-shadow: 0 5px 12px rgba(8, 117, 225, .22);
    font-size: 17px;
    font-weight: 900;
}
.ssd-footer { padding-bottom: calc(94px + env(safe-area-inset-bottom)); }

@media (max-width: 640px) {
    .ssd-floating-contact {
        width: calc(100% - 24px);
        bottom: max(10px, env(safe-area-inset-bottom));
        gap: 5px;
        padding: 5px;
        border-radius: 15px;
    }
    .ssd-floating-contact__item {
        min-width: 0;
        min-height: 48px;
        justify-content: center;
        gap: 8px;
        padding: 7px 10px;
        border-radius: 11px;
    }
    .ssd-floating-contact__item small { display: none; }
    .ssd-floating-contact__item strong { font-size: 13px; }
    .ssd-floating-contact__icon,
    .ssd-floating-contact__zalo { width: 30px; height: 30px; flex-basis: 30px; border-radius: 9px; }
    .ssd-footer { padding-bottom: calc(82px + env(safe-area-inset-bottom)); }
}

@media (max-width: 700px) {
    .ssd-product-page .ssd-floating-contact { display: none; }
    .ssd-product-page .ssd-footer { padding-bottom: calc(150px + env(safe-area-inset-bottom)); }
}

/* One type scale: body text inherits 16px; only hierarchy and metadata differ. */
small, time,
.ssd-topbar,
.ssd-breadcrumb,
.ssd-hero__eyebrow,
.ssd-subhero__eyebrow,
.ssd-kicker,
.ssd-article-category,
.ssd-article-meta,
.ssd-active-filters,
.ssd-catalog-sim-card__note { font-size: 14px; }

.ssd-hero h1 { font-size: clamp(42px, 4vw, 55px); }
.ssd-subhero__content h1,
.ssd-about-hero-grid h1,
.ssd-contact-hero h1,
.ssd-news-hero h1 { font-size: clamp(42px, 4vw, 49px); }
.ssd-simple-heading h1 { font-size: 42px; }
.ssd-article-header__content h1 { font-size: 40px; }
.ssd-not-found h1 { font-size: 34px; }

.ssd-section-title { font-size: 30px; }
.ssd-subpage-title { font-size: 32px; }
.ssd-about-story__copy h2,
.ssd-about-why h2 { font-size: 34px; }
.ssd-consult-copy h2,
.ssd-contact-form-card__head h2,
.ssd-news-list__head h2 { font-size: 28px; }
.ssd-subpage-cta h2,
.ssd-news-featured__main h2,
.ssd-rich-content h2 { font-size: 25px; }
.ssd-rich-content h3 { font-size: 20px; }

.ssd-stats strong,
.ssd-subhero__stats strong,
.ssd-about-numbers strong { font-size: 24px; }
.ssd-hotline-card strong,
.ssd-about-hero-card strong,
.ssd-about-why__card > strong { font-size: 22px; }
.ssd-sim-number { font-size: 19px; }
.ssd-catalog-sim-card__number { font-size: 26px; }
.ssd-catalog-sim-card__price strong { font-size: 18px; }
.ssd-not-found > span { font-size: 84px; }

.ssd-mobile-menu__head button,
.ssd-catalog-filter__head > button { font-size: 28px; }
.ssd-process-grid article:not(:last-child)::before { font-size: 22px; }
.ssd-quote { font-size: 43px; }
.ssd-faq-grid summary::after { font-size: 20px; }
.ssd-outline-link span,
.ssd-final-cta__inner > a span,
.ssd-subpage-cta a b,
.ssd-contact-form__bottom button span,
.ssd-news-card__more b { font-size: 18px; }
.ssd-container { width: min(calc(100% - 32px), var(--ssd-container)); margin-inline: auto; }
.ssd-main { min-height: 40vh; }
.ssd-icon { width: 20px; height: 20px; flex: 0 0 auto; }
.ssd-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }

/* Step 1: top bar and navigation */
.ssd-header { position: sticky; top: -36px; z-index: 50; background: #fff; box-shadow: 0 2px 13px rgba(6, 26, 61, .08); }
.ssd-topbar { height: 36px; color: #fff; background: var(--ssd-navy-deep); }
.ssd-topbar__inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.ssd-topbar__inner > span, .ssd-topbar__inner > a { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.ssd-topbar__inner .ssd-icon { width: 15px; height: 15px; color: #87b5ff; }
.ssd-topbar__inner strong { color: #fff; }

.ssd-navbar { height: 82px; background: rgba(255, 255, 255, .98); }
.ssd-navbar__inner { width: min(calc(100% - 32px), var(--ssd-container)); height: 100%; display: flex; align-items: center; gap: 18px; }
.ssd-logo { width: 170px; height: 72px; display: flex; flex: 0 0 170px; align-items: center; justify-content: flex-start; overflow: hidden; }
.ssd-logo img { width: 170px; height: 70px; object-fit: contain; }
.ssd-nav { position: relative; height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; gap: clamp(10px, 1vw, 18px); }
.ssd-nav a { position: relative; height: 100%; display: inline-flex; align-items: center; color: #22304b; font-size: 14px; font-weight: 650; white-space: nowrap; transition: color .2s ease; }
.ssd-nav a::after { content: ""; position: absolute; left: 50%; right: 50%; bottom: 0; height: 3px; border-radius: 3px 3px 0 0; background: var(--ssd-blue); transition: .2s ease; }
.ssd-nav a:hover, .ssd-nav a.is-active { color: var(--ssd-blue); }
.ssd-nav a:hover::after, .ssd-nav a.is-active::after { left: 0; right: 0; }
.ssd-nav-item { position: static; height: 100%; display: flex; align-items: center; }
.ssd-nav-item > a { gap: 5px; }
.ssd-nav-item.is-active > a { color: var(--ssd-blue); }
.ssd-nav-caret { margin-top: -3px; color: #8290a5; font-size: 14px; transition: transform .2s ease; }
.ssd-nav-item:hover .ssd-nav-caret, .ssd-nav-item:focus-within .ssd-nav-caret { color: var(--ssd-blue); transform: rotate(180deg); }
.ssd-nav-mega { position: absolute; top: calc(100% - 1px); left: 50%; z-index: 40; width: min(920px, calc(100vw - 40px)); padding: 18px; visibility: hidden; opacity: 0; border: 1px solid #dce5f1; border-radius: 0 0 16px 16px; background: #fff; box-shadow: 0 24px 55px rgba(7,31,69,.18); transform: translate(-50%, 10px); transition: .2s ease; pointer-events: none; }
.ssd-nav-item:hover .ssd-nav-mega, .ssd-nav-item:focus-within .ssd-nav-mega { visibility: visible; opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
.ssd-nav-mega > header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 3px 13px; border-bottom: 1px solid #e6ebf2; }
.ssd-nav-mega > header strong { color: var(--ssd-navy); font-size: 16px; }
.ssd-nav-mega > header a { height: auto; color: var(--ssd-blue); font-size: 12px; font-weight: 800; }
.ssd-nav-mega a::after { display: none; }
.ssd-nav-mega__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)); gap: 14px; max-height: min(560px, calc(100vh - 170px)); padding-top: 15px; overflow-y: auto; }
.ssd-nav-mega__grid section { min-width: 0; padding: 12px; border: 1px solid #e2e9f2; border-radius: 11px; background: #f9fbfe; }
.ssd-nav-mega__title { height: auto !important; display: flex !important; justify-content: space-between; gap: 9px; padding-bottom: 9px; color: var(--ssd-blue) !important; border-bottom: 1px solid #dfe7f2; font-size: 13px; font-weight: 850 !important; }
.ssd-nav-mega__grid section > div { display: grid; gap: 1px; padding-top: 7px; }
.ssd-nav-mega__grid section > div a { height: auto; min-width: 0; padding: 5px 2px; overflow: hidden; color: #52627a; font-size: 12px; font-weight: 650; text-overflow: ellipsis; }
.ssd-nav-mega__grid section > div a:hover { color: var(--ssd-blue); transform: translateX(2px); }
.ssd-nav-mega__link--depth-2 { padding-left: 12px !important; color: #687791 !important; font-size: 11px !important; }
.ssd-nav-mega__link--depth-3, .ssd-nav-mega__link--depth-4 { padding-left: 22px !important; color: #7c8799 !important; font-size: 11px !important; }
.ssd-header__actions { display: flex; align-items: center; gap: 9px; }
.ssd-header-search-toggle { width: 44px; height: 44px; display: grid; flex: 0 0 44px; place-items: center; padding: 0; color: var(--ssd-blue); background: #f1f6ff; border: 1px solid #b9d0ff; border-radius: 7px; transition: .2s ease; }
.ssd-header-search-toggle:hover, .ssd-header-search-toggle[aria-expanded="true"] { color: #fff; background: var(--ssd-blue); border-color: var(--ssd-blue); box-shadow: 0 7px 18px rgba(14, 92, 247, .2); }
.ssd-header-search-toggle .ssd-icon { width: 19px; height: 19px; }
.ssd-consult-button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 17px; color: #fff; background: var(--ssd-blue); border: 1px solid var(--ssd-blue); border-radius: 7px; box-shadow: 0 8px 20px rgba(14, 92, 247, .23); font-weight: 800; letter-spacing: .015em; text-transform: uppercase; transition: .2s ease; }
.ssd-consult-button--chat { font-weight: 400; letter-spacing: 0; text-transform: none; }
.ssd-consult-button:hover { background: #084bd5; transform: translateY(-1px); }
.ssd-consult-button .ssd-icon { width: 18px; height: 18px; }
.ssd-menu-toggle { width: 42px; height: 42px; display: none; padding: 9px; border: 0; background: transparent; }
.ssd-menu-toggle i { display: block; width: 23px; height: 2px; margin: 5px auto; border-radius: 2px; background: var(--ssd-navy); transition: .2s ease; }
.ssd-site.is-search-open { overflow: hidden; }

@media (max-width: 1300px) and (min-width: 1025px) {
    .ssd-consult-button { width: 44px; flex: 0 0 44px; padding: 0; }
    .ssd-consult-button span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
}

@media (max-width: 1180px) and (min-width: 1025px) {
    .ssd-navbar__inner { gap: 14px; }
    .ssd-logo { width: 145px; flex-basis: 145px; }
    .ssd-logo img { width: 145px; }
    .ssd-nav { gap: 8px; }
    .ssd-nav a { font-size: 13px; }
}
.ssd-header-search { --ssd-header-search-top: 118px; position: fixed; top: var(--ssd-header-search-top); right: 0; bottom: 0; left: 0; z-index: 90; max-height: calc(100vh - var(--ssd-header-search-top)); max-height: calc(100dvh - var(--ssd-header-search-top)); visibility: hidden; pointer-events: none; }
.ssd-header-search.is-open { visibility: visible; pointer-events: auto; }
.ssd-header-search__backdrop { position: absolute; inset: 0; padding: 0; border: 0; background: rgba(3, 18, 43, .48); opacity: 0; transition: opacity .22s ease; }
.ssd-header-search.is-open .ssd-header-search__backdrop { opacity: 1; }
.ssd-header-search__panel { position: relative; max-height: min(620px, calc(100vh - var(--ssd-header-search-top))); max-height: min(620px, calc(100dvh - var(--ssd-header-search-top))); overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; background: #fff; border-top: 1px solid #dce5f1; box-shadow: 0 22px 50px rgba(5, 27, 65, .19); transform: translateY(-14px); opacity: 0; transition: transform .22s ease, opacity .22s ease; }
.ssd-header-search.is-open .ssd-header-search__panel { transform: translateY(0); opacity: 1; }
.ssd-header-search__inner { padding-top: 24px; padding-bottom: 25px; }
.ssd-header-search__head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 16px; }
.ssd-header-search__head > div { display: grid; gap: 3px; }
.ssd-header-search__head span { color: var(--ssd-blue); font-size: 13px; font-weight: 800; letter-spacing: .12em; }
.ssd-header-search__head strong { color: var(--ssd-navy); font-size: 22px; }
.ssd-header-search__head > button { width: 38px; height: 38px; display: grid; flex: 0 0 38px; place-items: center; padding: 0 0 2px; color: #54647d; background: #f1f4f8; border: 1px solid #dce4ef; border-radius: 50%; font-size: 25px; line-height: 1; transition: .2s ease; }
.ssd-header-search__head > button:hover { color: #fff; background: var(--ssd-blue); border-color: var(--ssd-blue); }
.ssd-header-search__form { display: grid; grid-template-columns: minmax(0, 1fr) 148px; gap: 10px; }
.ssd-header-search__form label { min-height: 54px; display: flex; align-items: center; gap: 11px; padding: 0 16px; background: #f7f9fc; border: 1px solid #cfdced; border-radius: 8px; transition: .2s ease; }
.ssd-header-search__form label:focus-within { background: #fff; border-color: #6c9eff; box-shadow: 0 0 0 3px rgba(14, 92, 247, .1); }
.ssd-header-search__form label .ssd-icon { width: 21px; height: 21px; color: #6a7c98; }
.ssd-header-search__form input { width: 100%; min-width: 0; padding: 0; color: var(--ssd-navy); background: transparent; border: 0; outline: 0; }
.ssd-header-search__form input::placeholder { color: #8996aa; }
.ssd-header-search__form > button { min-height: 54px; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 0 18px; color: #fff; background: var(--ssd-blue); border: 1px solid var(--ssd-blue); border-radius: 8px; box-shadow: 0 8px 20px rgba(14, 92, 247, .2); font-weight: 800; text-transform: uppercase; transition: .2s ease; }
.ssd-header-search__form > button:hover { background: #084bd5; transform: translateY(-1px); }
.ssd-header-search__form > button .ssd-icon { width: 17px; height: 17px; }
.ssd-header-search__quick { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 11px; }
.ssd-header-search__quick > span { margin-right: 2px; color: #75839a; }
.ssd-header-search__quick button { min-width: 47px; min-height: 30px; padding: 3px 10px; color: #35537f; background: #f0f4fa; border: 1px solid #e0e7f1; border-radius: 5px; font-weight: 750; transition: .18s ease; }
.ssd-header-search__quick button:hover { color: #fff; background: var(--ssd-blue); border-color: var(--ssd-blue); }
.ssd-header-search__content { min-height: 68px; margin-top: 17px; }
.ssd-header-search__status { min-height: 68px; display: flex; align-items: center; justify-content: center; padding: 15px; color: #718098; background: #f7f9fc; border: 1px dashed #d3deec; border-radius: 8px; text-align: center; }
.ssd-header-search__status.is-loading::before { content: ""; width: 19px; height: 19px; margin-right: 9px; border: 2px solid rgba(14, 92, 247, .2); border-top-color: var(--ssd-blue); border-radius: 50%; animation: ssd-catalog-spin .7s linear infinite; }
.ssd-header-search__status[hidden], .ssd-header-search__results[hidden], .ssd-header-search__footer[hidden] { display: none; }
.ssd-header-search__results { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.ssd-header-search-result { min-width: 0; display: grid; grid-template-columns: 43px minmax(0, 1fr) auto 32px; align-items: center; gap: 11px; padding: 11px 12px; color: inherit; background: #fff; border: 1px solid #dce5f1; border-radius: 8px; transition: .18s ease; }
.ssd-header-search-result:hover { color: inherit; background: #f7faff; border-color: #91b4f4; box-shadow: 0 7px 18px rgba(14, 92, 247, .08); transform: translateY(-1px); }
.ssd-header-search-result__icon { width: 43px; height: 43px; display: grid; place-items: center; color: var(--ssd-blue); background: #edf4ff; border-radius: 7px; font-size: 11px; font-weight: 800; }
.ssd-header-search-result__body { min-width: 0; display: grid; gap: 3px; }
.ssd-header-search-result__body strong { overflow: hidden; color: var(--ssd-navy); font-family: "IBM Plex Mono", monospace; text-overflow: ellipsis; white-space: nowrap; }
.ssd-header-search-result__body strong mark { color: var(--ssd-blue); background: #eaf1ff; border-radius: 3px; }
.ssd-header-search-result__body small { overflow: hidden; color: #748198; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.ssd-header-search-result__price { color: var(--ssd-blue); font-weight: 800; white-space: nowrap; }
.ssd-header-search-result__arrow { color: #6c7c94; font-size: 21px; transition: transform .18s ease; }
.ssd-header-search-result:hover .ssd-header-search-result__arrow { color: var(--ssd-blue); transform: translateX(3px); }
.ssd-header-search__footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 12px; padding-top: 12px; border-top: 1px solid #e5ebf3; }
.ssd-header-search__footer > span { color: #75839a; }
.ssd-header-search__footer a { display: inline-flex; align-items: center; gap: 7px; color: var(--ssd-blue); font-weight: 800; }
.ssd-header-search__footer a .ssd-icon { width: 17px; height: 17px; transition: transform .18s ease; }
.ssd-header-search__footer a:hover .ssd-icon { transform: translateX(3px); }
.ssd-mobile-menu { position: fixed; inset: 0; z-index: 100; height: 100vh; height: 100dvh; visibility: hidden; pointer-events: none; }
.ssd-mobile-menu.is-open { visibility: visible; pointer-events: auto; }
.ssd-mobile-menu__backdrop { position: absolute; inset: 0; background: rgba(2, 13, 34, .65); opacity: 0; transition: .25s ease; }
.ssd-mobile-menu.is-open .ssd-mobile-menu__backdrop { opacity: 1; }
.ssd-mobile-menu__panel { position: absolute; top: 0; right: 0; width: min(90vw, 390px); height: 100vh; height: 100dvh; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: max(22px, env(safe-area-inset-top, 0px)) 22px max(22px, env(safe-area-inset-bottom, 0px)); background: #fff; box-shadow: -20px 0 50px rgba(4, 19, 46, .2); transform: translateX(100%); transition: .25s ease; }
.ssd-mobile-menu.is-open .ssd-mobile-menu__panel { transform: translateX(0); }
.ssd-mobile-menu__head { height: 66px; display: flex; align-items: center; justify-content: space-between; padding-bottom: 12px; border-bottom: 1px solid var(--ssd-border); }
.ssd-mobile-menu__head img { width: 145px; height: 58px; object-fit: contain; }
.ssd-mobile-menu__head button { width: 38px; height: 38px; display: grid; place-items: center; padding: 0; color: var(--ssd-navy); background: var(--ssd-soft); border: 0; border-radius: 50%; line-height: 1; }
.ssd-mobile-menu nav { display: grid; padding: 16px 0 22px; }
.ssd-mobile-menu nav a { padding: 13px 3px; color: #24324d; border-bottom: 1px solid #edf1f7; font-weight: 700; }
.ssd-mobile-menu-group { border-bottom: 1px solid #e8edf4; }
.ssd-mobile-menu-group summary { display: flex; align-items: center; gap: 8px; padding: 13px 3px; color: #24324d; cursor: pointer; font-weight: 800; list-style: none; }
.ssd-mobile-menu-group summary::-webkit-details-marker { display: none; }
.ssd-mobile-menu-group summary .ssd-icon { width: 18px; color: var(--ssd-blue); }
.ssd-mobile-menu-group summary b { margin-left: auto; color: #8290a4; transition: transform .2s ease; }
.ssd-mobile-menu-group[open] summary b { transform: rotate(180deg); }
.ssd-mobile-menu nav .ssd-mobile-menu-group__all { margin: 0 0 8px; padding: 9px 11px; color: var(--ssd-blue); border: 1px solid #c8daf7; border-radius: 7px; background: #f4f8ff; }
.ssd-mobile-menu-group section { padding: 10px 11px; border-radius: 9px; background: #f7f9fc; }
.ssd-mobile-menu-group section + section { margin-top: 7px; }
.ssd-mobile-menu-group section > a { padding: 0 0 7px !important; color: #174e9a !important; border-bottom: 1px solid #dce5f1 !important; }
.ssd-mobile-menu-group section > div { display: grid; grid-template-columns: 1fr 1fr; gap: 0 10px; padding-top: 5px; }
.ssd-mobile-menu-group section > div a { min-width: 0; padding: 7px 0; overflow: hidden; color: #53627a; border-bottom: 1px dashed #e2e7ee; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.ssd-mobile-menu-group section > div .ssd-mobile-menu-link--depth-2 { padding-left: 10px; color: #687791; }
.ssd-mobile-menu-group section > div .ssd-mobile-menu-link--depth-3, .ssd-mobile-menu-group section > div .ssd-mobile-menu-link--depth-4 { padding-left: 20px; color: #7b879a; }
.ssd-mobile-menu__panel > .ssd-consult-button { width: 100%; }

/* Step 1: hero */
.ssd-hero { position: relative; min-height: 468px; overflow: hidden; color: #fff; background: linear-gradient(116deg, #061a40 0%, #073b92 48%, #0e5cf7 100%); isolation: isolate; }
.ssd-hero::before { content: ""; position: absolute; top: -210px; right: -100px; z-index: -2; width: 650px; height: 650px; border-radius: 50%; background: radial-gradient(circle, rgba(95, 170, 255, .30) 0, rgba(49, 126, 255, .08) 42%, transparent 68%); }
.ssd-hero::after { content: ""; position: absolute; left: -80px; bottom: -150px; z-index: -2; width: 420px; height: 420px; border: 1px solid rgba(93, 165, 255, .16); border-radius: 38%; transform: rotate(18deg); }
.ssd-hero__lines { position: absolute; inset: 0; z-index: -1; opacity: .28; background: linear-gradient(154deg, transparent 0 66%, rgba(125, 185, 255, .22) 66.1% 66.35%, transparent 66.5%), linear-gradient(169deg, transparent 0 74%, rgba(125, 185, 255, .18) 74.1% 74.35%, transparent 74.5%); }
.ssd-hero__lines::before { content: ""; position: absolute; left: 35px; top: 82px; width: 78px; height: 98px; border: 2px solid rgba(93, 165, 255, .28); border-radius: 12px; clip-path: polygon(0 0, 70% 0, 100% 24%, 100% 100%, 0 100%); }
.ssd-hero__lines::after { content: ""; position: absolute; left: 46px; bottom: 34px; width: 88px; height: 52px; background: linear-gradient(to top, rgba(51, 122, 255, .75) 0 100%) 0 100%/9px 18px no-repeat, linear-gradient(to top, rgba(51, 122, 255, .75) 0 100%) 18px 100%/9px 30px no-repeat, linear-gradient(to top, rgba(51, 122, 255, .75) 0 100%) 36px 100%/9px 43px no-repeat, linear-gradient(to top, rgba(51, 122, 255, .75) 0 100%) 54px 100%/9px 52px no-repeat; }
.ssd-hero__brand-art { position: absolute; right: max(20px, calc((100vw - 1180px) / 2)); bottom: 12px; z-index: -1; width: 420px; opacity: .07; filter: brightness(0) invert(1); pointer-events: none; }
.ssd-hero__brand-art img { width: 100%; height: auto; }
.ssd-hero__inner { min-height: 468px; display: grid; grid-template-columns: minmax(0, 1fr) 438px; align-items: center; gap: 70px; padding-top: 38px; padding-bottom: 38px; }
.ssd-hero__copy { min-width: 0; padding-left: 0; }
.ssd-hero__eyebrow { display: inline-block; margin-bottom: 10px; color: #8fbcff; font-weight: 800; letter-spacing: .14em; }
.ssd-hero h1 { margin-bottom: 15px; color: #fff; line-height: 1.08; font-weight: 800; letter-spacing: -.035em; }
.ssd-hero h1 strong { color: #fff; font-weight: 800; }
.ssd-hero__copy > p { max-width: 560px; margin-bottom: 27px; color: rgba(255, 255, 255, .82); line-height: 1.7; }
.ssd-hero__benefits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.ssd-hero__benefits > div { min-width: 0; display: grid; justify-items: center; gap: 3px; color: #fff; text-align: center; }
.ssd-hero__benefits > div > span { width: 39px; height: 39px; display: grid; place-items: center; margin-bottom: 4px; color: #84b6ff; border: 1px solid rgba(135, 182, 255, .35); border-radius: 10px; background: rgba(5, 30, 72, .28); }
.ssd-hero__benefits .ssd-icon { width: 21px; height: 21px; }
.ssd-hero__benefits strong { max-width: 100%; line-height: 1.35; font-weight: 750; text-align: center; font-size: 14px;}
.ssd-hero__benefits small { color: rgba(255, 255, 255, .62); text-align: center; }

.ssd-search-panel { padding: 27px 27px 24px; color: var(--ssd-text); background: #fff; border: 1px solid rgba(255, 255, 255, .7); border-radius: 12px; box-shadow: 0 24px 60px rgba(1, 17, 51, .3); }
.ssd-search-panel__head { display: grid; gap: 2px; margin-bottom: 17px; }
.ssd-search-panel__head span { color: var(--ssd-navy); font-weight: 800; }
.ssd-search-panel__head small { color: var(--ssd-muted); }
.ssd-search-panel form { display: grid; gap: 11px; }
.ssd-number-field { position: relative; display: block; }
.ssd-number-field input { width: 100%; height: 48px; padding: 0 47px 0 14px; color: var(--ssd-text); background: #fff; border: 1px solid #cbd7e9; border-radius: 6px; outline: none; font-family: "IBM Plex Mono", monospace; transition: .2s ease; }
.ssd-number-field input:focus { border-color: var(--ssd-blue); box-shadow: 0 0 0 3px rgba(14, 92, 247, .1); }
.ssd-number-field input::placeholder { color: #8490a5; font-family: "Manrope", Arial, sans-serif; }
.ssd-number-field > .ssd-icon { position: absolute; top: 14px; right: 14px; width: 19px; height: 19px; color: #526784; }
.ssd-search-panel__selects { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ssd-search-panel__selects--single { grid-template-columns: 1fr; }
.ssd-search-panel select { width: 100%; height: 44px; padding: 0 34px 0 12px; color: #3e4c65; background: #fff; border: 1px solid #cbd7e9; border-radius: 6px; outline: none; }
.ssd-search-panel form > button { width: 100%; height: 48px; color: #fff; background: var(--ssd-blue); border: 0; border-radius: 6px; box-shadow: 0 8px 20px rgba(14, 92, 247, .22); font-weight: 800; letter-spacing: .025em; transition: .2s ease; }
.ssd-search-panel form > button:hover { background: #084bd5; transform: translateY(-1px); }
.ssd-quick-numbers { margin-top: 15px; }
.ssd-quick-numbers > span { display: block; margin-bottom: 8px; color: #506078; font-weight: 700; }
.ssd-quick-numbers > div { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.ssd-quick-numbers button { height: 34px; color: var(--ssd-blue); background: #fff; border: 1px solid #bdd1f3; border-radius: 6px; font-family: "IBM Plex Mono", monospace; font-weight: 700; transition: .18s ease; }
.ssd-quick-numbers button:hover { color: #fff; background: var(--ssd-blue); border-color: var(--ssd-blue); }

/* Step 1: statistics */
.ssd-stats { position: relative; z-index: 2; min-height: 122px; display: flex; align-items: center; background: #fff; border-bottom: 1px solid #e7edf6; box-shadow: 0 5px 18px rgba(8, 34, 75, .04); }
.ssd-stats__grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.ssd-stats article { min-width: 0; display: flex; align-items: center; justify-content: center; gap: 17px; padding: 9px 24px; border-right: 1px solid #dbe4f1; }
.ssd-stats article:last-child { border-right: 0; }
.ssd-stats article > span { width: 46px; height: 46px; display: grid; flex: 0 0 46px; place-items: center; color: var(--ssd-blue); }
.ssd-stats article > span .ssd-icon { width: 42px; height: 42px; stroke-width: 1.5; }
.ssd-stats article > div { min-width: 0; display: grid; }
.ssd-stats strong { color: var(--ssd-blue); font-family: "IBM Plex Mono", monospace; line-height: 1.1; font-weight: 700; }
.ssd-stats small { margin-top: 3px; color: var(--ssd-navy); font-size: 16px; line-height: 1.3; font-weight: 750; }
.ssd-stats em { margin-top: 3px; overflow: hidden; color: #79859a; font-size: 14px; line-height: 1.4; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }

/* Step 2: network and SIM categories */
.ssd-section-title { margin: 0 0 21px; color: var(--ssd-navy); line-height: 1.25; font-weight: 800; letter-spacing: -.02em; text-align: center; }
.ssd-network-section { padding: 25px 0 23px; background: #fff; border-bottom: 1px solid #e8eef7; }
.ssd-network-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 23px; padding: 0; }
.ssd-network-list a { height: 48px; display: grid; place-items: center; color: var(--ssd-blue); background: #fff; border: 1px solid #7aa7ff; border-radius: 6px; box-shadow: 0 4px 12px rgba(11, 76, 184, .035); font-weight: 800; transition: .2s ease; }
.ssd-network-list a:hover { color: #fff; background: var(--ssd-blue); border-color: var(--ssd-blue); box-shadow: 0 8px 20px rgba(14, 92, 247, .18); transform: translateY(-2px); }
.ssd-category-section { padding: 24px 0 31px; background: linear-gradient(180deg, #fff 0%, #fbfdff 100%); border-bottom: 1px solid #e8eef7; }
.ssd-category-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 16px; }
.ssd-category-grid a { min-height: 133px; display: grid; align-content: center; justify-items: center; gap: 13px; color: var(--ssd-navy); background: #fff; border: 1px solid #dbe5f3; border-radius: 9px; box-shadow: 0 7px 18px rgba(6, 36, 84, .045); transition: .2s ease; }
.ssd-category-grid a > span { width: 53px; height: 53px; display: grid; place-items: center; color: var(--ssd-blue); }
.ssd-category-grid a .ssd-icon { width: 47px; height: 47px; stroke-width: 1.45; }
.ssd-category-grid strong { font-weight: 750; }
.ssd-category-grid a:hover { color: var(--ssd-blue); border-color: #8ab2ff; box-shadow: 0 12px 28px rgba(14, 92, 247, .11); transform: translateY(-3px); }

/* Step 3: featured SIM inventory */
.ssd-featured-section { padding: 24px 0 31px; background: linear-gradient(180deg, #f5f8fd 0%, #f9fbff 100%); border-bottom: 1px solid #e4ebf5; }
.ssd-featured-section .ssd-section-title { margin-bottom: 15px; }
.ssd-sim-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 10px; }
.ssd-sim-tabs { display: flex; flex: 1; align-items: center; gap: 5px; overflow-x: auto; scrollbar-width: none; }
.ssd-sim-tabs::-webkit-scrollbar { display: none; }
.ssd-sim-tabs button { min-width: max-content; height: 35px; padding: 0 16px; color: #263750; background: transparent; border: 1px solid transparent; border-radius: 5px; font-weight: 750; transition: .18s ease; }
.ssd-sim-tabs button:hover { color: var(--ssd-blue); background: #fff; border-color: #b9cdf0; }
.ssd-sim-tabs button.is-active { color: #fff; background: var(--ssd-blue); border-color: var(--ssd-blue); box-shadow: 0 5px 14px rgba(14, 92, 247, .22); }
.ssd-sim-sort { width: 125px; flex: 0 0 125px; }
.ssd-sim-sort select { width: 100%; height: 35px; padding: 0 30px 0 10px; color: #3b4960; background: #fff; border: 1px solid #ccd8e9; border-radius: 5px; outline: none; }
.ssd-sim-table-wrap { overflow: hidden; background: #fff; border: 1px solid #ccdaec; border-radius: 7px; box-shadow: 0 9px 24px rgba(7, 35, 82, .06); }
.ssd-sim-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.ssd-sim-table thead { color: #fff; background: linear-gradient(90deg, #06285d 0%, #071a3d 100%); }
.ssd-sim-table th { height: 37px; padding: 0 15px; font-weight: 700; text-align: left; }
.ssd-sim-table th:nth-child(1) { width: 11%; }
.ssd-sim-table th:nth-child(2) { width: 17%; }
.ssd-sim-table th:nth-child(3) { width: 11%; }
.ssd-sim-table th:nth-child(4) { width: 20%; }
.ssd-sim-table th:nth-child(5) { width: 15%; }
.ssd-sim-table th:nth-child(6) { width: 14%; text-align: center; }
.ssd-sim-table th:nth-child(7) { width: 12%; text-align: center; }
.ssd-sim-table td { height: 51px; padding: 7px 15px; color: #44516a; border-right: 1px solid #e0e7f1; border-bottom: 1px solid #e0e7f1; vertical-align: middle; }
.ssd-sim-table tr:last-child td { border-bottom: 0; }
.ssd-sim-table td:last-child { border-right: 0; text-align: center; }
.ssd-network-name { color: var(--ssd-blue); font-weight: 750; }
.ssd-sim-number { color: var(--ssd-navy); font-family: "IBM Plex Mono", monospace; line-height: 1; font-weight: 700; letter-spacing: .015em; white-space: nowrap; }
.ssd-sim-number:hover { color: var(--ssd-navy); }
.ssd-sim-number:hover .ssd-number-highlight { color: #064bd0; }
.ssd-sim-tag { display: inline-flex; align-items: center; min-height: 24px; padding: 3px 10px; color: #3f5d89; background: #edf4ff; border-radius: 5px; font-weight: 700; white-space: nowrap; }
.ssd-sim-price { color: var(--ssd-blue); font-family: inherit; font-weight: 700; white-space: nowrap; }
.ssd-sim-table td .ssd-sim-reserve { min-width: 86px; height: 30px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 10px; color: var(--ssd-blue); background: #f1f6ff; border: 1px solid #b9d0ff; border-radius: 6px; box-shadow: none; font-size: 13px; font-weight: 800; white-space: nowrap; transition: .18s ease; }
.ssd-sim-table td .ssd-sim-reserve .ssd-icon { width: 15px; height: 15px; stroke-width: 2; transition: transform .18s ease; }
.ssd-sim-table td .ssd-sim-reserve:hover { color: #fff; background: var(--ssd-blue); border-color: var(--ssd-blue); box-shadow: 0 5px 13px rgba(14, 92, 247, .17); transform: translateY(-1px); }
.ssd-sim-table td .ssd-sim-reserve:hover .ssd-icon { transform: translateX(3px); }
.ssd-sim-table tr[hidden] { display: none; }
.ssd-outline-link { width: fit-content; min-width: 202px; height: 41px; display: flex; align-items: center; justify-content: center; gap: 13px; margin: 19px auto 0; padding: 0 20px; color: var(--ssd-blue); background: #fff; border: 1px solid #7fa9f7; border-radius: 5px; font-weight: 800; transition: .18s ease; }
.ssd-outline-link:hover { color: #fff; background: var(--ssd-blue); border-color: var(--ssd-blue); }
.ssd-outline-link span { font-weight: 500; }

/* Step 4: price, consultation, assurance and process */
.ssd-price-section { padding: 25px 0 29px; background: #fff; border-bottom: 1px solid #e4ebf5; }
.ssd-price-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 22px; }
.ssd-price-grid a { min-height: 120px; display: grid; align-content: center; justify-items: center; gap: 5px; color: var(--ssd-navy); background: #fff; border: 1px solid #d7e1ef; border-radius: 8px; box-shadow: 0 7px 18px rgba(6, 36, 84, .035); transition: .2s ease; }
.ssd-price-grid a > span { width: 38px; height: 38px; display: grid; place-items: center; margin-bottom: 2px; color: var(--ssd-blue); }
.ssd-price-grid a .ssd-icon { width: 32px; height: 32px; stroke-width: 1.55; }
.ssd-price-grid strong { font-weight: 800; }
.ssd-price-grid small { color: #68758a; }
.ssd-price-grid a:hover { color: var(--ssd-blue); border-color: #8ab2ff; box-shadow: 0 11px 25px rgba(14, 92, 247, .1); transform: translateY(-2px); }

.ssd-consult-section { position: relative; overflow: hidden; padding: 42px 0; color: #fff; background: linear-gradient(112deg, #051938 0%, #063477 55%, #0b55c8 100%); isolation: isolate; scroll-margin-top: 120px; }
.ssd-consult-section::after { content: ""; position: absolute; right: -180px; top: -250px; z-index: -1; width: 670px; height: 670px; border: 1px solid rgba(119, 177, 255, .13); border-radius: 50%; box-shadow: 0 0 0 90px rgba(80, 147, 255, .025), 0 0 0 180px rgba(80, 147, 255, .02); }
.ssd-consult-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(480px, 560px); align-items: center; gap: 64px; padding-inline: 0; }
.ssd-consult-copy h2 { margin: 0 0 6px; line-height: 1.2; font-weight: 800; letter-spacing: -.025em; }
.ssd-consult-copy > p { margin-bottom: 17px; color: rgba(255,255,255,.78); }
.ssd-consult-copy ul { display: grid; gap: 8px; margin: 0 0 20px; padding: 0; list-style: none; }
.ssd-consult-copy li { display: flex; align-items: center; gap: 8px; color: rgba(255,255,255,.9); }
.ssd-consult-copy li .ssd-icon { width: 16px; height: 16px; color: #80b4ff; }
.ssd-hotline-card { width: fit-content; min-width: 214px; min-height: 56px; display: flex; align-items: center; gap: 14px; padding: 7px 19px; border: 1px solid rgba(164, 201, 255, .65); border-radius: 7px; background: rgba(2, 22, 53, .35); transition: .2s ease; }
.ssd-hotline-card:hover { background: rgba(23, 91, 193, .35); border-color: #fff; }
.ssd-hotline-card > .ssd-icon { width: 28px; height: 28px; }
.ssd-hotline-card span { display: grid; }
.ssd-hotline-card small { color: rgba(255,255,255,.67); }
.ssd-hotline-card strong { font-family: "IBM Plex Mono", monospace; line-height: 1.15; }
.ssd-consult-form { position: relative; display: grid; gap: 10px; padding: 19px; color: var(--ssd-text); background: #fff; border: 1px solid rgba(255,255,255,.75); border-radius: 9px; box-shadow: 0 18px 44px rgba(0, 16, 48, .28); }
.ssd-consult-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ssd-consult-form label { display: block; }
.ssd-consult-form input, .ssd-consult-form select, .ssd-consult-form textarea { width: 100%; color: #34435c; background: #fff; border: 1px solid #cbd7e7; border-radius: 5px; outline: none; transition: .18s ease; }
.ssd-consult-form input, .ssd-consult-form select { height: 42px; padding: 0 12px; }
.ssd-consult-form textarea { height: 78px; padding: 10px 12px; resize: vertical; }
.ssd-consult-form input:focus, .ssd-consult-form select:focus, .ssd-consult-form textarea:focus { border-color: var(--ssd-blue); box-shadow: 0 0 0 3px rgba(14,92,247,.08); }
.ssd-consult-form button { height: 41px; color: #fff; background: var(--ssd-blue); border: 0; border-radius: 5px; font-weight: 800; }
.ssd-consult-form button:hover { background: #084bd5; }
.ssd-consult-form button:disabled { cursor: wait; opacity: .72; }
.ssd-consult-form button.is-loading { background: #315fba; }
.ssd-consult-form input:user-invalid, .ssd-consult-form select:user-invalid { border-color: #dc6b74; }
.ssd-consult-form__status { display: none; margin: 0; padding: 9px 11px; border-radius: 5px; font-weight: 700; line-height: 1.45; text-align: center; }
.ssd-consult-form__status.is-visible { display: block; }
.ssd-consult-form__status.is-success { color: #12663f; background: #eaf8f1; }
.ssd-consult-form__status.is-error { color: #a4313c; background: #fff0f1; }

.ssd-assurance-section { padding: 26px 0 30px; background: #fff; }
.ssd-assurance-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.ssd-assurance-grid article { min-height: 104px; display: flex; align-items: center; gap: 14px; padding: 18px; border: 1px solid #dce5f1; border-radius: 8px; box-shadow: 0 6px 17px rgba(6,36,84,.035); }
.ssd-assurance-grid article > span { width: 47px; height: 47px; display: grid; flex: 0 0 47px; place-items: center; color: var(--ssd-blue); }
.ssd-assurance-grid article > span .ssd-icon { width: 41px; height: 41px; stroke-width: 1.45; }
.ssd-assurance-grid article > div { display: grid; gap: 3px; }
.ssd-assurance-grid strong { color: var(--ssd-navy); font-weight: 800; }
.ssd-assurance-grid p { margin: 0; color: #667287; line-height: 1.55; }

.ssd-process-section { padding: 4px 0 37px; background: linear-gradient(180deg, #fff 0%, #f8fbff 100%); border-bottom: 1px solid #e6edf7; }
.ssd-process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 52px; padding: 0 50px; }
.ssd-process-grid article { position: relative; display: grid; justify-items: center; text-align: center; }
.ssd-process-grid article:not(:last-child)::after { content: ""; position: absolute; top: 33px; left: calc(50% + 49px); width: calc(100% - 46px); border-top: 1px dashed #8facd7; }
.ssd-process-grid article:not(:last-child)::before { content: "›"; position: absolute; top: 21px; right: -31px; z-index: 2; width: 17px; color: #7794bd; background: #fff; }
.ssd-process-grid article > span { position: relative; z-index: 1; width: 66px; height: 66px; display: grid; place-items: center; margin-bottom: 12px; color: var(--ssd-blue); background: #fff; border: 1px solid #dbe6f4; border-radius: 50%; box-shadow: 0 7px 17px rgba(6,36,84,.07); }
.ssd-process-grid article > span .ssd-icon { width: 29px; height: 29px; }
.ssd-process-grid article:last-child > span { color: #fff; background: var(--ssd-blue); border-color: var(--ssd-blue); box-shadow: 0 8px 20px rgba(14,92,247,.22); }
.ssd-process-grid strong { color: var(--ssd-navy); font-weight: 800; }
.ssd-process-grid p { max-width: 180px; margin: 5px 0 0; color: #667287; line-height: 1.5; }

/* Step 5: feng shui, social proof, content, FAQ and footer */
.ssd-feng-section { padding: 26px 0 30px; background: linear-gradient(180deg, #f8fbff 0%, #fff 100%); border-bottom: 1px solid #e4ebf5; }
.ssd-feng-card { position: relative; min-height: 150px; display: grid; grid-template-columns: 390px 1px minmax(0, 1fr); align-items: center; gap: 30px; overflow: hidden; padding: 21px 30px; background: #fff; border: 1px solid #d6e1ef; border-radius: 8px; box-shadow: 0 8px 22px rgba(6,36,84,.04); }
.ssd-feng-card form { position: relative; z-index: 2; display: grid; gap: 10px; }
.ssd-feng-fields { display: grid; gap: 12px; }
.ssd-feng-fields label { display: grid; gap: 5px; }
.ssd-feng-fields label > span { color: #374660; font-weight: 650; }
.ssd-feng-fields input { width: 100%; height: 42px; padding: 0 12px; color: #263b5e; background: #fff; border: 1px solid #cbd8e9; border-radius: 5px; outline: none; font-family: "IBM Plex Mono", monospace; font-weight: 700; }
.ssd-feng-fields input:focus { border-color: var(--ssd-blue); box-shadow: 0 0 0 3px rgba(14,92,247,.08); }
.ssd-feng-card form > button { width: 100%; height: 37px; color: #fff; background: var(--ssd-blue); border: 0; border-radius: 5px; font-weight: 800; }
.ssd-feng-card form > button:hover { background: #084bd5; }
.ssd-feng-card form > button.is-loading { display: flex; align-items: center; justify-content: center; gap: 8px; opacity: .88; cursor: wait; }
.ssd-feng-card form > button.is-loading::before { content: ""; width: 16px; height: 16px; border: 2px solid rgba(255,255,255,.4); border-top-color: #fff; border-radius: 50%; animation: ssd-catalog-spin .7s linear infinite; }
.ssd-feng-card form > p { display: none; margin: 0; padding: 8px 10px; color: #167445; background: #edf9f3; border-radius: 5px; font-weight: 700; line-height: 1.45; }
.ssd-feng-card form > p.is-visible { display: block; }
.ssd-feng-card form > p.is-error { color: #a4313c; background: #fff0f1; }
.ssd-feng-card form > p.is-loading { color: #275da9; background: #edf4ff; }
.ssd-feng-divider { align-self: stretch; background: #dce5f1; }
.ssd-feng-copy { position: relative; z-index: 2; display: flex; align-items: flex-start; gap: 19px; max-width: 560px; }
.ssd-feng-copy > span { width: 54px; height: 54px; display: grid; flex: 0 0 54px; place-items: center; color: var(--ssd-blue); border: 1px solid #9cbbec; border-radius: 50%; }
.ssd-feng-copy > span .ssd-icon { width: 30px; height: 30px; }
.ssd-feng-copy > div { display: grid; }
.ssd-feng-copy small { margin-bottom: 5px; color: var(--ssd-blue); font-weight: 800; letter-spacing: .08em; }
.ssd-feng-copy strong { color: var(--ssd-navy); font-weight: 800; }
.ssd-feng-copy p { max-width: 480px; margin: 5px 0 7px; color: #67748a; line-height: 1.55; }
.ssd-feng-copy ul { display: grid; gap: 3px; margin: 0; padding: 0; color: #647188; list-style: none; }
.ssd-feng-copy li::before { content: "✓"; margin-right: 7px; color: var(--ssd-blue); font-weight: 800; }
.ssd-feng-copy [hidden] { display: none; }
.ssd-feng-digits { display: flex; flex-wrap: wrap; gap: 7px; margin: 4px 0 10px; }
.ssd-feng-digits span { width: 34px; height: 34px; display: grid; place-items: center; color: #fff; background: linear-gradient(145deg, #0b4ac7, #1870ff); border-radius: 50%; font-family: "IBM Plex Mono", monospace; font-weight: 800; box-shadow: 0 5px 12px rgba(14,92,247,.18); }
.ssd-feng-result__link { width: fit-content; min-height: 36px; display: inline-flex; align-items: center; gap: 8px; padding: 0 13px; color: var(--ssd-blue); background: #edf4ff; border: 1px solid #b8cff7; border-radius: 5px; font-weight: 800; }
.ssd-feng-result__link:hover { color: #fff; background: var(--ssd-blue); border-color: var(--ssd-blue); }
.ssd-feng-recommendations[hidden] { display: none; }
.ssd-feng-recommendations { margin-top: 18px; padding: 25px; background: #fff; border: 1px solid #d6e1ef; border-radius: 10px; box-shadow: 0 12px 30px rgba(6,36,84,.06); }
.ssd-feng-recommendations__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; margin-bottom: 19px; padding-bottom: 17px; border-bottom: 1px solid #e3eaf3; }
.ssd-feng-recommendations__head > div:first-child { max-width: 760px; }
.ssd-feng-recommendations__head span { color: var(--ssd-blue); font-size: 13px; font-weight: 800; letter-spacing: .1em; }
.ssd-feng-recommendations__head h3 { margin: 5px 0 6px; color: var(--ssd-navy); font-size: 26px; }
.ssd-feng-recommendations__head p { margin: 0; color: #68768c; line-height: 1.6; }
.ssd-feng-recommendations__legend { min-width: 220px; display: grid; gap: 2px; padding: 11px 13px; color: #32598d; background: #f2f7ff; border: 1px solid #d5e3f8; border-radius: 7px; }
.ssd-feng-recommendations__legend small { color: #72829a; }
.ssd-feng-recommendations__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.ssd-feng-sim-card { min-width: 0; display: flex; flex-direction: column; padding: 16px; background: #fff; border: 1px solid #dbe4f0; border-radius: 9px; box-shadow: 0 7px 19px rgba(5,33,79,.045); transition: .2s ease; }
.ssd-feng-sim-card:hover { border-color: #8db0ed; box-shadow: 0 12px 25px rgba(14,92,247,.09); transform: translateY(-2px); }
.ssd-feng-sim-card__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.ssd-feng-sim-card__score { min-width: 62px; display: inline-flex; align-items: baseline; justify-content: center; gap: 2px; padding: 5px 8px; color: #fff; background: linear-gradient(135deg, #073c96, #0e5cf7); border-radius: 6px; }
.ssd-feng-sim-card__score strong { font-size: 18px; }
.ssd-feng-sim-card__score small { color: #dbe8ff; font-size: 11px; }
.ssd-feng-sim-card__number { display: block; margin: 15px 0 10px; overflow-wrap: anywhere; color: var(--ssd-navy); font-family: "IBM Plex Mono", monospace; font-size: 21px; line-height: 1.3; font-weight: 700; }
.ssd-feng-sim-card__number > span { color: var(--ssd-blue); background: #eaf1ff; border-radius: 3px; }
.ssd-feng-sim-card__meta { min-height: 55px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; padding-bottom: 12px; border-bottom: 1px solid #e5ebf3; }
.ssd-feng-sim-card__meta b { padding: 4px 7px; color: #3f5f8e; background: #edf4ff; border-radius: 4px; font-size: 13px; }
.ssd-feng-sim-card__meta span { color: #67758b; }
.ssd-feng-sim-card__meta em { padding: 3px 6px; color: #168154; background: #eaf8f0; border-radius: 4px; font-size: 12px; font-style: normal; font-weight: 800; }
.ssd-feng-sim-card > ul { display: grid; gap: 7px; margin: 13px 0 16px; padding: 0; color: #607087; list-style: none; line-height: 1.45; }
.ssd-feng-sim-card > ul li { position: relative; padding-left: 18px; }
.ssd-feng-sim-card > ul li::before { content: "✓"; position: absolute; left: 0; color: #168154; font-weight: 800; }
.ssd-feng-sim-card__footer { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 12px; border-top: 1px solid #e5ebf3; }
.ssd-feng-sim-card__footer > span { display: grid; gap: 2px; }
.ssd-feng-sim-card__footer small { color: #7a879a; }
.ssd-feng-sim-card__footer strong { color: var(--ssd-blue); font-family: inherit; }
.ssd-feng-sim-card__footer > a { min-height: 34px; display: inline-flex; align-items: center; padding: 0 10px; color: var(--ssd-blue); background: #edf4ff; border-radius: 5px; font-weight: 800; white-space: nowrap; }
.ssd-feng-sim-card__footer > a:hover { color: #fff; background: var(--ssd-blue); }
.ssd-feng-recommendations__bottom { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 18px; padding-top: 15px; border-top: 1px solid #e3eaf3; }
.ssd-feng-recommendations__bottom p { display: flex; align-items: center; gap: 8px; margin: 0; color: #6c7a8f; }
.ssd-feng-recommendations__bottom p .ssd-icon { width: 18px; height: 18px; color: #168154; }
.ssd-feng-recommendations__bottom > a { display: inline-flex; align-items: center; gap: 7px; color: var(--ssd-blue); font-weight: 800; white-space: nowrap; }
.ssd-feng-recommendations__bottom > a .ssd-icon { width: 17px; height: 17px; }
.ssd-yinyang { position: absolute; right: 26px; top: 22px; width: 108px; height: 108px; opacity: .055; border: 9px solid var(--ssd-navy); border-radius: 50%; }
.ssd-yinyang::before, .ssd-yinyang::after { content: ""; position: absolute; left: 45px; width: 45px; height: 45px; border-radius: 50%; }
.ssd-yinyang::before { top: 0; background: var(--ssd-navy); }
.ssd-yinyang::after { bottom: 0; background: #fff; border: 9px solid var(--ssd-navy); }

.ssd-testimonial-section { padding: 28px 0 24px; background: #fff; }
.ssd-section-heading-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.ssd-section-heading-row .ssd-section-title { margin-bottom: 20px; }
.ssd-testimonial-controls { display: flex; gap: 7px; margin-bottom: 20px; }
.ssd-testimonial-controls button { width: 36px; height: 36px; display: grid; place-items: center; color: #365175; background: #fff; border: 1px solid #cbd8e9; border-radius: 50%; font-weight: 800; }
.ssd-testimonial-controls button:hover { color: #fff; background: var(--ssd-blue); border-color: var(--ssd-blue); }
.ssd-testimonial-controls button:disabled { opacity: .35; pointer-events: none; }
.ssd-testimonial-viewport { overflow: hidden; padding: 2px; margin: -2px; touch-action: pan-y; }
.ssd-testimonial-track { --testimonial-per-view: 3; display: flex; column-gap: 20px; transition: transform .45s cubic-bezier(.22,.61,.36,1); will-change: transform; }
.ssd-testimonial-track article { position: relative; min-width: 0; flex: 0 0 calc((100% - (var(--testimonial-per-view) - 1) * 20px) / var(--testimonial-per-view)); min-height: 166px; padding: 23px 23px 19px 54px; background: #fff; border: 1px solid #d9e3f0; border-radius: 8px; box-shadow: 0 7px 18px rgba(6,36,84,.045); }
.ssd-quote { position: absolute; left: 20px; top: 16px; color: var(--ssd-navy); font-family: Georgia, serif; line-height: 1; font-weight: 800; }
.ssd-stars { margin-bottom: 8px; color: #f3b21a; letter-spacing: 2px; }
.ssd-testimonial-track p { min-height: 72px; margin: 0 0 9px; color: #56637a; line-height: 1.65; }
.ssd-testimonial-track strong { color: #31415b; font-weight: 800; }
.ssd-slider-dots { height: 20px; display: flex; align-items: flex-end; justify-content: center; gap: 8px; }
.ssd-slider-dots button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 50%; background: #c9d4e5; transition: .2s ease; }
.ssd-slider-dots button.is-active { width: 19px; background: var(--ssd-blue); border-radius: 999px; }

.ssd-knowledge-section { padding: 28px 0 30px; background: #f7faff; border-top: 1px solid #edf2f8; }
.ssd-knowledge-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 20px; }
.ssd-knowledge-heading .ssd-section-title { margin-bottom: 0; }
.ssd-knowledge-heading > p { max-width: 430px; margin: 0; color: #6a778c; line-height: 1.55; text-align: right; }
.ssd-knowledge-layout { display: grid; grid-template-columns: 1.2fr .8fr; gap: 18px; }
.ssd-knowledge-featured { min-height: 322px; display: grid; grid-template-columns: .9fr 1.1fr; overflow: hidden; background: #fff; border: 1px solid #dbe5f1; border-radius: 10px; box-shadow: 0 10px 25px rgba(6,36,84,.05); transition: .2s ease; }
.ssd-knowledge-visual { min-height: 100%; display: grid; place-items: center; overflow: hidden; color: #b8d4ff; background: linear-gradient(145deg, #061c43, #0d57cc); }
.ssd-knowledge-visual img, .ssd-knowledge-list img { width: 100%; height: 100%; display: block; object-fit: cover; }
.ssd-post-initial { display: grid; place-items: center; color: #fff; font-family: "IBM Plex Mono", monospace; font-size: 48px; font-weight: 800; line-height: 1; text-transform: uppercase; }
.ssd-knowledge-visual .ssd-post-initial { font-size: 62px; }
.ssd-knowledge-list .ssd-post-initial { font-size: 34px; }
.ssd-knowledge-visual .ssd-icon { width: 58px; height: 58px; }
.ssd-knowledge-featured > div { display: grid; align-content: center; padding: 25px; }
.ssd-knowledge-featured small, .ssd-knowledge-list small { color: var(--ssd-blue); font-weight: 750; }
.ssd-knowledge-featured strong { margin: 8px 0; color: var(--ssd-navy); font-size: 22px; line-height: 1.38; font-weight: 800; }
.ssd-knowledge-featured p { margin: 0 0 15px; color: #637087; line-height: 1.65; }
.ssd-knowledge-featured em, .ssd-knowledge-list em { color: var(--ssd-blue); font-style: normal; font-weight: 800; }
.ssd-knowledge-list { display: grid; gap: 10px; }
.ssd-knowledge-list > a { min-height: 100px; display: grid; grid-template-columns: 100px 1fr; overflow: hidden; background: #fff; border: 1px solid #dbe5f1; border-radius: 8px; transition: .2s ease; }
.ssd-knowledge-list > a > span { display: grid; place-items: center; color: var(--ssd-blue); background: #edf4ff; }
.ssd-knowledge-list > a > span .ssd-icon { width: 30px; height: 30px; }
.ssd-knowledge-list > a > div { display: grid; align-content: center; gap: 5px; padding: 12px 14px; }
.ssd-knowledge-list strong { color: var(--ssd-navy); line-height: 1.4; font-weight: 750; }
.ssd-knowledge-list em { font-size: 13px; }
.ssd-knowledge-featured:hover, .ssd-knowledge-list > a:hover { border-color: #8ab2ff; box-shadow: 0 12px 28px rgba(14,92,247,.09); transform: translateY(-2px); }
.ssd-knowledge-section .ssd-outline-link { margin-top: 15px; }

.ssd-faq-section { padding: 21px 0 27px; background: #fff; }
.ssd-faq-section .ssd-section-title { margin-bottom: 14px; }
.ssd-faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.ssd-faq-grid > div { display: grid; align-content: start; gap: 8px; }
.ssd-faq-grid details { overflow: hidden; background: #fbfdff; border: 1px solid #d8e3f0; border-radius: 5px; }
.ssd-faq-grid summary { position: relative; min-height: 42px; display: flex; align-items: center; padding: 8px 42px 8px 13px; color: #33445e; cursor: pointer; font-weight: 650; list-style: none; }
.ssd-faq-grid summary::-webkit-details-marker { display: none; }
.ssd-faq-grid summary::after { content: "+"; position: absolute; right: 14px; color: #70809a; font-weight: 400; }
.ssd-faq-grid details[open] summary::after { content: "−"; }
.ssd-faq-grid details p { margin: 0; padding: 0 13px 12px; color: #66748b; line-height: 1.6; }

.ssd-final-cta { color: #fff; background: linear-gradient(105deg, #063b9e 0%, #0e5cf7 65%, #0754dc 100%); }
.ssd-final-cta__inner { min-height: 118px; display: grid; grid-template-columns: 70px 1fr auto; align-items: center; gap: 22px; padding-inline: 70px; }
.ssd-final-cta__icon { position: relative; width: 58px; height: 67px; display: grid; place-items: center; color: #bdd6ff; border: 2px solid rgba(190,216,255,.8); border-radius: 8px; }
.ssd-final-cta__icon > .ssd-icon { width: 35px; height: 35px; }
.ssd-final-cta__icon i { position: absolute; right: -13px; bottom: -7px; width: 28px; height: 28px; display: grid; place-items: center; color: #fff; background: #fff; border-radius: 50%; }
.ssd-final-cta__icon i .ssd-icon { width: 28px; height: 28px; color: #fff; fill: var(--ssd-blue); }
.ssd-final-cta__inner > div { display: grid; gap: 3px; }
.ssd-final-cta__inner > div strong { font-weight: 800; letter-spacing: -.02em; }
.ssd-final-cta__inner > div p { margin: 0; color: rgba(255,255,255,.75); }
.ssd-final-cta__inner > a { min-width: 258px; height: 47px; display: flex; align-items: center; justify-content: center; gap: 18px; padding: 0 20px; color: var(--ssd-blue); background: #fff; border-radius: 5px; box-shadow: 0 9px 22px rgba(1,27,79,.18); font-weight: 800; transition: .2s ease; }
.ssd-final-cta__inner > a:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(1,27,79,.25); }
.ssd-final-cta__inner > a span { }

.ssd-footer { color: rgba(255,255,255,.75); background: linear-gradient(112deg, #041631 0%, #06275a 100%); }
.ssd-footer-catalog { padding: 30px 0; background: rgba(2, 15, 36, .28); border-bottom: 1px solid rgba(168,198,243,.18); }
.ssd-footer-catalog > .ssd-container { padding: 27px 30px 29px; background: linear-gradient(135deg, rgba(28, 76, 145, .22), rgba(5, 27, 61, .12)); border: 1px solid rgba(146, 185, 244, .17); border-radius: 12px; box-shadow: 0 16px 38px rgba(0, 10, 30, .12); }
.ssd-footer-catalog__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 23px; padding-bottom: 18px; border-bottom: 1px solid rgba(168,198,243,.14); }
.ssd-footer-catalog__head span { display: block; margin-bottom: 4px; color: #87b5ff; font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.ssd-footer-catalog__head h2 { margin: 0; color: #fff; font-size: 25px; line-height: 1.2; letter-spacing: -.025em; }
.ssd-footer-catalog__head > a { display: inline-flex; align-items: center; gap: 7px; color: #a9caff; font-size: 13px; font-weight: 750; white-space: nowrap; }
.ssd-footer-catalog__head > a:hover { color: #fff; }
.ssd-footer-catalog__head > a .ssd-icon { width: 15px; height: 15px; transition: transform .18s ease; }
.ssd-footer-catalog__head > a:hover .ssd-icon { transform: translateX(3px); }
.ssd-footer-catalog__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 28px; }
.ssd-footer-catalog details { min-width: 0; }
.ssd-footer-catalog summary { list-style: none; color: #fff; font-size: 14px; font-weight: 800; cursor: default; }
.ssd-footer-catalog summary::-webkit-details-marker { display: none; }
.ssd-footer-catalog details > div { display: grid; gap: 7px; margin-top: 12px; }
.ssd-footer-catalog details a { position: relative; padding-left: 11px; color: rgba(255,255,255,.68); font-size: 13px; line-height: 1.45; transition: color .18s ease, transform .18s ease; }
.ssd-footer-catalog details a::before { content: ""; position: absolute; left: 0; top: .65em; width: 3px; height: 3px; background: #4f8ff7; border-radius: 50%; }
.ssd-footer-catalog details a:hover { color: #fff; transform: translateX(2px); }
.ssd-footer__grid { display: grid; grid-template-columns: 1.35fr .72fr .9fr .7fr 1.1fr 1.1fr; gap: 30px; padding-top: 40px; padding-bottom: 31px; font-size: 13px; }
.ssd-footer__brand > a { width: 200px; display: block; margin-bottom: 16px; }
.ssd-footer__brand img { display: block; width: 200px; max-width: 100%; height: auto; object-fit: contain; }
.ssd-footer__brand p { max-width: 245px; margin: 0 0 15px; font-size: 13px; line-height: 1.7; }
.ssd-socials { display: flex; gap: 9px; }
.ssd-socials a { width: 27px; height: 27px; display: grid; place-items: center; color: #fff; border: 1px solid rgba(175,205,250,.6); border-radius: 50%; font-weight: 800; }
.ssd-footer__links, .ssd-footer__newsletter { display: grid; align-content: start; gap: 9px; }
.ssd-footer__grid > div > strong { margin-bottom: 4px; color: #fff; font-size: 13px; font-weight: 800; }
.ssd-footer__links a, .ssd-footer__links > span { color: rgba(255,255,255,.76); line-height: 1.5; transition: .18s ease; }
.ssd-footer__links a:hover { color: #fff; }
.ssd-footer__catalog-links { gap: 8px; }
.ssd-footer__links .ssd-footer__catalog-parent { color: #fff; font-weight: 750; }
.ssd-footer__catalog-children { display: grid; gap: 6px; margin: 0 0 2px 3px; padding-left: 10px; border-left: 1px solid rgba(126,169,237,.32); }
.ssd-footer__catalog-children a { color: rgba(255,255,255,.68); }
.ssd-footer__links .ssd-footer__recommender { width: fit-content; display: inline-flex; align-items: center; gap: 6px; margin-top: 3px; padding: 6px 9px; color: #fff; background: rgba(20, 99, 255, .2); border: 1px solid rgba(100, 158, 255, .42); border-radius: 6px; font-weight: 750; }
.ssd-footer__recommender .ssd-icon { width: 14px; height: 14px; color: #8fc0ff; }
.ssd-footer__links .ssd-footer__recommender:hover { background: rgba(20, 99, 255, .34); border-color: rgba(125, 174, 255, .68); box-shadow: 0 6px 16px rgba(0, 20, 58, .16); }
.ssd-footer__support a, .ssd-footer__support > span { display: flex; align-items: flex-start; gap: 7px; }
.ssd-footer__support .ssd-icon { width: 14px; height: 14px; color: #8ab8ff; }
.ssd-footer__newsletter p { margin: 0 0 3px; font-size: 13px; line-height: 1.6; }
.ssd-footer__newsletter form { display: grid; gap: 7px; }
.ssd-footer__newsletter input { width: 100%; height: 35px; padding: 0 10px; color: #24334d; background: #fff; border: 0; border-radius: 4px; outline: none; font-size: 13px; }
.ssd-footer__newsletter button { height: 34px; color: #fff; background: var(--ssd-blue); border: 0; border-radius: 4px; font-size: 13px; font-weight: 800; }
.ssd-footer__newsletter small { display: none; color: #9ed0ff; }
.ssd-footer__newsletter small.is-visible { display: block; }
.ssd-footer__business { border-top: 1px solid rgba(168,198,243,.2); }
.ssd-footer__business > .ssd-container { display: grid; grid-template-columns: 155px minmax(0,1fr); gap: 25px; padding-top: 20px; padding-bottom: 20px; }
.ssd-footer__business > .ssd-container > span { color: #8fb9ff; font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.ssd-footer__business > .ssd-container > div { display: grid; gap: 5px; color: rgba(255,255,255,.72); font-size: 12px; line-height: 1.55; }
.ssd-footer__business p { margin: 0; }
.ssd-footer__business strong { color: #fff; font-size: 13px; }
.ssd-footer__business p > span { color: rgba(255,255,255,.9); font-weight: 700; }
.ssd-footer__bottom { min-height: 53px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(168,198,243,.2); font-size: 12px; }

@media (max-width: 1120px) {
    .ssd-navbar__inner { gap: 20px; }
    .ssd-logo { width: 165px; flex-basis: 165px; }
    .ssd-logo img { width: 165px; }
    .ssd-nav { gap: 16px; }
    .ssd-nav a { }
    .ssd-consult-button { padding-inline: 13px; }
    .ssd-hero__inner { grid-template-columns: minmax(0, 1fr) 410px; gap: 44px; }
    .ssd-hero__copy { padding-left: 0; }
    .ssd-stats article { padding-inline: 14px; }
    .ssd-consult-grid { gap: 46px; padding-inline: 0; }
    .ssd-footer-catalog__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 36px; }
    .ssd-footer__grid { gap: 25px; }
}

@media (min-width: 601px) {
    .ssd-footer-catalog details > div { display: grid !important; }
}

/* Keep the 320px edge case fluid even in browsers with classic scrollbars. */
@media (max-width: 340px) {
    html, body { min-width: 0; }
    .ssd-product-visual { padding-inline: 12px; }
    .ssd-sim-card { padding-inline: 17px; }
    .ssd-sim-card__number { font-size: 24px; }
    .ssd-product-summary__heading h1 { font-size: 27px; }
    .ssd-product-mobile-bar { grid-template-columns: 42% 58%; padding-inline: 6px; }
}

@media (max-width: 920px) {
    .ssd-product-tabs { top: 82px; }
    .ssd-product-section { scroll-margin-top: 156px; }
    .ssd-feng-recommendations__grid { grid-template-columns: 1fr 1fr; }
    .ssd-topbar__inner > span:nth-child(2) { display: none; }
    .ssd-navbar { height: 74px; }
    .ssd-logo { width: 155px; height: 66px; flex-basis: 155px; }
    .ssd-logo img { width: 155px; height: 62px; }
    .ssd-nav, .ssd-header__actions > .ssd-consult-button { display: none; }
    .ssd-header__actions { margin-left: auto; }
    .ssd-menu-toggle { display: block; }
    .ssd-hero { min-height: auto; }
    .ssd-hero__inner { min-height: auto; grid-template-columns: 1fr; gap: 30px; padding-top: 52px; padding-bottom: 52px; }
    .ssd-hero__copy { padding-left: 0; text-align: center; }
    .ssd-hero__brand-art { right: -70px; bottom: 80px; width: 360px; }
    .ssd-hero__copy > p { margin-inline: auto; }
    .ssd-hero__benefits { width: min(620px, 100%); margin-inline: auto; }
    .ssd-search-panel { width: min(560px, 100%); margin-inline: auto; }
    .ssd-stats__grid { grid-template-columns: 1fr 1fr; }
    .ssd-stats article { min-height: 96px; }
    .ssd-stats article:nth-child(2) { border-right: 0; }
    .ssd-stats article:nth-child(-n+2) { border-bottom: 1px solid #dbe4f1; }
    .ssd-network-list { grid-template-columns: repeat(3, 1fr); padding: 0; }
    .ssd-category-grid { grid-template-columns: repeat(4, 1fr); }
    .ssd-sim-table-wrap { overflow-x: auto; }
    .ssd-sim-table { min-width: 870px; }
    .ssd-price-grid { grid-template-columns: repeat(3, 1fr); }
    .ssd-consult-grid { grid-template-columns: 1fr; gap: 28px; }
    .ssd-consult-copy { text-align: center; }
    .ssd-consult-copy ul { width: fit-content; margin-inline: auto; text-align: left; }
    .ssd-hotline-card { margin-inline: auto; }
    .ssd-assurance-grid { grid-template-columns: 1fr 1fr; }
    .ssd-process-grid { gap: 24px; padding-inline: 0; }
    .ssd-process-grid article:not(:last-child)::after { left: calc(50% + 40px); width: calc(100% - 22px); }
    .ssd-process-grid article:not(:last-child)::before { right: -14px; }
    .ssd-feng-card { grid-template-columns: 340px 1px minmax(0,1fr); }
    .ssd-testimonial-track { column-gap: 12px; }
    .ssd-testimonial-track article { flex-basis: calc((100% - (var(--testimonial-per-view) - 1) * 12px) / var(--testimonial-per-view)); }
    .ssd-knowledge-layout { grid-template-columns: 1fr; }
    .ssd-knowledge-list { grid-template-columns: repeat(3, 1fr); }
    .ssd-knowledge-list > a { grid-template-columns: 1fr; }
    .ssd-knowledge-list > a > span { min-height: 90px; }
    .ssd-final-cta__inner { padding-inline: 25px; }
    .ssd-footer__grid { grid-template-columns: 1.3fr 1fr 1fr; }
    .ssd-footer__newsletter { grid-column: 2 / 4; }
}

@media (max-width: 600px) {
    .ssd-header { top: -34px; }
    .ssd-product-tabs { top: 76px; }
    .ssd-product-section { scroll-margin-top: 149px; }
    .ssd-header-search { top: 0 !important; z-index: 110; height: 100vh; height: 100dvh; max-height: none; }
    .ssd-header-search__panel { height: 100vh; height: 100dvh; max-height: none; }
    .ssd-header-search__inner { width: 100%; padding-top: max(18px, env(safe-area-inset-top, 0px)); padding-bottom: max(24px, env(safe-area-inset-bottom, 0px)); }
    .ssd-header-search__head { margin-bottom: 14px; }
    .ssd-header-search__head strong { font-size: 19px; }
    .ssd-header-search__form { grid-template-columns: minmax(0, 1fr) 54px; gap: 7px; }
    .ssd-header-search__form label { min-height: 52px; padding-inline: 13px; }
    .ssd-header-search__form > button { width: 54px; min-height: 52px; padding: 0; }
    .ssd-header-search__form > button span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
    .ssd-header-search__form > button .ssd-icon { width: 20px; height: 20px; }
    .ssd-header-search__quick { flex-wrap: nowrap; margin-right: -12px; padding-right: 12px; overflow-x: auto; scrollbar-width: none; }
    .ssd-header-search__quick::-webkit-scrollbar { display: none; }
    .ssd-header-search__quick > span { flex: 0 0 auto; }
    .ssd-header-search__quick button { flex: 0 0 auto; }
    .ssd-header-search__results { grid-template-columns: 1fr; }
    .ssd-header-search-result { grid-template-columns: 40px minmax(0, 1fr) 28px; gap: 9px; }
    .ssd-header-search-result__icon { width: 40px; height: 40px; grid-row: 1 / 3; }
    .ssd-header-search-result__price { grid-column: 2; font-size: 14px; }
    .ssd-header-search-result__arrow { grid-column: 3; grid-row: 1 / 3; }
    .ssd-header-search__footer { align-items: flex-start; flex-direction: column; gap: 8px; }
    .ssd-container { width: min(calc(100% - 24px), var(--ssd-container)); }
    .ssd-topbar { height: 34px; }
    .ssd-topbar__inner { justify-content: center; }
    .ssd-topbar__inner > span { display: none; }
    .ssd-topbar__inner > a { }
    .ssd-navbar { height: 68px; }
    .ssd-navbar__inner { gap: 10px; }
    .ssd-logo { width: 137px; height: 62px; flex-basis: 137px; }
    .ssd-logo img { width: 137px; height: 58px; }
    .ssd-hero__lines::before, .ssd-hero__lines::after { display: none; }
    .ssd-hero__brand-art { display: none; }
    .ssd-hero__inner { padding-top: 42px; padding-bottom: 42px; }
    .ssd-hero__eyebrow { }
    .ssd-hero h1 { margin-bottom: 14px; }
    .ssd-hero__copy > p { margin-bottom: 24px; line-height: 1.65; }
    .ssd-hero__benefits { grid-template-columns: 1fr 1fr; gap: 18px 10px; }
    .ssd-hero__benefits strong { }
    .ssd-search-panel { padding: 22px 17px 19px; border-radius: 10px; }
    .ssd-search-panel__selects { grid-template-columns: 1fr; }
    .ssd-search-panel__head span { }
    .ssd-quick-numbers > div { gap: 6px; }
    .ssd-stats { padding-block: 8px; }
    .ssd-stats article { min-height: 90px; justify-content: flex-start; gap: 10px; padding: 12px 7px; }
    .ssd-stats article > span { width: 36px; height: 36px; flex-basis: 36px; }
    .ssd-stats article > span .ssd-icon { width: 32px; height: 32px; }
    .ssd-stats strong { }
    .ssd-stats small { }
    .ssd-stats em { }
    .ssd-section-title { margin-bottom: 17px; }
    .ssd-network-section { padding-block: 22px; }
    .ssd-network-list { grid-template-columns: 1fr 1fr; gap: 10px; }
    .ssd-network-list a { height: 44px; }
    .ssd-network-list a:last-child { grid-column: 1 / -1; }
    .ssd-category-section { padding-block: 23px 27px; }
    .ssd-category-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .ssd-category-grid a { min-height: 112px; }
    .ssd-category-grid a > span { width: 43px; height: 43px; }
    .ssd-category-grid a .ssd-icon { width: 39px; height: 39px; }
    .ssd-featured-section { padding-block: 23px 27px; }
    .ssd-sim-toolbar { align-items: stretch; flex-direction: column; gap: 8px; margin-bottom: 12px; }
    .ssd-sim-tabs { flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; overflow: visible; }
    .ssd-sim-tabs button { min-width: 0; height: 34px; flex: 1 1 calc(33.333% - 4px); padding-inline: 9px; }
    .ssd-sim-sort { width: 100%; flex-basis: auto; }
    .ssd-sim-sort select { height: 40px; padding-left: 12px; }
    .ssd-sim-table-wrap { overflow: visible; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
    .ssd-sim-table { min-width: 0; display: block; }
    .ssd-sim-table thead { display: none; }
    .ssd-sim-table tbody { display: grid; gap: 10px; }
    .ssd-sim-table tbody tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "number status"
            "type price"
            "meaning meaning"
            "action action";
        gap: 9px 12px;
        padding: 14px;
        background: #fff;
        border: 1px solid #d6e1ef;
        border-radius: 10px;
        box-shadow: 0 7px 18px rgba(7, 35, 82, .055);
    }
    .ssd-sim-table td { min-width: 0; height: auto; padding: 0; border: 0; }
    .ssd-sim-table td:nth-child(1) { grid-area: number; padding-block: 2px; }
    .ssd-sim-table td:nth-child(2) { grid-area: type; align-self: center; }
    .ssd-sim-table td:nth-child(3) { grid-area: meaning; padding-top: 8px; color: #637087; border-top: 1px solid #edf1f6; line-height: 1.45; }
    .ssd-sim-table td:nth-child(4) { grid-area: price; display: grid; justify-items: end; align-content: center; }
    .ssd-sim-table td:nth-child(4)::before { content: "Giá từ"; margin-bottom: 1px; color: #8390a3; font-size: 11px; font-weight: 600; }
    .ssd-sim-table td:nth-child(5) { grid-area: status; align-self: center; }
    .ssd-sim-table td:nth-child(6) { grid-area: action; padding-top: 1px; }
    .ssd-sim-table .ssd-sim-number { display: inline-block; max-width: 100%; font-size: clamp(17px, 5.2vw, 21px); line-height: 1.25; letter-spacing: 0; white-space: nowrap; }
    .ssd-sim-table .ssd-sim-tag { min-height: 25px; padding-inline: 9px; font-size: 13px; }
    .ssd-sim-table .ssd-sim-price { font-size: 16px; }
    .ssd-sim-table .ssd-sim-sale-status { min-height: 28px; padding-inline: 9px; font-size: 12px; }
    .ssd-sim-table td .ssd-sim-reserve { width: 100%; min-width: 0; height: 39px; font-size: 13px; }
    .ssd-price-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
    .ssd-price-grid a { min-height: 110px; }
    .ssd-price-grid a:last-child { grid-column: 1 / -1; }
    .ssd-consult-section { padding-block: 34px; }
    .ssd-consult-grid { padding-inline: 0; }
    .ssd-consult-copy h2 { }
    .ssd-consult-form { padding: 15px; }
    .ssd-consult-form__row { grid-template-columns: 1fr; }
    .ssd-assurance-grid { grid-template-columns: 1fr; gap: 10px; }
    .ssd-assurance-grid article { min-height: 92px; }
    .ssd-process-section { padding-bottom: 30px; }
    .ssd-process-grid { grid-template-columns: 1fr 1fr; gap: 26px 12px; }
    .ssd-process-grid article:not(:last-child)::after, .ssd-process-grid article:not(:last-child)::before { display: none; }
    .ssd-feng-card { grid-template-columns: 1fr; gap: 18px; padding: 18px; }
    .ssd-feng-divider { width: 100%; height: 1px; }
    .ssd-feng-recommendations { padding: 18px 14px; }
    .ssd-feng-recommendations__head { flex-direction: column; gap: 13px; }
    .ssd-feng-recommendations__head h3 { font-size: 22px; }
    .ssd-feng-recommendations__legend { width: 100%; min-width: 0; }
    .ssd-feng-recommendations__grid { grid-template-columns: 1fr; }
    .ssd-feng-recommendations__bottom { align-items: flex-start; flex-direction: column; }
    .ssd-yinyang { right: -20px; bottom: -20px; top: auto; }
    .ssd-section-heading-row { align-items: flex-start; }
    .ssd-testimonial-controls { flex: 0 0 auto; }
    .ssd-testimonial-track article { min-height: 176px; }
    .ssd-knowledge-heading { align-items: flex-start; flex-direction: column; gap: 6px; }
    .ssd-knowledge-heading > p { text-align: left; }
    .ssd-knowledge-featured { grid-template-columns: 1fr; }
    .ssd-knowledge-visual { min-height: 170px; }
    .ssd-knowledge-featured > div { padding: 20px 17px; }
    .ssd-knowledge-list { grid-template-columns: 1fr; }
    .ssd-knowledge-list > a { grid-template-columns: 92px 1fr; }
    .ssd-knowledge-list > a > span { min-height: 100%; }
    .ssd-faq-grid { grid-template-columns: 1fr; gap: 8px; }
    .ssd-final-cta__inner { min-height: 240px; grid-template-columns: 1fr; justify-items: center; gap: 10px; padding: 25px 0; text-align: center; }
    .ssd-final-cta__inner > div strong { }
    .ssd-final-cta__inner > a { min-width: 240px; }
    .ssd-footer-catalog { padding: 20px 0; }
    .ssd-footer-catalog > .ssd-container { padding: 19px 17px 17px; border-radius: 10px; }
    .ssd-footer-catalog__head { align-items: flex-start; margin-bottom: 17px; }
    .ssd-footer-catalog__head h2 { font-size: 22px; }
    .ssd-footer-catalog__head > a { margin-top: 19px; }
    .ssd-footer-catalog__grid { display: block; }
    .ssd-footer-catalog details { border-top: 1px solid rgba(168,198,243,.16); }
    .ssd-footer-catalog details:last-child { border-bottom: 1px solid rgba(168,198,243,.16); }
    .ssd-footer-catalog summary { position: relative; padding: 13px 28px 13px 0; cursor: pointer; }
    .ssd-footer-catalog summary::after { content: "+"; position: absolute; right: 3px; top: 50%; color: #8fb9ff; font-size: 19px; font-weight: 500; transform: translateY(-50%); }
    .ssd-footer-catalog details[open] summary::after { content: "−"; }
    .ssd-footer-catalog details:not([open]) > div { display: none; }
    .ssd-footer-catalog details > div { gap: 9px; margin: -1px 0 14px; padding-left: 2px; }
    .ssd-footer-catalog details a { font-size: 13px; }
    .ssd-footer__grid { grid-template-columns: 1fr 1fr; gap: 28px 20px; padding-top: 31px; }
    .ssd-footer__brand, .ssd-footer__newsletter { grid-column: 1 / -1; }
    .ssd-footer__support { grid-column: 1 / -1; }
    .ssd-footer__business > .ssd-container { grid-template-columns: 1fr; gap: 8px; padding-top: 17px; padding-bottom: 17px; }
    .ssd-footer__bottom { gap: 14px; }
}

@media (max-width: 380px) {
    .ssd-stats article > span { display: none; }
    .ssd-stats article { justify-content: center; text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Subpages: shared foundation */
.ssd-catalog-page, .ssd-news-page, .ssd-article-page, .ssd-about-page, .ssd-contact-page, .ssd-content-page { background: #f6f8fc; }
.ssd-subhero { position: relative; overflow: hidden; color: #fff; background: linear-gradient(115deg, #051936 0%, #073677 55%, #0e5cf7 100%); isolation: isolate; }
.ssd-subhero::before { content: ""; position: absolute; right: -180px; top: -380px; z-index: -2; width: 820px; height: 820px; border: 1px solid rgba(149,196,255,.15); border-radius: 50%; box-shadow: 0 0 0 110px rgba(87,153,255,.035), 0 0 0 220px rgba(87,153,255,.025); }
.ssd-subhero__glow { position: absolute; right: 4%; top: 15%; z-index: -1; width: 380px; height: 250px; background: radial-gradient(circle, rgba(73,145,255,.3), transparent 68%); }
.ssd-subhero__inner { position: relative; min-height: 100%; padding-top: 21px; padding-bottom: 48px; }
.ssd-breadcrumb { display: flex; align-items: center; gap: 9px; margin-bottom: 34px; color: rgba(255,255,255,.65); }
.ssd-breadcrumb a { transition: .18s ease; }
.ssd-breadcrumb a:hover { color: #fff; }
.ssd-breadcrumb strong { color: #fff; font-weight: 650; }
.ssd-breadcrumb--dark { color: #79859b; }
.ssd-breadcrumb--dark a:hover, .ssd-breadcrumb--dark strong { color: var(--ssd-navy); }
.ssd-subhero__eyebrow, .ssd-kicker { display: block; color: var(--ssd-blue); line-height: 1.3; font-weight: 800; letter-spacing: .14em; }
.ssd-subhero__eyebrow { margin-bottom: 11px; color: #8fbcff; }
.ssd-subpage-title { margin: 7px 0 25px; color: var(--ssd-navy); line-height: 1.2; font-weight: 800; letter-spacing: -.035em; }
.ssd-subpage-cta { color: #fff; background: linear-gradient(105deg, #073a96 0%, #0e5cf7 70%, #0753d7 100%); }
.ssd-subpage-cta > .ssd-container { min-height: 132px; display: grid; grid-template-columns: 64px 1fr auto; align-items: center; gap: 24px; }
.ssd-subpage-cta > .ssd-container > span { width: 60px; height: 68px; display: grid; place-items: center; color: #b9d4ff; border: 2px solid rgba(186,215,255,.7); border-radius: 9px; }
.ssd-subpage-cta > .ssd-container > span .ssd-icon { width: 34px; height: 34px; }
.ssd-subpage-cta h2 { margin: 0 0 4px; line-height: 1.25; }
.ssd-subpage-cta p { margin: 0; color: rgba(255,255,255,.75); }
.ssd-subpage-cta a { min-width: 190px; height: 46px; display: flex; align-items: center; justify-content: center; gap: 16px; padding: 0 22px; color: var(--ssd-blue); background: #fff; border-radius: 6px; box-shadow: 0 10px 24px rgba(0,26,78,.2); font-weight: 800; }
.ssd-subpage-cta a b { }
.ssd-not-found { padding: 90px 0; background: #f6f8fc; text-align: center; }
.ssd-not-found span { color: #dce7f8; font-family: "IBM Plex Mono", monospace; font-weight: 800; }
.ssd-not-found h1 { margin: -17px 0 8px; color: var(--ssd-navy); }
.ssd-not-found p { margin-bottom: 24px; color: var(--ssd-muted); }
.ssd-not-found a, .ssd-catalog-empty a, .ssd-news-empty a { display: inline-flex; align-items: center; justify-content: center; min-height: 43px; padding: 0 20px; color: #fff; background: var(--ssd-blue); border-radius: 6px; font-weight: 800; }

/* Catalog page */
.ssd-subhero--catalog .ssd-subhero__inner { padding-bottom: 53px; }
.ssd-subhero__content { display: grid; grid-template-columns: minmax(0, 1fr) 430px; align-items: end; gap: 80px; }
.ssd-subhero__content h1 { margin: 0 0 15px; line-height: 1.12; letter-spacing: -.045em; }
.ssd-subhero__content > div:first-child > p { max-width: 610px; margin: 0; color: rgba(255,255,255,.76); line-height: 1.75; }
.ssd-subhero__stats { display: grid; grid-template-columns: repeat(3, 1fr); padding: 20px; background: rgba(4,28,69,.35); border: 1px solid rgba(164,203,255,.25); border-radius: 10px; backdrop-filter: blur(7px); }
.ssd-subhero__stats article { display: grid; gap: 4px; padding: 4px 15px; border-right: 1px solid rgba(178,210,255,.2); }
.ssd-subhero__stats article:last-child { border-right: 0; }
.ssd-subhero__stats strong { color: #fff; font-family: "IBM Plex Mono", monospace; line-height: 1; }
.ssd-subhero__stats span { color: rgba(255,255,255,.63); line-height: 1.45; }
.ssd-category-children { padding: 24px 0 21px; background: #f4f8ff; border-bottom: 1px solid #dfe8f5; }
.ssd-category-children__head { margin-bottom: 12px; }
.ssd-category-children__head span { color: var(--ssd-blue); font-size: 11px; font-weight: 850; letter-spacing: .12em; }
.ssd-category-children__head h2 { margin: 4px 0 0; color: var(--ssd-navy); font-size: clamp(20px, 2vw, 26px); }
.ssd-category-children__grid { display: flex; flex-wrap: nowrap; gap: 8px; overflow-x: auto; padding: 1px 1px 5px; scrollbar-width: thin; scrollbar-color: #c8d7ea transparent; }
.ssd-category-children__grid > a { min-width: max-content; flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 13px; color: #263b5b; border: 1px solid #d8e3f1; border-radius: 9px; background: #fff; box-shadow: 0 4px 13px rgba(12,48,96,.04); transition: .2s ease; }
.ssd-category-children__grid > a:hover { color: var(--ssd-blue); border-color: #a9c7f5; box-shadow: 0 8px 19px rgba(14,75,158,.09); transform: translateY(-1px); }
.ssd-category-children__grid strong { font-size: 13px; white-space: nowrap; }
.ssd-category-children__grid > a > .ssd-icon { width: 14px; color: #94a2b4; }
.ssd-birth-year-directory { padding: 38px 0 42px; background: #fff; border-bottom: 1px solid #dfe8f5; }
.ssd-birth-year-directory header { margin-bottom: 22px; }
.ssd-birth-year-directory header > span { color: var(--ssd-blue); font-size: 11px; font-weight: 850; letter-spacing: .13em; }
.ssd-birth-year-directory header h2 { margin: 5px 0 6px; color: var(--ssd-navy); font-size: clamp(24px, 2.6vw, 32px); }
.ssd-birth-year-directory header p { margin: 0; color: #71809a; }
.ssd-birth-year-directory__decades { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: start; gap: 12px; }
.ssd-birth-year-directory__decades article { overflow: hidden; border: 1px solid #dbe5f2; border-radius: 10px; background: #f8fbff; }
.ssd-birth-year-directory__decades h3 { margin: 0; padding: 11px 13px; color: #27466f; background: #eef5ff; border-bottom: 1px solid #dbe5f2; font-size: 13px; }
.ssd-birth-year-directory__decades article > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: #e3ebf5; }
.ssd-birth-year-directory__decades a { min-width: 0; display: grid; gap: 1px; padding: 9px 11px; color: var(--ssd-navy); background: #fff; }
.ssd-birth-year-directory__decades a:hover { color: var(--ssd-blue); background: #f2f7ff; }
.ssd-birth-year-directory__decades a.is-active { color: #fff; background: var(--ssd-blue); box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }
.ssd-birth-year-directory__decades a strong { font-family: "IBM Plex Mono", monospace; font-size: 14px; }
.ssd-birth-year-seo .ssd-rich-content { max-width: 940px; }
.ssd-category-seo { padding: 55px 0; background: #fff; }
.ssd-category-seo article { max-width: 920px; margin: 0 auto; padding: 29px; border: 1px solid #dfe6ef; border-radius: 15px; background: #fff; box-shadow: 0 12px 34px rgba(10,40,82,.06); }
.ssd-catalog-search { position: relative; z-index: 4; background: #fff; border-bottom: 1px solid #e3eaf5; box-shadow: 0 8px 25px rgba(5,31,76,.06); }
.ssd-catalog-search > .ssd-container { min-height: 112px; display: grid; align-content: center; gap: 10px; }
.ssd-catalog-search form { display: grid; grid-template-columns: 1.45fr .8fr 210px; gap: 10px; }
.ssd-catalog-search label { position: relative; display: block; }
.ssd-catalog-search label > .ssd-icon { position: absolute; left: 15px; top: 14px; z-index: 1; width: 19px; height: 19px; color: #71819b; }
.ssd-catalog-search input { width: 100%; height: 48px; padding: 0 15px; color: var(--ssd-text); background: #f9fbfe; border: 1px solid #cfdbea; border-radius: 6px; outline: none; }
.ssd-catalog-search label:first-child input { padding-left: 45px; font-family: "IBM Plex Mono", monospace; }
.ssd-catalog-search input:focus { background: #fff; border-color: var(--ssd-blue); box-shadow: 0 0 0 3px rgba(14,92,247,.08); }
.ssd-catalog-search form > button { display: flex; align-items: center; justify-content: center; gap: 9px; color: #fff; background: var(--ssd-blue); border: 0; border-radius: 6px; box-shadow: 0 7px 19px rgba(14,92,247,.2); font-weight: 800; }
.ssd-catalog-search form > button .ssd-icon { width: 17px; height: 17px; }
.ssd-catalog-search__quick { display: flex; align-items: center; gap: 7px; color: #71809a; }
.ssd-catalog-search__quick a { min-width: 43px; height: 24px; display: grid; place-items: center; color: #426080; background: #f2f6fc; border-radius: 4px; font-family: "IBM Plex Mono", monospace; font-weight: 700; }
.ssd-catalog-search__quick a:hover { color: #fff; background: var(--ssd-blue); }
.ssd-catalog-section { padding: 32px 0 44px; background: #f5f8fc; }
.ssd-catalog-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); align-items: start; gap: 24px; }
.ssd-catalog-filter__backdrop, .ssd-catalog-filter__head > button, .ssd-filter-mobile-button { display: none; }
.ssd-catalog-filter__panel { overflow: hidden; background: #fff; border: 1px solid #dbe4f0; border-radius: 9px; box-shadow: 0 10px 26px rgba(5,33,79,.06); font-size: 14px; }
.ssd-catalog-filter__head { min-height: 59px; display: flex; align-items: center; justify-content: space-between; padding: 0 17px; color: #fff; background: linear-gradient(105deg, #061d46, #0a3b83); }
.ssd-catalog-filter__head > div { display: flex; align-items: center; gap: 9px; }
.ssd-catalog-filter__head > div > span { width: 29px; height: 29px; display: grid; place-items: center; color: #a9cbff; border: 1px solid rgba(175,208,255,.3); border-radius: 6px; }
.ssd-catalog-filter__head .ssd-icon { width: 17px; height: 17px; }
.ssd-catalog-filter__head strong { white-space: nowrap; }
.ssd-catalog-filter__head > a { color: #a9cbff; font-weight: 700; white-space: nowrap; }
.ssd-catalog-filter__search { padding: 16px 16px 2px; }
.ssd-catalog-filter__search label { position: relative; display: block; }
.ssd-catalog-filter__search .ssd-icon { position: absolute; left: 11px; top: 11px; width: 17px; height: 17px; color: #71809a; }
.ssd-catalog-filter__search input { width: 100%; height: 40px; padding: 0 10px 0 36px; background: #f8fafd; border: 1px solid #d4deeb; border-radius: 5px; outline: none; font-family: "IBM Plex Mono", monospace; }
.ssd-catalog-filter fieldset { margin: 0; padding: 17px 16px; border: 0; border-bottom: 1px solid #e8edf5; }
.ssd-catalog-filter legend { width: 100%; margin-bottom: 12px; padding: 0; color: var(--ssd-navy); font-weight: 800; }
.ssd-filter-networks { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.ssd-filter-networks label, .ssd-filter-prices label { cursor: pointer; }
.ssd-filter-networks input, .ssd-filter-prices input { position: absolute; opacity: 0; pointer-events: none; }
.ssd-filter-networks span { height: 34px; display: flex; align-items: center; gap: 7px; padding: 0 9px; color: #52627b; background: #f8fafd; border: 1px solid #d9e2ee; border-radius: 5px; font-weight: 700; white-space: nowrap; transition: .18s ease; }
.ssd-filter-networks span i { width: 12px; height: 12px; border: 1px solid #afbdd1; border-radius: 3px; }
.ssd-filter-networks input:checked + span { color: var(--ssd-blue); background: #edf4ff; border-color: #78a5f7; }
.ssd-filter-networks input:checked + span i { background: var(--ssd-blue); border-color: var(--ssd-blue); box-shadow: inset 0 0 0 3px #fff; }
.ssd-filter-select, .ssd-filter-ending { display: block; }
.ssd-filter-select select, .ssd-filter-ending input { width: 100%; height: 39px; padding: 0 31px 0 10px; color: #465772; background: #f8fafd; border: 1px solid #d4deeb; border-radius: 5px; outline: none; }
.ssd-filter-ending input { padding-right: 10px; font-family: "IBM Plex Mono", monospace; }
.ssd-filter-prices { display: grid; gap: 6px; }
.ssd-filter-prices span { min-height: 31px; display: flex; align-items: center; padding: 0 10px; color: #53637d; background: #f8fafd; border: 1px solid transparent; border-radius: 5px; white-space: nowrap; transition: .18s ease; }
.ssd-filter-prices input:checked + span { color: var(--ssd-blue); background: #edf4ff; border-color: #a4c0f3; font-weight: 750; }
.ssd-filter-ending__quick { display: flex; gap: 5px; margin-top: 8px; }
.ssd-filter-ending__quick button { flex: 1; height: 25px; padding: 0; color: #456083; background: #f0f5fc; border: 0; border-radius: 4px; font-family: "IBM Plex Mono", monospace; font-weight: 700; }
.ssd-filter-ending__quick button:hover { color: #fff; background: var(--ssd-blue); }
.ssd-catalog-filter__submit { width: calc(100% - 32px); min-height: 46px; display: grid; place-items: center; gap: 0; margin: 16px; padding: 6px 10px; color: #fff; background: var(--ssd-blue); border: 0; border-radius: 6px; box-shadow: 0 7px 17px rgba(14,92,247,.2); font-weight: 800; }
.ssd-catalog-filter__submit span { color: rgba(255,255,255,.7); font-weight: 600; }
.ssd-catalog-results__head { min-height: 59px; display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 12px; padding: 0 16px; background: #fff; border: 1px solid #dbe4f0; border-radius: 8px; }
.ssd-catalog-results__head > div { display: flex; align-items: baseline; gap: 6px; }
.ssd-catalog-results__head > div span { color: #71809a; }
.ssd-catalog-results__head > div strong { color: var(--ssd-blue); font-weight: 800; }
.ssd-catalog-results__head label { display: flex; align-items: center; gap: 9px; color: #71809a; }
.ssd-catalog-results__head select { height: 34px; padding: 0 29px 0 10px; color: #40506a; background: #f7f9fc; border: 1px solid #d4deeb; border-radius: 5px; outline: none; }
.ssd-catalog-results { position: relative; min-height: 180px; scroll-margin-top: 96px; transition: opacity .18s ease; }
.ssd-catalog-results.is-loading { opacity: .48; pointer-events: none; }
.ssd-catalog-results.is-loading::after { content: ""; position: absolute; top: 82px; left: 50%; z-index: 5; width: 34px; height: 34px; margin-left: -17px; border: 3px solid rgba(14,92,247,.2); border-top-color: var(--ssd-blue); border-radius: 50%; animation: ssd-catalog-spin .7s linear infinite; }
@keyframes ssd-catalog-spin { to { transform: rotate(360deg); } }
.ssd-active-filters { min-height: 43px; display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-bottom: 12px; padding: 7px 12px; background: #fff; border: 1px solid #dbe4f0; border-radius: 7px; }
.ssd-active-filters > span { color: #71809a; }
.ssd-active-filters b { padding: 5px 8px; color: #3760a0; background: #edf4ff; border-radius: 4px; }
.ssd-active-filters a { margin-left: auto; color: var(--ssd-blue); font-weight: 750; }
.ssd-sim-card-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.ssd-catalog-sim-card { position: relative; overflow: hidden; padding: 17px; background: #fff; border: 1px solid #d9e3f0; border-radius: 9px; box-shadow: 0 8px 22px rgba(5,33,79,.045); transition: .2s ease; }
.ssd-catalog-sim-card::before { content: ""; position: absolute; right: -34px; top: -42px; width: 115px; height: 115px; border-radius: 50%; background: radial-gradient(circle, rgba(46,120,255,.08), transparent 68%); }
.ssd-catalog-sim-card:hover { border-color: #88aff3; box-shadow: 0 13px 30px rgba(14,92,247,.1); transform: translateY(-2px); }
.ssd-catalog-sim-card__top { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.ssd-network-badge { display: inline-flex; align-items: center; min-height: 25px; padding: 4px 9px; color: #22518f; background: #eaf3ff; border-radius: 5px; font-weight: 800; }
.ssd-network-badge { display: none; }
.ssd-network-badge--viettel { color: #12706a; background: #e9f8f6; }
.ssd-network-badge--mobifone { color: #ba3040; background: #fff0f2; }
.ssd-network-badge--itel { color: #7649aa; background: #f4edff; }
.ssd-network-badge--vietnamobile { color: #b27600; background: #fff6df; }
.ssd-catalog-sim-card__top em { display: flex; align-items: center; gap: 4px; color: #d59600; font-style: normal; font-weight: 800; }
.ssd-catalog-sim-card__top em .ssd-icon { width: 13px; height: 13px; fill: #f4b51d; stroke-width: 1; }
.ssd-catalog-sim-card__number { display: block; margin-bottom: 12px; color: var(--ssd-navy); font-family: "IBM Plex Mono", monospace; line-height: 1.2; font-weight: 700; letter-spacing: .015em; }
.ssd-catalog-sim-card__number:hover { color: var(--ssd-navy); }
.ssd-catalog-sim-card__number:hover .ssd-number-highlight,
.ssd-related-sims__grid a:hover > strong .ssd-number-highlight { color: #064bd0; }
.ssd-catalog-sim-card__meta { min-height: 43px; display: flex; align-items: center; gap: 9px; margin-bottom: 13px; padding-bottom: 12px; border-bottom: 1px solid #e7edf5; }
.ssd-catalog-sim-card__meta span { flex: 0 0 auto; padding: 5px 8px; color: #43628f; background: #edf4ff; border-radius: 4px; font-weight: 750; }
.ssd-catalog-sim-card__meta p { margin: 0; color: #627089; }
.ssd-catalog-sim-card__price { display: flex; align-items: center; justify-content: space-between; margin-bottom: 13px; }
.ssd-catalog-sim-card__price small { color: #7b879a; }
.ssd-catalog-sim-card__price strong { color: var(--ssd-blue); font-family: inherit; }
.ssd-catalog-sim-card__actions { display: grid; grid-template-columns: 1fr 40px; gap: 7px; }
.ssd-catalog-sim-card__actions a { height: 40px; display: flex; align-items: center; justify-content: center; color: #fff; background: var(--ssd-blue); border-radius: 5px; font-weight: 800; }
.ssd-catalog-sim-card__actions a:last-child { color: var(--ssd-blue); background: #edf4ff; }
.ssd-catalog-sim-card__actions .ssd-icon { width: 17px; height: 17px; }
.ssd-catalog-sim-card__note { display: flex; align-items: center; gap: 5px; margin-top: 10px; color: #7a879b; }
.ssd-catalog-sim-card__note .ssd-icon { width: 13px; height: 13px; color: #5c8bd7; }
.ssd-catalog-empty, .ssd-news-empty { display: grid; justify-items: center; padding: 70px 30px; background: #fff; border: 1px solid #dce5f1; border-radius: 9px; text-align: center; }
.ssd-catalog-empty > span, .ssd-news-empty > span { width: 62px; height: 62px; display: grid; place-items: center; margin-bottom: 13px; color: var(--ssd-blue); background: #edf4ff; border-radius: 50%; }
.ssd-catalog-empty > span .ssd-icon, .ssd-news-empty > span .ssd-icon { width: 28px; height: 28px; }
.ssd-catalog-empty h2, .ssd-news-empty h3 { margin: 0 0 6px; color: var(--ssd-navy); }
.ssd-catalog-empty p, .ssd-news-empty p { margin: 0 0 18px; color: var(--ssd-muted); }
.ssd-pagination { max-width: 100%; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 24px; padding: 0 12px; }
.ssd-pagination a, .ssd-pagination__ellipsis { width: 36px; height: 36px; display: grid; place-items: center; color: #45566f; background: #fff; border: 1px solid #d6e0ed; border-radius: 5px; font-family: "IBM Plex Mono", monospace; font-weight: 700; }
.ssd-pagination a.is-active { color: #fff; background: var(--ssd-blue); border-color: var(--ssd-blue); }
.ssd-pagination a.is-disabled { opacity: .38; pointer-events: none; }
.ssd-pagination__ellipsis { color: #8290a5; border-color: transparent; background: transparent; }
@media (max-width: 480px) {
    .ssd-pagination { gap: 4px; padding: 0 4px; }
    .ssd-pagination a, .ssd-pagination__ellipsis { width: 32px; height: 32px; }
}
.ssd-subpage-trust { padding: 25px 0; background: #fff; border-top: 1px solid #e4ebf5; }
.ssd-subpage-trust > div { display: grid; grid-template-columns: repeat(4, 1fr); }
.ssd-subpage-trust article { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 62px; padding: 0 20px; border-right: 1px solid #dee6f1; }
.ssd-subpage-trust article:last-child { border-right: 0; }
.ssd-subpage-trust article > .ssd-icon { width: 34px; height: 34px; color: var(--ssd-blue); }
.ssd-subpage-trust article div { display: grid; }
.ssd-subpage-trust strong { color: var(--ssd-navy); }
.ssd-subpage-trust span { color: #778399; }

/* About page */
.ssd-subhero--about .ssd-subhero__inner { padding-bottom: 58px; }
.ssd-about-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) 370px; align-items: center; gap: 105px; padding: 10px 70px 0; }
.ssd-about-hero-grid h1 { margin: 0 0 16px; line-height: 1.1; letter-spacing: -.045em; }
.ssd-about-hero-grid h1 em { color: #8db9ff; font-style: normal; }
.ssd-about-hero-grid > div:first-child > p { max-width: 600px; margin-bottom: 25px; color: rgba(255,255,255,.76); line-height: 1.75; }
.ssd-about-hero-actions { display: flex; gap: 10px; }
.ssd-about-hero-actions a { min-width: 174px; height: 43px; display: flex; align-items: center; justify-content: center; gap: 12px; color: var(--ssd-blue); background: #fff; border: 1px solid #fff; border-radius: 5px; font-weight: 800; }
.ssd-about-hero-actions a:last-child { color: #fff; background: transparent; border-color: rgba(182,211,255,.55); }
.ssd-about-hero-card { position: relative; min-height: 230px; display: grid; align-content: center; gap: 17px; padding: 31px; background: rgba(3,25,62,.4); border: 1px solid rgba(158,199,255,.28); border-radius: 12px; backdrop-filter: blur(8px); }
.ssd-about-hero-card > span { width: 48px; height: 55px; display: grid; place-items: center; color: #9ec6ff; border: 1px solid rgba(171,207,255,.45); border-radius: 7px; }
.ssd-about-hero-card > span .ssd-icon { width: 28px; height: 28px; }
.ssd-about-hero-card blockquote { margin: 0; color: #fff; line-height: 1.65; font-weight: 650; }
.ssd-about-hero-card > div { display: grid; }
.ssd-about-hero-card strong { font-family: "IBM Plex Mono", monospace; }
.ssd-about-hero-card small { color: rgba(255,255,255,.58); }
.ssd-about-story { padding: 70px 0; background: #fff; }
.ssd-about-story__grid { display: grid; grid-template-columns: 500px minmax(0, 1fr); align-items: center; gap: 90px; padding-inline: 55px; }
.ssd-about-story__visual { position: relative; min-height: 320px; display: grid; place-items: center; background: linear-gradient(135deg, #eef4ff, #f9fbff); border: 1px solid #dbe5f2; border-radius: 14px; }
.ssd-about-story__visual::before, .ssd-about-story__visual::after { content: ""; position: absolute; border: 1px solid rgba(58,121,230,.12); border-radius: 50%; }
.ssd-about-story__visual::before { width: 230px; height: 230px; }
.ssd-about-story__visual::after { width: 290px; height: 290px; }
.ssd-about-story__visual > div { position: relative; z-index: 1; width: 290px; display: grid; justify-items: center; gap: 13px; padding: 22px; background: #fff; border-radius: 9px; box-shadow: 0 18px 40px rgba(7,39,91,.11); }
.ssd-about-story__visual img { width: 225px; height: 86px; object-fit: contain; }
.ssd-about-story__visual > div span { color: #6b7890; font-weight: 800; letter-spacing: .12em; }
.ssd-about-story__visual > i { position: absolute; right: 38px; bottom: 35px; z-index: 2; width: 50px; height: 50px; display: grid; place-items: center; color: #fff; background: var(--ssd-blue); border: 6px solid #fff; border-radius: 50%; box-shadow: 0 8px 20px rgba(14,92,247,.22); }
.ssd-about-story__visual > i .ssd-icon { width: 28px; height: 28px; }
.ssd-about-story__copy h2, .ssd-about-why h2 { margin: 8px 0 17px; color: var(--ssd-navy); line-height: 1.2; letter-spacing: -.04em; }
.ssd-about-story__copy > p { margin-bottom: 13px; color: #5f6d84; line-height: 1.8; }
.ssd-about-story__signature { display: grid; margin-top: 23px; padding-left: 15px; border-left: 3px solid var(--ssd-blue); }
.ssd-about-story__signature b { color: var(--ssd-navy); }
.ssd-about-story__signature span { color: #77849a; }
.ssd-about-values { padding: 58px 0 66px; background: #f6f9fd; text-align: center; }
.ssd-about-values .ssd-kicker { text-align: center; }
.ssd-about-values__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; text-align: left; }
.ssd-about-values__grid article { min-height: 230px; padding: 24px; background: #fff; border: 1px solid #dce5f1; border-radius: 9px; box-shadow: 0 8px 21px rgba(5,33,79,.04); }
.ssd-about-values__grid article > span { position: relative; width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: 22px; color: var(--ssd-blue); background: #edf4ff; border-radius: 10px; }
.ssd-about-values__grid article > span .ssd-icon { width: 31px; height: 31px; }
.ssd-about-values__grid article > span b { position: absolute; right: -145px; top: -17px; color: #edf2f9; font-family: "IBM Plex Mono", monospace; }
.ssd-about-values__grid h3 { margin: 0 0 9px; color: var(--ssd-navy); }
.ssd-about-values__grid p { margin: 0; color: #68758a; line-height: 1.7; }
.ssd-about-numbers { color: #fff; background: linear-gradient(105deg, #061c45, #0a438f); }
.ssd-about-numbers > div { display: grid; grid-template-columns: repeat(4, 1fr); padding: 31px 0; }
.ssd-about-numbers article { display: grid; justify-items: center; gap: 4px; border-right: 1px solid rgba(172,205,255,.2); }
.ssd-about-numbers article:last-child { border-right: 0; }
.ssd-about-numbers strong { color: #fff; font-family: "IBM Plex Mono", monospace; }
.ssd-about-numbers span { color: rgba(255,255,255,.63); }
.ssd-about-why { padding: 66px 0; background: #fff; }
.ssd-about-why__grid { display: grid; grid-template-columns: minmax(0, 1fr) 390px; align-items: center; gap: 95px; padding-inline: 70px; }
.ssd-about-why > div > div:first-child > p { max-width: 580px; color: #657289; }
.ssd-about-why ul { display: grid; gap: 15px; margin: 24px 0 0; padding: 0; list-style: none; }
.ssd-about-why li { display: flex; gap: 12px; }
.ssd-about-why li > .ssd-icon { width: 24px; height: 24px; color: var(--ssd-blue); }
.ssd-about-why li span { display: grid; }
.ssd-about-why li strong { color: var(--ssd-navy); }
.ssd-about-why li small { color: #748098; }
.ssd-about-why__card { display: grid; justify-items: center; padding: 39px 32px; color: #fff; background: linear-gradient(135deg, #061d47, #0b4aa6); border-radius: 12px; box-shadow: 0 20px 45px rgba(6,38,87,.2); text-align: center; }
.ssd-about-why__card > span { width: 67px; height: 67px; display: grid; place-items: center; margin-bottom: 17px; color: #9fc7ff; border: 1px solid rgba(174,208,255,.35); border-radius: 50%; }
.ssd-about-why__card > span .ssd-icon { width: 32px; height: 32px; }
.ssd-about-why__card > small { color: rgba(255,255,255,.62); font-weight: 800; letter-spacing: .1em; }
.ssd-about-why__card > strong { margin: 5px 0 8px; font-family: "IBM Plex Mono", monospace; }
.ssd-about-why__card > p { color: rgba(255,255,255,.72); }
.ssd-about-why__card > a { min-width: 170px; height: 40px; display: grid; place-items: center; color: var(--ssd-blue); background: #fff; border-radius: 5px; font-weight: 800; }

/* Contact page */
.ssd-subhero--contact .ssd-subhero__inner { padding-bottom: 55px; }
.ssd-contact-hero { max-width: 760px; padding: 6px 70px 0; }
.ssd-contact-hero h1 { margin: 0 0 15px; line-height: 1.12; letter-spacing: -.045em; }
.ssd-contact-hero p { margin: 0; color: rgba(255,255,255,.75); line-height: 1.75; }
.ssd-contact-cards { position: relative; z-index: 3; padding: 27px 0; background: #fff; border-bottom: 1px solid #e5ebf4; }
.ssd-contact-cards > div { display: grid; grid-template-columns: .85fr 1.3fr .95fr .9fr; gap: 15px; }
.ssd-contact-cards a, .ssd-contact-cards article { min-height: 124px; display: flex; align-items: center; gap: 14px; padding: 17px; background: #fff; border: 1px solid #dce5f1; border-radius: 8px; transition: .2s ease; }
.ssd-contact-cards a:hover { border-color: #87aff6; box-shadow: 0 10px 24px rgba(14,92,247,.09); transform: translateY(-2px); }
.ssd-contact-cards > div > * > span { width: 47px; height: 47px; display: grid; flex: 0 0 47px; place-items: center; color: var(--ssd-blue); background: #edf4ff; border-radius: 8px; }
.ssd-contact-cards .ssd-icon { width: 25px; height: 25px; }
.ssd-contact-cards div > div { min-width: 0; display: grid; gap: 3px; }
.ssd-contact-cards small { display: block; color: #8792a5; line-height: 1.35; font-weight: 800; letter-spacing: .08em; }
.ssd-contact-cards strong { display: block; overflow-wrap: anywhere; color: var(--ssd-navy); line-height: 1.35; }
.ssd-contact-cards p { margin: 2px 0 0; color: #738097; }
.ssd-contact-main { padding: 43px 0 52px; background: #f5f8fc; }
.ssd-contact-main__grid { display: grid; grid-template-columns: minmax(0, 1fr) 330px; align-items: start; gap: 25px; }
.ssd-contact-form-card { padding: 31px; background: #fff; border: 1px solid #dbe4f0; border-radius: 10px; box-shadow: 0 11px 28px rgba(5,33,79,.055); }
.ssd-contact-form-card__head { margin-bottom: 23px; }
.ssd-contact-form-card__head > span { color: var(--ssd-blue); font-weight: 800; letter-spacing: .13em; }
.ssd-contact-form-card__head h2 { margin: 4px 0 5px; color: var(--ssd-navy); letter-spacing: -.035em; }
.ssd-contact-form-card__head p { margin: 0; color: #71809a; }
.ssd-form-alert { min-height: 44px; display: flex; align-items: center; gap: 9px; margin-bottom: 15px; padding: 10px 12px; border-radius: 6px; }
.ssd-form-alert .ssd-icon { width: 18px; height: 18px; }
.ssd-form-alert--success { color: #176b46; background: #eaf8f1; border: 1px solid #b7e5ce; }
.ssd-form-alert--error { color: #9f3842; background: #fff0f2; border: 1px solid #f0c0c5; }
.ssd-honeypot { position: absolute !important; left: -9999px !important; }
.ssd-contact-form { display: grid; gap: 15px; }
.ssd-contact-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.ssd-contact-form label { display: grid; gap: 6px; }
.ssd-contact-form label > span { color: #40506a; font-weight: 700; }
.ssd-contact-form label > span b { color: #df4050; }
.ssd-contact-form input, .ssd-contact-form select, .ssd-contact-form textarea { width: 100%; color: #33445d; background: #fbfcfe; border: 1px solid #d1dce9; border-radius: 6px; outline: none; transition: .18s ease; }
.ssd-contact-form input, .ssd-contact-form select { height: 44px; padding: 0 12px; }
.ssd-contact-form textarea { min-height: 125px; padding: 12px; resize: vertical; }
.ssd-contact-form input:focus, .ssd-contact-form select:focus, .ssd-contact-form textarea:focus { background: #fff; border-color: var(--ssd-blue); box-shadow: 0 0 0 3px rgba(14,92,247,.08); }
.ssd-contact-form__bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.ssd-contact-form__bottom p { display: flex; align-items: center; gap: 6px; margin: 0; color: #7a879b; }
.ssd-contact-form__bottom p .ssd-icon { width: 15px; height: 15px; color: #4e83d7; }
.ssd-contact-form__bottom button { min-width: 165px; height: 43px; display: flex; align-items: center; justify-content: center; gap: 12px; color: #fff; background: var(--ssd-blue); border: 0; border-radius: 6px; box-shadow: 0 8px 19px rgba(14,92,247,.19); font-weight: 800; }
.ssd-contact-form__bottom button span { }
.ssd-contact-aside { display: grid; gap: 14px; }
.ssd-contact-aside__visual { position: relative; overflow: hidden; display: grid; justify-items: center; padding: 29px 24px; color: #fff; background: linear-gradient(135deg, #061d48, #0b4ca9); border-radius: 10px; text-align: center; }
.ssd-contact-aside__visual::after { content: ""; position: absolute; right: -65px; top: -80px; width: 170px; height: 170px; border: 1px solid rgba(181,211,255,.15); border-radius: 50%; box-shadow: 0 0 0 35px rgba(99,161,255,.035); }
.ssd-contact-aside__visual > span { width: 62px; height: 62px; display: grid; place-items: center; margin-bottom: 13px; color: #a7cbff; border: 1px solid rgba(180,213,255,.35); border-radius: 50%; }
.ssd-contact-aside__visual > span .ssd-icon { width: 30px; height: 30px; }
.ssd-contact-aside__visual strong { }
.ssd-contact-aside__visual p { margin: 5px 0 0; color: rgba(255,255,255,.68); line-height: 1.65; }
.ssd-contact-aside__steps { padding: 21px; background: #fff; border: 1px solid #dce5f1; border-radius: 9px; }
.ssd-contact-aside__steps h3 { margin: 0 0 15px; color: var(--ssd-navy); }
.ssd-contact-aside__steps ol { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.ssd-contact-aside__steps li { display: flex; gap: 10px; }
.ssd-contact-aside__steps li > b { width: 25px; height: 25px; display: grid; flex: 0 0 25px; place-items: center; color: var(--ssd-blue); background: #edf4ff; border-radius: 50%; font-family: "IBM Plex Mono", monospace; }
.ssd-contact-aside__steps li > span { display: grid; }
.ssd-contact-aside__steps strong { color: #33445d; }
.ssd-contact-aside__steps small { color: #7a879b; }
.ssd-contact-aside__hotline { min-height: 61px; display: flex; align-items: center; justify-content: center; gap: 11px; color: var(--ssd-blue); background: #fff; border: 1px solid #83abf4; border-radius: 8px; }
.ssd-contact-aside__hotline > .ssd-icon { width: 23px; height: 23px; }
.ssd-contact-aside__hotline > span { display: grid; }
.ssd-contact-aside__hotline small { color: #738098; }
.ssd-contact-aside__hotline strong { font-family: "IBM Plex Mono", monospace; }
.ssd-contact-faq { padding: 46px 0 55px; background: #fff; text-align: center; }
.ssd-contact-faq .ssd-kicker { text-align: center; }
.ssd-contact-faq > div > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; text-align: left; }
.ssd-contact-faq details { background: #fbfcfe; border: 1px solid #dbe4f0; border-radius: 7px; }
.ssd-contact-faq summary { min-height: 48px; display: flex; align-items: center; padding: 10px 36px 10px 14px; color: var(--ssd-navy); cursor: pointer; font-weight: 750; }
.ssd-contact-faq details p { margin: 0; padding: 0 14px 14px; color: #6f7c92; line-height: 1.6; }

/* Generic content page */
.ssd-subhero--simple .ssd-subhero__inner { padding-bottom: 46px; }
.ssd-simple-heading { padding: 2px 70px 0; }
.ssd-simple-heading h1 { margin: 0 0 10px; }
.ssd-simple-heading p { max-width: 720px; margin: 0; color: rgba(255,255,255,.72); }
.ssd-content-section { padding: 45px 0 60px; }
.ssd-content-section .ssd-rich-content { max-width: 900px; margin: 0 auto; padding: 38px; background: #fff; border: 1px solid #dce5f1; border-radius: 9px; }

/* News listing */
.ssd-subhero--news .ssd-subhero__inner { padding-bottom: 54px; }
.ssd-news-hero { max-width: 730px; padding-top: 4px; }
.ssd-news-hero h1 { margin: 0 0 14px; line-height: 1.12; letter-spacing: -.045em; }
.ssd-news-hero > p { max-width: 650px; margin: 0 0 22px; color: rgba(255,255,255,.74); line-height: 1.7; }
.ssd-news-hero form { display: grid; grid-template-columns: 1fr 110px; gap: 7px; }
.ssd-news-hero label { position: relative; }
.ssd-news-hero label .ssd-icon { position: absolute; left: 13px; top: 12px; width: 18px; height: 18px; color: #6e7e98; }
.ssd-news-hero input { width: 100%; height: 43px; padding: 0 12px 0 40px; color: #34445e; background: #fff; border: 0; border-radius: 5px; outline: none; }
.ssd-news-hero button { color: #fff; background: var(--ssd-blue); border: 1px solid rgba(255,255,255,.25); border-radius: 5px; font-weight: 800; }
.ssd-news-categories { background: #fff; border-bottom: 1px solid #e3eaf4; box-shadow: 0 6px 18px rgba(5,33,79,.04); }
.ssd-news-categories > div { min-height: 68px; display: flex; align-items: center; gap: 8px; overflow-x: auto; scrollbar-width: none; }
.ssd-news-categories > div::-webkit-scrollbar { display: none; }
.ssd-news-categories a { min-width: max-content; height: 34px; display: flex; align-items: center; gap: 7px; padding: 0 12px; color: #4e5f79; background: #f5f8fc; border: 1px solid transparent; border-radius: 5px; font-weight: 700; }
.ssd-news-categories a span { color: #7f8da2; font-family: "IBM Plex Mono", monospace; }
.ssd-news-categories a.is-active, .ssd-news-categories a:hover { color: #fff; background: var(--ssd-blue); }
.ssd-news-categories a.is-active span, .ssd-news-categories a:hover span { color: rgba(255,255,255,.7); }
.ssd-news-featured { padding: 35px 0 18px; background: #f6f8fc; }
.ssd-news-featured > div { display: grid; grid-template-columns: 1.65fr 1fr; gap: 18px; }
.ssd-news-featured__main { min-height: 315px; display: grid; grid-template-columns: 1.05fr .95fr; overflow: hidden; background: #fff; border: 1px solid #dbe4f0; border-radius: 10px; box-shadow: 0 10px 27px rgba(5,33,79,.05); }
.ssd-news-featured__visual, .ssd-news-card__visual, .ssd-article-cover { position: relative; overflow: hidden; display: grid; place-items: center; color: #fff; background: linear-gradient(145deg, #061c43, #0d57cc); isolation: isolate; }
.ssd-news-featured__visual > img, .ssd-news-card__visual > img { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; }
.ssd-news-featured__visual > small, .ssd-news-card__visual > small, .ssd-news-featured__visual > .ssd-post-initial, .ssd-news-card__visual > .ssd-post-initial { z-index: 1; }
.ssd-news-featured__visual::before, .ssd-news-card__visual::before, .ssd-article-cover::before { content: ""; position: absolute; right: -55px; top: -65px; z-index: -1; width: 190px; height: 190px; border: 1px solid rgba(168,205,255,.2); border-radius: 50%; box-shadow: 0 0 0 40px rgba(83,150,255,.045); }
.ssd-news-featured__visual > span { width: 95px; height: 95px; display: grid; place-items: center; color: #afd0ff; border: 1px solid rgba(177,211,255,.35); border-radius: 20px; }
.ssd-news-featured__visual > span .ssd-icon { width: 53px; height: 53px; }
.ssd-news-featured__visual > small { position: absolute; left: 20px; bottom: 18px; color: rgba(255,255,255,.72); font-weight: 800; letter-spacing: .12em; }
.ssd-news-featured__main > div { display: flex; flex-direction: column; justify-content: center; padding: 28px; }
.ssd-article-category { width: fit-content; display: inline-flex; padding: 5px 9px; color: var(--ssd-blue); background: #eaf2ff; border-radius: 4px; font-weight: 800; }
.ssd-news-featured__main h2 { margin: 11px 0 9px; color: var(--ssd-navy); line-height: 1.35; letter-spacing: -.03em; }
.ssd-news-featured__main p { margin: 0 0 17px; color: #6a778d; line-height: 1.7; }
.ssd-news-featured__main > div > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.ssd-news-featured__main > div > div small { color: #8a95a7; }
.ssd-news-featured__main > div > div a { color: var(--ssd-blue); font-weight: 800; }
.ssd-news-featured__side { display: grid; gap: 13px; }
.ssd-news-featured__side article { display: grid; grid-template-columns: 112px 1fr; gap: 14px; padding: 13px; background: #fff; border: 1px solid #dce5f1; border-radius: 9px; }
.ssd-news-featured__side article > a { display: grid; place-items: center; color: var(--ssd-blue); background: #edf4ff; border-radius: 7px; }
.ssd-news-featured__side article > a > img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.ssd-news-featured__side .ssd-post-initial { color: var(--ssd-blue); font-size: 32px; }
.ssd-news-featured__side article > a .ssd-icon { width: 33px; height: 33px; }
.ssd-news-featured__side article > div { display: grid; align-content: center; }
.ssd-news-featured__side small { color: var(--ssd-blue); font-weight: 750; }
.ssd-news-featured__side h3 { margin: 5px 0 7px; color: var(--ssd-navy); line-height: 1.45; }
.ssd-news-featured__side time { color: #8a95a7; }
.ssd-news-list { padding: 31px 0 54px; background: #f6f8fc; }
.ssd-news-list__head { display: flex; align-items: end; justify-content: space-between; margin-bottom: 20px; }
.ssd-news-list__head h2 { margin: 5px 0 0; color: var(--ssd-navy); letter-spacing: -.035em; }
.ssd-news-list__head > a { color: var(--ssd-blue); font-weight: 750; }
.ssd-news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.ssd-news-card { overflow: hidden; background: #fff; border: 1px solid #dbe4f0; border-radius: 9px; box-shadow: 0 8px 21px rgba(5,33,79,.04); transition: .2s ease; }
.ssd-news-card:hover { border-color: #8bb1f3; box-shadow: 0 13px 29px rgba(14,92,247,.09); transform: translateY(-3px); }
.ssd-news-card__visual { min-height: 155px; }
.ssd-news-card__visual > span { width: 62px; height: 62px; display: grid; place-items: center; color: #b4d2ff; border: 1px solid rgba(178,211,255,.35); border-radius: 13px; }
.ssd-news-card__visual > span .ssd-icon { width: 34px; height: 34px; }
.ssd-news-card__visual > small { position: absolute; left: 15px; bottom: 13px; color: rgba(255,255,255,.74); font-weight: 750; }
.ssd-news-card > div { padding: 18px; }
.ssd-news-card > div > span { color: #8894a7; }
.ssd-news-card h3 { min-height: 45px; margin: 7px 0 8px; color: var(--ssd-navy); line-height: 1.5; }
.ssd-news-card h3 a:hover { color: var(--ssd-blue); }
.ssd-news-card p { min-height: 50px; margin: 0 0 13px; color: #6d7a8f; line-height: 1.65; }
.ssd-news-card__more { color: var(--ssd-blue); font-weight: 800; }
.ssd-news-card__more b { margin-left: 7px; }
.ssd-newsletter-banner { color: #fff; background: linear-gradient(105deg, #061d46, #0b4ca8); }
.ssd-newsletter-banner > div { min-height: 130px; display: grid; grid-template-columns: 60px 1fr 390px; align-items: center; gap: 22px; }
.ssd-newsletter-banner > div > span { width: 56px; height: 56px; display: grid; place-items: center; color: #aad0ff; border: 1px solid rgba(177,211,255,.35); border-radius: 50%; }
.ssd-newsletter-banner > div > span .ssd-icon { width: 28px; height: 28px; }
.ssd-newsletter-banner h2 { margin: 0 0 4px; }
.ssd-newsletter-banner p { margin: 0; color: rgba(255,255,255,.65); }
.ssd-newsletter-banner form { position: relative; display: grid; grid-template-columns: 1fr 105px; gap: 7px; }
.ssd-newsletter-banner input { width: 100%; height: 42px; padding: 0 11px; color: #33445e; background: #fff; border: 0; border-radius: 5px; outline: none; }
.ssd-newsletter-banner button { color: #fff; background: var(--ssd-blue); border: 1px solid rgba(255,255,255,.25); border-radius: 5px; font-weight: 800; }
.ssd-newsletter-banner small { position: absolute; left: 0; top: 46px; display: none; color: #acd0ff; }
.ssd-newsletter-banner small.is-visible { display: block; }

/* Article detail */
.ssd-article-header { padding: 20px 0 46px; background: #fff; border-bottom: 1px solid #e4eaf3; }
.ssd-article-header .ssd-breadcrumb { margin-bottom: 31px; }
.ssd-article-header__content { max-width: 890px; margin: 0 auto; text-align: center; }
.ssd-article-header__content .ssd-article-category { margin-inline: auto; }
.ssd-article-header__content h1 { margin: 13px 0 13px; color: var(--ssd-navy); line-height: 1.25; letter-spacing: -.04em; }
.ssd-article-header__content > p { max-width: 760px; margin: 0 auto 18px; color: #68758b; line-height: 1.7; }
.ssd-article-meta { display: flex; justify-content: center; gap: 21px; color: #8591a4; }
.ssd-article-meta span { display: flex; align-items: center; gap: 5px; }
.ssd-article-meta .ssd-icon { width: 14px; height: 14px; }
.ssd-article-main { padding: 38px 0 55px; background: #f5f8fc; }
.ssd-article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 290px; align-items: start; gap: 25px; }
.ssd-article-body { overflow: hidden; background: #fff; border: 1px solid #dbe4f0; border-radius: 10px; box-shadow: 0 10px 28px rgba(5,33,79,.05); }
.ssd-article-cover { min-height: 330px; }
.ssd-article-cover > span { width: 104px; height: 104px; display: grid; place-items: center; color: #b3d2ff; border: 1px solid rgba(179,212,255,.35); border-radius: 22px; }
.ssd-article-cover > .ssd-post-initial { color: #fff; font-size: 68px; }
.ssd-article-cover > span .ssd-icon { width: 57px; height: 57px; }
.ssd-article-cover > div { position: absolute; left: 27px; bottom: 24px; display: grid; }
.ssd-article-cover > div small { color: rgba(255,255,255,.55); letter-spacing: .12em; }
.ssd-article-cover > div strong { }
.ssd-article-cover img { width: 100%; height: 330px; object-fit: cover; }
.ssd-article-share { min-height: 58px; display: flex; align-items: center; gap: 7px; padding: 0 34px; border-bottom: 1px solid #e4eaf3; }
.ssd-article-share > span { margin-right: 4px; color: #6f7c91; }
.ssd-article-share a, .ssd-article-share button { width: 29px; height: 29px; display: grid; place-items: center; padding: 0; color: var(--ssd-blue); background: #edf4ff; border: 0; border-radius: 50%; font-weight: 800; }
.ssd-rich-content { color: #3f4d64; line-height: 1.85; }
.ssd-article-content { padding: 32px 36px; }
.ssd-rich-content a, .site-content-block__body a {
    color: var(--ssd-blue);
    font-weight: 800;
    text-decoration: underline;
    text-decoration-color: rgba(14,92,247,.38);
    text-decoration-thickness: 1.5px;
    text-underline-offset: 3px;
    transition: color .18s ease, text-decoration-color .18s ease;
}
.ssd-rich-content a:hover, .site-content-block__body a:hover {
    color: #0847c7;
    text-decoration-color: currentColor;
}
.ssd-rich-content a:focus-visible, .site-content-block__body a:focus-visible {
    outline: 3px solid rgba(14,92,247,.2);
    outline-offset: 2px;
    border-radius: 2px;
}
.ssd-rich-content h2 { margin: 33px 0 11px; color: var(--ssd-navy); line-height: 1.35; letter-spacing: -.025em; }
.ssd-rich-content h2:first-child { margin-top: 0; }
.ssd-rich-content h3 { margin: 24px 0 9px; color: var(--ssd-navy); }
.ssd-rich-content p { margin: 0 0 16px; }
.ssd-rich-content ul, .ssd-rich-content ol { margin: 0 0 18px; padding-left: 22px; }
.ssd-rich-content li { margin-bottom: 6px; }
.ssd-rich-content blockquote { margin: 24px 0; padding: 17px 20px; color: #35527e; background: #edf4ff; border-left: 4px solid var(--ssd-blue); border-radius: 0 6px 6px 0; font-weight: 650; }
.ssd-rich-content img { width: 100%; height: auto; border-radius: 7px; }
.ssd-rich-content table { width: 100%; border-collapse: collapse; }
.ssd-rich-content th, .ssd-rich-content td { padding: 10px; border: 1px solid #dce4ef; text-align: left; }
.ssd-article-author { display: flex; align-items: center; gap: 15px; margin: 0 35px 32px; padding: 20px; background: #f5f8fc; border-radius: 8px; }
.ssd-article-author > span { width: 48px; height: 48px; display: grid; flex: 0 0 48px; place-items: center; color: var(--ssd-blue); background: #fff; border-radius: 50%; }
.ssd-article-author > span .ssd-icon { width: 25px; height: 25px; }
.ssd-article-author > div { display: grid; }
.ssd-article-author small { color: #8792a5; font-weight: 800; letter-spacing: .1em; }
.ssd-article-author strong { color: var(--ssd-navy); }
.ssd-article-author p { margin: 2px 0 0; color: #718097; }
.ssd-article-sidebar { position: sticky; top: 15px; display: grid; gap: 14px; }
.ssd-article-toc, .ssd-article-related-mini { padding: 19px; background: #fff; border: 1px solid #dce5f1; border-radius: 8px; }
.ssd-article-toc > strong, .ssd-article-related-mini > strong { color: var(--ssd-navy); }
.ssd-article-toc ol { display: grid; gap: 8px; margin: 12px 0 0; padding: 0 0 0 18px; color: #6c7890; font-family: "IBM Plex Mono", monospace; }
.ssd-article-toc a { color: #52637d; font-family: "Manrope", Arial, sans-serif; line-height: 1.45; }
.ssd-article-toc a:hover { color: var(--ssd-blue); }
.ssd-article-help { display: grid; justify-items: center; padding: 24px 18px; color: #fff; background: linear-gradient(135deg, #061d47, #0b4da9); border-radius: 8px; text-align: center; }
.ssd-article-help > span { width: 51px; height: 51px; display: grid; place-items: center; margin-bottom: 10px; color: #a7cbff; border: 1px solid rgba(178,211,255,.35); border-radius: 50%; }
.ssd-article-help > span .ssd-icon { width: 25px; height: 25px; }
.ssd-article-help > small { color: rgba(255,255,255,.62); font-weight: 800; }
.ssd-article-help > strong { margin: 5px 0; font-family: "IBM Plex Mono", monospace; }
.ssd-article-help p { margin: 0 0 12px; color: rgba(255,255,255,.68); }
.ssd-article-help a { min-width: 105px; height: 32px; display: grid; place-items: center; color: var(--ssd-blue); background: #fff; border-radius: 4px; font-weight: 800; }
.ssd-article-related-mini > a { display: flex; gap: 9px; margin-top: 13px; padding-top: 13px; border-top: 1px solid #e5ebf3; }
.ssd-article-related-mini > a > span { width: 38px; height: 38px; display: grid; flex: 0 0 38px; place-items: center; color: var(--ssd-blue); background: #edf4ff; border-radius: 6px; }
.ssd-article-related-mini > a > img { width: 38px; height: 38px; display: block; flex: 0 0 38px; object-fit: cover; border-radius: 6px; }
.ssd-article-related-mini > a > .ssd-post-initial { color: var(--ssd-blue); font-size: 20px; }
.ssd-article-related-mini > a > span .ssd-icon { width: 19px; height: 19px; }
.ssd-article-related-mini > a > div { display: grid; }
.ssd-article-related-mini b { color: #40506a; line-height: 1.4; }
.ssd-article-related-mini small { color: #8a95a7; }
.ssd-related-articles { padding: 46px 0 55px; background: #fff; text-align: center; }
.ssd-related-articles .ssd-kicker { text-align: center; }
.ssd-related-articles .ssd-news-grid { text-align: left; }

@media (max-width: 1120px) {
    .ssd-subhero__content, .ssd-about-hero-grid { padding-inline: 30px; gap: 45px; }
    .ssd-about-story__grid { grid-template-columns: 430px 1fr; gap: 55px; padding-inline: 25px; }
    .ssd-about-why__grid { gap: 55px; padding-inline: 30px; }
    .ssd-catalog-layout { grid-template-columns: 260px minmax(0,1fr); gap: 18px; }
    .ssd-catalog-sim-card__number { }
    .ssd-news-featured__main { grid-template-columns: .95fr 1.05fr; }
}

@media (max-width: 920px) {
    body.is-filter-open { overflow: hidden; }
    .ssd-category-children__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .ssd-birth-year-directory__decades { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .ssd-subhero__content { grid-template-columns: 1fr; gap: 27px; padding-inline: 20px; }
    .ssd-subhero__stats { width: min(560px,100%); }
    .ssd-catalog-search form { grid-template-columns: 1fr 1fr; }
    .ssd-catalog-search form > button { grid-column: 1 / -1; height: 45px; }
    .ssd-catalog-search > .ssd-container { padding-block: 17px; }
    .ssd-filter-mobile-button { width: 100%; min-height: 46px; display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 13px; color: var(--ssd-blue); background: #fff; border: 1px solid #79a6f4; border-radius: 7px; font-weight: 800; }
    .ssd-filter-mobile-button .ssd-icon { width: 18px; height: 18px; }
    .ssd-filter-mobile-button b { width: 19px; height: 19px; display: grid; place-items: center; color: #fff; background: var(--ssd-blue); border-radius: 50%; font-family: "IBM Plex Mono", monospace; }
    .ssd-catalog-layout { grid-template-columns: 1fr; }
    .ssd-catalog-filter { position: fixed; inset: 0; z-index: 120; height: 100vh; height: 100dvh; visibility: hidden; pointer-events: none; }
    .ssd-catalog-filter.is-open { visibility: visible; pointer-events: auto; }
    .ssd-catalog-filter__backdrop { position: absolute; inset: 0; display: block; background: rgba(3,17,42,.65); opacity: 0; transition: .23s ease; }
    .ssd-catalog-filter.is-open .ssd-catalog-filter__backdrop { opacity: 1; }
    .ssd-catalog-filter__panel { position: absolute; top: 0; left: 0; width: min(88vw,360px); height: 100vh; height: 100dvh; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding-bottom: max(16px, env(safe-area-inset-bottom, 0px)); border: 0; border-radius: 0; transform: translateX(-100%); transition: .23s ease; }
    .ssd-catalog-filter.is-open .ssd-catalog-filter__panel { transform: translateX(0); }
    .ssd-catalog-filter__head { position: sticky; top: 0; z-index: 2; min-height: calc(59px + env(safe-area-inset-top, 0px)); padding-top: env(safe-area-inset-top, 0px); }
    .ssd-catalog-filter__head > button { width: 32px; height: 32px; display: grid; place-items: center; padding: 0; color: #fff; background: rgba(255,255,255,.1); border: 0; border-radius: 50%; }
    .ssd-catalog-filter__head > a { margin-left: auto; margin-right: 8px; }
    .ssd-about-hero-grid { grid-template-columns: 1fr; gap: 30px; padding-inline: 20px; }
    .ssd-about-hero-card { width: min(520px,100%); }
    .ssd-about-story__grid { grid-template-columns: 1fr; gap: 40px; padding-inline: 20px; }
    .ssd-about-story__visual { width: min(560px,100%); margin-inline: auto; }
    .ssd-about-values__grid { grid-template-columns: 1fr 1fr; }
    .ssd-about-why__grid { grid-template-columns: 1fr; gap: 40px; padding-inline: 20px; }
    .ssd-about-why__card { width: min(480px,100%); margin-inline: auto; }
    .ssd-contact-cards > div { grid-template-columns: 1fr 1fr; }
    .ssd-contact-main__grid { grid-template-columns: 1fr; }
    .ssd-contact-aside { grid-template-columns: 1fr 1fr; }
    .ssd-contact-aside__hotline { grid-column: 1 / -1; }
    .ssd-contact-faq > div > div { grid-template-columns: 1fr; }
    .ssd-news-featured > div { grid-template-columns: 1fr; }
    .ssd-news-featured__side { grid-template-columns: 1fr 1fr; }
    .ssd-news-grid { grid-template-columns: 1fr 1fr; }
    .ssd-newsletter-banner > div { grid-template-columns: 60px 1fr; padding-block: 25px; }
    .ssd-newsletter-banner form { grid-column: 1 / -1; width: min(520px,100%); }
    .ssd-article-layout { grid-template-columns: 1fr; }
    .ssd-article-sidebar { position: static; grid-template-columns: 1fr 1fr; }
    .ssd-article-related-mini { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
    .ssd-birth-year-directory { padding: 29px 0 32px; }
    .ssd-birth-year-directory__decades { grid-template-columns: 1fr; }
    .ssd-birth-year-directory__decades article > div { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 600px) {
    .ssd-category-children { padding: 27px 0 23px; }
    .ssd-category-children__grid { grid-template-columns: 1fr; }
    .ssd-category-seo { padding: 34px 0; }
    .ssd-category-seo article { padding: 20px; border-radius: 11px; }
    .ssd-subhero__inner { padding-top: 16px; padding-bottom: 39px; }
    .ssd-breadcrumb { margin-bottom: 28px; }
    .ssd-subhero__content, .ssd-about-hero-grid, .ssd-contact-hero, .ssd-news-hero, .ssd-simple-heading { padding-inline: 0; }
    .ssd-subhero__content h1, .ssd-about-hero-grid h1, .ssd-contact-hero h1, .ssd-news-hero h1 { }
    .ssd-subhero__content > div:first-child > p, .ssd-about-hero-grid > div:first-child > p, .ssd-contact-hero p, .ssd-news-hero > p { line-height: 1.68; }
    .ssd-subhero__stats { grid-template-columns: 1fr; padding: 13px 17px; }
    .ssd-subhero__stats article { grid-template-columns: 100px 1fr; align-items: center; padding: 9px 3px; border-right: 0; border-bottom: 1px solid rgba(178,210,255,.18); }
    .ssd-subhero__stats article:last-child { border-bottom: 0; }
    .ssd-subhero__stats strong { }
    .ssd-subhero__stats span { }
    .ssd-subpage-title { }
    .ssd-subpage-cta > .ssd-container { grid-template-columns: 1fr; justify-items: center; gap: 10px; padding-block: 28px; text-align: center; }
    .ssd-subpage-cta h2 { }
    .ssd-catalog-search form { grid-template-columns: 1fr; }
    .ssd-catalog-search form > button { grid-column: auto; }
    .ssd-catalog-search__quick { overflow-x: auto; padding-bottom: 3px; }
    .ssd-catalog-section { padding-top: 20px; }
    .ssd-catalog-results__head { align-items: flex-start; flex-direction: column; gap: 9px; padding-block: 12px; }
    .ssd-catalog-results__head form, .ssd-catalog-results__head label, .ssd-catalog-results__head select { width: 100%; }
    .ssd-sim-card-grid { grid-template-columns: 1fr; }
    .ssd-catalog-sim-card { padding: 16px; }
    .ssd-catalog-sim-card__number { }
    .ssd-active-filters a { width: 100%; margin-left: 0; padding-top: 3px; }
    .ssd-subpage-trust > div { grid-template-columns: 1fr 1fr; }
    .ssd-subpage-trust article { justify-content: flex-start; padding: 12px 8px; border-bottom: 1px solid #e5ebf3; }
    .ssd-subpage-trust article:nth-child(2) { border-right: 0; }
    .ssd-about-hero-actions { flex-direction: column; }
    .ssd-about-hero-actions a { width: 100%; }
    .ssd-about-hero-card { min-height: 210px; padding: 24px; }
    .ssd-about-story { padding-block: 45px; }
    .ssd-about-story__grid { padding-inline: 0; }
    .ssd-about-story__visual { min-height: 270px; }
    .ssd-about-story__visual > div { width: min(270px,85%); }
    .ssd-about-story__copy h2, .ssd-about-why h2 { }
    .ssd-about-values { padding-block: 43px; }
    .ssd-about-values__grid { grid-template-columns: 1fr; }
    .ssd-about-values__grid article { min-height: 205px; }
    .ssd-about-numbers > div { grid-template-columns: 1fr 1fr; gap: 20px 0; }
    .ssd-about-numbers article:nth-child(2) { border-right: 0; }
    .ssd-about-why { padding-block: 48px; }
    .ssd-about-why__grid { padding-inline: 0; }
    .ssd-contact-cards > div { grid-template-columns: 1fr; }
    .ssd-contact-main { padding-block: 28px 38px; }
    .ssd-contact-form-card { padding: 21px 16px; }
    .ssd-contact-form__row { grid-template-columns: 1fr; }
    .ssd-contact-form__bottom { align-items: stretch; flex-direction: column; }
    .ssd-contact-form__bottom button { width: 100%; }
    .ssd-contact-aside { grid-template-columns: 1fr; }
    .ssd-contact-aside__hotline { grid-column: auto; }
    .ssd-news-hero form { grid-template-columns: 1fr; }
    .ssd-news-hero button { height: 42px; }
    .ssd-news-categories > div { min-height: 60px; }
    .ssd-news-featured { padding-top: 24px; }
    .ssd-news-featured__main { grid-template-columns: 1fr; }
    .ssd-news-featured__visual { min-height: 220px; }
    .ssd-news-featured__main > div { padding: 22px 18px; }
    .ssd-news-featured__main h2 { }
    .ssd-news-featured__side { grid-template-columns: 1fr; }
    .ssd-news-featured__side article { grid-template-columns: 95px 1fr; }
    .ssd-news-grid { grid-template-columns: 1fr; }
    .ssd-news-list__head { align-items: flex-start; flex-direction: column; gap: 8px; }
    .ssd-newsletter-banner > div { grid-template-columns: 1fr; justify-items: center; text-align: center; }
    .ssd-newsletter-banner form { grid-template-columns: 1fr; }
    .ssd-newsletter-banner button { height: 40px; }
    .ssd-newsletter-banner small { position: static; }
    .ssd-article-header { padding-bottom: 35px; }
    .ssd-article-header__content h1 { }
    .ssd-article-meta { flex-wrap: wrap; gap: 8px 15px; }
    .ssd-article-main { padding-top: 22px; }
    .ssd-article-cover { min-height: 240px; }
    .ssd-article-cover img { height: 240px; }
    .ssd-article-cover > span { width: 80px; height: 80px; }
    .ssd-article-cover > span .ssd-icon { width: 43px; height: 43px; }
    .ssd-article-share { padding-inline: 18px; }
    .ssd-article-content { padding: 23px 18px; }
    .ssd-rich-content h2 { }
    .ssd-article-author { margin: 0 18px 22px; padding: 16px; }
    .ssd-article-sidebar { grid-template-columns: 1fr; }
    .ssd-article-related-mini { grid-column: auto; }
    .ssd-simple-heading h1 { }
    .ssd-content-section { padding-block: 28px 42px; }
    .ssd-content-section .ssd-rich-content { padding: 22px 17px; }
}