/* 既存の色・書体・余白を引き継ぎ、機能の紹介編を読み進めやすくする。 */
.hero h1{white-space:normal;font-size:clamp(28px,3vw,44px);letter-spacing:-.04em}
.feature-jump,.model-entry-links,.story-guide-links{display:flex;flex-wrap:wrap;gap:14px 30px;align-items:center}
.feature-jump{padding:20px 0;margin-bottom:38px;border-block:1px solid var(--line);font-size:14px;font-weight:700}
.feature-jump a{padding:5px 0;color:var(--brand-dark)}
.feature-story{padding-top:72px;scroll-margin-top:110px}
.feature-story>h2{margin:12px 0 22px}
.story-lead{max-width:900px;font-size:18px;line-height:2}
.story-workflow{list-style:none;padding:30px 0;margin:36px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;border-block:1px solid var(--line)}
.story-workflow>li{position:relative;min-width:0}
.story-workflow>li>span{font:500 15px/1.5 Arial,sans-serif;color:var(--brand-dark);letter-spacing:.1em}
.story-workflow h3{margin:12px 0;font-size:21px}
.story-workflow p{font-size:14px}
.story-focus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin:44px 0}
.story-focus h3{font-size:25px;margin-bottom:18px}
.story-focus p{line-height:2}
.feature-story+.benefit-grid{margin-block:36px 64px}
.benefit-grid h3{font-size:21px;margin-bottom:14px}
.story-example{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;padding:42px;background:var(--pale);border-radius:12px;align-items:center;scroll-margin-top:110px}
.story-example h2{font-size:30px;margin:12px 0 18px}
.story-example p{font-size:14px}
.story-example blockquote{margin:0;padding:20px 0 20px 26px;border-left:3px solid var(--brand);font-size:19px;line-height:2}
.story-condition{font-size:13px;margin:20px 0 56px;max-width:950px}
.story-faq{margin:60px 0;scroll-margin-top:110px}
.story-faq>h2{font-size:30px;margin-bottom:22px}
.story-related{border-top:1px solid var(--line);padding-top:48px;margin:50px 0}
.story-related>h2{font-size:30px;margin-bottom:28px}
.story-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.story-related>div>a{border-bottom:1px solid var(--line);padding-bottom:24px}
.story-related strong{display:block;margin-bottom:12px;color:var(--brand-dark);font-size:19px}
.story-related strong>span{float:right}
.story-related a>span{display:block;font-size:14px;color:var(--muted)}
.story-guide-links{margin-top:26px}
.story-guide-links a{margin-top:0}
.feature-hub-more{margin-top:64px;padding-top:40px;border-top:1px solid var(--line)}
.feature-hub-more h2{font-size:30px;margin-bottom:20px}
.feature-hub-more .model-entry-links{margin-top:22px}
.feature-availability{font-size:12px;margin-top:20px}
.video-concept{min-width:0;background:#f5fafb;border:1px solid #c9dfe6;border-radius:12px;overflow:hidden}
.video-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:30px 18px}
.video-inputs>div{padding:0 20px}
.video-inputs>div+div{border-left:1px solid #c9dfe6}
.video-inputs span{display:block;font:700 11px/1.5 Arial,sans-serif;letter-spacing:.12em;color:var(--brand-dark);margin-bottom:14px}
.video-inputs strong{font-size:16px;display:block;margin-bottom:12px}
.video-inputs p{font-size:13px}
.video-output{background:#163e50;color:white;text-align:center;padding:34px 22px;display:grid;justify-items:center;gap:14px}
.video-output>strong{font-size:22px}
.video-output>span{font-size:12px;color:#d5e8ee}
.video-concept>figcaption{padding:10px 20px;margin:0;font-size:10px}
.section-tight>.video-concept .video-inputs{padding:40px 26px}
.section-tight>.video-concept .video-inputs strong{font-size:23px}
.section-tight>.video-concept .video-inputs p{font-size:16px}
.home-model-details{margin-top:30px;border-block:1px solid var(--line)}
.home-model-details>summary{padding:22px 0;font-weight:700;cursor:pointer;list-style:none}
.home-model-details>summary>span{float:right;color:var(--brand-dark)}
.home-model-details[open]>summary>span{transform:rotate(45deg)}
.home-model-details .model-catalog{padding-top:26px}
.model-entry-links{margin-top:24px}
.usage-overview{margin-top:70px}
.usage-overview>h2{margin-top:15px}
.usage-efficiency{border-block:1px solid var(--line);padding:28px 0}
.usage-efficiency h3{margin-bottom:12px}
.usage-overview .pricing-faq-title{font-size:30px;margin:50px 0 24px}
.guide-breadcrumbs{margin-top:35px;margin-bottom:0}
.story-focus a.text-link{margin-top:18px}
@media(max-width:900px){
  .story-example{grid-template-columns:1fr;gap:24px;padding:32px}
  .story-focus{gap:30px}
  .story-workflow{gap:22px}
  .story-workflow h3{font-size:18px}
}
@media(max-width:620px){
  .hero h1{font-size:clamp(24px,7.1vw,34px);letter-spacing:-.05em}
  .feature-story{padding-top:42px}
  .story-lead{font-size:16px}
  .feature-jump{gap:8px 20px;margin-bottom:28px;font-size:12px}
  .story-workflow{grid-template-columns:1fr;gap:20px;padding:24px 0}
  .story-workflow>li{display:grid;grid-template-columns:35px 1fr;column-gap:10px}
  .story-workflow>li>span{padding-top:4px}
  .story-workflow h3{margin:0 0 8px}
  .story-workflow p{grid-column:2}
  .story-focus{grid-template-columns:1fr;gap:28px;margin:32px 0}
  .story-focus h3{font-size:22px}
  .story-example{padding:24px;gap:20px}
  .story-example h2{font-size:25px}
  .story-example blockquote{font-size:16px;padding:4px 0 4px 18px}
  .story-related>div{grid-template-columns:1fr;gap:22px}
  .story-related>h2,.story-faq>h2,.feature-hub-more h2{font-size:25px}
  .video-inputs,.section-tight>.video-concept .video-inputs{padding:24px 12px;grid-template-columns:1fr;gap:22px}
  .video-inputs>div+div{border-left:0;border-top:1px solid #c9dfe6;padding-top:22px}
  .video-inputs strong,.section-tight>.video-concept .video-inputs strong{font-size:18px}
  .section-tight>.video-concept .video-inputs p{font-size:14px}
  .video-output>strong{font-size:20px}
  .usage-overview{margin-top:50px}
  .model-entry-links,.story-guide-links{gap:18px}
  .guide-breadcrumbs{font-size:11px;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}