.content-page { background: #0b0d0f; }
.content-hero { position: relative; min-height: 760px; padding: 160px 0 110px; display: grid; align-items: center; overflow: hidden; border-bottom: 1px solid var(--border); background: radial-gradient(circle at 76% 25%, rgba(214,179,106,.09), transparent 32%), #0b0d0f; }
.content-grid-lines { position: absolute; inset: 0; opacity: .2; background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to bottom,black,transparent 92%); }
.content-hero-inner { position: relative; max-width: 1180px; margin-inline: auto; }
.breadcrumbs { margin-bottom: 54px; display: flex; flex-wrap: wrap; gap: 10px; color: #747c83; font: .65rem/1.4 var(--font-mono); }
.breadcrumbs a { color: #a9a69f; text-decoration: none; }.breadcrumbs a:hover { color: var(--brand); }
.content-hero h1 { max-width: 1080px; margin: 0; font-size: clamp(3.4rem, 6.7vw, 7rem); font-weight: 800; line-height: .95; letter-spacing: -.062em; }
.content-lead { max-width: 820px; margin: 32px 0 0; color: var(--muted); font-size: clamp(1.05rem,1.4vw,1.3rem); line-height: 1.75; }
.content-actions { margin-top: 38px; display: flex; flex-wrap: wrap; gap: 12px; }
.answer-section { padding: 90px 0; color: #171a1d; background: #f4f0e7; }
.answer-layout { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(340px,.75fr); gap: 80px; align-items: center; }
.answer-card .eyebrow { color: #89672d; }.answer-card h2 { margin: 0; font-size: clamp(2rem,3vw,3.6rem); letter-spacing: -.045em; }.answer-card > p:last-child { max-width: 850px; margin: 24px 0 0; color: #555752; font-size: 1.08rem; line-height: 1.85; }
.content-benefits { margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #d4c9b7; border-radius: 12px; overflow: hidden; list-style: none; }.content-benefits li { min-height: 88px; padding: 16px; display: flex; align-items: center; gap: 9px; color: #53544f; border-right: 1px solid #d4c9b7; border-bottom: 1px solid #d4c9b7; font-size: .75rem; font-weight: 650; }.content-benefits li:nth-child(2n) { border-right: 0; }.content-benefits li:nth-last-child(-n+2) { border-bottom: 0; }.content-benefits li::before { content: "✓"; color: #28704b; }
.content-body-section { padding: 130px 0; background: #0e1114; }
.article-layout { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: clamp(70px,9vw,150px); align-items: start; }
.article-body { max-width: 900px; }.article-body section { position: relative; padding: 0 0 66px 72px; }.article-body section:last-child { padding-bottom: 0; }.article-body section:not(:last-child)::before { content: ""; position: absolute; left: 23px; top: 47px; bottom: 20px; width: 1px; background: var(--border); }.article-index { position: absolute; left: 0; top: 0; width: 47px; height: 47px; display: grid; place-items: center; color: var(--brand); border: 1px solid rgba(214,179,106,.4); border-radius: 50%; font: .62rem/1 var(--font-mono); }.article-body h2 { margin: 0; font-size: clamp(1.75rem,2.6vw,2.8rem); line-height: 1.1; letter-spacing: -.04em; }.article-body p { margin: 20px 0 0; color: var(--muted); font-size: .98rem; line-height: 1.85; }
.article-aside { position: sticky; top: 100px; display: grid; gap: 18px; }.article-aside > div { padding: 24px; background: #14191d; border: 1px solid var(--border); border-radius: 11px; }.article-aside .eyebrow { margin-bottom: 14px; }.article-aside > div:first-child a { padding: 11px 0; display: block; color: #a8a59e; border-bottom: 1px solid var(--border); text-decoration: none; font-size: .72rem; line-height: 1.45; }.article-aside > div:first-child a:last-child { border-bottom: 0; }.article-aside a:hover { color: var(--brand-hover); }.aside-proof strong { font-size: .86rem; }.aside-proof p { margin: 12px 0; color: var(--muted-2); font-size: .7rem; line-height: 1.65; }.aside-proof a { color: var(--brand); text-decoration: none; font-size: .68rem; font-weight: 700; }
.content-faq { padding: 120px 0; background: #0b0d0f; }.content-faq .faq-layout { align-items: start; }
.related-section { padding: 105px 0; color: #171a1d; background: #f4f0e7; }.related-heading .eyebrow { color: #89672d; }.related-heading h2 { margin: 0; font-size: clamp(2.2rem,4vw,4.2rem); letter-spacing: -.05em; }.related-grid { margin-top: 44px; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid #d4c9b7; border-radius: 12px; overflow: hidden; }.related-grid a { position: relative; min-height: 230px; padding: 28px; display: flex; flex-direction: column; color: #171a1d; border-right: 1px solid #d4c9b7; text-decoration: none; }.related-grid a:last-child { border-right: 0; }.related-grid span { color: #89672d; font: .6rem/1.3 var(--font-mono); text-transform: uppercase; letter-spacing: .1em; }.related-grid strong { margin-top: 30px; font-size: 1.25rem; line-height: 1.25; }.related-grid i { margin-top: auto; color: #89672d; font-style: normal; transition: transform .2s; }.related-grid a:hover i { transform: translateX(5px); }
.content-final { position: relative; min-height: 560px; padding: 110px 0; display: grid; place-items: center; overflow: hidden; text-align: center; background: radial-gradient(circle at center,rgba(214,179,106,.12),transparent 45%),#0d1013; }.content-final h2 { margin: 0; font-size: clamp(2.8rem,6vw,6.3rem); line-height: .98; letter-spacing: -.06em; }.content-final p:not(.eyebrow) { max-width: 650px; margin: 24px auto 0; color: var(--muted); line-height: 1.7; }.content-final .button { margin-top: 32px; }

@media (max-width: 980px) { .answer-layout { grid-template-columns: 1fr; gap: 46px; }.article-layout { grid-template-columns: 1fr; }.article-aside { position: static; grid-template-columns: 1fr 1fr; }.related-grid { grid-template-columns: 1fr; }.related-grid a { min-height: 180px; border-right: 0; border-bottom: 1px solid #d4c9b7; }.related-grid a:last-child { border-bottom: 0; } }
@media (max-width: 780px) { .content-hero { min-height: 680px; padding: 125px 0 82px; }.breadcrumbs { margin-bottom: 42px; }.content-hero h1 { font-size: clamp(3rem,14vw,4.7rem); }.content-actions { flex-direction: column; }.content-actions .button { width: 100%; }.answer-section { padding: 75px 0; }.content-benefits { grid-template-columns: 1fr; }.content-benefits li { min-height: 68px; border-right: 0; border-bottom: 1px solid #d4c9b7!important; }.content-benefits li:last-child { border-bottom: 0!important; }.content-body-section,.content-faq,.related-section { padding: 82px 0; }.article-body section { padding-left: 62px; }.article-body section:not(:last-child)::before { left: 20px; }.article-index { width: 41px; height: 41px; }.article-aside { grid-template-columns: 1fr; }.related-grid a { padding: 24px; }.content-final { min-height: 520px; padding: 85px 0; } }
@media (max-width: 430px) { .content-hero h1 { font-size: 3.15rem; }.article-body section { padding-left: 0; padding-top: 58px; }.article-index { top: 0; }.article-body section:not(:last-child)::before { display: none; }.content-final .button { width: 100%; } }

.article-points{margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none}.article-points li{padding:12px 14px;color:#c8c6bf;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.025);font-size:.76rem}.article-points li::before{content:"✓";margin-right:8px;color:var(--brand)}
.content-directory{padding:100px 0 130px;background:#0e1114}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.directory-card{min-height:300px;padding:28px;display:flex;flex-direction:column;color:var(--text);border:1px solid var(--border);border-radius:12px;background:#14191d;text-decoration:none;transition:transform .2s,border-color .2s}.directory-card:hover{transform:translateY(-4px);border-color:rgba(214,179,106,.5)}.directory-card span{color:var(--brand);font:.62rem/1.3 var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.directory-card h2{margin:28px 0 14px;font-size:1.35rem;line-height:1.2}.directory-card p{margin:0;color:var(--muted-2);font-size:.78rem;line-height:1.7}.directory-card i{margin-top:auto;padding-top:24px;color:var(--brand);font-style:normal;font-size:.75rem;font-weight:700}
.tool-hero{min-height:610px}.tool-section{padding:90px 0 130px;background:#0e1114}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:32px;align-items:start}.tool-card,.tool-aside{padding:32px;border:1px solid var(--border);border-radius:12px;background:#14191d}.tool-card form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tool-card .field{display:grid;gap:8px}.tool-card .field-wide,.tool-card form>.button,.tool-card .form-status{grid-column:1/-1}.tool-card label{color:#e7e3d9;font-size:.76rem;font-weight:700}.tool-card label span,.tool-card small{color:var(--muted-2);font-size:.68rem;font-weight:400}.tool-card input,.tool-card textarea{width:100%;min-height:48px;padding:12px 14px;color:var(--text);border:1px solid rgba(255,255,255,.16);border-radius:8px;outline:none;background:#0d1013;resize:vertical}.tool-card input:focus,.tool-card textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(214,179,106,.15)}.form-status{min-height:22px;margin:0;color:#e4c88f;font-size:.72rem}.tool-result{margin-top:28px;padding-top:28px;border-top:1px solid var(--border)}.tool-result[hidden]{display:none}.tool-result>div{margin-top:8px;display:grid;grid-template-columns:1fr auto;gap:10px}.tool-result p{color:var(--muted);font-size:.78rem}.tool-result>a,.tool-aside a{color:var(--brand);font-size:.76rem;font-weight:700;text-decoration:none}.tool-aside{position:sticky;top:100px}.tool-aside h2{margin:0;font-size:1.6rem}.tool-aside p:not(.eyebrow){color:var(--muted);font-size:.78rem;line-height:1.7}.ua-result h2{margin:0 0 18px}.ua-result dl{margin:0;display:grid;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:9px;overflow:hidden}.ua-result dl div{padding:14px;display:grid;grid-template-columns:180px 1fr;gap:14px;background:#111519}.ua-result dt{color:var(--muted-2);font-size:.68rem}.ua-result dd{margin:0;color:#ece8df;font-size:.75rem;font-weight:650}.tool-warning{padding:14px;border-left:3px solid #c88f48;background:rgba(200,143,72,.08)}
@media(max-width:980px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-layout{grid-template-columns:1fr}.tool-aside{position:static}}
@media(max-width:780px){.article-points,.directory-grid{grid-template-columns:1fr}.directory-card{min-height:250px}.tool-card,.tool-aside{padding:22px}.tool-card form{grid-template-columns:1fr}.tool-card .field,.tool-card form>.button,.tool-card .form-status{grid-column:1}.tool-result>div{grid-template-columns:1fr}.ua-result dl div{grid-template-columns:1fr;gap:5px}}