:root{--paper:#0a0a0b;--ink:#f5f6f7;--muted:#aeb5bf;--line:#383d45;--soft:#12151a;--accent:#d6be8b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}
.site-header{position:sticky;top:0;z-index:30;background:#0a0a0bf2;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.site-header>.wrap{display:flex;align-items:center;gap:20px;padding:16px 0}.logo{font-size:22px;font-weight:700;text-decoration:none;letter-spacing:-1px}.logo i{color:var(--accent);font-style:normal}
.header-nav{display:flex;gap:6px;margin-left:auto}.header-nav a{font-size:12px;text-decoration:none;color:#cbd1d9;padding:10px 12px;border-radius:11px}.header-nav a:hover{background:#20242a;color:#fff}
.lang-switch{display:flex;gap:5px}.lang-switch a{font-size:11px;text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.hero{padding:100px 0 74px;background:radial-gradient(ellipse at 78% 18%,#d6be8b12,transparent 48%)}.eyebrow{font:11px/1.5 monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
h1{font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-3px;margin:18px 0 24px;max-width:900px}.lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:780px}
.snapshot{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:44px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}.snap{background:#101216;padding:24px}.snap strong{display:block;font-size:28px;color:#ead7ae}.snap span{display:block;margin-top:7px;font-size:11px;line-height:1.45;color:#aeb5bf}
.section{padding:84px 0;border-top:1px solid var(--line)}.section.mist{background:var(--soft)}.section-head{display:grid;grid-template-columns:1fr .85fr;gap:60px;align-items:end;margin-bottom:42px}.section h2{font-size:clamp(30px,4vw,50px);line-height:1.08;letter-spacing:-1.8px;margin:14px 0 0}.section-head p,.body-copy{font-size:14px;line-height:1.8;color:var(--muted);margin:0}
.story-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:60px}.story-list{display:grid;gap:12px}.story-item{padding:22px;border:1px solid #41464f;border-radius:15px;background:linear-gradient(145deg,#171a1f,#101216)}.story-item h3{font-size:15px;margin:0 0 8px}.story-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.result-card{border:1px solid #5a503c;background:#d6be8b0b;border-radius:18px;padding:30px}.result-card .big{font-size:clamp(44px,6vw,68px);letter-spacing:-2px;color:#ead7ae}.result-card p{font-size:14px;line-height:1.8;color:#c1c7d0}.quote{margin:28px 0 0;padding:24px 0 0;border-top:1px solid #4a4f58;font-size:21px;line-height:1.55;letter-spacing:-.4px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step{padding:24px;border:1px solid #41464f;border-radius:15px;background:#101216}.step .n{font:10px/1.5 monospace;color:var(--accent)}.step h3{font-size:16px;margin:16px 0 9px}.step p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
.answer{padding:26px;border-left:2px solid var(--accent);background:#d6be8b08}.answer h2{font-size:30px;margin:0 0 14px}.answer p{font-size:16px;line-height:1.8;color:#d7dce2;margin:0}
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related a{display:block;padding:20px;border:1px solid #41464f;border-radius:14px;background:#111419;text-decoration:none}.related a:hover{border-color:#7e704f;background:#181b20}.related strong{display:block;font-size:14px}.related span{display:block;margin-top:8px;font-size:12px;line-height:1.6;color:var(--muted)}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:13px;border:1px solid rgba(231,215,181,.4);background:linear-gradient(135deg,#f8f7f3 0%,#d8d6d0 46%,#f3eee3 100%);color:#0c0d0f;text-decoration:none;font-size:13px;font-weight:600;box-shadow:0 12px 30px #0005,inset 0 1px 0 #fff;transition:transform .22s,box-shadow .22s}.btn:hover{transform:translateY(-2px);box-shadow:0 17px 38px #0007}.btn.secondary{background:#ffffff0b;color:#eef1f5;border-color:#ffffff22;box-shadow:inset 0 1px 0 #ffffff0b}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.note{font-size:12px;line-height:1.7;color:#919aa6;margin-top:18px}
footer{padding:48px 0 90px;border-top:1px solid var(--line);color:#9da5af;font-size:12px}
@media(max-width:850px){.header-nav{display:none}.snapshot{grid-template-columns:repeat(2,1fr)}.section-head,.story-grid{grid-template-columns:1fr;gap:28px}.steps,.related{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wrap{width:calc(100% - 32px)}.hero{padding:70px 0 56px}h1{font-size:42px;letter-spacing:-1.8px}.snapshot,.steps,.related{grid-template-columns:1fr}.section{padding:64px 0}.result-card{padding:23px}.quote{font-size:18px}.actions .btn{width:100%;text-align:center}.snap{padding:20px}}
@media(hover:none){.btn:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}