:root{--ink:#0a0a0f;--charcoal:#1a1a2e;--deep:#16213e;--gold:#c9a84c;--gold-light:#e8c97a;--silver:#a8b2c1;--off-white:#f5f0e8;--paper:#faf7f2;--text:#2c2c3a;--muted:#6b7280;--border:rgba(201,168,76,0.25);}
*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}
body{font-family:'Noto Sans SC',sans-serif;background:var(--paper);color:var(--text);overflow-x:hidden;}
header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,15,0.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 5%;}
nav{display:flex;align-items:center;justify-content:space-between;height:68px;}
.logo{font-family:'Noto Serif SC',serif;font-weight:900;font-size:1.4rem;color:var(--gold);text-decoration:none;}
.logo span{color:var(--off-white);font-size:0.6rem;display:block;font-weight:300;letter-spacing:0.15em;}
nav ul{list-style:none;display:flex;gap:1.8rem;}
nav ul a{color:var(--silver);text-decoration:none;font-size:0.85rem;transition:color 0.2s;}
nav ul a:hover{color:var(--gold);}
.lang-switch{background:transparent;border:1px solid var(--border);color:var(--gold);padding:5px 12px;font-size:0.78rem;cursor:pointer;text-decoration:none;transition:all 0.2s;}
.lang-switch:hover{background:var(--gold);color:var(--ink);}
.hamburger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;}
.hamburger span{display:block;width:24px;height:2px;background:var(--gold);}

.page-hero{padding:9rem 8% 4.5rem;background:linear-gradient(135deg,var(--ink) 0%,var(--deep) 100%);border-bottom:1px solid var(--border);position:relative;overflow:hidden;}
.page-hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 50%,rgba(201,168,76,0.07) 0%,transparent 60%);}
.breadcrumb{font-size:0.75rem;color:var(--muted);margin-bottom:1.5rem;position:relative;z-index:1;}
.breadcrumb a{color:var(--gold);text-decoration:none;}
.breadcrumb a:hover{text-decoration:underline;}
.page-hero h1{font-family:'Noto Serif SC',serif;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:900;color:var(--off-white);line-height:1.15;margin-bottom:1rem;position:relative;z-index:1;}
.page-hero h1 em{color:var(--gold);font-style:normal;}
.page-hero .lead{color:var(--silver);font-size:1rem;line-height:1.8;max-width:600px;position:relative;z-index:1;}
.hero-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1.5rem;position:relative;z-index:1;}
.hero-tags span{background:rgba(201,168,76,0.1);border:1px solid var(--border);color:var(--gold-light);padding:4px 12px;font-size:0.75rem;}

.content-wrap{max-width:1100px;margin:0 auto;padding:4.5rem 8%;}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;}
.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.5rem;}

h2.sec{font-family:'Noto Serif SC',serif;font-size:clamp(1.5rem,3vw,2.2rem);color:var(--ink);margin-bottom:1rem;line-height:1.25;}
.label{font-size:0.68rem;letter-spacing:0.35em;color:var(--gold);text-transform:uppercase;margin-bottom:0.6rem;}
p.body-text{color:var(--text);line-height:1.9;font-size:0.95rem;margin-bottom:1.2rem;}

.feature-card{background:white;border:1px solid rgba(0,0,0,0.07);border-bottom:3px solid var(--gold);padding:1.8rem;transition:transform 0.2s,box-shadow 0.2s;}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.08);}
.feature-card .icon{font-size:2rem;margin-bottom:1rem;}
.feature-card h3{font-family:'Noto Serif SC',serif;color:var(--ink);font-size:1rem;margin-bottom:0.5rem;}
.feature-card p{font-size:0.82rem;color:var(--muted);line-height:1.7;}

.process{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2.5rem;}
.step{text-align:center;padding:1.5rem 1rem;}
.step-num{width:48px;height:48px;border-radius:50%;background:var(--gold);color:var(--ink);font-weight:900;font-size:1.1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;}
.step h4{font-family:'Noto Serif SC',serif;color:var(--ink);font-size:0.95rem;margin-bottom:0.4rem;}
.step p{font-size:0.78rem;color:var(--muted);line-height:1.6;}

.faq{margin-top:2.5rem;}
.faq-item{border-bottom:1px solid rgba(0,0,0,0.1);padding:1.2rem 0;}
.faq-q{font-weight:600;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:0.95rem;}
.faq-q::after{content:'+';color:var(--gold);font-size:1.2rem;transition:transform 0.2s;}
.faq-item.open .faq-q::after{transform:rotate(45deg);}
.faq-a{color:var(--muted);font-size:0.88rem;line-height:1.8;max-height:0;overflow:hidden;transition:max-height 0.3s,padding 0.3s;}
.faq-item.open .faq-a{max-height:300px;padding-top:0.75rem;}

.cta-bar{background:var(--charcoal);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:3rem 8%;text-align:center;}
.cta-bar h2{font-family:'Noto Serif SC',serif;color:var(--off-white);font-size:1.6rem;margin-bottom:0.75rem;}
.cta-bar p{color:var(--silver);margin-bottom:1.8rem;font-size:0.9rem;}
.cta-btns{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;}

.btn-primary{background:var(--gold);color:var(--ink);padding:13px 28px;font-size:0.88rem;font-weight:700;letter-spacing:0.06em;border:none;cursor:pointer;text-decoration:none;display:inline-block;transition:all 0.2s;font-family:'Noto Sans SC',sans-serif;}
.btn-primary:hover{background:var(--gold-light);transform:translateY(-2px);}
.btn-secondary{background:transparent;color:var(--off-white);padding:12px 28px;font-size:0.88rem;letter-spacing:0.06em;border:1px solid rgba(255,255,255,0.3);cursor:pointer;text-decoration:none;display:inline-block;transition:all 0.2s;font-family:'Noto Sans SC',sans-serif;}
.btn-secondary:hover{border-color:var(--gold);color:var(--gold);}

.related{padding:4rem 8%;background:#f0ebe0;}
.related h2{font-family:'Noto Serif SC',serif;font-size:1.5rem;color:var(--ink);margin-bottom:2rem;}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}
.rel-card{background:white;padding:1.5rem;text-decoration:none;display:block;border-bottom:3px solid transparent;transition:border-color 0.2s,transform 0.2s;}
.rel-card:hover{border-bottom-color:var(--gold);transform:translateY(-3px);}
.rel-card .icon{font-size:1.5rem;margin-bottom:0.6rem;}
.rel-card h4{font-family:'Noto Serif SC',serif;color:var(--ink);font-size:0.9rem;margin-bottom:0.3rem;}
.rel-card p{font-size:0.75rem;color:var(--muted);}

footer{background:#060609;border-top:1px solid var(--border);padding:2rem 8%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;}
footer p{color:var(--muted);font-size:0.78rem;}
footer a{color:var(--gold);text-decoration:none;font-size:0.78rem;}
.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap;}

@media(max-width:900px){
  nav ul{display:none;}
  .hamburger{display:flex;}
  nav ul.open{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:var(--ink);padding:1.5rem;gap:1.5rem;border-bottom:1px solid var(--border);}
  .two-col,.three-col,.process{grid-template-columns:1fr;}
  .related-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .content-wrap{padding:3rem 5%;}
  .related-grid{grid-template-columns:1fr;}
}