.whitepaper-page { margin-top: 93px; background: #fff; color: #273029; }
.whitepaper-hero { position: relative; display: grid; place-items: center; min-height: 420px; overflow: hidden; background: #273029; color: #fff; text-align: center; }
.whitepaper-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.whitepaper-hero::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,.48); }
.whitepaper-hero-content { position: relative; z-index: 1; width: min(100%, 1100px); padding: 72px 28px; }
.whitepaper-hero h1 { color: inherit; font-size: clamp(32px, 3vw, 48px); line-height: 1.25; text-wrap: balance; }
.whitepaper-hero p { color: inherit; margin: 22px 0 0; font-size: clamp(18px, 1.7vw, 26px); line-height: 1.5; text-wrap: balance; }
.whitepaper-columns { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: clamp(36px, 6vw, 96px); max-width: 1440px; margin: 0 auto; padding: 64px clamp(24px, 5.5vw, 80px) 100px; align-items: start; }
.whitepaper-intro, .whitepaper-form-column { min-width: 0; }
.whitepaper-intro { margin-top: 26px; }
.whitepaper-intro-image { display: block; width: 100%; height: auto; margin-bottom: 36px; }
.whitepaper-form-column { scroll-margin-top: 112px; }
.whitepaper-form-column .kosmo-form-shell { margin: 0; }
.whitepaper-form-column .hesai_form_wrap { width: 100%; max-width: none; box-sizing: border-box; padding: 36px; }
.whitepaper-form-column .hesai_form_header h3 { font-size: 26px; }
.whitepaper-form-column .hesai_form_header .description { line-height: 1.65; }
.whitepaper-form-column .logo_wrap img { max-width: 110px; }
.whitepaper-form-column .logo_text { font-size: 18px; white-space: normal; }
.whitepaper-mobile-action { display: none; }
.whitepaper-page a:focus-visible { outline: 2px solid #273029; outline-offset: 4px; }
.whitepaper-page input:focus-visible, .whitepaper-page select:focus-visible, .whitepaper-page textarea:focus-visible { outline: none; }
.whitepaper-page ::selection { background: #273029; color: #fff; }
@media (max-width: 1199px) {
  .whitepaper-page { margin-top: 70px; }
}
@media (max-width: 1023px) {
  .whitepaper-columns { grid-template-columns: minmax(0, 1fr); gap: 48px; max-width: 820px; padding-top: 36px; }
  .whitepaper-hero { min-height: 320px; }
  .whitepaper-mobile-action { display: flex; justify-content: center; padding: 24px 24px 0; }
}
@media (max-width: 767px) {
  .whitepaper-hero { min-height: 280px; }
  .whitepaper-hero-content { padding: 48px 24px; }
  .whitepaper-columns { padding: 32px 24px 64px; gap: 40px; }
  .whitepaper-form-column .hesai_form_wrap { padding: 24px 20px; }
  .whitepaper-form-column .basicInfo-frame input, .whitepaper-form-column .basicInfo-frame select, .whitepaper-form-column textarea { font-size: 16px; }
  .whitepaper-intro-image { margin-bottom: 24px; }
  .whitepaper-form-column { scroll-margin-top: 90px; }
}

.whitepaper-form-column .line_01 { left: -20px; right: -20px; width: 80px; }
.whitepaper-page .whitepaper-mobile-action a, .kosmo-form-shell .kosmo-success a { color: #fff; background: #273029; border-color: #273029; min-height: 44px; padding: 12px 28px; }
.whitepaper-page .whitepaper-mobile-action a:hover, .kosmo-form-shell .kosmo-success a:hover { color: #fff; background: #404941; border-color: #404941; }
@media (max-width: 767px) { .whitepaper-form-column .line_01 { left: 0; right: 0; } }