/* Monte identity: forest, bronze, ivory; Libre Baskerville and Manrope. */
:root {
  --forest: #1f3a2e;
  --bronze: #b08d57;
  --ivory: #f3f1e9;
  --heading: 'Libre Baskerville', Georgia, serif;
  --body: 'Manrope', Arial, sans-serif;
}

h1, h2, h3 { font-weight: 400; }
h2 { font-size: clamp(36px, 3.7vw, 49px); line-height: 1.22; letter-spacing: -1.9px; }
.button { border-radius: 2px; }
.primary { color: #15231b; }
.dark-intro { background: var(--forest); color: var(--ivory); }
.brand { gap: 14px; }
.brand > svg { width: 54px; height: 46px; color: var(--ivory); }
.brand > span { font-family: var(--heading); font-size: 29px; font-weight: 400; letter-spacing: -.8px; }
.brand small {
  display: flex; align-items: center; gap: 8px; justify-content: center;
  font-family: var(--body); font-size: 7px; font-weight: 500;
  letter-spacing: 3.6px; margin-top: 7px;
}
.brand small::before, .brand small::after {
  content: ''; width: 19px; height: 1px; background: var(--bronze); flex-shrink: 0;
}
.desktop-nav { margin-left: 15px; font-size: 12px; }
.desktop-nav a:hover { color: #dbc29b; }
.login-button { border-color: #b08d5755; border-radius: 2px; }
.light { color: #d7bd91; }
.hero-layout { grid-template-columns: 1.14fr 1fr; gap: 42px; }
.hero h1 { font-weight: 400; font-size: clamp(49px, 5.3vw, 70px); letter-spacing: -2.5px; line-height: 1.19; }
.hero h1 span { color: #cfb17e; font-style: italic; }
.hero-description { line-height: 1.9; }
.hero .primary { background: var(--bronze); }
.hero .primary:hover { background: #c4a474; }
.hero-proof { font-size: 10px; }
.hero-proof .icon { color: #cfb17e; }
.signal-scene { padding-inline: 25px; }
.signal-scene::before { display: none; }
.scene-mountains { position: absolute; width: 490px; height: 370px; right: -26px; top: -10px; color: var(--ivory); opacity: .065; }
.scene-orbit { display: none; }
.scene-cross { color: #bca478; }
.system-label { color: #d1bb93; }
.filter-chip { border-radius: 2px; box-shadow: none; background: #294637; }
.signal-card { transform: none; border-radius: 4px; background: #274234; border-color: #b08d5777; box-shadow: 0 22px 48px #10221935; }
.signal-avatar { border-radius: 3px; color: var(--forest); background: var(--ivory); padding: 6px; }
.signal-avatar svg { width: 28px; height: 23px; }
.signal-card-top strong { font-weight: 500; }
.signal-card-title { font-size: 24px; letter-spacing: -.65px; line-height: 1.4; }
.signal-card-footer { border-radius: 0 0 4px 4px; }
.scene-caption { color: #aeb7a0; letter-spacing: 1px; }
.how-heading > .eyebrow { color: #cfb17e; }
.steps h3 { font-family: var(--body); font-weight: 500; }
.steps p { font-size: 11px; }
.step-number { font-size: 13px; }
.eyebrow { font-weight: 600; }
.performance-panel { border-radius: 4px; background: #fcfbf7; }
.panel-header { border-bottom-color: #e8e3d8; }
.chart-empty-message h3 { font-size: 21px; letter-spacing: -.8px; }
.chart-empty-message p { color: #717665; }
.milestone > span:first-child { font-size: 28px; font-weight: 400; color: #81704e; }
.milestone-status { color: #797766; }
.telegram-feature { border-radius: 3px; background: #e7e3d6; }
.telegram-orb { box-shadow: 0 10px 25px #1f3a2e12, inset 1px 2px 4px #ffffff70; }
.telegram-feature h3 { font-size: 29px; line-height: 1.35; letter-spacing: -1.1px; }
.telegram-feature p { color: #626a5d; }
.feature-list h3 { font-size: 21px; line-height: 1.35; font-weight: 400; }
.feature-number { color: #856a3f; }
.feature-list p { color: #66705f; }
.feature-icon { border-radius: 3px; color: #927343; }
.pricing-section { background: var(--forest); }
.pricing-section .section-heading > p { color: #c1c6b8; }
.membership-intro h3 { font-weight: 400; font-size: 29px; line-height: 1.4; }
.price-card { border-radius: 3px; }
.price-card h3 { font-size: 24px; font-weight: 400; line-height: 1.4; }
.price-card.featured { border-color: var(--bronze); background: #2c4738; }
.featured .price-card-top { color: #ddc49a; }
.price-placeholder { font-size: 19px; }
.price-card .primary { color: #15231b; }
.faq-list summary { font-size: 13px; font-weight: 500; }
.faq-plus::before, .faq-plus::after { background: #927343; }
.faq-mark { font-family: var(--body); color: #b08d5799; }
.disclaimer h2 { font-family: var(--body); }
.closing-section { background: #e7e1d2; }
.closing h2 { font-size: 46px; letter-spacing: -1.8px; line-height: 1.25; }
.closing-brand { color: var(--forest); opacity: .11; transform: none; width: 340px; height: 280px; top: 7px; right: -40px; }
.footer { background: var(--forest); }
.footer .brand > svg { width: 44px; height: 36px; }
.footer .brand > span { font-family: var(--heading); font-size: 24px; font-weight: 400; letter-spacing: -.5px; }
.footer .brand small { font-size: 6px; letter-spacing: 3px; margin-top: 6px; }
.footer .brand small::before, .footer .brand small::after { width: 15px; }
.footer-top p { margin-left: 0; }
dialog { border-radius: 4px; }
dialog h2 { line-height: 1.25; }

@media (max-width: 1100px) {
  .hero-layout { gap: 30px; }
  .hero h1 { font-size: 57px; letter-spacing: -2px; }
  .brand > span { font-size: 26px; }
  .brand > svg { width: 46px; height: 39px; }
  .desktop-nav { gap: 21px; margin-left: 0; }
  .signal-scene { padding-inline: 10px; }
  .price-card h3 { font-size: 22px; }
  .feature-list h3 { font-size: 19px; }
}
@media (max-width: 900px) {
  .hero-layout { grid-template-columns: 1.1fr 1fr; gap: 24px; }
  .hero h1 { font-size: 45px; letter-spacing: -1.7px; }
  .hero-proof { font-size: 9px; }
  .signal-scene { padding-left: 0; padding-right: 0; }
  .signal-card-title { font-size: 21px; }
  .signal-card-top strong { font-size: 9px; }
  .scene-mountains { width: 350px; right: -14px; top: 0; }
  .steps p { font-size: 10px; }
  .section-heading h2, .faq h2 { font-size: 39px; letter-spacing: -1.5px; }
  .telegram-feature h3 { font-size: 26px; }
  .price-card h3 { font-size: 25px; }
  .closing h2 { font-size: 34px; letter-spacing: -1.4px; }
}
@media (max-width: 650px) {
  .brand { gap: 8px; }
  .brand > svg { width: 35px; height: 32px; }
  .brand > span { font-size: 22px; letter-spacing: -.6px; }
  .brand small { font-size: 5px; letter-spacing: 2.6px; gap: 5px; margin-top: 6px; }
  .brand small::before, .brand small::after { width: 12px; }
  .login-button { font-size: 9px; gap: 6px; padding-inline: 8px; }
  .header-actions { gap: 5px; }
  .menu-toggle { width: 27px; padding-inline: 5px; }
  .hero-layout { grid-template-columns: 1fr; gap: 31px; }
  .hero h1 { font-size: clamp(34px, 10.4vw, 59px); letter-spacing: -1.6px; line-height: 1.22; }
  .hero .eyebrow { letter-spacing: 1.3px; }
  .hero-description { font-size: 13px; }
  .hero-proof { gap: 15px; }
  .hero .text-link { font-size: 10px; }
  .signal-scene { padding-inline: 17px; }
  .scene-mountains { width: 365px; height: 295px; top: 14px; right: -4px; }
  .signal-card-top strong { font-size: 10px; }
  .signal-card-title { font-size: 24px; }
  .signal-level strong { font-size: 8px; }
  .steps li { gap: 8px; }
  .steps h3 { font-size: 10px; line-height: 1.5; }
  .steps p { font-size: 10px; }
  .step-number { font-size: 11px; }
  .section-heading h2, .faq h2 { font-size: 35px; letter-spacing: -1.4px; }
  .chart-empty-message h3 { font-size: 16px; letter-spacing: -.5px; }
  .milestone > span:first-child { font-size: 25px; }
  .milestone small { font-size: 8px; }
  .telegram-feature h3 { font-size: 29px; }
  .feature-list h3 { font-size: 19px; }
  .membership-intro h3 { font-size: 26px; }
  .membership-intro h3 br { display: block; }
  .price-card h3 { font-size: 26px; }
  .price-card h3 br { display: block; }
  .faq-list summary { font-size: 12px; }
  .closing h2 { font-size: clamp(29px, 8.4vw, 42px); letter-spacing: -1.4px; }
  .closing-brand { width: 280px; top: 70px; right: -70px; }
  .footer .brand > span { font-size: 23px; }
  .footer .brand > svg { width: 38px; height: 32px; }
  .footer .brand small { font-size: 5px; letter-spacing: 2.9px; }
}