/* PRETAKE TOP hero, 2026-10-22. All styles scoped to this component. */
.growth-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #1c1e1f;
  background: #f8f9f9;
  padding: 72px var(--page-gutter, 5vw) 24px;
  font-family: var(--font-jp, "Noto Sans JP", "Yu Gothic", sans-serif);
}
.growth-hero *, .growth-hero *::before, .growth-hero *::after {box-sizing: border-box}
.growth-hero__visual {position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.60}
.growth-hero__visual svg {display:block;width:100%;height:100%;overflow:visible}
.growth-hero::after {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f8f9f9fa 0%,#f8f9f9ce 27%,#f8f9f955 58%,#f8f9f900 90%)}
.growth-hero .growth-hero__inner {max-width:1264px;margin-inline:auto;width:100%;position:relative}
.growth-hero__copy {position:relative;max-width:1120px}
.growth-hero .growth-hero__eyebrow {display:flex;align-items:center;gap:12px;margin:0 0 26px;font-size:16px;line-height:1.7;letter-spacing:.05em;font-weight:600}
.growth-hero__eyebrow>span {display:block;flex:none;width:24px;height:2px;background:#fd490f}
.growth-hero #hero-title {margin:0;font-size:clamp(52px,5.85vw,84px);font-weight:800;line-height:1.48;letter-spacing:.015em;color:#1c1e1f}
.growth-hero #hero-title>span {display:block}
.growth-hero__accent {color:#ed440d}
.growth-hero .growth-hero__lead {margin:28px 0 0;font-size:19px;font-weight:500;line-height:2;letter-spacing:.02em;max-width:850px}
.growth-hero__mobile-break {display:none}
.growth-hero__phrase {white-space:nowrap}
.growth-hero__actions {display:flex;align-items:flex-start;gap:34px;margin-top:30px}
.growth-hero__primary {width:290px;flex:none}
.growth-hero .growth-hero__button {display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:66px;padding:9px 9px 9px 30px;border-radius:100px;background:#1c1e1f;color:#fff;text-decoration:none;font-size:17px;font-weight:700;line-height:1.5;transition:background .18s ease}
.growth-hero__button:hover {background:#393d3f}
.growth-hero__arrow {display:grid;place-items:center;flex:none;background:#fff;color:#1c1e1f;border-radius:50%;width:46px;height:46px;font:400 25px/1 var(--font-en,sans-serif)}
.growth-hero .growth-hero__note {font-size:14px;line-height:1.8;font-weight:500;margin:10px 0 0 4px;color:#536066}
.growth-hero .growth-hero__secondary {min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:12px 0;border-bottom:1px solid #b6c1c5;font-size:16px;font-weight:600;line-height:1.7;text-decoration:none;color:#1c1e1f}
.growth-hero__secondary>span {font-size:24px;font-weight:400}
.growth-hero__secondary:hover {border-color:#fd490f}
.growth-hero .growth-hero__bottom {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:56px;border-top:1px solid #dce2e4;padding-top:22px}
.growth-hero__strengths>span {white-space:nowrap}
.growth-hero .growth-hero__strengths {display:flex;align-items:center;gap:0;margin:0;font-size:14px;font-weight:500;line-height:1.8;color:#536066}
.growth-hero__strengths>span+span {border-left:1px solid #bcc7ca;margin-left:24px;padding-left:24px}
.growth-hero .growth-hero__scroll {display:flex;gap:36px;align-items:center;min-height:44px;text-decoration:none;font-size:14px;line-height:1.7;font-weight:500}
.growth-hero__scroll>span {font-size:24px;font-weight:400}
.growth-hero__utilities {display:flex;align-items:center;justify-content:flex-end;gap:30px;margin-left:auto;white-space:nowrap}
.growth-hero .growth-hero__motion {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:7px 13px;border:1px solid #d5dcdf;border-radius:24px;background:#f8f9f9b3;color:#536066;font:500 12px/1.5 var(--font-jp);cursor:pointer}
.growth-hero .growth-hero__motion[hidden] {display:none}
.growth-hero__motion:hover {border-color:#7e8a90}
.growth-hero a:focus-visible,.growth-hero button:focus-visible {outline:3px solid #c53a0b;outline-offset:5px}
@media (min-width:1700px) {.growth-hero {padding-top:88px;padding-bottom:32px}.growth-hero__bottom {margin-top:70px}}
@media (max-width:1000px) {
  .growth-hero {padding-top:58px}
  .growth-hero #hero-title {font-size:clamp(43px,6.4vw,64px)}
  .growth-hero .growth-hero__lead {font-size:18px;max-width:610px}
  .growth-hero .growth-hero__bottom {margin-top:42px}
}
@media (max-width:600px) {
  .growth-hero {padding:43px 22px 20px;background:#f8f9f9}
  .growth-hero .growth-hero__eyebrow {font-size:14px;gap:10px;margin-bottom:22px;letter-spacing:.02em}
  .growth-hero__eyebrow>span {width:18px}
  .growth-hero #hero-title {font-size:clamp(29px,9.1vw,50px);line-height:1.65;letter-spacing:0}
  .growth-hero .growth-hero__lead {font-size:16px;line-height:1.9;margin-top:23px;max-width:390px;letter-spacing:0}
  .growth-hero__mobile-break {display:block}
  .growth-hero__visual {inset:0;opacity:.50}
  .growth-hero::after {background:linear-gradient(105deg,#f8f9f9e8 0%,#f8f9f9a8 45%,#f8f9f926 100%)}
  .growth-hero__actions {display:flex;flex-direction:column;align-items:stretch;gap:16px;margin-top:26px;max-width:390px}
  .growth-hero__primary {width:100%}
  .growth-hero .growth-hero__button {min-height:62px;padding-left:24px;font-size:16px}
  .growth-hero__arrow {width:44px;height:44px}
  .growth-hero .growth-hero__note {font-size:13px;margin:9px 0 0;text-align:center}
  .growth-hero .growth-hero__secondary {align-self:center;min-height:44px;gap:27px;padding:4px 0;font-size:15px}
  .growth-hero .growth-hero__bottom {align-items:stretch;gap:17px;flex-direction:column;margin-top:30px;padding-top:18px}
  .growth-hero .growth-hero__strengths {justify-content:center;font-size:12px;white-space:normal;gap:10px}
  .growth-hero__strengths>span+span {margin-left:0;padding-left:10px}
  .growth-hero .growth-hero__scroll {align-self:flex-end;font-size:13px;min-height:40px;gap:26px}
  .growth-hero__utilities {justify-content:space-between;gap:12px;margin-left:0}
  .growth-hero .growth-hero__motion {font-size:11px;padding-inline:10px}
}
/* The outer SVG group tilts the flow 15 degrees upward. One band pitch per
   8-second cycle keeps the loop seamless, 25% faster than the previous version. */
@media (prefers-reduced-motion:no-preference) {
  .growth-hero[data-growth-ready] .growth-hero__chevrons {animation:growth-chevron-flow 8s linear infinite;animation-delay:-2.4s;animation-play-state:paused}
  .growth-hero[data-growth-running] .growth-hero__chevrons {animation-play-state:running}
  @keyframes growth-chevron-flow {from{transform:translateX(0)}to{transform:translateX(260px)}}
  .growth-hero__copy {animation:growth-copy-enter .65s ease-out both}
  @keyframes growth-copy-enter {from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce) {.growth-hero * {animation:none!important;transition:none!important}}