.hero { padding: clamp(42px, 6vw, 76px) 0 clamp(26px, 4vw, 46px); }
.hero .wrap { max-width: 1180px; }
.hero h1 { max-width: 970px; font-size: clamp(42px, 5.5vw, 72px); line-height: 1.03; }
.hero .lead { max-width: 810px; color: #d4e2ed; font-size: clamp(17px, 1.75vw, 21px); line-height: 1.65; }
.hero-product-note { max-width: 850px; margin: 17px 0 0; padding-left: 15px; border-left: 2px solid #67c8ff; color: #aec9dc; font-size: 14px; line-height: 1.7; }
.hero .chip-row { margin-top: 29px; }
.hero .chip { display: inline-flex; align-items: center; gap: 9px; min-height: 43px; padding: 8px 14px; border-color: rgba(103, 200, 255, .25); background: rgba(34, 92, 124, .2); color: #e6f5ff; font-weight: 650; transition: background .15s ease, border-color .15s ease, transform .15s ease; }
.hero .chip:hover, .hero .chip:focus-visible { background: rgba(46, 125, 163, .36); border-color: #67c8ff; transform: translateY(-2px); outline: none; }
.hero .chip span { color: #91ddf9; }
.hero .sales-line { max-width: 860px; margin-top: 24px; padding: 15px 18px; border: 1px solid rgba(103, 200, 255, .17); border-radius: 14px; background: rgba(103, 200, 255, .07); color: #d8edf7; line-height: 1.5; }
#paths { padding-top: clamp(30px, 4vw, 52px); }
#paths .section-head { max-width: 860px; margin-bottom: 22px; }
#paths .section-head p, #challenges .section-head p, #areas .section-head p { margin-top: 12px; }
#paths .grid-3 .card { display: flex; flex-direction: column; min-height: 270px; border-color: rgba(103, 200, 255, .18); background: linear-gradient(150deg, rgba(21, 73, 101, .28), rgba(255, 255, 255, .035) 60%); }
#paths .card h3 { font-size: clamp(23px, 2.2vw, 29px); }
#paths .card .cta-row { justify-content: flex-start; margin-top: auto; padding-top: 24px; }
#paths .card .btn { min-height: 44px; }
.segments-visual-section { padding: 22px 0 clamp(28px, 4vw, 50px); }
.segments-visual { overflow: hidden; margin: 0; border: 1px solid rgba(103, 200, 255, .2); border-radius: 28px; background: #071524; box-shadow: 0 25px 70px rgba(0, 0, 0, .28); }
.segments-visual img { display: block; width: 100%; height: auto; }
.segments-visual figcaption { padding: 12px 18px; border-top: 1px solid rgba(103, 200, 255, .15); color: #c1d8e9; font-size: 12px; line-height: 1.5; }
#challenges { padding-bottom: clamp(30px, 4vw, 50px); }
#challenges .grid-3 .card { border-color: rgba(255, 214, 122, .15); background: rgba(255, 255, 255, .045); }
#areas { padding-top: clamp(32px, 4vw, 52px); }
#areas .section-head { max-width: 920px; margin-bottom: 24px; }
#areas .grid-2 { gap: 20px; }
#areas .grid-2 > .card { scroll-margin-top: 110px; border-color: rgba(103, 200, 255, .15); background: linear-gradient(145deg, rgba(16, 56, 82, .27), rgba(255, 255, 255, .035) 65%); }
#areas .grid-2 > .card h3 { font-size: clamp(23px, 2.3vw, 29px); }
#areas .mini-grid { margin-top: 20px; }
#areas .mini { padding: 14px 17px; background: rgba(255, 255, 255, .035); }
#areas .mini strong { color: #e7f3fb; }
#areas .mini span, #areas .mini li { color: #b9cede; }
@media (max-width: 760px) {
  .hero .chip-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero .chip { justify-content: space-between; font-size: 13px; }
  #paths .grid-3 .card { min-height: 0; }
  #paths .card .btn { width: 100%; }
  .segments-visual { border-radius: 20px; }
  .segments-visual figcaption { font-size: 11px; }
}