/* Shared reference t_6acefba: lower house composition; existing GA4 sections. */
.motion-lp{--width:1180px;--muted:#69747e;--line:#dde2e6;background:#fff;color:#151b21;font-family:"Meiryo","メイリオ","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
.motion-lp .section{padding:96px 0}.motion-lp .section-heading{margin-bottom:44px;padding:0}.motion-lp h2{font-size:clamp(28px,3vw,42px);letter-spacing:.015em;line-height:1.5}.motion-lp .section-heading h2 br{display:none}.motion-lp .eyebrow{color:#75828d;font-size:11px;letter-spacing:.16em}.motion-lp .button{border-radius:4px;min-height:48px;font-size:14px}.motion-lp .button-outline{border:1px solid #232c34;color:#182129;background:transparent}.motion-lp .button-ghost{border:1px solid #ffffffb3;color:#fff;background:transparent}.motion-lp .cta-pair{display:flex;gap:12px}.motion-lp .text-link{display:inline-block;font-size:13px;padding-bottom:5px;border-bottom:1px solid #8d979f}.motion-lp summary{position:relative;list-style:none}.motion-lp summary::-webkit-details-marker{display:none}.motion-lp details:not([open]) .plus:after{transform:rotate(90deg)}.motion-lp details[open]>summary .plus:after{transform:rotate(0)}
.motion-hero{position:relative;height:100svh;min-height:520px;background:var(--hero-background,#8c999e);color:#fff}.hero-stage{position:relative;height:100svh;min-height:520px;overflow:hidden;isolation:isolate;background:var(--hero-background,#8c999e)}.motion-hero.is-animated{height:170svh;min-height:884px}.is-animated .hero-stage{position:sticky;top:0}.motion-lp .site-header{height:90px;border:0;gap:30px}.motion-lp .site-header .brand{width:164px}.motion-lp .brand-caption{display:none}.motion-lp .site-header .brand-caption{display:block;margin-top:7px;font-size:11px;letter-spacing:.08em;text-align:left}.motion-lp .desktop-nav{margin:0 0 0 auto;gap:25px}.motion-lp .desktop-nav a{font-size:12px}.motion-lp .desktop-nav a:nth-last-child(-n+2){border:1px solid #ffffff88;border-radius:4px;padding:9px 13px}.motion-copy{position:absolute;left:var(--gutter);right:var(--gutter);top:19%;z-index:3;max-width:720px;will-change:opacity}.motion-copy .hero-audience{font-size:12px;letter-spacing:.06em;margin-bottom:20px}.motion-copy h1{font-size:clamp(36px,4.3vw,64px);line-height:1.45;letter-spacing:.035em;font-weight:400;max-width:100%;overflow-wrap:anywhere}.motion-description{font-size:16px;line-height:1.7;margin-top:18px}.motion-copy .cta-pair{margin-top:26px}.motion-copy .button{min-width:155px}.hero-building{position:absolute;left:var(--hero-desktop-x,64%);top:var(--hero-desktop-y,34%);width:calc(84% * var(--hero-desktop-zoom,1));max-width:none;transform:translateX(-50%);pointer-events:none;z-index:1}.hero-building-motion{transform-origin:50% 70%;will-change:transform;filter:drop-shadow(0 22px 12px rgb(25 34 38 / var(--hero-desktop-shade,.15)))}.hero-building picture{display:block}.hero-building img{width:100%;height:auto;max-width:none;user-select:none;filter:brightness(var(--hero-desktop-brightness,1))}.hero-scroll{position:absolute;z-index:3;bottom:30px;left:var(--gutter);display:flex;align-items:center;gap:24px;font-size:10px;letter-spacing:.13em;text-shadow:0 1px 10px #0004}.hero-scroll>span:last-child{font-size:24px;line-height:1}.motion-lp .upcoming-events{position:relative;z-index:4;background:#f5f7f8;padding:38px 0}.motion-lp .upcoming-layout{grid-template-columns:250px minmax(0,1fr);gap:56px}.motion-lp .upcoming-layout h2{font-size:24px}.motion-lp .entries-empty{font-size:14px;color:var(--muted);padding:20px 0}.motion-lp .entry-link{display:inline-block;text-decoration:underline;text-underline-offset:5px;font-size:12px}
.motion-lp .benefit-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 58px}.benefit-list>li{padding:0 32px;border-right:1px solid var(--line);display:flex;gap:17px}.benefit-list>li:first-child{padding-left:0}.benefit-list>li:last-child{padding-right:0;border-right:0}.benefit-number{font-size:12px;color:#82909a;padding-top:5px}.benefit-list h3{font-size:20px}.benefit-list p{font-size:13px;color:var(--muted);line-height:1.9;margin-top:12px}.motion-lp .product-intro{padding:50px 0 0;border-top:1px solid var(--line);scroll-margin-top:30px}.motion-lp .subsection-heading{margin-bottom:30px}.motion-lp .subsection-heading h3{font-size:28px}.product-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-card{min-width:0}.product-caption{padding-top:20px}.product-caption h3{font-size:20px;letter-spacing:.04em}.product-caption>p{font-size:13px;margin-top:3px;color:var(--muted)}.product-card-link{margin-top:15px}.product-text{margin-top:34px;display:flex;justify-content:center;gap:30px;flex-wrap:wrap}
.reference-photo{position:relative;overflow:hidden;border-radius:8px;background:#f0f2f3;aspect-ratio:1.5;--photo-x:var(--desktop-x,50%);--photo-y:var(--desktop-y,50%);--photo-zoom:var(--desktop-zoom,1);--photo-brightness:var(--desktop-brightness,1);--photo-fit:var(--desktop-fit,cover)}.reference-photo .image-variant{position:absolute;inset:0;overflow:hidden}.reference-photo img,.reference-photo .reference-source{width:100%;height:100%;display:block;object-fit:var(--photo-fit);object-position:var(--photo-x) var(--photo-y);transform:scale(var(--photo-zoom));transform-origin:var(--photo-x) var(--photo-y);filter:saturate(.84) brightness(var(--photo-brightness));max-width:none}.reference-photo .image-mobile{display:none}.reference-photo--tablet{aspect-ratio:1.65}.reference-photo--story{aspect-ratio:1.35}.motion-support{border-top:1px solid var(--line)}.sales-layout{display:grid;grid-template-columns:1.05fr 1fr;align-items:start;gap:55px}.sales-step{border-bottom:1px solid var(--line)}.sales-step:first-child{border-top:1px solid var(--line)}.sales-step summary{display:grid;grid-template-columns:24px 70px 1fr;gap:14px;align-items:center;font-size:16px;padding:21px 22px 21px 0}.sales-step .step-number{font-size:12px}.sales-step-short{font-size:12px;color:var(--muted)}.sales-step p{font-size:13px;color:var(--muted);line-height:1.9;padding:0 22px 20px 38px}.sales-example-details{margin-top:18px}.sales-example-details>summary{font-size:13px;padding:14px 24px 14px 0}.sales-example-details .plus{top:18px}.motion-lp .sales-examples{padding:20px 0}.motion-lp .sales-examples>h3{font-size:19px}.motion-lp .example-grid{display:grid;grid-template-columns:1fr;gap:12px}.motion-lp .example-grid article{padding:22px}.motion-lp .example-grid h4{font-size:15px}.motion-lp .example-grid p{font-size:13px}.motion-lp .support-closing{font-size:13px;margin-top:35px}.resources-details{max-width:940px;margin:30px auto 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.resources-details>summary{padding:22px 28px 22px 0;font-size:14px}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;padding-bottom:25px}.resource-grid summary{font-size:14px;padding:18px 24px 18px 0}.resource-grid details{border-top:1px solid var(--line)}.resource-grid p{font-size:13px;color:var(--muted);line-height:1.9;padding-bottom:20px}.resource-grid .plus{top:23px}
.motion-stories{background:#f6f6f5}.story-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.story-copy h3{font-size:25px}.story-copy>p{font-size:14px;color:var(--muted);margin-top:14px}.story-process{list-style:none;padding:0;margin:32px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.story-process li{min-height:72px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 9px;border:1px solid #d4dbe0;background:#fff;font-size:12px;border-radius:3px}.story-process li+li:before{position:absolute;left:-13px;content:'→';color:#81909d}.story-copy .visual-note{font-size:10px;margin-top:20px}.case-records{margin-top:38px;border-top:1px solid #d5dce0}.case-record{border-bottom:1px solid #d5dce0}.case-record summary{padding:22px 30px 22px 0}.case-company{display:block;font-size:11px;color:var(--muted)}.case-record-title{display:block;font-size:16px;margin-top:4px}.case-record-body{padding-bottom:28px;max-width:900px}.case-record-body>p{font-size:14px;color:var(--muted);line-height:1.9}.case-record-body .real-case-image{width:360px;max-width:100%;height:auto;border-radius:6px;margin-bottom:24px}.case-record-body .text-link{margin-top:22px}
.motion-lp .cost-layout{max-width:1000px}.motion-lp .cost-checklist{border:1px solid var(--line);border-radius:5px;overflow:hidden}.cost-checklist>details{border-bottom:1px solid var(--line)}.cost-checklist>details:last-child{border:0}.cost-checklist summary{padding:23px 54px 23px 25px;font-size:17px}.cost-checklist .plus{right:26px;top:31px}.cost-checklist details>p{padding:0 25px 24px;font-size:14px;color:var(--muted);line-height:1.9}.plan-details{margin-top:26px}.plan-details>summary{padding:17px 30px 17px 0;font-size:14px;border-bottom:1px solid var(--line)}.plan-details .plan-intro{margin-top:28px}.motion-lp .details-section{background:#fff;border-top:1px solid var(--line)}.motion-lp .inline-steps{list-style:none;padding:0;gap:40px;max-width:1060px;margin:auto}.motion-lp .inline-steps li{border:0;padding:0;display:flex;gap:18px;align-items:flex-start}.motion-lp .inline-steps li>span{width:42px;height:42px;border:1px solid #cbd4db;border-radius:50%;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.motion-lp .inline-steps h3{font-size:18px}.motion-lp .inline-steps p{font-size:13px;margin-top:12px}.motion-lp .inline-faq{margin-top:66px;padding-top:38px;border-top:1px solid var(--line);max-width:1000px}.motion-lp .inline-faq>h3{text-align:center;font-size:25px;margin-bottom:30px}.motion-lp .faq-list details{border:1px solid var(--line);margin-bottom:-1px;background:#fff}.motion-lp .faq-list summary{font-size:15px;padding:21px 50px 21px 24px}.motion-lp .faq-list summary:after{right:23px}.motion-lp .faq-list p{font-size:14px;padding:0 24px 24px;color:var(--muted);line-height:1.9}.motion-contact{text-align:center;border-top:1px solid var(--line)}.motion-contact h2{font-size:clamp(28px,3vw,42px)}.motion-contact .content-width>p:not(.eyebrow){color:var(--muted);margin-top:20px;font-size:15px}.motion-contact .cta-pair{justify-content:center;margin-top:34px}.motion-contact .button{min-width:220px}.motion-lp .footer{padding:40px var(--gutter);min-height:140px;gap:40px}.motion-lp .footer .brand{width:155px}.motion-lp .footer-links{flex-wrap:wrap;gap:16px 24px;justify-content:flex-end}.motion-lp .footer-links a{font-size:11px}.motion-lp .mobile-cta{z-index:40}.motion-lp .mobile-cta .button{min-height:44px}
@media(max-width:1100px){.motion-lp .desktop-nav{gap:16px}.motion-lp .desktop-nav a{font-size:11px}.motion-lp .site-header{gap:20px}.motion-lp .site-header .brand{width:145px}.motion-lp .desktop-nav a:nth-last-child(-n+2){padding:8px}.sales-layout{gap:30px}.story-feature{gap:34px}.story-copy h3{font-size:22px}.benefit-list>li{padding-inline:22px}.sales-step summary{grid-template-columns:22px 65px 1fr;gap:10px}.sales-step-short{font-size:11px}}
@media(max-width:1000px){.motion-lp .desktop-nav{display:none}.motion-lp .menu-button{display:block;margin-left:auto}}
@media(max-width:800px){.motion-lp{--gutter:24px}.motion-lp .section{padding:58px 0}.motion-lp h2{font-size:26px}.motion-lp .section-heading{text-align:left;margin-bottom:30px}.motion-lp .section-heading>p:last-child{font-size:13px;line-height:1.85;margin-top:12px}.motion-lp .eyebrow{font-size:10px;margin-bottom:14px}.motion-lp .site-header{height:76px;padding-inline:24px}.motion-lp .site-header .brand{width:147px}.motion-copy{top:19%;max-width:none;left:24px;right:24px}.motion-copy .hero-audience{font-size:10px;margin-bottom:18px}.motion-copy h1{font-size:clamp(29px,8vw,42px);line-height:1.55;letter-spacing:.015em}.motion-description{font-size:13px;margin-top:14px}.motion-copy .cta-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:360px;margin-top:22px;gap:10px}.motion-copy .button{min-width:0;min-height:44px;font-size:12px;padding:10px 16px}.hero-building{width:calc(118% * var(--hero-mobile-zoom,1));left:var(--hero-mobile-x,53%);top:calc(var(--hero-mobile-y,45%) + clamp(32px,5svh,48px))}.hero-building-motion{filter:drop-shadow(0 22px 12px rgb(25 34 38 / var(--hero-mobile-shade,.15)))}.hero-building img{filter:brightness(var(--hero-mobile-brightness,1))}.hero-scroll{left:24px;bottom:90px;font-size:8px;gap:12px}.hero-scroll>span:last-child{font-size:20px}.motion-lp .upcoming-events{padding:30px 0}.motion-lp .upcoming-layout{display:block}.motion-lp .upcoming-layout h2{font-size:23px}.motion-lp .entries-empty{padding:0}.motion-lp .benefit-list{gap:0;margin-bottom:34px}.benefit-list>li,.benefit-list>li:first-child,.benefit-list>li:last-child{display:block;padding:0 12px;text-align:center}.benefit-list>li:first-child{padding-left:0}.benefit-list>li:last-child{padding-right:0}.benefit-number{display:none}.benefit-list h3{font-size:14px;font-weight:500;white-space:nowrap}.benefit-list p{font-size:11px;line-height:1.8;margin-top:10px}.motion-lp .product-intro{padding-top:30px}.motion-lp .subsection-heading{text-align:left;margin-bottom:24px}.motion-lp .subsection-heading h3{font-size:23px}.motion-lp .subsection-heading p{font-size:12px}.product-showcase{grid-template-columns:1fr;gap:14px}.product-card{display:grid;grid-template-columns:minmax(0,56%) minmax(0,1fr);background:#f5f6f7;border-radius:7px;overflow:hidden}.product-card .reference-photo{width:100%;min-width:0;max-width:100%;height:100%;min-height:148px;aspect-ratio:auto;border-radius:0;isolation:isolate}.product-caption{min-width:0;padding:20px 15px;align-self:center;overflow-wrap:anywhere}.product-caption h3{font-size:18px}.product-caption>p{font-size:11px;margin-top:5px}.product-card-link{margin-top:15px}.product-card-link .text-link{font-size:10px;max-width:100%;white-space:normal}.product-text{margin-top:24px;display:grid;justify-content:start;gap:14px}.product-text .text-link{font-size:11px;width:max-content;max-width:100%}.reference-photo{--photo-x:var(--mobile-x,50%);--photo-y:var(--mobile-y,50%);--photo-zoom:var(--mobile-zoom,1);--photo-brightness:var(--mobile-brightness,1);--photo-fit:var(--mobile-fit,cover)}.reference-photo.has-mobile-image .image-desktop{display:none}.reference-photo.has-mobile-image .image-mobile{display:block}.sales-layout{display:block}.reference-photo--tablet{aspect-ratio:1.65}.sales-accordion{margin-top:24px}.sales-step summary{font-size:15px;grid-template-columns:22px 72px minmax(0,1fr);padding-block:18px;gap:10px}.sales-step-short{font-size:11px}.sales-step p{font-size:12px;padding-left:32px}.sales-step .plus{top:24px}.motion-lp .support-closing{font-size:12px;text-align:left;line-height:1.9}.resources-details{margin-top:22px}.resources-details>summary{font-size:13px}.resource-grid{grid-template-columns:1fr}.story-feature{display:block}.reference-photo--story{aspect-ratio:1.1}.story-copy{margin-top:25px}.story-copy h3{font-size:20px}.story-copy>p{font-size:13px}.story-process{margin:24px 0;gap:12px}.story-process li{font-size:11px;min-height:64px;padding:8px 5px}.story-process li+li:before{left:-12px}.case-records{margin-top:28px}.case-record summary{padding-block:20px}.case-record-title{font-size:14px}.motion-lp .case-process>div{grid-template-columns:86px minmax(0,1fr);gap:12px}.motion-lp .cost-layout{width:calc(100% - 48px)}.cost-checklist summary{font-size:15px;padding:21px 44px 21px 18px}.cost-checklist .plus{right:18px;top:27px}.cost-checklist details>p{font-size:13px;padding:0 18px 21px}.cost-note{font-size:11px}.plan-details>summary{font-size:13px}.motion-lp .inline-steps{display:grid;grid-template-columns:1fr;gap:30px}.motion-lp .inline-steps li{position:relative;gap:18px}.motion-lp .inline-steps li:not(:last-child):before{position:absolute;content:'';left:20px;top:42px;bottom:-30px;width:1px;background:#d4dce2}.motion-lp .inline-steps h3{font-size:17px}.motion-lp .inline-steps p{font-size:12px;margin-top:9px}.motion-lp .inline-faq{margin-top:40px;padding-top:30px}.motion-lp .inline-faq>h3{text-align:left;font-size:23px}.motion-lp .faq-list summary{font-size:13px;padding:18px 42px 18px 15px}.motion-lp .faq-list p{font-size:12px;padding:0 15px 20px}.motion-contact{text-align:left}.motion-contact h2{font-size:25px}.motion-contact .content-width>p:not(.eyebrow){font-size:13px;line-height:1.9}.motion-contact .cta-pair{margin-top:28px}.motion-contact .button{min-width:0;flex:1;padding-inline:13px}.motion-lp .footer{display:flex;flex-direction:column;gap:25px;padding:36px 24px}.motion-lp .footer-links{justify-content:center;gap:12px 20px}.motion-lp .footer .brand{width:148px}.motion-lp .mobile-cta{padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);gap:10px}.motion-lp .mobile-cta .button{font-size:12px;padding-inline:14px}}
@media(max-width:370px){.motion-lp{--gutter:20px}.motion-copy{left:20px;right:20px}.motion-copy h1{font-size:27px}.motion-lp .benefit-list h3{font-size:12px}.benefit-list>li{padding-inline:8px}.product-caption{padding:15px 12px}.product-caption h3{font-size:16px}.product-card .reference-photo{min-height:138px}.sales-step summary{grid-template-columns:20px 59px minmax(0,1fr);gap:8px}.sales-step-short{font-size:10px}.motion-lp .cost-layout{width:calc(100% - 40px)}}
@media(max-height:650px){.motion-copy{top:18%}.motion-copy .hero-audience{margin-bottom:12px}.motion-copy h1{font-size:clamp(28px,4vw,40px)}.motion-description{margin-top:10px}.motion-copy .cta-pair{margin-top:16px}.hero-scroll{display:none}}
@media(prefers-reduced-motion:reduce){.motion-hero.is-animated{height:100svh;min-height:520px}.is-animated .hero-stage{position:relative}.hero-building-motion,.motion-copy{will-change:auto;transform:none!important;opacity:1!important}.motion-lp .button{transition:none}.motion-lp .hero-scroll{scroll-behavior:auto}}

/* Match the shared demo's composition while retaining native page scrolling. */
.motion-hero{--hero-stage-height:max(100svh,520px);height:var(--hero-stage-height);min-height:0}
.hero-stage{--hero-scroll-space:48px;height:var(--hero-stage-height);min-height:0}
.hero-artwork{position:absolute;inset:0 0 var(--hero-scroll-space);overflow:hidden;pointer-events:none;z-index:1}
.hero-stage .hero-scroll{display:flex;inset:auto 0 0;height:var(--hero-scroll-space);justify-content:center;gap:14px;padding:0 var(--gutter);font-size:9px;letter-spacing:.14em;background:var(--hero-background,#8c999e);text-shadow:none}
.hero-stage .hero-scroll>span:last-child{font-size:18px}
.motion-hero.is-animated{height:calc(var(--hero-stage-height) * 1.7);min-height:0}
.motion-lp .hero-stage .desktop-nav{display:none}
.motion-lp .hero-stage .site-header{gap:18px;height:96px}
.motion-lp .hero-stage .site-header .brand,.motion-lp .menu-top .brand{width:176px;color:#fff}
.motion-lp .hero-stage .site-header .brand-caption,.motion-lp .menu-top .brand-caption{display:block;color:#fff;margin-top:8px;font-size:11px;line-height:1.4;letter-spacing:.12em;text-align:center}
.motion-lp .hero-stage :is(.brand-caption,.desktop-nav a,.motion-description,.button,.hero-scroll),.motion-lp .menu-top .brand-caption{font-weight:700}
.motion-lp .hero-actions .button,.motion-lp .motion-contact .cta-pair .button{position:relative;justify-content:center;gap:0;padding-inline:32px;text-align:center}
.motion-lp .hero-actions .button>span[aria-hidden],.motion-lp .motion-contact .cta-pair .button>span[aria-hidden]{position:absolute;right:14px;top:50%;transform:translateY(-50%);line-height:1;pointer-events:none}
.motion-lp .hero-stage .menu-button{display:block;margin-left:auto}
.motion-copy{top:18.4314%;left:var(--gutter);right:var(--gutter);max-width:860px}
.motion-copy h1{font-size:clamp(40px,5.4vw,78px);font-weight:700;line-height:1.35;letter-spacing:.015em}
.hero-mobile-break{display:none}
.motion-description{max-width:36em;font-size:clamp(18px,1.65vw,22px);line-height:1.75;margin-top:16px;text-wrap:balance;overflow-wrap:anywhere}
.motion-lp .upcoming-events{background:#fff}
:where(.motion-hero + [data-lp-section]){position:relative;z-index:4;background-color:#fff}
.motion-hero.is-animated+[data-lp-section]{margin-top:calc(max(100svh,520px) * -.245)}
/* Keep the desktop house above the scroll strip at wide and short viewports.
   Its 2:1 canvas is bounded by both axes; CMS offsets remain adjustable. */
@media(min-width:801px){
  .motion-hero{--hero-stage-height:max(100svh,700px)}
  .motion-lp .hero-stage :is(.brand-caption,.desktop-nav a,.motion-description,.button,.hero-scroll),.motion-lp .menu-top .brand-caption{font-weight:400}
  .motion-description{font-size:clamp(16px,1.35vw,18px);line-height:1.8}
  .hero-building{
    --hero-desktop-width:calc(min(84vw,calc((var(--hero-stage-height) - var(--hero-scroll-space)) * 1.36)) * var(--hero-desktop-zoom,1));
    width:var(--hero-desktop-width);
    left:clamp(calc(var(--hero-desktop-width) / 2 + 24px),var(--hero-desktop-x,64%),calc(100% - var(--hero-desktop-width) / 2 - 24px));
    top:auto;
    bottom:calc(24px + 34% - var(--hero-desktop-y,34%));
  }
  .motion-hero.is-animated+[data-lp-section]{margin-top:calc(max(100svh,700px) * -.245)}
}
@media(min-width:801px) and (max-width:1100px){
  .motion-hero{--hero-stage-height:max(100svh,780px)}
  .motion-hero.is-animated+[data-lp-section]{margin-top:calc(max(100svh,780px) * -.245)}
}
@media(max-width:800px){
  .motion-hero{--hero-stage-height:max(100svh,470px)}
  .hero-stage{--hero-scroll-space:calc(44px + env(safe-area-inset-bottom,0px))}
  .hero-stage .hero-scroll{padding-bottom:env(safe-area-inset-bottom,0px);font-size:8px;gap:12px}
  .motion-lp .hero-stage .site-header{height:84px;gap:12px}
  .motion-lp .hero-stage .site-header .brand,.motion-lp .menu-top .brand{width:152px}
  .motion-lp .hero-stage .site-header .brand-caption,.motion-lp .menu-top .brand-caption{margin-top:7px;font-size:10px;letter-spacing:.08em}
  .motion-copy{left:24px;right:24px;top:calc(clamp(92px,14svh,136px) + 48px)}
  .motion-copy h1{font-size:clamp(38px,calc((100vw - 48px) / 7),64px);line-height:1.18;letter-spacing:-.02em}
  .hero-mobile-break{display:initial}
  .motion-copy .cta-pair{margin-top:16px}
  .motion-description{max-width:none;font-size:clamp(11px,calc((100vw - 48px) / 24),16px);margin-top:14px;letter-spacing:0;white-space:nowrap;text-wrap:nowrap}
  .motion-description br{display:none}
  /* Align to the lower edge; retain the CMS vertical adjustment around 45%. */
  .hero-building{top:auto;bottom:calc(8px + 45% - var(--hero-mobile-y,45%));width:calc(132.16% * var(--hero-mobile-zoom,1));left:calc(var(--hero-mobile-x,53%) - 7%)}
  .hero-building--mobile-front{width:calc(min(86vw,380px,calc((var(--hero-stage-height) - var(--hero-scroll-space) - 456px) * 825 / 746)) * .9 * var(--hero-mobile-zoom,1));left:calc(var(--hero-mobile-x,53%) - 3%);bottom:calc(16px + 45% - var(--hero-mobile-y,45%))}
  /* Frame the relit 22_CABIN cutout through its visible bounds, with a 1px
     edge allowance. Scale both axes equally to preserve its proportions. */
  .hero-building--mobile-front picture{position:relative;aspect-ratio:825/746;overflow:hidden}
  .hero-building--mobile-front img{position:absolute;left:calc(-100% * 176 / 825);top:calc(-100% * 388 / 746);width:calc(100% * 1128 / 825);height:calc(100% * 1394 / 746)}
  .motion-hero.is-animated+[data-lp-section]{margin-top:calc(max(100svh,470px) * -.245)}
}
/* Reserve room for the lowered copy, the house and the phone's safe area. */
@media(min-width:481px) and (max-width:800px){
  .motion-hero{--hero-stage-height:max(100svh,700px)}
  .motion-hero.is-animated+[data-lp-section]{margin-top:calc(max(100svh,700px) * -.245)}
}
@media(max-width:480px){
  .motion-hero{--hero-stage-height:max(100svh,calc(clamp(92px,14svh,136px) + 210px + 117.08vw + env(safe-area-inset-bottom,0px)))}
  .motion-hero.is-animated+[data-lp-section]{margin-top:calc(max(100svh,calc(clamp(92px,14svh,136px) + 210px + 117.08vw + env(safe-area-inset-bottom,0px))) * -.245)}
}
@media(prefers-reduced-motion:reduce){
  .motion-hero.is-animated{height:var(--hero-stage-height);min-height:0}
  .motion-hero.is-animated+[data-lp-section]{margin-top:0}
}

/* Select the installed Bold face explicitly; fall back to a bold system font. */
@font-face{
  font-family:"Jibun Meiryo Bold";
  src:local("Meiryo Bold"),local("Meiryo-Bold");
  font-style:normal;
  font-weight:700;
  font-display:swap;
}
.motion-lp .motion-copy h1,
.motion-lp [data-lp-section] :is(h2,h3){
  font-family:"Jibun Meiryo Bold","Meiryo","メイリオ","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  font-weight:700;
  font-synthesis:weight;
}

/* Three editable portrait images introduce the benefits before their captions. */
.motion-lp .benefit-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.motion-lp .benefit-list>li{display:block;min-width:0;padding:0;border:0;text-align:left}
.motion-lp .benefit-list .experience-link{display:block;height:100%;border:0;text-decoration:none;border-radius:10px}
.benefit-photo{width:100%;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:#f0f2f3}
.benefit-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.benefit-caption{display:flex;gap:14px;margin-top:22px}
.benefit-caption>div{min-width:0}
.motion-lp .benefit-list .benefit-number{display:block;flex-shrink:0;padding-top:5px;font-size:12px}
.motion-lp .benefit-list h3{font-size:22px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.motion-lp .benefit-list p{margin-top:10px;font-size:14px;line-height:1.9}
.motion-lp .benefit-list .experience-link:focus-visible{outline:2px solid #586d79;outline-offset:6px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .experience-link:hover .benefit-photo img{transform:scale(1.025)}
}
@media(max-width:800px){
  .motion-lp .benefit-list{grid-template-columns:1fr;gap:36px;margin-bottom:42px}
  .benefit-caption{margin-top:18px;gap:12px}
  .motion-lp .benefit-list h3{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.benefit-photo img{transition:none}}

/* Products can move independently; adjacent benefits retain the approved spacing. */
.motion-lp .motion-business .content-width{display:flow-root}
.motion-lp .motion-business .benefit-list{margin-bottom:0}
.motion-lp .motion-business.has-following-products{padding-bottom:58px}
.motion-lp .motion-business+.motion-products{padding-top:0}
.motion-lp .motion-products{scroll-margin-top:30px}
.motion-lp .motion-products .product-intro{padding-top:0;border-top:0}
.motion-lp .motion-business+.motion-products .product-intro{padding-top:50px;border-top:1px solid var(--line)}
@media(max-width:800px){
  .motion-lp .motion-business.has-following-products{padding-bottom:42px}
  .motion-lp .motion-business+.motion-products .product-intro{padding-top:30px}
}

/* Optional accordion artwork keeps the full image visible, including diagrams. */
.motion-lp .support-accordion-image{margin:0 0 24px;max-width:100%;overflow:hidden;border-radius:6px}
.motion-lp .support-accordion-image img{display:block;width:100%;max-width:100%;height:auto;margin:0;object-fit:contain}
.motion-lp .sales-step>.support-accordion-image{margin:0 22px 24px 38px}
.motion-lp .resources-details>.support-accordion-image{margin-top:4px}
@media(max-width:800px){.motion-lp .sales-step>.support-accordion-image{margin:0 0 20px 32px}}

/* All LP section titles share the HOW IT WORKS hierarchy on desktop and phones. */
.motion-lp{
  --lp-heading-size:clamp(28px,3vw,42px);
  --lp-heading-space:44px;
  --lp-eyebrow-size:11px;
  --lp-eyebrow-space:18px;
  --lp-heading-description-size:16px;
  --lp-heading-description-space:17px;
}
.motion-lp [data-lp-section] .section-heading{
  width:100%;max-width:none;margin:0 0 var(--lp-heading-space);padding:0;text-align:center;
}
.motion-lp [data-lp-section] .section-heading>:is(h2,h3){
  font-size:var(--lp-heading-size);font-weight:700;line-height:1.5;letter-spacing:.015em;text-wrap:balance;overflow-wrap:anywhere;
}
.motion-lp [data-lp-section] .section-heading>.eyebrow{
  margin:0 0 var(--lp-eyebrow-space);font-size:var(--lp-eyebrow-size);font-weight:500;line-height:1.6;letter-spacing:.16em;color:#75828d;
}
.motion-lp [data-lp-section] .section-heading>p:not(.eyebrow){
  max-width:60em;margin:var(--lp-heading-description-space) auto 0;font-size:var(--lp-heading-description-size);line-height:1.85;color:inherit;
}
.motion-lp [data-lp-section] .section-heading>.entry-link{margin-top:var(--lp-heading-description-space)}
.motion-lp .motion-contact .cta-pair{margin-top:0}
@media(max-width:800px){
  .motion-lp{
    --lp-heading-size:26px;
    --lp-heading-space:30px;
    --lp-eyebrow-size:10px;
    --lp-eyebrow-space:14px;
    --lp-heading-description-size:13px;
    --lp-heading-description-space:12px;
  }
}

.motion-lp .faq-list :is(summary,p){overflow-wrap:anywhere}

/* Training and partner-story subheadings share the complete typography. */
.motion-lp{--lp-feature-heading-size:25px}
.motion-lp .support-closing,.motion-lp .story-copy h3{
  color:#151b21;
  font-family:"Jibun Meiryo Bold","Meiryo","メイリオ","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  font-size:var(--lp-feature-heading-size);
  font-weight:700;
  font-style:normal;
  font-synthesis:weight;
  line-height:1.5;
  letter-spacing:normal;
}
@media(max-width:1100px){.motion-lp{--lp-feature-heading-size:22px}}
@media(max-width:800px){.motion-lp{--lp-feature-heading-size:20px}}

/* Editable copy in all five support steps. */
.motion-lp .sales-step summary>span:not(.plus),.motion-lp .sales-step>p{min-width:0;overflow-wrap:anywhere}
.motion-lp .sales-step>p:empty,.motion-lp .sales-step-short:empty{display:none}

/* Prominent product resources, with centered labels and a separate arrow. */
.motion-lp .product-text{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:16px;max-width:960px;margin:40px auto 0}
.motion-lp .product-resource-link{position:relative;display:flex;min-width:0;width:100%;min-height:76px;padding:18px 52px;border:1.5px solid #7d8e97;border-radius:5px;background:#edf1f3;color:#243640;font-size:15px;font-weight:700;line-height:1.7;text-align:center;white-space:normal;text-decoration:none}
.motion-lp .product-resource-label{min-width:0;overflow-wrap:anywhere;text-wrap:balance}
.motion-lp .product-resource-arrow{position:absolute;right:22px;font-size:23px;font-weight:400;line-height:1}
.motion-lp .product-resource-link:hover{transform:none}
.motion-lp .product-resource-link:focus-visible{outline:3px solid #425b69;outline-offset:4px;background:#dce5e9}
@media(hover:hover) and (pointer:fine){.motion-lp .product-resource-link:hover{background:#425b69;border-color:#425b69;color:#fff}}
@media(max-width:800px){.motion-lp .product-text{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:30px}.motion-lp .product-resource-link{min-height:72px;padding:14px 38px;font-size:14px}.motion-lp .product-resource-arrow{right:16px;font-size:21px}}

/* The menu reuses the TOP brand treatment at each breakpoint. */
.motion-lp :is(.hero-stage .site-header,.menu-top) .brand img{filter:url(#brand-white);mix-blend-mode:normal}
.motion-lp .menu-dialog{padding:0 var(--gutter) 32px}

/* Responsive video and resource headings visible without an outer accordion. */
.support-video{min-width:0;width:100%}
.support-video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:7px;background:#151b21}
.support-video-frame iframe{display:block;width:100%;height:100%;border:0}
.support-video-link{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:5px 0;font-size:12px;line-height:1.6;color:#505863;text-decoration:underline;text-underline-offset:4px}
.support-resources{margin:35px auto 0;max-width:940px}
.motion-lp .support-resources .support-closing{margin:0 0 24px}
.support-resources .resource-grid{padding-bottom:0}
/* Each desktop pair shares its heading, copy and artwork rows. Image tops stay
   aligned without fixed text heights, cropping, or changes to reading order. */
@supports (grid-template-rows:subgrid) and selector(details::details-content){
  @media(min-width:801px){
    .support-resources .resource-grid>details{
      display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:0;min-width:0;
    }
    .support-resources .resource-grid>details[open]::details-content{display:contents}
    .support-resources .resource-grid>details:not([open])::details-content{display:none}
    .support-resources .resource-grid>details>summary{grid-row:1;align-self:start;min-width:0}
    .support-resources .resource-grid>details>p{grid-row:2;align-self:start;min-width:0;overflow-wrap:anywhere}
    .support-resources .resource-grid>details>.support-accordion-image{grid-row:3;align-self:start;min-width:0}
  }
}
.sales-layout--visual-only{grid-template-columns:minmax(0,1fr);width:100%;max-width:940px;margin-inline:auto}
.motion-lp .menu-top{min-height:96px}
@media(max-width:800px){.motion-lp .menu-top{min-height:84px}}