/* ═══════════════════════════════════════════════════════════════════
   JURIANSZ — INNER PAGE SECTION STYLES (v9)
   Shared by services.html, team.html, blog/index.html.
   Loaded after core.css. Page-hero + cta-block live in core.css.
   ═══════════════════════════════════════════════════════════════════ */

/* ─── SERVICES: sticky sub-nav ───────────────────────────────────── */
.svc-nav { background: var(--ink); border-bottom: 1px solid rgba(197,179,130,.08); overflow-x: auto; -webkit-overflow-scrolling: touch; position: sticky; top: 76px; z-index: 90; scrollbar-width: none; }
.svc-nav::-webkit-scrollbar { display: none; }
.svc-nav-inner { display: flex; gap: 0; width: 100%; padding: 0; }
.svc-nav-item { flex: 1 1 0; min-width: 0; font-family: var(--fb); font-size: clamp(.5rem,.82vw,.72rem); font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.32); padding: clamp(12px,1.5vw,18px) clamp(6px,.8vw,14px); white-space: normal; text-align: center; line-height: 1.25; border-right: 1px solid rgba(197,179,130,.07); transition: color .28s, background .28s; display: flex; align-items: center; justify-content: center; gap: clamp(4px,.5vw,8px); }
.svc-nav-item:first-child { border-left: 1px solid rgba(197,179,130,.07); }
@media(max-width:760px){ .svc-nav-inner { width: auto; min-width: max-content; } .svc-nav-item { flex: 0 0 auto; white-space: nowrap; font-size: .62rem; padding: 16px 18px; } }
.svc-nav-item:hover, .svc-nav-item.active { color: var(--gold); background: rgba(197,179,130,.04); }
.svc-nav-item.active { box-shadow: inset 0 -2px 0 var(--gold); }
.svc-nav-item span { flex: none; font-family: var(--fh); font-style: italic; font-size: clamp(.66rem,1vw,.85rem); color: rgba(197,179,130,.3); }
.svc-nav-item:hover span, .svc-nav-item.active span { color: rgba(197,179,130,.6); }

/* ─── SERVICES: service section ──────────────────────────────────── */
.svc-section { padding: clamp(52px,6vw,88px) 0; border-bottom: 1px solid var(--rule); position: relative; scroll-margin-top: 136px; }
.svc-section:last-of-type { border-bottom: none; }
.sec-slate { background: var(--slate); }
.sec-navy { background: var(--navy); }
.svc-inner { display: grid; grid-template-columns: 240px 1fr; gap: 64px; align-items: start; }
@media(max-width:760px){ .svc-inner { grid-template-columns: 1fr; gap: 28px; } }
.svc-aside { position: sticky; top: 140px; }
@media(max-width:760px){ .svc-aside { position: static; } }
.svc-num { font-family: var(--fh); font-style: italic; font-size: clamp(3rem,6vw,4.4rem); font-weight: 700; color: rgba(197,179,130,.2); line-height: .9; margin-bottom: 14px; }
.svc-nav-label { font-family: var(--fh); font-size: 1.12rem; font-weight: 700; color: var(--navy); line-height: 1.3; }
.svc-title { font-family: var(--fh); font-size: clamp(1.5rem,2.8vw,2.2rem); font-weight: 700; color: var(--navy); line-height: 1.2; margin-bottom: 16px; text-wrap: pretty; letter-spacing: -.012em; }
.svc-title em { font-style: italic; color: var(--gold-d); }
.svc-who { background: var(--white); border-left: 2px solid var(--gold); padding: 16px 20px; font-size: .84rem; color: var(--char-l); line-height: 1.65; margin-bottom: 24px; box-shadow: 2px 2px 0 rgba(15,41,66,.04); }
.sec-slate .svc-who { background: var(--white); }
.svc-who strong { font-family: var(--fm); font-weight: 500; color: var(--gold-d); display: block; margin-bottom: 5px; font-size: .6rem; letter-spacing: .18em; text-transform: uppercase; }
.svc-lead { font-size: .95rem; line-height: 1.85; color: var(--char-l); margin-bottom: 24px; max-width: 64ch; text-wrap: pretty; }
.svc-lead em { font-style: italic; color: var(--navy); }
.svc-list { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 11px 28px; margin-bottom: 30px; }
@media(max-width:620px){ .svc-list { grid-template-columns: 1fr; } }
.svc-list li { position: relative; padding-left: 24px; font-size: .84rem; color: var(--char-l); line-height: 1.55; }
.svc-list li::before { content: '—'; position: absolute; left: 0; top: 0; color: var(--gold-d); font-family: var(--fb); }
.svc-list li em { font-style: italic; color: var(--navy); }

/* ─── SERVICES: pricing ──────────────────────────────────────────── */
.pricing-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 0; border: 1px solid var(--rule-d); margin-top: 8px; }
@media(max-width:760px){ .pricing-grid { grid-template-columns: 1fr; } }
.price-tier { padding: 36px 32px; border-right: 1px solid rgba(197,179,130,.18); }
.price-tier:last-child { border-right: none; }
.price-tier.featured { background: var(--navy); }
@media(max-width:760px){ .price-tier { border-right: none; border-bottom: 1px solid rgba(197,179,130,.18); } .price-tier:last-child { border-bottom: none; } }
.pt-num { font-family: var(--fh); font-style: italic; font-size: .9rem; color: rgba(197,179,130,.45); margin-bottom: 10px; }
.pt-title { font-family: var(--fh); font-size: 1.2rem; font-weight: 700; color: var(--navy); margin-bottom: 6px; line-height: 1.25; }
.price-tier.featured .pt-title { color: var(--white); }
.pt-model { font-family: var(--fm); font-size: .6rem; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--gold-d); margin-bottom: 16px; }
.price-tier.featured .pt-model { color: var(--gold); }
.pt-desc { font-size: .84rem; color: var(--char-l); line-height: 1.7; margin-bottom: 20px; }
.price-tier.featured .pt-desc { color: rgba(255,255,255,.5); }
.pt-list { list-style: none; display: flex; flex-direction: column; gap: 9px; }
.pt-list li { display: flex; gap: 10px; font-size: .8rem; color: var(--char-l); line-height: 1.5; align-items: flex-start; }
.price-tier.featured .pt-list li { color: rgba(255,255,255,.6); }
.pt-list li::before { content: '—'; color: var(--gold-d); flex-shrink: 0; }
.disbursement-note { border: 1px solid var(--rule); padding: 28px 32px; margin-top: 32px; display: grid; grid-template-columns: auto 1fr; gap: 24px; align-items: start; background: var(--white); }
@media(max-width:600px){ .disbursement-note { grid-template-columns: 1fr; gap: 12px; } }
.dn-label { font-family: var(--fm); font-size: .6rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--gold-d); white-space: nowrap; padding-top: 2px; }
.dn-body { font-size: .84rem; color: var(--char-l); line-height: 1.75; }
.billing-grid { display: grid; grid-template-columns: repeat(2,1fr); border: 1px solid var(--rule-d); margin-top: 8px; }
@media(max-width:760px){ .billing-grid { grid-template-columns: 1fr; } }
.bp-card { padding: 36px 32px; border-right: 1px solid rgba(197,179,130,.18); border-bottom: 1px solid rgba(197,179,130,.18); transition: transform .3s var(--ease), box-shadow .3s, border-color .3s; }
.bp-card:hover { transform: translateY(-3px); box-shadow: 4px 6px 0 rgba(197,179,130,.22); border-color: rgba(197,179,130,.45); position: relative; z-index: 1; }
.billing-grid .bp-card:nth-child(2n) { border-right: none; }
.billing-grid .bp-card:nth-last-child(-n+2) { border-bottom: none; }
@media(max-width:760px){ .bp-card { border-right: none; border-bottom: 1px solid rgba(197,179,130,.18); } .billing-grid .bp-card:nth-last-child(-n+2) { border-bottom: 1px solid rgba(197,179,130,.18); } .billing-grid .bp-card:last-child { border-bottom: none; } }
.bp-num { font-family: var(--fh); font-style: italic; font-size: clamp(2rem,2.8vw,2.8rem); font-weight: 700; color: rgba(197,179,130,.45); line-height: .9; margin-bottom: 14px; }
.bp-title { font-family: var(--fh); font-size: 1.2rem; font-weight: 700; color: var(--navy); margin-bottom: 14px; line-height: 1.25; }
.bp-body { font-size: .84rem; color: var(--char-l); line-height: 1.72; }
.rate-sheet-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 28px; font-family: var(--fm); font-size: .64rem; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: var(--gold-d); text-decoration: none; border-bottom: 1px solid rgba(197,179,130,.4); padding-bottom: 4px; transition: color .2s, border-color .2s; }
.rate-sheet-link:hover { color: var(--navy); border-color: var(--navy); }

/* ─── TEAM: members ──────────────────────────────────────────────── */
.member-grid { display: grid; gap: 72px; align-items: start; }
.member-grid.lft { grid-template-columns: 320px 1fr; }
.member-grid.rgt { grid-template-columns: 1fr 320px; }
@media(max-width:860px){ .member-grid.lft, .member-grid.rgt { grid-template-columns: 1fr; gap: 40px; } .member-grid.rgt .portrait { order: -1; } }
.portrait { aspect-ratio: 3/4; background: #1a2e40; position: relative; overflow: hidden; border: 2px solid rgba(197,179,130,.22); box-shadow: var(--sh-hard); }
.portrait img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; filter: contrast(1.03) saturate(.94); }
.portrait-ph { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; background: linear-gradient(160deg,#1a2e40,#0f2942); }
.pp-init { font-family: var(--fh); font-style: italic; font-size: clamp(3rem,8vw,5.5rem); color: rgba(197,179,130,.4); line-height: 1; letter-spacing: .05em; }
.pp-note { font-family: var(--fm); font-size: .57rem; letter-spacing: .26em; text-transform: uppercase; color: rgba(197,179,130,.28); }
.member-name { font-family: var(--fh); font-size: clamp(1.7rem,2.6vw,2.4rem); font-weight: 700; color: var(--navy); margin-bottom: 5px; letter-spacing: -.012em; }
.member-role { font-family: var(--fm); font-size: .64rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--gold-d); margin-bottom: 26px; }
.member-bio { font-size: .92rem; line-height: 1.88; color: var(--char-l); margin-bottom: 14px; max-width: 64ch; text-wrap: pretty; }
.member-bio em { font-style: italic; color: var(--navy); }
blockquote.attr { font-family: var(--fh); font-style: italic; font-size: 1.02rem; color: var(--navy); line-height: 1.65; margin: 26px 0; padding: 4px 0 4px 22px; border-left: 2px solid var(--gold); }
.tag-section { margin-top: 24px; }
.tag-label { font-family: var(--fm); font-size: .58rem; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: var(--char-l); margin-bottom: 10px; }
.tag-row { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 18px; }
.lang-tag { font-size: .68rem; font-weight: 500; color: var(--gold-d); border: 1px solid rgba(197,179,130,.35); padding: 4px 11px; letter-spacing: .03em; transition: background .25s, color .25s; }
.lang-tag:hover { background: var(--gold); color: var(--navy); }
.tag { background: transparent; border: 1px solid rgba(15,41,66,.18); padding: 5px 12px; font-family: var(--fm); font-size: .58rem; font-weight: 500; color: var(--navy); letter-spacing: .08em; text-transform: uppercase; transition: background .25s, color .25s, border-color .25s; }
.tag:hover { background: var(--navy); color: var(--white); border-color: var(--navy); }

/* ─── TEAM: values ───────────────────────────────────────────────── */
.values-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 0; border-top: 1px solid rgba(197,179,130,.2); }
@media(max-width:640px){ .values-grid { grid-template-columns: 1fr; } }
.value-card { padding: 36px 32px 36px 0; border-right: 1px solid rgba(197,179,130,.14); }
.value-card:last-child { border-right: none; padding-right: 0; }
.value-card + .value-card { padding-left: 32px; }
@media(max-width:640px){ .value-card { padding: 28px 0; border-right: none; border-bottom: 1px solid rgba(197,179,130,.14); } .value-card:last-child { border-bottom: none; } .value-card + .value-card { padding-left: 0; } }
.val-n { font-family: var(--fm); font-size: .68rem; letter-spacing: .24em; color: var(--gold-d); margin-bottom: 14px; }
.val-title { font-family: var(--fh); font-size: 1.32rem; font-weight: 700; color: var(--white); margin-bottom: 10px; }
.val-desc { font-size: .86rem; color: rgba(255,255,255,.5); line-height: 1.78; }

/* ─── RESOURCES: intro + tools + articles ────────────────────────── */
.tools-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 40px; flex-wrap: wrap; }
.s-caption { font-family: var(--fm); font-size: .62rem; letter-spacing: .18em; text-transform: uppercase; color: var(--gold-d); margin-bottom: 14px; }
.tools-articles-grid { display: grid; grid-template-columns: 1fr 320px; gap: 56px; align-items: start; }
@media(max-width:900px){ .tools-articles-grid { grid-template-columns: 1fr; gap: 0; } }
.tools-grid { display: flex; flex-direction: column; border-top: 1px solid var(--rule); }
.tool-card { display: grid; grid-template-columns: 72px 1fr auto; gap: 0 clamp(20px,3vw,44px); align-items: center; padding: clamp(26px,3vw,38px) 0; border-bottom: 1px solid var(--rule); position: relative; transition: padding-left .3s var(--ease); }
.tool-card:hover { padding-left: 12px; }
@media(max-width:620px){ .tool-card { grid-template-columns: 48px 1fr; gap: 0 16px; } .tc-cta-wrap { grid-column: 2; margin-top: 14px; justify-content: flex-start; } }
.tc-num { font-family: var(--fh); font-style: italic; font-size: clamp(2.2rem,4vw,3rem); font-weight: 700; line-height: 1; color: rgba(197,179,130,.4); user-select: none; }
.tc-content { display: flex; flex-direction: column; gap: 9px; }
.tc-badge { display: inline-block; font-family: var(--fm); font-size: .56rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; padding: 4px 10px; border: 1px solid rgba(197,179,130,.32); color: var(--gold-d); background: rgba(197,179,130,.07); width: fit-content; }
.tc-title { font-family: var(--fh); font-size: clamp(1.18rem,2vw,1.55rem); font-weight: 700; line-height: 1.22; color: var(--navy); text-wrap: pretty; transition: color .22s; }
.tool-card:hover .tc-title { color: var(--gold-d); }
.tc-desc { font-size: .85rem; line-height: 1.74; color: var(--char-l); max-width: 62ch; }
.tc-desc em { font-style: italic; color: var(--navy); }
.tc-cta-wrap { display: flex; justify-content: flex-end; }
.tc-link { display: inline-flex; align-items: center; gap: 9px; font-family: var(--fb); font-size: .66rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--navy); white-space: nowrap; }
.tc-link::after { content: '→'; font-family: var(--fm); transition: transform .25s var(--ease); }
.tool-card:hover .tc-link::after { transform: translateX(5px); }
.articles-sidebar { border-left: 1px solid var(--rule); position: sticky; top: 100px; padding-left: clamp(24px,3vw,40px); }
@media(max-width:900px){ .articles-sidebar { border-left: none; border-top: 1px solid var(--rule); padding-left: 0; padding-top: 36px; margin-top: 40px; position: static; } }
.sidebar-label { font-family: var(--fm); font-size: .6rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--gold-d); margin-bottom: 22px; }
.art-card { padding: 20px 0; border-bottom: 1px solid var(--rule); display: flex; flex-direction: column; }
.art-card:first-of-type { padding-top: 0; }
.art-card:last-of-type { border-bottom: none; }
.art-card:hover .ac-title { color: var(--gold-d); }
.ac-cat { font-family: var(--fm); font-size: .56rem; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: rgba(168,148,96,.7); margin-bottom: 8px; }
.ac-title { font-family: var(--fh); font-size: 1rem; font-weight: 700; color: var(--navy); line-height: 1.35; margin-bottom: 8px; transition: color .25s; text-wrap: pretty; }
.ac-excerpt { font-size: .8rem; color: var(--char-l); line-height: 1.7; margin-bottom: 12px; }
.ac-meta { font-family: var(--fm); font-size: .58rem; letter-spacing: .08em; color: rgba(45,55,72,.4); display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.ac-read { font-family: var(--fb); font-size: .66rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--navy); display: inline-flex; align-items: center; gap: 6px; transition: color .22s; }
.ac-read::after { content: '→'; transition: transform .22s var(--ease); }
.ac-read:hover { color: var(--gold-d); }
.ac-read:hover::after { transform: translateX(4px); }