/* Shared styles for dhun.pro SEO pages */
*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;}
:root{
  --bg:#080808;--surface:#111111;--surface2:#181818;--surface3:#202020;
  --border:rgba(255,255,255,0.07);--border-strong:rgba(255,255,255,0.12);
  --gold:#C9A84C;--gold2:#E2C06A;--gold-dim:#A8873A;
  --gold-glow:rgba(201,168,76,0.12);--gold-shadow:rgba(201,168,76,0.25);
  --text:#F2F0EB;--muted:#888;--muted2:#555;
  --radius:16px;--radius-sm:10px;
}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;font-size:16px;line-height:1.6;min-height:100vh;}

/* NAV */
.seo-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);position:sticky;top:0;background:rgba(8,8,8,0.92);backdrop-filter:blur(12px);z-index:100;}
.seo-nav-logo{font-family:'Syne',sans-serif;font-size:20px;font-weight:800;color:var(--gold);text-decoration:none;letter-spacing:-0.5px;}
.seo-nav-cta{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#000;font-weight:700;font-size:13px;padding:9px 20px;border-radius:20px;text-decoration:none;transition:all .2s;white-space:nowrap;}
.seo-nav-cta:hover{box-shadow:0 4px 16px var(--gold-shadow);transform:translateY(-1px);}

/* HERO */
.seo-hero{max-width:720px;margin:0 auto;padding:64px 24px 40px;}
.seo-eyebrow{display:inline-block;background:rgba(201,168,76,0.1);border:1px solid rgba(201,168,76,0.2);color:var(--gold);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:5px 12px;border-radius:20px;margin-bottom:20px;}
.seo-h1{font-family:'Syne',sans-serif;font-size:clamp(32px,6vw,52px);font-weight:800;line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px;}
.seo-h1 em{font-style:normal;color:var(--gold);}
.seo-subtext{font-size:18px;color:#bbb;line-height:1.7;margin-bottom:32px;max-width:580px;}
.seo-punch{font-size:14px;color:var(--gold);font-weight:600;margin-bottom:32px;letter-spacing:0.2px;}

/* CTA HERO */
.seo-cta-hero{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#000;font-family:'Syne',sans-serif;font-weight:800;font-size:15px;padding:16px 32px;border-radius:24px;text-decoration:none;transition:all .25s;box-shadow:0 4px 24px var(--gold-shadow);}
.seo-cta-hero:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(201,168,76,0.4);}
.seo-cta-sub{display:block;margin-top:10px;font-size:12px;color:var(--muted);text-align:center;}

/* SECTION WRAPPER */
.seo-section{max-width:720px;margin:0 auto;padding:0 24px 56px;}
.seo-divider{height:1px;background:var(--border);max-width:720px;margin:0 auto 56px;}

/* SECTION TITLES */
.seo-section-label{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
.seo-section-title{font-family:'Syne',sans-serif;font-size:clamp(22px,4vw,32px);font-weight:800;letter-spacing:-0.8px;line-height:1.2;margin-bottom:16px;}
.seo-section-body{color:#bbb;font-size:16px;line-height:1.8;}
.seo-section-body p{margin-bottom:14px;}
.seo-section-body strong{color:var(--text);}

/* CARDS */
.seo-cards{display:grid;grid-template-columns:1fr;gap:14px;margin:24px 0;}
@media(min-width:480px){.seo-cards{grid-template-columns:1fr 1fr;}}
.seo-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;}
.seo-card-icon{font-size:24px;margin-bottom:10px;}
.seo-card-title{font-family:'Syne',sans-serif;font-size:14px;font-weight:700;margin-bottom:6px;}
.seo-card-body{color:var(--muted);font-size:13px;line-height:1.6;}

/* STEPS */
.seo-steps{display:flex;flex-direction:column;gap:20px;margin:24px 0;}
.seo-step{display:flex;gap:16px;align-items:flex-start;}
.seo-step-num{min-width:36px;height:36px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#000;font-family:'Syne',sans-serif;font-weight:800;font-size:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.seo-step-content{}
.seo-step-title{font-family:'Syne',sans-serif;font-weight:700;font-size:15px;margin-bottom:4px;}
.seo-step-body{color:var(--muted);font-size:14px;line-height:1.6;}

/* DHUN FEATURE BLOCK */
.seo-feature-block{background:linear-gradient(135deg,rgba(201,168,76,0.07),rgba(201,168,76,0.02));border:1px solid rgba(201,168,76,0.2);border-radius:var(--radius);padding:32px;margin:24px 0;}
.seo-feature-block-title{font-family:'Syne',sans-serif;font-size:clamp(20px,3.5vw,28px);font-weight:800;letter-spacing:-0.5px;margin-bottom:12px;}
.seo-feature-block-body{color:#bbb;font-size:15px;line-height:1.8;margin-bottom:24px;}
.seo-feature-list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;}
.seo-feature-item{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:#ccc;}
.seo-feature-item::before{content:"✓";color:var(--gold);font-weight:800;min-width:16px;}

/* MID CTA BLOCK */
.seo-cta-block{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);padding:40px 24px;text-align:center;margin:24px 0;}
.seo-cta-block-title{font-family:'Syne',sans-serif;font-size:clamp(22px,4vw,30px);font-weight:800;letter-spacing:-0.8px;margin-bottom:8px;}
.seo-cta-block-sub{color:var(--muted);font-size:14px;margin-bottom:24px;}
.seo-cta-block-tag{display:inline-block;background:rgba(61,220,132,0.1);border:1px solid rgba(61,220,132,0.2);color:#3DDC84;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:20px;margin-bottom:16px;}

/* FAQ */
.seo-faq{display:flex;flex-direction:column;gap:0;}
.seo-faq-item{border-bottom:1px solid var(--border);}
.seo-faq-item:first-child{border-top:1px solid var(--border);}
.seo-faq-q{width:100%;background:none;border:none;color:var(--text);font-family:'Inter',sans-serif;font-size:15px;font-weight:600;text-align:left;padding:18px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;}
.seo-faq-q:hover{color:var(--gold);}
.seo-faq-q .seo-faq-arrow{font-size:12px;color:var(--muted);transition:transform .2s;flex-shrink:0;}
.seo-faq-q.open .seo-faq-arrow{transform:rotate(180deg);color:var(--gold);}
.seo-faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;color:var(--muted);font-size:14px;line-height:1.75;}
.seo-faq-a.open{max-height:300px;padding-bottom:16px;}

/* INTERNAL LINKS */
.seo-related{display:grid;grid-template-columns:1fr;gap:12px;margin:24px 0;}
@media(min-width:480px){.seo-related{grid-template-columns:1fr 1fr;}}
.seo-related-link{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 18px;text-decoration:none;color:var(--text);font-size:13px;font-weight:600;transition:all .2s;}
.seo-related-link:hover{border-color:rgba(201,168,76,0.3);color:var(--gold);}
.seo-related-link span{display:block;color:var(--muted);font-weight:400;font-size:12px;margin-top:2px;}

/* FOOTER */
.seo-footer{border-top:1px solid var(--border);padding:32px 24px;text-align:center;color:var(--muted2);font-size:12px;}
.seo-footer a{color:var(--muted);text-decoration:none;margin:0 8px;}
.seo-footer a:hover{color:var(--gold);}

/* RESPONSIVE */
@media(max-width:480px){
  .seo-nav{padding:14px 16px;}
  .seo-hero{padding:48px 16px 32px;}
  .seo-section{padding:0 16px 48px;}
  .seo-feature-block{padding:24px 18px;}
  .seo-cta-block{padding:32px 16px;}
}