/* Keep the established palette, typography and geometry; tighten the journey. */
.home-hero .hero-lead {max-width: 490px;}
.product-path {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;border-top:1px solid var(--line);padding-top:36px;}
.product-path h3 {font-size:24px;margin:22px 0 14px;}
.product-path p {font-size:14px;max-width:340px;}
body[data-page="contact"] .page-hero {min-height:0;padding-block:55px 65px;}
body[data-page="contact"] .page-hero h1 {font-size:clamp(40px,4.5vw,64px);}
body[data-page="contact"] .page-hero .hero-index {display:none;}
body[data-page="contact"] .contact-section {padding-top:45px;gap:70px;align-items:start;}
.contact-section .inquiry-shortcuts {margin:0 0 28px;gap:10px;}
.contact-section .inquiry-shortcuts button {font-size:12px;padding:12px 14px;}
.pilot-note {border-top:1px solid var(--line);padding-top:28px;margin-top:30px;}
.pilot-note h3 {font-size:24px;margin-top:18px;}
.pilot-note p {font-size:14px;}
.contact-note {margin-top:35px;}
#draft-actions {gap:20px;flex-wrap:wrap;}
#draft-preview {margin-top:28px;}
#draft-text {margin-top:0;min-height:200px;}
#draft-preview label {margin-bottom:12px;}
@media(max-width:900px) {
  .product-path {gap:24px;}
  body[data-page="contact"] .contact-section {gap:45px;}
  .contact-section aside {display:block;}
  .contact-section form {order:-1;}
}
@media(max-width:600px) {
  .product-path {grid-template-columns:1fr;gap:20px;}
  .product-path>div+div {border-top:1px solid var(--line);padding-top:24px;}
  body[data-page="contact"] .page-hero {padding-block:40px 35px;}
  body[data-page="contact"] .contact-section {padding-top:30px;}
  .contact-section .inquiry-shortcuts {display:flex;flex-direction:column;align-items:stretch;}
  .contact-section .inquiry-shortcuts button {text-align:left;min-height:44px;}
}