:root{color-scheme:dark;--font-ui: "Segoe UI", "Tahoma", sans-serif;--font-display: "Avenir Next", "Trebuchet MS", sans-serif;--font-mono: "Lucida Console", "Courier New", monospace;--bg-0: #0f0c09;--bg-1: #18120d;--bg-2: #231910;--surface: rgb(36 28 21 / 58%);--surface-strong: rgb(49 37 27 / 68%);--text-main: #f6ebd6;--text-muted: #d8ccb7;--accent: #c89d59;--accent-soft: rgb(200 157 89 / 26%);--line-soft: rgb(240 212 165 / 14%);--shadow-soft: 0 20px 40px rgb(0 0 0 / 34%);--radius-lg: 22px;--radius-md: 14px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:var(--text-main);font-family:var(--font-ui);background:radial-gradient(1200px 600px at 12% -10%,rgb(188 131 65 / 20%),transparent 58%),radial-gradient(900px 500px at 92% 105%,rgb(255 205 137 / 12%),transparent 55%),linear-gradient(140deg,var(--bg-0),var(--bg-1) 45%,var(--bg-2));letter-spacing:.01em}#app{min-height:100dvh}.app-shell{width:min(1200px,100% - 2rem);margin:0 auto;padding:1.2rem 0 2rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.85rem 1rem;border-radius:var(--radius-md);background:linear-gradient(160deg,#362a1e85,#130f0cb8);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:.65rem;font-weight:700;font-family:var(--font-display)}.brand img{width:38px;height:38px;object-fit:contain}.nav{display:flex;gap:.3rem;flex-wrap:wrap}.nav-link{text-decoration:none;color:var(--text-muted);border-radius:999px;padding:.42rem .76rem;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-link:hover,.nav-link.active{color:var(--text-main);background:var(--accent-soft);transform:translateY(-1px)}.locale-switch{display:inline-flex;background:#0c0a088a;border-radius:999px;padding:2px}.locale-btn{border:0;color:var(--text-muted);background:transparent;padding:.34rem .62rem;border-radius:999px;font-family:var(--font-mono);cursor:pointer}.locale-btn.active{color:#fff7e8;background:#d3a4583d}main{margin-top:1.1rem;display:grid;gap:1rem}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:1.25rem;align-items:center;padding:1.45rem;border-radius:var(--radius-lg);background:linear-gradient(150deg,#1b1510cc,#3b2c1d94);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -40px -90px auto;width:260px;height:260px;background:radial-gradient(circle,rgb(200 157 89 / 24%),transparent 65%);pointer-events:none}.badge{display:inline-flex;align-items:center;padding:.22rem .62rem;border-radius:999px;background:#f5deb71a;color:#f7ddae;font-family:var(--font-mono);font-size:.73rem;letter-spacing:.08em}.hero h1{margin:.35rem 0 0;font-family:var(--font-display);font-size:clamp(2rem,4.8vw,3.3rem);letter-spacing:.06em}.hero-subtitle{margin-top:.65rem;color:#f1e4ca;font-size:1.05rem;line-height:1.55}.hero-description{margin-top:.6rem;color:var(--text-muted);line-height:1.66;max-width:65ch}.cta{margin-top:.55rem;display:inline-flex;text-decoration:none;color:#211507;background:linear-gradient(180deg,#ddba7c,#c99649);padding:.56rem 1rem;border-radius:999px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease}.cta:hover{transform:translateY(-1px);box-shadow:0 8px 20px #c99a4f5c}.hero-logo-wrap{min-height:250px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(155deg,#110d0a66,#3b2d1f8f)}.hero-logo{width:min(92%,460px);height:auto;filter:drop-shadow(0 12px 24px rgb(0 0 0 / 40%))}.section{padding:1.1rem .2rem}.section h2{margin:0;font-family:var(--font-display);font-size:clamp(1.28rem,2.3vw,1.9rem)}.section h3,.section h4{margin-top:0}.section-intro{color:var(--text-muted);line-height:1.68;max-width:82ch}.grid{display:grid;gap:.9rem}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.news-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.guide-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.screenshot-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.card{border-radius:var(--radius-md);padding:.95rem}.card.soft{background:linear-gradient(155deg,#fff1d60d,#19130e8f);box-shadow:inset 0 0 0 1px var(--line-soft)}.card ul{margin:.45rem 0 0;padding-left:1.1rem;color:var(--text-muted);line-height:1.5}.feature-card p,.news-card p,.roadmap p{color:var(--text-muted);line-height:1.6}.news-card header,.timeline-entry header{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem}.news-card span,.timeline-entry span{color:var(--text-muted);font-size:.86rem}.list-long{margin:0}.list-long li{margin-bottom:.5rem}.guide-module{margin-top:.8rem}.guide-module h4{margin-bottom:.3rem}.guide-checklist{margin-top:.85rem;padding-top:.65rem;border-top:1px solid var(--line-soft)}.faq details{padding:.58rem 0;border-top:1px solid var(--line-soft)}.faq summary{cursor:pointer;font-weight:700}.faq p{margin:.45rem 0 0;color:var(--text-muted)}.community-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:.9rem 0}.chip{text-decoration:none;color:#ffe9c3;background:#c89d5926;border-radius:999px;padding:.42rem .8rem;transition:transform .17s ease,background .17s ease}.chip:hover{transform:translateY(-1px);background:#d4a65f42}.chip.disabled{opacity:.75;cursor:default;pointer-events:none}.timeline{display:grid;gap:.8rem}.timeline-entry p{margin:.5rem 0 0;color:var(--text-muted)}.shot-card{margin:0;overflow:hidden}.shot-card img{width:100%;border-radius:10px;display:block}.shot-card.landscape img{height:170px;object-fit:cover}.shot-card.portrait img{height:360px;object-fit:contain;background:#0a080673;padding:6px;border-radius:10px}.shot-card figcaption{margin-top:.65rem}.shot-card figcaption p{margin:.35rem 0 0;color:var(--text-muted)}.reveal{animation:revealIn .42s ease both}@keyframes revealIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.hero,.three-col,.two-col{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{width:min(1200px,100% - 1rem)}.hero{padding:1rem}.topbar{padding:.75rem}.shot-card.portrait img{height:300px}}