:root{
  --ink:#0C0C0A;
  --paper:#F5F2EC;
  --cream:#EDE9DF;
  --sand:#D6CFC0;
  --rust:#C4531A;
  --rust-light:#E8733A;
  --rust-pale:#F5E4D8;
  --gold:#B89A5A;
  --text:#2A2A22;
  --muted:#7A7868;
  --line:rgba(12,12,10,.14);
}
*,
*::before,
*::after{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  margin:0;
  min-width:0;
  overflow-x:hidden;
  background:var(--paper);
  color:var(--text);
  font-family:"Outfit",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:300;
}
img{display:block;max-width:100%}
a{color:inherit}
button,input,textarea,select{font:inherit}
.site-nav{
  min-height:74px;
  padding:18px clamp(22px,4vw,64px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-bottom:1px solid var(--line);
  background:rgba(245,242,236,.94);
  backdrop-filter:blur(14px);
  position:sticky;
  top:0;
  z-index:30;
}
.logo{
  font-family:"DM Serif Display",serif;
  font-size:24px;
  text-decoration:none;
  letter-spacing:-.5px;
  color:var(--ink);
}
.nav-links{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:26px;
  list-style:none;
  margin:0;
  padding:0;
}
.nav-links a{
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:1.8px;
  color:var(--muted);
  font:400 10px/1.3 "DM Mono",monospace;
}
.nav-links a:hover{color:var(--rust)}
.breadcrumbs{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding:22px 0 0;
  color:var(--muted);
  font:400 10px/1.5 "DM Mono",monospace;
  letter-spacing:1px;
  overflow-wrap:anywhere;
}
.breadcrumbs a{text-decoration:none;color:var(--rust)}
.hero{
  min-height:690px;
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);
  width:min(1280px,100%);
  margin:0 auto;
  position:relative;
  overflow:hidden;
}
.hero-copy{
  min-width:0;
  padding:clamp(70px,9vw,128px) clamp(28px,5vw,72px) 82px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.eyebrow{
  display:flex;
  gap:12px;
  align-items:center;
  color:var(--rust);
  text-transform:uppercase;
  letter-spacing:2.6px;
  font:400 10px/1.5 "DM Mono",monospace;
  margin-bottom:24px;
}
.eyebrow::before{content:"";width:30px;height:1px;background:var(--rust);flex:0 0 auto}
h1,h2,h3,p{margin-top:0}
h1{
  max-width:830px;
  margin-bottom:28px;
  color:var(--ink);
  font:400 clamp(48px,6.2vw,88px)/.98 "DM Serif Display",serif;
  letter-spacing:-2px;
  overflow-wrap:anywhere;
}
.hero-lede{
  max-width:720px;
  color:var(--muted);
  font-size:18px;
  line-height:1.72;
  margin-bottom:36px;
}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:32px}
.btn{
  min-height:52px;
  padding:15px 24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  border:1px solid var(--sand);
  text-transform:uppercase;
  letter-spacing:2px;
  font:500 10px/1.2 "DM Mono",monospace;
  transition:.2s ease;
}
.btn-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn-primary:hover{background:var(--rust);border-color:var(--rust);transform:translateY(-2px)}
.btn-secondary:hover{border-color:var(--rust);color:var(--rust);transform:translateY(-2px)}
.keyword-chips,.lang-links{display:flex;flex-wrap:wrap;gap:8px}
.keyword-chips span,.lang-links a{
  padding:7px 10px;
  border:1px solid var(--sand);
  text-decoration:none;
  color:var(--muted);
  font:400 9px/1.3 "DM Mono",monospace;
  letter-spacing:.6px;
}
.lang-links{margin-top:14px}
.lang-links a:hover,.lang-links a.active{border-color:var(--rust);color:var(--rust)}
.hero-visual{
  min-width:0;
  position:relative;
  overflow:hidden;
  background:var(--cream);
}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center top}
.visual-note{
  position:absolute;
  left:28px;
  right:28px;
  bottom:28px;
  padding:18px 20px;
  background:rgba(245,242,236,.95);
  color:var(--muted);
  font:400 10px/1.6 "DM Mono",monospace;
  letter-spacing:1px;
}
.metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  background:var(--ink);
  color:var(--paper);
}
.metric{
  min-width:0;
  padding:30px clamp(20px,3.2vw,46px);
  border-right:1px solid rgba(255,255,255,.12);
}
.metric:last-child{border-right:0}
.metric strong{
  display:block;
  font:400 35px/1 "DM Serif Display",serif;
  margin-bottom:8px;
}
.metric span{
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:1.5px;
  font:400 9px/1.45 "DM Mono",monospace;
}
main{overflow:hidden}
.section{
  padding:clamp(76px,9vw,124px) clamp(24px,5vw,72px);
  border-bottom:1px solid var(--line);
}
.section>*{width:min(1160px,100%);margin-left:auto;margin-right:auto}
.section-alt{background:var(--cream)}
.section-dark{background:var(--ink);color:var(--paper)}
.section-head{
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  gap:24px;
  align-items:start;
  margin-bottom:52px;
}
.section-num{
  padding-top:10px;
  color:var(--rust);
  font:400 10px/1.4 "DM Mono",monospace;
  letter-spacing:1.8px;
}
.section h2{
  color:inherit;
  font:400 clamp(36px,4.5vw,62px)/1.05 "DM Serif Display",serif;
  letter-spacing:-1.2px;
  overflow-wrap:anywhere;
}
.intro-grid{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:clamp(34px,6vw,88px);
}
.lead{
  color:var(--ink);
  font:400 clamp(25px,3vw,38px)/1.25 "DM Serif Display",serif;
}
.prose{min-width:0}
.prose p{
  color:var(--muted);
  font-size:16px;
  line-height:1.8;
  margin-bottom:20px;
}
.card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:2px;
}
.card{
  min-width:0;
  padding:34px 30px;
  background:var(--paper);
  border-top:2px solid transparent;
  transition:.22s ease;
}
.card:hover{border-color:var(--rust);background:var(--rust-pale);transform:translateY(-2px)}
.card-num{
  margin-bottom:16px;
  color:var(--rust);
  font:400 9px/1.4 "DM Mono",monospace;
  letter-spacing:1.8px;
}
.card h3{
  color:var(--ink);
  font:400 24px/1.2 "DM Serif Display",serif;
  overflow-wrap:anywhere;
}
.card p{
  color:var(--muted);
  font-size:14px;
  line-height:1.7;
  margin-bottom:0;
}
.bullet-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.bullet{
  min-width:0;
  padding:18px 20px 18px 47px;
  background:var(--cream);
  position:relative;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.bullet::before{
  content:"→";
  position:absolute;
  left:19px;
  top:18px;
  color:var(--rust);
}
.process{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:2px;
}
.step{
  min-width:0;
  padding:30px 26px;
  background:var(--paper);
}
.step strong{
  display:block;
  color:var(--ink);
  font:400 22px/1.2 "DM Serif Display",serif;
  margin-bottom:12px;
}
.step p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.two-col{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(32px,6vw,82px);
}
.value-box{
  padding:34px;
  background:var(--paper);
  border:1px solid var(--sand);
}
.value-box h3{font:400 28px/1.2 "DM Serif Display",serif;color:var(--ink)}
.value-box p,.value-box li{color:var(--muted);line-height:1.7}
.value-box ul{margin:18px 0 0;padding-left:20px}
.faq-list{display:grid;gap:10px}
.faq{border:1px solid var(--sand);background:var(--paper);padding:0 22px}
.faq summary{
  cursor:pointer;
  list-style:none;
  padding:20px 34px 20px 0;
  position:relative;
  color:var(--ink);
  font:400 20px/1.35 "DM Serif Display",serif;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;color:var(--rust)}
.faq[open] summary::after{content:"−"}
.faq p{color:var(--muted);line-height:1.75;padding:0 0 20px;margin:0;max-width:900px}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.related{
  min-width:0;
  padding:28px;
  border:1px solid #272722;
  text-decoration:none;
  transition:.2s ease;
}
.related:hover{border-color:var(--rust);transform:translateY(-3px)}
.related small{
  display:block;color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;
  font:400 9px/1.4 "DM Mono",monospace;margin-bottom:15px
}
.related strong{display:block;font:400 24px/1.2 "DM Serif Display",serif;margin-bottom:12px}
.related span{display:block;color:#979487;font-size:14px;line-height:1.65}
.contact{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:clamp(36px,7vw,90px);
  align-items:start;
}
.contact-copy h2{
  color:var(--ink);
  font:400 clamp(40px,5vw,64px)/1 "DM Serif Display",serif;
}
.contact-copy p{color:var(--muted);font-size:16px;line-height:1.75}
.contact-links{display:grid;gap:10px;margin-top:28px}
.contact-links a{
  min-width:0;
  padding:15px 16px;
  border:1px solid var(--sand);
  text-decoration:none;
  color:var(--muted);
  overflow-wrap:anywhere;
}
.contact-links a:hover{border-color:var(--rust);color:var(--rust)}
.contact-form{
  min-width:0;
  padding:clamp(28px,4vw,48px);
  background:var(--cream);
}
.contact-form h2{
  color:var(--ink);
  font:400 32px/1.2 "DM Serif Display",serif;
  margin-bottom:28px;
}
.form-group{margin-bottom:18px}
.form-group label{
  display:block;margin-bottom:8px;color:var(--muted);text-transform:uppercase;letter-spacing:1.8px;
  font:400 9px/1.4 "DM Mono",monospace
}
.form-group input,.form-group textarea,.form-group select{
  display:block;width:100%;min-width:0;max-width:100%;
  padding:14px 15px;border:1px solid var(--sand);border-radius:0;
  background:var(--paper);color:var(--text);outline:0
}
.form-group textarea{height:126px;resize:vertical}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--rust)}
.form-submit{
  width:100%;min-height:55px;border:0;background:var(--ink);color:var(--paper);
  text-transform:uppercase;letter-spacing:2.8px;font:500 10px/1.3 "DM Mono",monospace;cursor:pointer
}
.form-submit:hover{background:var(--rust)}
.form-submit:disabled{opacity:.65;cursor:wait}
.form-status{min-height:18px;margin-top:12px;color:var(--muted);font:400 9px/1.5 "DM Mono",monospace}
.form-status.success{color:#218C52}.form-status.error{color:var(--rust)}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.site-footer{padding:52px clamp(24px,5vw,72px);background:var(--ink);color:var(--paper);overflow:hidden}
.footer-grid{
  width:min(1160px,100%);margin:auto;
  display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(150px,.7fr));
  gap:40px
}
.footer-title{font:400 28px/1.2 "DM Serif Display",serif;margin-bottom:18px}
.footer-copy{
  max-width:620px;color:var(--muted);text-transform:uppercase;letter-spacing:1.8px;
  font:400 9px/1.7 "DM Mono",monospace;overflow-wrap:anywhere
}
.footer-col{min-width:0;display:flex;flex-direction:column;gap:11px}
.footer-col h3{color:var(--gold);text-transform:uppercase;letter-spacing:1.7px;font:400 9px/1.4 "DM Mono",monospace}
.footer-col a{color:var(--muted);text-decoration:none;overflow-wrap:anywhere}
.footer-col a:hover{color:var(--paper)}
@media (max-width:900px){
  .hero{grid-template-columns:1fr;min-height:0}
  .hero-copy{padding-top:80px}
  .hero-visual{min-height:520px}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metric:nth-child(2){border-right:0}
  .metric:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}
  .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process{grid-template-columns:repeat(2,minmax(0,1fr))}
  .related-grid{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr}
}
@media (max-width:640px){
  .site-nav{padding:15px 20px;min-height:64px}
  .nav-links{display:none}
  .breadcrumbs{width:calc(100% - 40px);padding-top:18px}
  .hero-copy{padding:58px 20px 54px}
  h1{font-size:clamp(43px,14vw,62px);letter-spacing:-1.3px}
  .hero-lede{font-size:16px}
  .hero-actions{display:grid}
  .btn{width:100%}
  .hero-visual{min-height:430px}
  .visual-note{left:16px;right:16px;bottom:16px}
  .metrics{grid-template-columns:1fr}
  .metric{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
  .metric:last-child{border-bottom:0!important}
  .section{padding:72px 20px}
  .section-head{grid-template-columns:1fr;gap:10px;margin-bottom:38px}
  .section-num{padding-top:0}
  .intro-grid,.two-col{grid-template-columns:1fr}
  .card-grid{grid-template-columns:1fr}
  .bullet-grid{grid-template-columns:1fr}
  .process{grid-template-columns:1fr}
  .contact-form{padding:28px 20px}
  .footer-grid{grid-template-columns:1fr;gap:32px}
}


/* ================================================================
   GLOBAL SHELL CONSISTENCY PATCH
   Header, metrics marquee, contact area, company details and footer
   intentionally match the main homepage across all SEO landing pages.
   ================================================================ */

/* Fixed surname/navigation, matching the homepage */
.site-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  min-height: 0;
  padding: 20px 48px;
  background: transparent;
  border-bottom: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  mix-blend-mode: multiply;
}
.site-nav .logo {
  font-family: 'DM Serif Display', serif;
  font-size: 22px;
  color: var(--ink);
  letter-spacing: -0.5px;
}
.breadcrumbs { padding-top: 92px; }

/* Interactive horizontal metrics marquee, matching the homepage */
.metrics {
  display: block;
  grid-template-columns: none;
  background: var(--ink);
  color: var(--paper);
  overflow: hidden;
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  touch-action: pan-y;
  cursor: grab;
}
.metrics.is-dragging { cursor: grabbing; }
.metrics-track {
  display: flex;
  width: max-content;
  will-change: transform;
  transform: translate3d(0,0,0);
}
.metrics-group {
  display: flex;
  align-items: center;
  gap: 64px;
  flex: 0 0 auto;
  padding: 28px 32px;
}
.metrics .metric {
  flex: 0 0 auto;
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 8px;
  padding: 0;
  border: 0;
}
.metric-num {
  display: inline;
  margin: 0;
  color: var(--paper);
  font: 400 36px/1 'DM Serif Display', serif;
}
.metric-label {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 2px;
  white-space: nowrap;
  font: 400 10px/1.45 'DM Mono', monospace;
}

/* Contact block, same visual language as homepage */
#contact.section {
  padding: 120px 64px;
  background: var(--paper);
}
#contact.section > .contact {
  width: min(1160px, 100%);
  max-width: 1160px;
}
.contact {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 80px;
  align-items: center;
}
.contact-copy { min-width: 0; }
.contact-copy .eyebrow { margin-bottom: 24px; }
.contact-copy h2 {
  margin-bottom: 24px;
  color: var(--ink);
  font: 400 clamp(42px,5vw,64px)/1 'DM Serif Display', serif;
  letter-spacing: -1px;
}
.contact-copy p {
  margin-bottom: 40px;
  color: var(--muted);
  font-size: 16px;
  font-weight: 300;
  line-height: 1.7;
}
.contact-links {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 0;
}
.contact-links a {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 16px 20px;
  border: 1px solid var(--sand);
  color: var(--text);
  text-decoration: none;
  transition: border-color .2s, background .2s;
  overflow-wrap: anywhere;
}
.contact-links a:hover {
  border-color: var(--rust);
  background: var(--rust-pale);
  color: var(--text);
}
.contact-link-icon {
  flex: 0 0 auto;
  font-size: 18px;
}
.contact-link-text {
  min-width: 0;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 1px;
  overflow-wrap: anywhere;
  font: 400 11px/1.5 'DM Mono', monospace;
}
.contact-form {
  width: 100%;
  min-width: 0;
  padding: 48px;
  background: var(--cream);
}
.contact-form h2 {
  margin-bottom: 32px;
  color: var(--ink);
  font: 400 28px/1.2 'DM Serif Display', serif;
}
.form-group { margin-bottom: 20px; }
.form-group label {
  display: block;
  margin-bottom: 8px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 2px;
  font: 400 10px/1.4 'DM Mono', monospace;
}
.form-group input,
.form-group textarea,
.form-group select {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: 14px 16px;
  border: 1px solid var(--sand);
  border-radius: 0;
  background: var(--paper);
  color: var(--text);
  outline: none;
}
.form-group textarea { min-height: 132px; resize: vertical; }
.form-submit {
  width: 100%;
  min-height: 52px;
  border: 0;
  background: var(--ink);
  color: var(--paper);
  text-transform: uppercase;
  letter-spacing: 3px;
  cursor: pointer;
  font: 500 10px/1.3 'DM Mono', monospace;
}
.form-submit:hover { background: var(--rust); }

/* Same legal/company block as the homepage */
.company-details {
  width: 100%;
  padding: 60px 64px;
  overflow: hidden;
  border-top: 1px solid var(--sand);
  background: var(--cream);
}
.company-details-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 48px;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
.company-details-grid > div,
.company-details-grid a,
.company-details-grid span {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.company-kicker {
  margin-bottom: 16px;
  color: var(--rust);
  text-transform: uppercase;
  letter-spacing: 3px;
  font: 400 10px/1.4 'DM Mono', monospace;
}
.company-title {
  margin-bottom: 12px;
  color: var(--ink);
  font: 400 20px/1.3 'DM Serif Display', serif;
}
.company-copy {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.9;
}
.company-copy a { text-decoration: none; }
.company-copy .email { color: var(--rust); }
.company-copy .phone { color: var(--muted); }
.company-sbi {
  text-transform: uppercase;
  letter-spacing: 1px;
  font: 400 9px/1.5 'DM Mono', monospace;
}

/* Same compact black footer as the homepage */
.site-footer {
  width: 100%;
  padding: 40px 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  overflow: hidden;
  background: var(--ink);
  color: var(--paper);
}
.footer-name {
  color: var(--paper);
  font: 400 20px/1.3 'DM Serif Display', serif;
}
.site-footer .footer-copy {
  min-width: 0;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 2px;
  overflow-wrap: anywhere;
  font: 400 10px/1.7 'DM Mono', monospace;
}
.footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-links a {
  color: var(--muted);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font: 400 10px/1.4 'DM Mono', monospace;
}
.footer-links a:hover { color: var(--rust); }

@media (max-width: 1024px) {
  .contact { grid-template-columns: 1fr; }
  .company-details-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .site-nav { padding: 16px 24px; }
  .site-nav .nav-links { display: none; }
  .breadcrumbs { padding-top: 76px; }
  .metrics-group { gap: 32px; padding: 24px 16px; }
  #contact.section { padding: 80px 24px; }
  .contact { gap: 44px; }
  .contact-form { padding: 32px 20px; }
  .contact-links a { align-items: flex-start; padding: 15px 16px; }
  .company-details { padding: 52px 24px; }
  .company-details-grid { grid-template-columns: 1fr; gap: 36px; }
  .site-footer {
    padding: 36px 24px;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .footer-name,
  .site-footer .footer-copy,
  .footer-links { width: 100%; }
}
@media (hover:none), (pointer:coarse) {
  .metrics { cursor: auto; }
}


/* ================================================================
   DATING CPA NETWORK & SMARTLINK CONTENT CLUSTER
   Article components only. Existing site shell remains unchanged.
   ================================================================ */
.article-hero h1{font-size:clamp(46px,5.6vw,78px)}
.article-meta{display:flex;flex-wrap:wrap;gap:9px 18px;margin:0 0 28px;color:var(--muted);text-transform:uppercase;letter-spacing:1.4px;font:400 9px/1.5 'DM Mono',monospace}
.article-meta span{position:relative}.article-meta span+span::before{content:'·';position:absolute;left:-11px;color:var(--rust)}
.article-body{min-width:0}.article-body>p{max-width:900px;color:var(--muted);font-size:16px;line-height:1.82;margin:0 0 22px}.article-body>p:last-child{margin-bottom:0}
.article-body h3{color:var(--ink);font:400 28px/1.18 'DM Serif Display',serif;margin:34px 0 14px}
.article-body a{color:var(--rust);text-decoration-thickness:1px;text-underline-offset:3px}
.article-list{display:grid;gap:10px;margin:24px 0 0;padding:0;list-style:none}.article-list li{position:relative;padding:17px 18px 17px 46px;background:var(--cream);color:var(--muted);line-height:1.65}.article-list li::before{content:'→';position:absolute;left:18px;color:var(--rust)}
.numbered-list{counter-reset:item}.numbered-list li{counter-increment:item;padding-left:62px}.numbered-list li::before{content:counter(item,decimal-leading-zero);font:400 10px/1.5 'DM Mono',monospace;top:20px}
.article-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.article-card{min-width:0;padding:30px 28px;background:var(--paper);border-top:2px solid transparent}.section:not(.section-alt) .article-card{background:var(--cream)}.article-card:hover{border-color:var(--rust)}.article-card h3{margin:0 0 12px;font-size:23px}.article-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.68}
.content-table-wrap{width:100%;overflow-x:auto;margin:24px 0 30px;border:1px solid var(--sand);background:var(--paper)}.content-table{width:100%;min-width:720px;border-collapse:collapse}.content-table th,.content-table td{padding:17px 18px;text-align:left;vertical-align:top;border-right:1px solid var(--sand);border-bottom:1px solid var(--sand);line-height:1.55}.content-table th:last-child,.content-table td:last-child{border-right:0}.content-table tr:last-child td{border-bottom:0}.content-table th{background:var(--ink);color:var(--paper);text-transform:uppercase;letter-spacing:1.4px;font:500 9px/1.4 'DM Mono',monospace}.content-table td{color:var(--muted);font-size:14px}.content-table td:first-child{color:var(--ink);font-weight:500}
.callout{margin:28px 0;padding:26px 28px;border-left:3px solid var(--rust);background:var(--rust-pale)}.callout-label{margin-bottom:10px;color:var(--rust);text-transform:uppercase;letter-spacing:2px;font:500 9px/1.4 'DM Mono',monospace}.callout-body{color:var(--text);font:400 21px/1.45 'DM Serif Display',serif}
.flow-diagram{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:2px;overflow-x:auto;padding-bottom:5px}.flow-node{min-width:150px;padding:24px 20px;background:var(--paper);border-top:2px solid var(--rust)}.flow-node span,.score-num{display:block;margin-bottom:14px;color:var(--rust);font:400 9px/1.4 'DM Mono',monospace;letter-spacing:1.5px}.flow-node strong{display:block;color:var(--ink);font:400 20px/1.2 'DM Serif Display',serif;margin-bottom:10px}.flow-node small{display:block;color:var(--muted);font-size:12px;line-height:1.55}
.score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.score-card{padding:27px;background:var(--paper);border:1px solid var(--sand)}.score-card h3{margin:0 0 10px;font-size:23px}.score-card p{margin:0 0 16px;color:var(--muted);line-height:1.65}.score-scale{color:var(--rust);text-transform:uppercase;letter-spacing:1.4px;font:400 9px/1.4 'DM Mono',monospace}
.decision-tree{display:grid;gap:10px}.decision-row{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);border:1px solid var(--sand);background:var(--paper)}.decision-question{padding:22px;color:var(--ink);font:400 20px/1.3 'DM Serif Display',serif}.decision-answer{padding:22px;border-left:1px solid var(--sand)}.decision-answer strong{display:block;color:var(--rust);font:500 10px/1.4 'DM Mono',monospace;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:8px}.decision-answer span{color:var(--muted);line-height:1.62}
.architecture-map{display:grid;max-width:920px;margin:0 auto}.arch-layer{padding:22px 24px;border:1px solid var(--sand);background:var(--paper)}.arch-layer span{display:block;margin-bottom:7px;color:var(--rust);font:500 9px/1.4 'DM Mono',monospace;letter-spacing:1.6px}.arch-layer strong{font-weight:400;color:var(--text);line-height:1.6}.arch-arrow{text-align:center;color:var(--rust);font-size:24px;line-height:1.3}
.id-chain{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:2px;overflow-x:auto}.id-node{min-width:150px;padding:24px 20px;background:var(--paper)}.id-node span{display:block;color:var(--rust);text-transform:uppercase;letter-spacing:1.5px;font:500 9px/1.4 'DM Mono',monospace;margin-bottom:12px}.id-node strong{display:block;color:var(--ink);font:400 19px/1.25 'DM Serif Display',serif;overflow-wrap:anywhere;margin-bottom:9px}.id-node small{color:var(--muted);line-height:1.5}
.checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.check-item{display:flex;gap:14px;align-items:flex-start;padding:18px;background:var(--paper);border:1px solid var(--sand);color:var(--muted);line-height:1.55;cursor:pointer}.check-box{flex:0 0 20px;width:20px;height:20px;border:1.5px solid var(--rust);margin-top:1px}.check-item strong{display:inline-block;min-width:23px;color:var(--rust);font:500 9px/1.4 'DM Mono',monospace;letter-spacing:1px}
@media(max-width:900px){.article-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-diagram{grid-template-columns:repeat(6,220px)}.id-chain{grid-template-columns:repeat(5,220px)}}
@media(max-width:640px){.article-hero h1{font-size:clamp(42px,13vw,58px)}.article-meta{display:grid;gap:6px}.article-meta span+span::before{display:none}.article-card-grid,.score-grid,.checklist-grid{grid-template-columns:1fr}.decision-row{grid-template-columns:1fr}.decision-answer{border-left:0;border-top:1px solid var(--sand)}.callout{padding:22px}.callout-body{font-size:19px}.content-table th,.content-table td{padding:14px}.article-list li{padding-right:14px}}
@media print{.site-nav,.breadcrumbs,.hero-visual,.metrics,.hero-actions,#contact,.company-details,.site-footer{display:none!important}.hero{display:block;min-height:0}.hero-copy{padding:30px 0}.section{padding:30px 0}.checklist-grid{grid-template-columns:repeat(2,1fr)}body{background:#fff}.check-item,.content-table-wrap{break-inside:avoid}}