:root {
  --bg: #FFFFFF;
  --bg-warm: #F5F7FA;
  --bg-deep: #EDF1F5;
  --ink: #333333;
  --ink-soft: #696F77;
  --ink-muted: #BDBDBD;
  --accent: #35A1FF;
  --accent-deep: #2580CC;
  --teal: #35A1FF;
  --amber: #F5A623;
  --green: #4CAF50;
  --line: rgba(51,51,51,0.1);
  --line-strong: rgba(51,51,51,0.2);
  --shadow: 0 1px 2px rgba(51,51,51,0.06), 0 8px 24px rgba(51,51,51,0.08);
  --shadow-lift: 0 2px 4px rgba(51,51,51,0.08), 0 20px 40px rgba(51,51,51,0.12);
}
html { scroll-behavior:smooth; }
body { overflow-x:hidden; }
.landing-page,
.landing-page * { box-sizing:border-box; }
.landing-page * { margin:0; padding:0; }
.landing-page {
  background: var(--bg); color: var(--ink);
  font-family: 'Geologica', sans-serif; font-size: 17px; line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
.landing-page::before {
  content:''; position:fixed; inset:0;
  background-image:
    radial-gradient(circle at 15% 20%, rgba(200,85,61,0.04) 0%, transparent 40%),
    radial-gradient(circle at 85% 70%, rgba(45,95,90,0.04) 0%, transparent 40%);
  pointer-events:none; z-index:0;
}
.landing-page .container { max-width:1180px; margin:0 auto; padding:0 32px; position:relative; z-index:1; }