
:root{--black:#000000;--champagne:#D4B78E;--taupe:#7A7064;--ivory:#F6F3EA;--white:#fff}
*{box-sizing:border-box} html{min-height:100%;scroll-behavior:smooth} body{margin:0;min-height:100vh;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--white);background:#080909;letter-spacing:.005em}
body:before{position:fixed;content:"";inset:0;background:radial-gradient(ellipse at 50% 43%,rgba(212,183,142,.085),transparent 53%),linear-gradient(135deg,#101010,#080909 64%);z-index:-2;pointer-events:none}
body:after{position:fixed;content:"";inset:24px;border:1px solid rgba(212,183,142,.18);z-index:-1;pointer-events:none}
.site{min-height:100vh;display:flex;flex-direction:column;padding:43px min(6vw,90px) 33px}
.header,.footer{display:flex;justify-content:space-between;align-items:center;gap:20px}
.header .mini-brand{font-size:14px;font-weight:760;letter-spacing:.2em;text-decoration:none;color:#f7f4ef}
.header .mini-brand span{color:var(--champagne)}
.lang-switch{display:flex;align-items:center;gap:8px;color:#aaa39a}
.lang-switch button{border:0;background:transparent;padding:8px 7px;cursor:pointer;color:#9e968c;font:600 11px Arial,Helvetica,sans-serif;letter-spacing:.15em}
.lang-switch button.active,.lang-switch button:hover{color:var(--champagne)}
.lang-switch button:focus-visible{outline:2px solid var(--champagne);outline-offset:3px}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 0}
.hero-x{width:118px;height:118px;opacity:.98;filter:drop-shadow(0 0 38px rgba(212,183,142,.06))}
.wordmark{font-size:clamp(37px,6.5vw,93px);font-weight:800;line-height:1.04;letter-spacing:-.07em;margin:28px 0 12px;white-space:nowrap}
.wordmark .accent{color:var(--champagne)}
.subtitle{text-transform:uppercase;font-size:clamp(8px,1.1vw,12px);font-weight:500;letter-spacing:clamp(.19em,.5vw,.48em);color:var(--champagne);margin:0}
.rule{width:57px;height:1px;background:var(--champagne);margin:56px 0 31px;opacity:.95}
h1{font-size:clamp(23px,3vw,37px);letter-spacing:-.025em;line-height:1.27;font-weight:500;max-width:680px;margin:0}
.claim{font-size:clamp(14px,1.6vw,16px);font-weight:350;line-height:1.7;color:#c0b9ad;margin:16px auto 34px;max-width:640px}
.pill{padding:12px 18px;border:1px solid rgba(212,183,142,.55);display:inline-flex;align-items:center;gap:11px;color:var(--champagne);font-size:12px;font-weight:650;letter-spacing:.2em;text-transform:uppercase}
.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--champagne)}
.footer{font-size:11px;letter-spacing:.08em;color:#a49b90;min-height:25px}.footer .copy{color:#716f69}.bottom-line{color:#a49b90}
[hidden]{display:none!important}
@media(max-width:650px){.site{padding:28px 33px}.header .mini-brand{font-size:11px;letter-spacing:.1em}.hero-x{width:91px;height:91px}.wordmark{font-size:clamp(33px,9vw,60px)} .subtitle{letter-spacing:.2em}.rule{margin-top:43px}.footer{flex-direction:column;gap:10px;text-align:center}body:after{inset:12px}}
@media(prefers-reduced-motion:no-preference){main{animation:reveal .65s ease-out both}@keyframes reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}}
