:root{
  --bg:#f6f0e8;
  --surface:#fffaf5;
  --surface-2:#f2e5d8;
  --surface-3:#efe2d4;
  --text:#2f241d;
  --muted:#70645d;
  --border:#e4d3c2;
  --accent:#b46b52;
  --accent-2:#8da3a8;
  --accent-soft:rgba(180,107,82,.14);
  --shadow:0 18px 48px rgba(79,58,43,.09);
  --radius:28px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(180,107,82,.10), transparent 34%),
    radial-gradient(circle at top right, rgba(141,163,168,.12), transparent 28%),
    linear-gradient(180deg, #fbf6f1 0%, var(--bg) 100%);
  color:var(--text);
  line-height:1.72;
}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.container{width:min(var(--max), calc(100% - 32px));margin:0 auto}
.site-header{
  position:sticky;top:0;z-index:20;
  background:rgba(250,244,238,.92);
  backdrop-filter:saturate(180%) blur(10px);
  border-bottom:1px solid rgba(228,211,194,.85);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px}
.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-weight:800;letter-spacing:-.02em}
.brand:hover{text-decoration:none}
.brand-mark{
  width:42px;height:42px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(135deg, var(--accent), #d48a6f);color:#fff;
  box-shadow:0 14px 28px rgba(180,107,82,.25);
  font-family:Sora, Inter, sans-serif;font-weight:800
}
.nav,.lang-switch{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nav a{color:var(--muted);font-weight:600;padding:8px 10px;border-radius:999px}
.nav a:hover{color:var(--text);background:rgba(255,255,255,.65);text-decoration:none}
.lang-switch a{
  min-width:42px;text-align:center;border:1px solid var(--border);background:var(--surface);
  color:var(--muted);padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:800;text-transform:uppercase
}
.lang-switch a.active,.lang-switch a:hover{background:var(--surface-2);color:var(--text);text-decoration:none}
.hero{padding:62px 0 34px}
.hero-card,.panel,.feature-card,.project-card,.page-header,.content-card,.sidebar-card,.footer-card{
  background:rgba(255,250,245,.92);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.hero-card{padding:40px}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;padding:7px 12px;border-radius:999px;
  background:var(--accent-soft);color:var(--accent);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase
}
.hero-grid{display:grid;grid-template-columns:1.28fr .9fr;gap:26px;align-items:start;margin-top:18px}
.hero h1,.section-title,.page-header h1,h2,h3{font-family:Sora, Inter, sans-serif}
.hero h1{margin:0;font-size:clamp(2.45rem,5vw,4.45rem);line-height:1.02;letter-spacing:-.045em}
.hero-subtitle{margin:14px 0 0;font-size:1.15rem;font-weight:700;color:var(--muted)}
.hero p{margin:22px 0 0;max-width:64ch;color:var(--muted)}
.hero-actions,.card-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-actions{margin-top:28px}
.button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;padding:0 18px;border-radius:999px;border:1px solid var(--border);
  background:var(--surface);color:var(--text);font-weight:700;transition:transform .18s ease, background .18s ease, box-shadow .18s ease
}
.button:hover{text-decoration:none;transform:translateY(-1px)}
.button.primary{
  background:linear-gradient(135deg, var(--accent), #c9856a);color:#fff;border:none;
  box-shadow:0 14px 30px rgba(180,107,82,.24)
}
.button.secondary{background:rgba(255,255,255,.7)}
.hero-aside,.sidebar-stack{display:grid;gap:16px}
.stat-card strong{display:block;font-family:Sora, Inter, sans-serif;font-size:2.2rem;line-height:1;margin:10px 0 6px}
.stat-card span,.small-card p,.notice{color:var(--muted)}
.stat-card,.small-card,.sidebar-card{padding:22px}
.section{padding:18px 0 22px}
.section-title{margin:0 0 8px;font-size:clamp(1.85rem,3vw,2.65rem);letter-spacing:-.03em}
.section-intro{margin:0;color:var(--muted);max-width:72ch}
.feature-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;margin-top:22px}
.feature-card{padding:28px}
.feature-header{display:flex;gap:20px;align-items:center}
.feature-logo{width:116px;height:116px;object-fit:contain;filter:drop-shadow(0 16px 26px rgba(47,36,29,.10))}
.feature-header h3{margin:0;font-size:1.72rem;letter-spacing:-.03em}
.kicker{margin:0;color:var(--accent);font-weight:800;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.tag-row,.meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.tag{display:inline-flex;align-items:center;background:var(--surface-2);border:1px solid var(--border);padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:700;color:var(--text)}
.feature-card p,.project-card p,.content-card p,.page-header .subtitle,.page-header-intro,.breadcrumbs,.content-card li{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
.project-card{padding:24px;display:flex;flex-direction:column;gap:16px}
.project-card-top{display:flex;gap:16px;align-items:flex-start}
.project-logo,.page-logo{
  object-fit:contain;background:linear-gradient(180deg, #fffaf7, #f4e7da);border:1px solid var(--border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7)
}
.project-logo{width:88px;height:88px;flex:0 0 88px;border-radius:22px;padding:10px}
.page-hero{padding:42px 0 14px}
.page-header{padding:34px}
.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px;font-size:.93rem}
.page-header-grid{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}
.page-logo{width:128px;height:128px;border-radius:26px;padding:14px}
.page-header h1{margin:0;font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.04;letter-spacing:-.04em}
.page-header .subtitle{margin:12px 0 0;font-weight:700}
.page-header-intro{margin-top:18px;max-width:72ch}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;padding:18px 0 40px}
.content-card,.sidebar-card{padding:28px}
.content-card h2{margin:0 0 14px;font-size:1.45rem;letter-spacing:-.02em}
.content-card p{margin:0 0 16px}
.content-card ul{margin:0;padding-left:20px}
.content-card li+li{margin-top:10px}
.data-list{display:grid;gap:12px}
.data-item{padding:12px 0;border-top:1px solid var(--border)}
.data-item:first-child{padding-top:0;border-top:none}
.data-label{display:block;margin-bottom:6px;color:var(--muted);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.data-value{font-weight:700}
.site-footer{margin-top:24px;padding:36px 0 56px}
.footer-card{padding:26px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;flex-wrap:wrap}
.footer-card p{margin:6px 0 0;color:var(--muted)}
.footer-links{display:flex;gap:14px;flex-wrap:wrap}
.footer-links a{font-weight:700}
.divider{height:1px;background:linear-gradient(90deg, transparent, var(--border), transparent);margin:18px 0}
@media (max-width: 980px){
  .hero-grid,.feature-grid,.content-grid,.cards{grid-template-columns:1fr}
  .page-header-grid{grid-template-columns:1fr}
}
@media (max-width: 760px){
  .header-inner{min-height:auto;padding:16px 0;flex-direction:column;align-items:flex-start}
  .hero-card,.feature-card,.page-header,.content-card,.sidebar-card,.project-card,.footer-card{padding:22px}
  .hero{padding-top:32px}
  .project-card-top,.feature-header{align-items:center}
}