@media(max-width:980px){.menu-button{width:46px;height:46px;display:grid;place-content:center;gap:5px;border:1px solid var(--line);border-radius:12px}.menu-button i{width:22px;height:2px;background:var(--ink)}.global-nav{position:fixed;inset:111px 20px auto;display:none;padding:22px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.global-nav.is-open{display:grid}.global-nav a{padding:14px 6px;border-bottom:1px solid var(--line)}.nav-cta{margin-top:12px;text-align:center;border-bottom:0!important}.hero-grid,.reasons-grid,.company-grid{grid-template-columns:1fr}.problem-grid,.flow-list{grid-template-columns:repeat(2,1fr)}.flow-list li:nth-child(2)::after{display:none}}@media(max-width:720px){.container{width:min(calc(100% - 28px),var(--container))}.demo-notice{font-size:10px}.header-inner{min-height:72px}.brand strong{font-size:17px}.brand small{display:none}.brand-mark{width:38px;height:38px}.global-nav{inset:98px 14px auto}.hero{padding:58px 0 62px}.hero-grid{gap:46px}.hero h1{font-size:clamp(34px,11vw,48px)}.hero h1 br{display:none}.hero-lead{font-size:15px}.hero-actions{display:grid}.floating-card{position:static;width:100%;margin-top:12px}.hero-visual{display:flex;flex-direction:column}.hero-visual svg{order:-1}.section{padding:74px 0}.section-heading.split{display:block;margin-bottom:32px}.section-heading.split>p{margin-top:14px}.section-heading h2,.reasons-section h2,.company-section h2,.contact-section h2{font-size:30px}.problem-grid,.service-grid,.flow-list{grid-template-columns:1fr}.problem-grid article{min-height:auto}.problem-grid article>span{margin-bottom:28px}.service-grid article{padding:28px 24px}.service-grid h3{font-size:21px}.reason-list article{grid-template-columns:46px 1fr}.reason-list h3{font-size:19px}.flow-list li::after{display:none!important}.company-grid dl div{grid-template-columns:1fr;gap:6px}.contact-card{padding:38px 24px}.contact-card>div{display:grid}.footer-inner{grid-template-columns:1fr}.footer-inner nav{grid-template-columns:repeat(2,1fr)}.copyright{display:grid}.contact-dock{left:10px;right:10px;bottom:10px;grid-template-columns:repeat(4,1fr);gap:2px;padding:6px}.contact-dock a{width:auto;min-height:54px}}

@media(max-width:980px){
  .brand-logo{width:210px}
  .hero-visual{max-width:720px;margin-inline:auto}
  .hero-photo-frame{aspect-ratio:16/9}
}

@media(max-width:720px){
  .brand-logo{width:165px}
  .hero-photo-frame{order:-1;aspect-ratio:16/9;border-width:5px;border-radius:22px}
  .hero-photo-frame img{object-position:center}
  .hero-photo-frame figcaption{left:14px;bottom:12px}
  .footer-logo-link{padding:8px 10px}
}


@media(max-width:1080px){
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);gap:44px}
  .hero-point-card{width:225px}
  .hero-service-strip a{padding:18px 16px}
}

@media(max-width:980px){
  .hero{padding-top:64px}
  .hero-grid{grid-template-columns:1fr}
  .hero-copy{max-width:760px}
  .hero-visual{width:min(100%,760px);padding:26px 30px 36px}
  .hero-photo-frame{aspect-ratio:16/9}
  .hero-service-strip{grid-template-columns:repeat(2,1fr)}
  .hero-service-strip a:nth-child(3){border-left:0;border-top:1px solid var(--line)}
  .hero-service-strip a:nth-child(4){border-top:1px solid var(--line)}
}

@media(max-width:720px){
  .hero{padding:50px 0 30px}
  .hero h1{font-size:clamp(34px,10.8vw,48px);line-height:1.22}
  .hero h1 br{display:block}
  .hero-lead{margin-top:22px;line-height:1.8}
  .hero-visual{padding:12px 0 0}
  .hero-photo-frame{aspect-ratio:4/3;border-width:5px;border-radius:22px}
  .hero-point-card{position:static;width:100%;margin-top:10px}
  .hero-service-strip{margin-top:28px;border-radius:16px}
  .hero-service-strip a{min-height:72px;padding:15px 13px;gap:9px}
  .hero-service-strip strong{font-size:12px}
}


@media(max-width:720px){
  .hero-title{
    font-size:clamp(30px,9.3vw,40px)!important;
    line-height:1.24!important;
  }

  .problem-title{
    font-size:clamp(27px,8.2vw,34px)!important;
    line-height:1.35;
  }
}

@media(max-width:360px){
  .hero-title{
    font-size:29px!important;
  }

  .problem-title{
    font-size:26px!important;
  }
}


@media(max-width:720px){
  .service-card-media{
    aspect-ratio:16/9;
  }

  .service-card-body{
    padding:25px 22px 28px;
  }

  .service-card-media .service-no{
    left:16px;
    bottom:14px;
    width:44px;
    height:44px;
  }
}


/* Reasons section responsive adjustments */
@media (max-width: 1080px) {
  .reasons-grid {
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    gap: 40px;
  }

  .reason-list article {
    min-height: 198px;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
    padding: 22px 19px;
  }
}

@media (max-width: 980px) {
  .reasons-section {
    padding: 84px 0;
  }

  .reasons-grid {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 42px;
  }

  .reasons-intro {
    max-width: 760px;
  }

  .reasons-staff-card {
    max-width: 680px;
  }

  .reason-list {
    width: 100%;
    max-width: 820px;
  }

  .reason-list article {
    min-height: 176px;
  }
}

@media (max-width: 720px) {
  .reasons-section {
    padding: 72px 0;
  }

  .reasons-grid {
    gap: 32px;
  }

  .reasons-title {
    font-size: clamp(30px, 9vw, 38px) !important;
  }

  .reasons-intro .reasons-lead {
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.85;
  }

  .reasons-staff-card {
    margin-top: 24px;
    border-radius: 18px;
  }

  .reasons-staff-image img {
    max-height: none;
  }

  .reasons-staff-card figcaption {
    display: grid;
    gap: 14px;
    padding: 16px;
  }

  .reasons-contact-link {
    width: 100%;
  }

  .reason-list {
    grid-template-columns: 1fr;
    gap: 11px;
  }

  .reason-list article {
    min-height: 0;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    padding: 20px 17px;
    border-radius: 15px;
  }

  .reason-list article > span {
    width: 40px;
    height: 40px;
  }

  .reason-list h3 {
    font-size: 18px;
  }

  .reason-list p {
    font-size: 13px;
  }
}

@media (max-width: 380px) {
  .reasons-title {
    font-size: 29px !important;
  }
}