:root{
  --bg:#24070D;
  --bg-soft:#2f0b13;
  --card:#351018;
  --card-2:#3b121c;
  --text:#f8f3ee;
  --muted:#d9c8c1;
  --accent:#d9b768;
  --accent-soft:#f0d99b;
  --border:rgba(217,183,104,.34);
  --content-width:1120px;
  --text-width:820px;
  --radius:18px;
  --shadow:0 18px 50px rgba(0,0,0,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:18px;line-height:1.68;-webkit-font-smoothing:antialiased}
a{color:var(--accent-soft);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:#fff0bd}
img{display:block;max-width:100%;height:auto}
.container,.article,.article-section,.ekten-seo-wave2,.ekten-related-link{width:min(calc(100% - 48px),var(--content-width));margin-left:auto;margin-right:auto}
.topbar{position:relative;border-bottom:1px solid rgba(217,183,104,.18);background:#24070D}
.topbar .nav{min-height:86px;display:flex;align-items:center;gap:28px;justify-content:space-between}
.brand{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}
.brand img{width:118px;height:auto;max-height:56px;object-fit:contain}
.navlinks{display:flex;gap:10px 22px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.navlinks a,.ekten-visible-exit-nav a{color:var(--text);text-decoration:none;font-size:15px;font-weight:650;letter-spacing:.01em}
.navlinks a:hover,.ekten-visible-exit-nav a:hover{color:var(--accent-soft)}
.ekten-visible-exit-nav{width:min(calc(100% - 48px),var(--content-width));margin:14px auto 0;display:flex;gap:18px;justify-content:space-between;padding:10px 0;color:var(--muted)}
main{padding:18px 0 0}
.hero{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(300px,.87fr);gap:54px;align-items:center;padding-top:48px;padding-bottom:54px}
.eyebrow,.section-kicker,.section-num,.tag{color:var(--accent);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;color:#fff;line-height:1.17;letter-spacing:-.02em;margin-top:0}
h1{font-size:clamp(42px,5vw,72px);margin-bottom:24px;max-width:850px}
h2{font-size:clamp(30px,3.1vw,46px);margin-bottom:20px}
h3{font-size:clamp(22px,2vw,30px);margin:30px 0 14px}
p{margin:0 0 19px}
.lead{font-size:clamp(20px,2vw,25px);line-height:1.5;color:#f0e3dc;max-width:760px}
.hero-note{margin-top:28px;padding:22px 24px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero-note>div{margin-top:14px}
.hero-img{margin:0;background:var(--card);border:1px solid var(--border);border-radius:24px;padding:22px;box-shadow:var(--shadow)}
.hero-img img{width:100%;border-radius:14px;background:#fff}
.article{width:min(calc(100% - 48px),var(--content-width));margin:0 auto}
.article>.article-section,.article-section,.ekten-seo-wave2{max-width:var(--content-width);padding:44px 0;border-top:1px solid rgba(217,183,104,.16)}
.article-section>*:not(.table-wrap):not(.callout):not(.ekten-seo-grid),.ekten-seo-wave2>*{max-width:var(--text-width)}
.article-section h2,.article-section h3,.article-section p,.article-section ul,.article-section ol,.article-section .section-kicker,.article-section .section-num,.ekten-seo-wave2 h2,.ekten-seo-wave2 p{margin-left:auto;margin-right:auto}
.callout{max-width:var(--text-width);margin:26px auto;padding:22px 24px;background:var(--card);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:14px}
.callout strong{display:block;margin-bottom:7px;color:var(--accent-soft)}
.callout p:last-child{margin-bottom:0}
ul,ol{padding-left:1.4em}
li{margin:8px 0;padding-left:.2em}
.checklist{list-style:none;padding-left:0}
.checklist li{position:relative;padding-left:30px}
.checklist li:before{content:'✓';position:absolute;left:0;color:var(--accent);font-weight:800}
.steps{counter-reset:step;list-style:none;padding:0}
.steps li{counter-increment:step;position:relative;padding:14px 16px 14px 54px;margin:10px 0;background:rgba(255,255,255,.025);border-radius:12px}
.steps li:before{content:counter(step);position:absolute;left:14px;top:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#271008;font-weight:800;font-size:14px}
.table-wrap{overflow-x:auto;margin:28px auto;max-width:var(--content-width);border:1px solid var(--border);border-radius:14px}
table{border-collapse:collapse;width:100%;min-width:680px;background:var(--card)}
th,td{padding:15px 16px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(217,183,104,.16)}
th{color:var(--accent-soft);font-size:15px}
tr:last-child td{border-bottom:0}
.muted{color:var(--muted)}
.ekten-faq h3{margin-top:28px}
.ekten-faq details{max-width:var(--text-width);margin:12px auto;background:var(--card);border:1px solid var(--border);border-radius:13px;overflow:hidden}
.ekten-faq summary{cursor:pointer;padding:17px 20px;font-weight:750;color:#fff;list-style-position:inside}
.ekten-faq details p{padding:0 20px 18px;margin:0;color:var(--muted)}
.ekten-seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:var(--content-width);margin:26px auto 0}
.ekten-seo-grid .callout{margin:0;max-width:none;height:100%}
.ekten-seo-wave2{margin-top:0}
.ekten-related-link{padding:0 0 42px;max-width:var(--text-width)}
.cta{margin-top:24px;margin-bottom:52px;padding:30px 32px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(135deg,#351018,#2c0a11);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}
.cta h2{font-size:clamp(28px,3vw,42px);margin:7px 0 10px}
.cta p{margin:0;color:var(--muted)}
.cta>a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 20px;border-radius:12px;background:var(--accent);color:#261008;text-decoration:none;font-weight:800}
footer{border-top:1px solid rgba(217,183,104,.18);padding:34px 24px 46px;color:var(--muted);text-align:center;background:var(--bg)}
footer a{color:var(--muted)}
footer>*{max-width:var(--content-width);margin-left:auto;margin-right:auto}
body,header,main,section,article,footer{background-color:transparent}
@media(max-width:900px){
  body{font-size:17px}
  .container,.article,.article-section,.ekten-seo-wave2,.ekten-related-link,.ekten-visible-exit-nav{width:min(calc(100% - 40px),var(--content-width))}
  .hero{grid-template-columns:1fr;gap:30px;padding-top:34px}
  .hero-img{max-width:680px;width:100%;margin:auto}
  .topbar .nav{align-items:flex-start;padding-top:16px;padding-bottom:16px;min-height:auto}
  .navlinks{gap:8px 14px}
  .ekten-seo-grid{grid-template-columns:1fr}
  .cta{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
  body{font-size:16px;line-height:1.62}
  .container,.article,.article-section,.ekten-seo-wave2,.ekten-related-link,.ekten-visible-exit-nav{width:calc(100% - 28px)}
  .topbar .nav{gap:16px;flex-direction:column}
  .brand img{width:102px}
  .navlinks{justify-content:flex-start}
  .navlinks a{font-size:14px}
  .ekten-visible-exit-nav{font-size:14px;gap:12px;flex-wrap:wrap}
  main{padding-top:4px}
  .hero{padding-top:24px;padding-bottom:34px}
  h1{font-size:38px}
  h2{font-size:30px}
  h3{font-size:23px}
  .lead{font-size:19px}
  .hero-note,.callout{padding:18px}
  .hero-img{padding:12px;border-radius:16px}
  .article>.article-section,.article-section,.ekten-seo-wave2{padding:34px 0}
  .cta{width:calc(100% - 28px);padding:24px 20px;margin-bottom:34px}
  .cta>a{width:100%}
  table{font-size:14px}
}
@media print{body{background:#fff;color:#111}a{color:#111}.topbar,.ekten-visible-exit-nav,.cta{display:none}.article-section{break-inside:avoid}}