:root{--bg:#060606;--panel:#0d0d0d;--panel2:#111;--text:#f2efe7;--muted:#b5b0a5;--gold:#c9a84c;--line:#28251d;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
a{color:inherit}
.skip-link{position:fixed;left:16px;top:12px;z-index:100;transform:translateY(-160%);background:var(--gold);color:#0b0b0b;padding:10px 14px;text-decoration:none;font-size:13px;font-weight:600}
.skip-link:focus{transform:none}
.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}
.topbar{position:sticky;top:0;z-index:20;background:rgba(6,6,6,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;min-height:72px}
.brand{display:flex;gap:12px;align-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:13px}
.brand img{width:30px;height:30px}
.nav{display:flex;gap:22px;align-items:center}
.nav a{text-decoration:none;color:var(--muted);font-size:13px}
.nav a:hover,.nav a[aria-current=page]{color:var(--gold)}
.nav a:focus-visible,.brand:focus-visible,.btn:focus-visible,.crumbs a:focus-visible,.seo-links a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.hero{padding:104px 0 72px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 20%,rgba(201,168,76,.11),transparent 34%)}
.kicker,.mono{font-family:"IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-size:12px}
.hero h1{font-family:"Cormorant Garamond",serif;font-weight:400;font-size:clamp(48px,7vw,88px);line-height:.94;max-width:930px;margin:18px 0 28px}
.hero .lead{max-width:780px;color:#d0ccc2;font-size:clamp(18px,2vw,22px)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid var(--gold);text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:12px;background:var(--gold);color:#0b0b0b}
.btn.ghost{background:transparent;color:var(--gold)}
.section{padding:76px 0}
.section.alt{background:var(--panel)}
.section h2{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(36px,5vw,58px);line-height:1.05;margin:0 0 20px}
.section h3{font-size:18px;margin:0 0 10px}
.section p{color:var(--muted);max-width:780px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.card{border:1px solid var(--line);background:var(--panel2);padding:28px;min-height:190px}
.card p{font-size:14px;margin-bottom:0}
.card .tag{font-family:"IBM Plex Mono",monospace;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.09em}
.two{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:start}
.list{margin:28px 0 0;padding:0;list-style:none;display:grid;gap:14px}
.list li{padding:16px 0;border-top:1px solid var(--line);color:#d7d2c8}
.metric{font-family:"Cormorant Garamond",serif;color:var(--gold);font-size:42px;line-height:1}
.crumbs{font-size:12px;color:#8f8b82;padding-top:20px}
.crumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.crumbs li+li::before{content:"/";margin-right:8px;color:#5f5b53}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--gold)}
.catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px}
.product{border:1px solid var(--line);background:var(--panel2);padding:28px}
.product h3{font-family:"Cormorant Garamond",serif;font-size:30px;font-weight:500}
.price{color:var(--gold);font-family:"IBM Plex Mono",monospace}
.note{border-left:2px solid var(--gold);padding:6px 0 6px 20px;margin-top:28px;color:var(--muted)}
.footer{border-top:1px solid var(--line);padding:42px 0;color:#918c82;font-size:13px}
.footer .wrap{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.footer a{color:#b8b3a9}
.seo-links{display:flex;gap:14px;flex-wrap:wrap}
.seo-links a{text-decoration:none;border-bottom:1px solid #403a28}
.seo-links a:hover{color:var(--gold)}
@media(max-width:820px){.topbar .wrap{align-items:stretch;flex-direction:column;gap:10px;padding:12px 0 10px}
.brand{align-self:flex-start}
.nav{display:flex;gap:8px;overflow-x:auto;padding:0 2px 3px;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{flex:0 0 auto;border:1px solid var(--line);padding:7px 10px;white-space:nowrap}
.hero{padding-top:64px}
.two,.grid,.catalog{grid-template-columns:1fr}
.section{padding:56px 0}
.wrap{width:min(calc(100% - 28px),var(--max))}
.hero h1{font-size:clamp(42px,13vw,58px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}