.site-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:20px; border-bottom:1px solid var(--border); }
.site-name { font-size:22px; font-weight:750; letter-spacing:-.8px; }
.site-header nav { display:flex; align-items:center; gap:24px; font-size:14px; }
.site-header nav>a { padding:12px 0; }
.header-scan { display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 14px; border:1px solid var(--border); border-radius:12px; background:transparent; white-space:nowrap; }
.header-scan img { width:20px; height:20px; }
.header-scan:hover { background:#edf3ed; }
.welcome { display:grid; grid-template-columns:minmax(0,1fr) 440px; align-items:center; gap:48px; padding:36px 0 40px; }
.welcome-eyebrow { margin:0 0 10px; color:#54705b; font-size:13px; font-weight:550; }
.welcome h1 { margin:0; font-size:clamp(40px,4.5vw,64px); line-height:1.06; letter-spacing:-.045em; font-weight:700; text-wrap:balance; }
.welcome-description { max-width:520px; margin:18px 0 22px; font-size:15px; line-height:1.5; color:#637067; }
.welcome-action { display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:48px; padding:12px 20px; background:#063d1d; color:#fff; border-radius:12px; font-size:14px; font-weight:550; }
.welcome-action:hover { background:#09502a; }
.welcome-action img { width:20px; height:20px; filter:brightness(0) invert(1); }
.welcome-visual { position:relative; justify-self:end; width:100%; max-width:440px; overflow:hidden; }
.welcome-visual>img { display:block; width:100%; height:460px; object-fit:contain; }
.welcome-visual>span { display:flex; justify-content:space-between; gap:8px; padding:10px; font-size:11px; }
.welcome-visual>span>span { color:#637067; }
#catalog { scroll-margin-top:24px; }
.home .catalog-search-form { max-width:none; }
.home .catalog-heading { margin-top:24px; margin-bottom:18px; }
.catalog-heading h2 { margin:0; font-size:24px; line-height:1.2; font-weight:750; letter-spacing:-.025em; }
.exit-dialog { width:calc(100% - 32px); max-width:420px; padding:30px; border:1px solid #e1e6df; border-radius:24px; }
.exit-symbol { display:grid; place-items:center; width:52px; height:52px; margin-bottom:24px; border-radius:16px; background:#e8f1e7; }
.exit-symbol img { width:24px; height:24px; }
.exit-dialog h2 { margin:0; font-size:26px; line-height:1.2; letter-spacing:-.6px; }
.exit-dialog p { margin:12px 0 0; font-size:15px; line-height:1.6; color:#637067; }
.exit-dialog-actions { margin-top:28px; }
.exit-dialog-actions button { min-height:48px; font-weight:550; }
.exit-dialog-cancel:hover { background:#edf3ed; }
@media(max-width:600px) {
  .site-header { padding-bottom:14px; gap:8px; }
  .site-name { font-size:19px; }
  .site-header nav { gap:12px; font-size:12px; }
  .header-scan { padding:8px 10px; font-size:12px; gap:6px; }
  .welcome { grid-template-columns:1fr; gap:0; padding:28px 0 30px; }
  .welcome-eyebrow { margin-bottom:12px; font-size:12px; }
  .welcome h1 { font-size:36px; }
  .welcome-description { margin:12px 0 16px; font-size:14px; max-width:340px; }
  .welcome-visual { display:none; }
  .exit-dialog { margin:auto 0 0; width:100%; max-width:none; padding:28px 24px calc(24px + env(safe-area-inset-bottom,0px)); border-radius:24px 24px 0 0; }
  .exit-symbol { margin-bottom:20px; }
}
@media(max-width:360px) {
  .site-header nav>a { display:none; }
  .welcome h1 { font-size:30px; }
}

@media(min-width:601px) and (max-width:1000px) { .welcome { grid-template-columns:minmax(0,1fr) 280px; gap:24px; } .welcome-visual>img { height:360px; } }