*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --dark:#111118;--dark2:#16161f;--dark3:#1e1e2a;
  --gold:#c9973a;--gold2:#e6b422;--kachi:#55576c;--kachi2:#6e7090;
  --light:#f4f0e8;--white:#faf8f4;--gray:#888898;--gray2:#666678;
  --text:#dedad2;--border:rgba(201,151,58,0.15);
}
html{scroll-behavior:smooth}
body{background:var(--dark);color:var(--text);font-family:'DM Sans',sans-serif;font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased}
nav{position:fixed;top:0;left:0;right:0;z-index:200;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(17,17,24,0.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav-diamond{width:11px;height:11px;background:var(--gold2);transform:rotate(45deg);flex-shrink:0}
.nav-brand{font-family:'DM Mono',monospace;font-size:0.65rem;letter-spacing:0.16em;color:var(--gold2);text-transform:uppercase}
.nav-links{display:flex;gap:2px}
.nav-links a{font-size:0.73rem;color:var(--gray);text-decoration:none;padding:6px 9px;border-radius:2px;transition:color .2s,background .2s;letter-spacing:0.02em}
.nav-links a:hover,.nav-links a.active{color:var(--gold2);background:rgba(201,151,58,0.08)}
.nav-cta{font-size:0.72rem;font-weight:500;color:var(--dark);background:var(--gold2);padding:8px 16px;border-radius:2px;text-decoration:none;letter-spacing:0.03em;transition:opacity .2s;white-space:nowrap}
.nav-cta:hover{opacity:.85}
.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px}
.nav-hamburger span{display:block;width:22px;height:1.5px;background:var(--gold)}
.mobile-nav{display:none;position:fixed;inset:58px 0 0 0;z-index:190;background:rgba(17,17,24,0.98);backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:32px 24px}
.mobile-nav.open{display:flex}
.mobile-nav a{font-size:1rem;color:var(--text);text-decoration:none;padding:13px 40px;width:100%;text-align:center;border-bottom:1px solid rgba(255,255,255,0.05);transition:color .2s}
.mobile-nav a:hover{color:var(--gold2)}
.mobile-nav .m-cta{margin-top:14px;background:var(--gold2);color:var(--dark);font-weight:500;border-radius:2px;border-bottom:none}
main{padding-top:58px}
.section{padding:72px 24px}
.section-alt{background:var(--dark2)}
.wrap{max-width:720px;margin:0 auto}
.wrap-wide{max-width:960px;margin:0 auto}
.label{font-family:'DM Mono',monospace;font-size:0.63rem;letter-spacing:0.22em;color:var(--gold);text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:14px}
.label::after{content:'';width:30px;height:1px;background:var(--gold);opacity:.4}
h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:600;line-height:1.15}
h1{font-size:clamp(2.4rem,8vw,4rem);color:var(--white);margin-bottom:18px}
h2{font-size:clamp(1.7rem,5vw,2.5rem);color:var(--white);margin-bottom:14px}
h3{font-size:1.25rem;color:var(--white);margin-bottom:10px}
h1 em,h2 em{font-style:italic;color:var(--gold2)}
.lead{font-size:.97rem;color:var(--gray);line-height:1.8;margin-bottom:32px;max-width:560px}
.btn{display:inline-block;text-decoration:none;font-size:.84rem;font-weight:500;padding:13px 26px;border-radius:2px;letter-spacing:.04em;transition:all .2s}
.btn-gold{background:var(--gold2);color:var(--dark)}
.btn-gold:hover{opacity:.88}
.btn-outline{border:1px solid rgba(201,151,58,0.4);color:var(--gold)}
.btn-outline:hover{border-color:var(--gold);background:rgba(201,151,58,0.06)}
.btn-group{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.card{border:1px solid var(--border);border-radius:4px;padding:24px 20px;transition:border-color .25s;position:relative;overflow:hidden}
.card:hover{border-color:rgba(201,151,58,0.35)}
.card-bar::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--gold);opacity:0;transition:opacity .25s}
.card-bar:hover::before{opacity:1}
.grid-2{display:grid;grid-template-columns:1fr;gap:14px}
.grid-3{display:grid;grid-template-columns:1fr;gap:14px}
.divider{width:44px;height:1px;background:var(--gold);opacity:.3;margin:28px 0}
.diamond-cluster{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:28px}
.d-lg{width:20px;height:20px;background:var(--gold);transform:rotate(45deg);opacity:.85}
.d-row{display:flex;gap:24px}
.d-sm{width:9px;height:9px;background:var(--gold);transform:rotate(45deg);opacity:.28}
.step{display:flex;gap:18px;margin-bottom:28px;align-items:flex-start}
.step-num{flex-shrink:0;width:34px;height:34px;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-size:.72rem;color:var(--gold);transform:rotate(45deg);margin-top:2px}
.step-num span{transform:rotate(-45deg);display:block}
.step-title{font-weight:500;color:var(--white);font-size:.93rem;margin-bottom:4px}
.step-body{font-size:.83rem;color:var(--gray);line-height:1.65}
.tag{display:inline-block;font-family:'DM Mono',monospace;font-size:.6rem;letter-spacing:.1em;color:var(--gold);background:rgba(201,151,58,0.1);border:1px solid rgba(201,151,58,0.2);padding:3px 9px;border-radius:20px;margin-top:10px}
footer{padding:40px 24px 52px;border-top:1px solid rgba(201,151,58,0.1);text-align:center}
.footer-logo{font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.2em;color:var(--gold);margin-bottom:14px}
.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:2px;margin-bottom:18px}
.footer-links a{font-size:.75rem;color:var(--gray2);text-decoration:none;padding:4px 9px;transition:color .2s}
.footer-links a:hover{color:var(--gold)}
.footer-sub{font-size:.7rem;color:rgba(136,136,152,0.4);line-height:1.9}
.fade{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.fade.in{opacity:1;transform:translateY(0)}
@media(min-width:600px){.section{padding:88px 40px}nav{padding:0 40px}.grid-2{grid-template-columns:1fr 1fr}}
@media(min-width:860px){.grid-3{grid-template-columns:repeat(3,1fr)}.section{padding:96px 60px}nav{padding:0 48px}.nav-links{display:flex}.nav-hamburger{display:none}}
@media(max-width:859px){.nav-links{display:none}.nav-hamburger{display:flex}}
