/* Shared sub-service pages */
.home-services { padding-bottom: 90px; }
.home-services + .site-footer { margin-top: 0; }
.service-page .main-nav { gap: 18px; font-size: 12px; }
.service-page .site-header { background: rgba(7, 7, 19, .72); backdrop-filter: blur(14px); }
.service-hero { min-height: 720px; position: relative; display: flex; align-items: center; overflow: hidden; padding: 130px 0 80px; }
.service-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 180px; background: linear-gradient(transparent, var(--night)); }
.service-hero-art { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(6,6,17,.98) 0%, rgba(8,7,20,.83) 50%, rgba(20,10,39,.5)), url("../img/hero-zodiac.png") 58% center / cover no-repeat; opacity: .8; animation: service-art-drift 16s ease-in-out infinite alternate; }
.service-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.25fr .75fr; align-items: center; gap: 80px; }
.service-hero-copy { max-width: 720px; }
.back-link { display: inline-flex; margin-bottom: 22px; color: var(--muted); font-size: 12px; }
.back-link:hover { color: var(--gold-light); }
.current-service-pill { display: table; margin-bottom: 18px; padding: 6px 13px; border: 1px solid rgba(214,172,80,.28); border-radius: 100px; color: var(--gold-light); background: rgba(214,172,80,.08); font-size: 11px; letter-spacing: .04em; }
.service-hero .kicker { display: block; }
.service-hero h1 { margin: 12px 0 18px; color: var(--gold-light); font: 700 clamp(58px, 7vw, 92px)/1.15 var(--display); }
.service-hero-copy > p { max-width: 650px; color: #c9c3d3; font-size: 17px; }
.service-symbol { width: min(330px, 100%); aspect-ratio: 1; display: grid; place-items: center; align-content: center; justify-self: end; border: 1px solid rgba(224,184,95,.4); border-radius: 50%; background: radial-gradient(circle, rgba(151,85,186,.27), rgba(14,10,30,.82) 65%); box-shadow: 0 0 90px rgba(103,48,140,.3), inset 0 0 50px rgba(220,178,77,.1); animation: service-symbol-float 5s ease-in-out infinite; }
.service-symbol::before { content: ""; position: absolute; width: inherit; aspect-ratio: 1; border: 1px dashed rgba(214,172,80,.24); border-radius: 50%; transform: scale(.88); animation: spin 35s linear infinite; }
.service-symbol span { color: var(--gold-light); font: 90px/1 Georgia, serif; text-shadow: 0 0 35px rgba(246,221,160,.45); }
.service-symbol small { margin-top: 18px; color: var(--muted); letter-spacing: .08em; }
.service-details { background: linear-gradient(180deg, var(--night), #0d091c, var(--night)); }
.detail-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.detail-card { min-height: 245px; padding: 32px; border: 1px solid rgba(214,172,80,.17); border-radius: 20px; background: linear-gradient(145deg, rgba(29,21,53,.75), rgba(13,10,27,.92)); }
.detail-card > span { color: rgba(214,172,80,.38); font: 700 34px/1 var(--display); }
.detail-card h3 { margin: 26px 0 8px; font-size: 20px; }
.detail-card p { color: var(--muted); font-size: 14px; }
.process-section { padding-top: 80px; }
.process-list { max-width: 850px; margin: 0 auto; padding: 0; list-style: none; display: grid; gap: 14px; counter-reset: item; }
.process-list li { display: flex; align-items: center; gap: 22px; padding: 22px 26px; border: 1px solid rgba(214,172,80,.16); border-radius: 16px; background: rgba(19,14,39,.62); }
.process-list b { flex: 0 0 45px; width: 45px; height: 45px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--gold-light); }
.process-list span { color: #d7d1df; }
.service-tool { background: radial-gradient(circle at 70% 50%, rgba(100,51,136,.25), transparent 34%), #0b0719; }
.tool-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: center; }
.tool-copy h2 { margin: 14px 0; font-size: clamp(38px, 4vw, 56px); }
.tool-copy h2 em { display: block; color: var(--gold-light); font-family: var(--display); font-style: normal; }
.tool-copy p { color: var(--muted); }
.service-booking .current-service-pill { margin: 0 auto 18px; }
@keyframes service-art-drift { from { transform: scale(1.04) translateX(-7px); filter: brightness(.92); } to { transform: scale(1.09) translateX(7px); filter: brightness(1.06); } }
@keyframes service-symbol-float { 50% { transform: translateY(-10px); box-shadow: 0 15px 100px rgba(103,48,140,.4), inset 0 0 60px rgba(220,178,77,.15); } }
@media (max-width: 1100px) { .service-page .main-nav { gap: 12px; font-size: 11px; } }
@media (max-width: 960px) { .service-page .main-nav { font-size: 16px; gap: 22px; } .service-hero-grid { grid-template-columns: 1fr .55fr; gap: 30px; } .service-symbol { width: 240px; } .detail-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 760px) { .service-hero { min-height: 760px; text-align: left; } .service-hero-grid, .tool-layout { grid-template-columns: 1fr; } .service-symbol { display: none; } .service-hero h1 { font-size: 57px; } .service-hero-copy > p { font-size: 14px; } .detail-grid { grid-template-columns: 1fr; } .service-details { padding-top: 75px; } }
@media (prefers-reduced-motion: reduce) { .service-hero-art, .service-symbol, .service-symbol::before { animation: none; } }
body.notice-open { overflow: hidden; }
.service-notice[hidden] { display: none; }
.service-notice { position: fixed; z-index: 100; inset: 0; display: grid; place-items: center; padding: 20px; opacity: 0; transition: opacity .22s ease; }
.service-notice.open { opacity: 1; }
.service-notice-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; background: rgba(4, 3, 12, .82); backdrop-filter: blur(9px); cursor: default; }
.service-notice-panel { position: relative; z-index: 1; width: min(100%, 480px); padding: 42px 38px 36px; border: 1px solid rgba(214,172,80,.34); border-radius: 24px; background: radial-gradient(circle at 50% 0%, rgba(102,48,139,.28), transparent 45%), #100b21; box-shadow: 0 30px 100px rgba(0,0,0,.55); text-align: center; transform: translateY(14px) scale(.97); transition: transform .22s ease; }
.service-notice.open .service-notice-panel { transform: none; }
.service-notice-close { position: absolute; top: 13px; right: 15px; width: 36px; height: 36px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(214,172,80,.17); border-radius: 50%; color: var(--muted); background: rgba(255,255,255,.03); font-size: 23px; cursor: pointer; }
.service-notice-close:hover { color: var(--gold-light); border-color: rgba(214,172,80,.45); }
.service-notice-icon { width: 72px; height: 72px; display: grid; place-items: center; margin: 0 auto 17px; border: 1px solid rgba(214,172,80,.35); border-radius: 50%; color: var(--gold-light); background: rgba(112,55,147,.16); font-size: 29px; box-shadow: 0 0 34px rgba(121,62,159,.2); }
.service-notice-panel .kicker { display: block; font-size: 10px; }
.service-notice-panel h2 { margin: 9px 0 10px; color: var(--gold-light); font: 700 36px/1.35 var(--display); }
.service-notice-panel p { margin: 0 auto 24px; color: var(--muted); font-size: 14px; }
.service-notice-confirm { min-width: 145px; border: 0; }
.booking-actions button { font-family: var(--font); }
@media (prefers-reduced-motion: reduce) { .service-notice, .service-notice-panel { transition: none; } }
/* Unified service dropdown */
.service-nav-menu { position: relative; }
.service-nav-trigger { min-width: 154px; display: flex; align-items: center; gap: 7px; padding: 7px 12px; border: 1px solid rgba(214,172,80,.2); border-radius: 12px; color: #d6cfdf; background: rgba(255,255,255,.03); cursor: pointer; text-align: left; }
.service-nav-trigger.active { color: var(--gold-light); border-color: rgba(214,172,80,.42); background: rgba(214,172,80,.08); }
.service-nav-trigger span { display: none; }
.service-nav-trigger strong { font-size: 12px; font-weight: 600; white-space: nowrap; }
.service-nav-trigger i { margin-left: auto; color: var(--gold); font-style: normal; transition: transform .2s; }
.service-nav-menu.open .service-nav-trigger i { transform: rotate(180deg); }
.service-nav-dropdown { position: absolute; top: calc(100% + 12px); left: 50%; width: 310px; max-height: min(68vh, 520px); overflow-y: auto; padding: 12px; border: 1px solid rgba(214,172,80,.24); border-radius: 18px; background: rgba(9,7,22,.98); box-shadow: 0 24px 70px rgba(0,0,0,.52); backdrop-filter: blur(18px); opacity: 0; visibility: hidden; transform: translate(-50%, -7px); transition: .2s ease; }
.service-nav-menu.open .service-nav-dropdown { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.service-nav-heading { display: block; padding: 5px 10px 9px; color: #777080; font-size: 9px; letter-spacing: .14em; }
.service-nav-dropdown a { display: flex; align-items: center; justify-content: space-between; padding: 9px 11px; border-radius: 10px; color: #c7c0d1; font-size: 12px; }
.service-nav-dropdown a:hover, .service-nav-dropdown a.active { color: var(--gold-light); background: rgba(214,172,80,.09); }
.service-nav-dropdown a b { color: var(--gold); font-size: 9px; font-weight: 500; }

/* Belief disclaimer */
.belief-disclaimer { display: flex; align-items: flex-start; gap: 13px; margin-top: 20px; padding: 18px 22px; border: 1px solid rgba(214,172,80,.18); border-radius: 14px; color: #91899d; background: rgba(214,172,80,.045); font-size: 12px; }
.belief-disclaimer > span { color: var(--gold); }
.belief-disclaimer p { margin: 0; }
.belief-disclaimer strong { color: #c9b987; }
.home-disclaimer { margin-top: 25px; margin-bottom: 70px; }
.new-service { border-color: rgba(214,172,80,.3); }

/* Interactive calculators */
.calculator-section { background: radial-gradient(circle at 80% 25%, rgba(101,49,137,.23), transparent 36%), #0a0717; }
.calculator-shell { display: grid; grid-template-columns: .75fr 1.25fr; gap: 54px; align-items: start; }
.calculator-intro { position: static; }
.calculator-intro h2 { margin: 14px 0; font-size: clamp(40px,5vw,60px); line-height: 1.15; }
.calculator-intro h2 em { display: inline-block; color: var(--gold-light); font-family: var(--display); font-style: normal; }
.calculator-intro p { color: var(--muted); }
.calculator-form { padding: 30px; border: 1px solid rgba(214,172,80,.22); border-radius: 22px; background: rgba(15,11,31,.82); box-shadow: 0 22px 60px rgba(0,0,0,.22); }
.calculator-form label { margin-bottom: 14px; }
.calculator-form input { width: 100%; height: 52px; padding: 0 16px; border: 1px solid rgba(214,172,80,.22); border-radius: 11px; color: var(--cream); background: #141027; outline: 0; font: 500 17px var(--font); }
.calculator-form input:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(214,172,80,.08); }
.input-action { display: grid; grid-template-columns: 1fr auto; gap: 10px; }
.input-action .btn { border: 0; border-radius: 11px; }
.calculator-form > small { display: block; margin-top: 9px; color: #746d80; font-size: 10px; }
.form-message { min-height: 24px; padding-top: 10px; color: var(--gold-light); font-size: 12px; }
.analysis-result { grid-column: 1 / -1; padding: 32px; border: 1px solid rgba(214,172,80,.28); border-radius: 24px; background: linear-gradient(145deg, rgba(31,21,53,.85), rgba(11,8,24,.95)); box-shadow: var(--shadow); }
.analysis-result[hidden] { display: none; }
.score-summary { display: flex; align-items: center; gap: 24px; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
.grade-orb { flex: 0 0 105px; width: 105px; height: 105px; display: grid; place-content: center; border: 1px solid rgba(214,172,80,.5); border-radius: 50%; text-align: center; background: radial-gradient(circle, rgba(155,92,188,.25), rgba(13,9,27,.8)); }
.grade-orb strong { color: var(--gold-light); font: 700 37px/1 var(--display); }
.grade-orb span { margin-top: 5px; color: var(--muted); font-size: 9px; }
.score-summary > div:last-child > span { color: var(--muted); font-size: 11px; }
.score-summary b { display: block; color: var(--gold-light); font-size: 34px; }
.score-summary p { margin: 3px 0 0; color: #c7c0d1; font-size: 13px; }
.sequence-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; margin-top: 22px; }
.sequence-card { padding: 16px; border: 1px solid rgba(214,172,80,.13); border-radius: 13px; background: rgba(255,255,255,.025); }
.sequence-head { display: flex; align-items: center; gap: 9px; margin-bottom: 9px; }
.sequence-order { color: #817a8c; font-size: 9px; }
.sequence-value { color: var(--gold-light); font-size: 21px; }
.sequence-grade { margin-left: auto; color: var(--gold); font-style: normal; font-weight: 700; }
.sequence-card > strong { font-size: 12px; }
.sequence-card p { margin: 4px 0 0; color: var(--muted); font-size: 11px; }
.method-note { margin: 20px 0 0; color: #756e81; font-size: 10px; }
.plate-inputs { display: grid; grid-template-columns: .55fr .8fr 1.3fr; gap: 12px; }
.license-plate-preview { width: min(100%, 390px); margin: 0 auto 24px; padding: 18px 30px 10px; border: 5px double #1a1a1a; border-radius: 10px; color: #121212; background: #f7f7f2; text-align: center; box-shadow: 0 12px 32px rgba(0,0,0,.25); }
.license-plate-preview strong { display: block; font-size: 32px; letter-spacing: .05em; }
.license-plate-preview span { font-size: 10px; }
.result-facts { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; margin-top: 22px; }
.result-fact { display: flex; justify-content: space-between; gap: 15px; padding: 13px 15px; border: 1px solid rgba(214,172,80,.13); border-radius: 11px; }
.result-fact span { color: var(--muted); font-size: 11px; }
.result-fact strong { color: var(--gold-light); font-size: 12px; text-align: right; }

/* Siem-si */
.siemsi-shell { display: grid; grid-template-columns: .8fr .7fr; gap: 70px; align-items: center; }
.siemsi-copy h2 { margin: 14px 0; font-size: clamp(40px,5vw,60px); line-height: 1.2; }
.siemsi-copy h2 em { color: var(--gold-light); font-family: var(--display); font-style: normal; }
.siemsi-copy > p { color: var(--muted); }
.daily-limit-note { display: flex; gap: 12px; align-items: center; margin-top: 24px; padding: 14px; border: 1px solid rgba(214,172,80,.2); border-radius: 13px; background: rgba(214,172,80,.05); }
.daily-limit-note > span { width: 29px; height: 29px; display: grid; place-items: center; border: 1px solid var(--gold); border-radius: 50%; color: var(--gold); }
.daily-limit-note p { display: flex; flex-direction: column; margin: 0; }
.daily-limit-note small { color: var(--muted); }
.siemsi-stage { display: flex; align-items: center; flex-direction: column; }
.siemsi-cup { position: relative; width: 175px; height: 230px; margin-bottom: 26px; display: flex; justify-content: center; align-items: flex-end; gap: 8px; padding-bottom: 40px; border-radius: 22px 22px 70px 70px; background: linear-gradient(90deg,#6f2f22,#c16b38 45%,#7d3523); box-shadow: inset 0 0 30px rgba(0,0,0,.35), 0 20px 60px rgba(0,0,0,.3); }
.siemsi-cup::before { content: ""; position: absolute; left: -8px; right: -8px; top: 10px; height: 23px; border: 3px solid #d39a54; border-radius: 50%; background: #28130d; }
.siemsi-cup i { width: 12px; height: 190px; margin-top: -70px; border-radius: 6px 6px 2px 2px; background: linear-gradient(90deg,#d6a85b,#f0d08a,#a9692d); transform: rotate(var(--stick-angle)); transform-origin: bottom; }
.siemsi-cup i:nth-child(1) { --stick-angle:-10deg; }.siemsi-cup i:nth-child(2) { --stick-angle:-5deg; }.siemsi-cup i:nth-child(3) { --stick-angle:0deg; }.siemsi-cup i:nth-child(4) { --stick-angle:5deg; }.siemsi-cup i:nth-child(5) { --stick-angle:10deg; }
.siemsi-cup > span { position: absolute; bottom: 45px; color: #f7d897; font: 700 25px var(--display); }
.siemsi-cup.shaking { animation: cup-shake .12s linear 7; }
.siemsi-result { grid-column: 1 / -1; position: relative; display: grid; grid-template-columns: 95px 1fr; gap: 25px; padding: 30px; border: 1px solid rgba(214,172,80,.3); border-radius: 22px; background: linear-gradient(145deg,rgba(56,28,68,.8),rgba(13,9,28,.96)); }
.siemsi-result[hidden] { display: none; }
.siemsi-number-label { position: absolute; top: 18px; left: 38px; color: var(--muted); font-size: 10px; }
.siemsi-result > strong { color: var(--gold-light); font: 700 78px/1.25 var(--display); text-align: center; }
.siemsi-result h3 { color: var(--gold-light); font-size: 22px; }
.siemsi-result p, .siemsi-result li { color: #c4bdcc; font-size: 13px; }
.siemsi-result ul { padding-left: 20px; }
.siemsi-result > small { grid-column: 1 / -1; color: #777080; text-align: right; }
@keyframes cup-shake { 0%,100%{transform:rotate(0)} 25%{transform:rotate(-4deg) translateX(-4px)} 75%{transform:rotate(4deg) translateX(4px)} }

@media (max-width: 960px) {
    .service-nav-trigger { min-width: 240px; }
    .service-nav-trigger span { display: block; color: #777080; font-size: 9px; }
    .service-nav-dropdown { position: static; width: min(90vw,340px); max-height: 46vh; margin-top: 8px; transform: translateY(-5px); }
    .service-nav-menu.open .service-nav-dropdown { transform: none; }
}
@media (max-width: 760px) {
    .calculator-shell, .siemsi-shell { grid-template-columns: 1fr; gap: 32px; }
    .calculator-intro { position: static; }
    .calculator-form, .analysis-result { padding: 21px; }
    .input-action, .plate-inputs { grid-template-columns: 1fr; }
    .sequence-grid, .result-facts { grid-template-columns: 1fr; }
    .score-summary { align-items: flex-start; }
    .grade-orb { flex-basis: 85px; width: 85px; height: 85px; }
    .grade-orb strong { font-size: 30px; }
    .siemsi-result { grid-template-columns: 70px 1fr; padding: 23px 18px; }
}
@media (prefers-reduced-motion: reduce) { .siemsi-cup.shaking { animation: none; } }
.grade-scale { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 20px; }
.grade-scale span { padding: 5px 8px; border: 1px solid rgba(214,172,80,.13); border-radius: 8px; color: #777080; font-size: 9px; }
.grade-scale b { color: var(--gold-light); }
.phone-grade-breakdown { display: grid; grid-template-columns: repeat(2,1fr); gap: 13px; margin-top: 22px; }
.grade-detail-card { position: relative; padding: 20px; border: 1px solid rgba(214,172,80,.16); border-radius: 16px; background: rgba(255,255,255,.025); }
.grade-detail-card.featured { border-color: rgba(214,172,80,.36); background: linear-gradient(145deg,rgba(90,44,117,.2),rgba(255,255,255,.025)); }
.grade-detail-card > span { display: block; color: var(--muted); font-size: 10px; }
.grade-detail-card > strong { display: inline-block; margin: 7px 13px 5px 0; color: var(--gold-light); font: 700 35px/1 var(--display); }
.grade-detail-card > b { color: #eee3c3; font-size: 20px; }
.grade-detail-card p { margin: 5px 0 0; color: #aaa2b4; font-size: 11px; }
.grade-detail-card p span { color: var(--gold-light); font-weight: 600; }
.grade-detail-card small { display: block; margin-top: 8px; color: #766f81; font-size: 9px; }
.sequence-title { margin: 28px 0 -8px; color: #d9d2e3; font-size: 15px; }
@media (max-width: 760px) { .phone-grade-breakdown { grid-template-columns: 1fr; } }
.pair-group-section { margin-top: 32px; padding-top: 28px; border-top: 1px solid var(--line); }
.pair-group-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.pair-group-heading h3 { margin: 6px 0 0; font-size: 20px; }
.pair-group-counts { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.pair-group-counts span, .pair-group-legend span { padding: 5px 9px; border: 1px solid currentColor; border-radius: 100px; font-size: 9px; }
.pair-group-counts b { margin-left: 3px; color: currentColor; }
.pair-group-counts .good, .pair-group-legend .good { color: #70d89a; }
.pair-group-counts .bad, .pair-group-legend .bad { color: #ed7a84; }
.pair-group-counts .labor, .pair-group-legend .labor { color: #eea65b; }
.pair-group-counts .neutral, .pair-group-legend .neutral { color: #8d8797; }
.pair-group-legend { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 17px; }
.pair-group-legend span { border-color: rgba(255,255,255,.08); background: rgba(255,255,255,.025); }
.pair-group-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; margin-top: 14px; }
.pair-group-card { --group-color: #8d8797; position: relative; overflow: hidden; padding: 16px; border: 1px solid color-mix(in srgb, var(--group-color) 35%, transparent); border-radius: 14px; background: color-mix(in srgb, var(--group-color) 7%, rgba(255,255,255,.02)); }
.pair-group-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--group-color); opacity: .75; }
.pair-group-card.good { --group-color: #70d89a; }
.pair-group-card.bad { --group-color: #ed7a84; }
.pair-group-card.labor { --group-color: #eea65b; }
.pair-group-card.neutral { --group-color: #8d8797; }
.pair-group-card-head { display: flex; align-items: center; gap: 9px; }
.pair-group-card-head > span { color: #7e7789; font-size: 9px; }
.pair-group-card-head > strong { color: var(--group-color); font-size: 23px; }
.pair-group-card-head > b { margin-left: auto; color: var(--group-color); font-size: 10px; }
.pair-group-card > p { margin: 7px 0 0; color: #b8b1c2; font-size: 11px; }
.pair-special-note { display: block; margin-top: 9px; padding: 7px 9px; border-radius: 8px; color: #d5c4f1; background: rgba(143,90,190,.13); font-size: 9px; }
@media (max-width: 760px) { .pair-group-heading { align-items: flex-start; flex-direction: column; } .pair-group-counts { justify-content: flex-start; } .pair-group-grid { grid-template-columns: 1fr; } }
/* Navbar readability and service icons */
.main-nav > a { display:inline-flex; align-items:center; gap:7px; font-weight:500; line-height:1.3; }
.nav-link-icon { width:21px; height:21px; display:inline-grid; place-items:center; color:var(--gold-light); font-size:14px; }
.main-nav .nav-cta { gap:7px; }
.service-page .main-nav { font-size:13px; }
.service-nav-trigger { min-width:184px; gap:9px; padding:8px 12px; }
.service-nav-trigger .service-nav-caption { display:none !important; }
.service-nav-trigger .service-current-icon { flex:0 0 29px; width:29px; height:29px; display:grid; place-items:center; border:1px solid rgba(214,172,80,.28); border-radius:9px; color:var(--gold-light); background:rgba(214,172,80,.07); font:16px/1 Georgia,serif; }
.service-nav-trigger strong { font-size:13px; letter-spacing:.01em; }
.service-nav-dropdown { width:340px; overflow-y:scroll; overscroll-behavior:contain; scrollbar-gutter:stable; scrollbar-width:thin; scrollbar-color:#caa852 #171126; -webkit-overflow-scrolling:touch; padding:13px; border-color:rgba(214,172,80,.32); background:rgba(9,7,22,.985); }
.service-nav-dropdown::-webkit-scrollbar { width:9px; }
.service-nav-dropdown::-webkit-scrollbar-track { border-radius:10px; background:#171126; }
.service-nav-dropdown::-webkit-scrollbar-thumb { border:2px solid #171126; border-radius:10px; background:#caa852; }
.service-nav-dropdown::-webkit-scrollbar-thumb:hover { background:#efd17f; }
.service-nav-heading { padding:6px 11px 10px; color:#aaa1b5; font-size:10px; font-weight:600; letter-spacing:.12em; }
.service-nav-dropdown a { min-height:48px; gap:10px; padding:9px 11px; border:1px solid transparent; color:#ddd6e4; font-size:13px; line-height:1.35; }
.service-nav-dropdown a + a { margin-top:3px; }
.service-nav-dropdown a:hover { border-color:rgba(214,172,80,.16); color:#fff0be; background:rgba(214,172,80,.075); }
.service-nav-dropdown a.active { border-color:rgba(214,172,80,.36); color:#fff2c7; background:linear-gradient(90deg,rgba(214,172,80,.15),rgba(214,172,80,.055)); }
.service-nav-item { min-width:0; display:flex; align-items:center; gap:11px; }
.service-nav-item > i { flex:0 0 31px; width:31px; height:31px; display:grid; place-items:center; border:1px solid rgba(214,172,80,.2); border-radius:9px; color:#e5c676; background:rgba(214,172,80,.055); font:17px/1 Georgia,serif; font-style:normal; }
.service-nav-item > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.service-nav-dropdown a.active .service-nav-item > i { border-color:rgba(240,207,122,.5); color:#fff0bd; background:rgba(214,172,80,.14); box-shadow:0 0 18px rgba(214,172,80,.12); }
.service-nav-dropdown a b { flex:0 0 auto; padding:3px 7px; border:1px solid rgba(214,172,80,.24); border-radius:100px; color:#efd58e; background:rgba(214,172,80,.08); font-size:9px; }
.service-nav-arrow { color:#746d80; font-size:20px; transition:transform .2s,color .2s; }
.service-nav-dropdown a:hover .service-nav-arrow { color:var(--gold-light); transform:translateX(2px); }
@media(max-width:1100px) and (min-width:961px){.service-page .main-nav{font-size:12px}.service-nav-trigger{min-width:170px}.service-nav-trigger strong{font-size:12px}}
@media(max-width:960px){.main-nav > a{min-width:245px;justify-content:flex-start;font-size:17px}.nav-link-icon{width:30px;height:30px;border:1px solid rgba(214,172,80,.2);border-radius:9px;background:rgba(214,172,80,.05)}.service-nav-trigger{min-width:245px}.service-nav-dropdown{width:min(90vw,360px)}.service-nav-dropdown a{font-size:14px}}