/* Ver.44 — explicit nine requested refinements; Ver.43 styling otherwise retained. */
/* ① Make the two-shot photograph modestly smaller while retaining its full composition. */
.lp42-founders .home-founders-media{width:min(100%,790px)}
.lp42-founders .lp36-founders-identities{width:min(100%,790px)}
/* ⑥ Ver.44 button-only correction: button sits in the mat BELOW the photo, never on the image. */
.lp45-develop-mat{padding-bottom:17px}
.lp45-develop-controls{display:flex;align-items:center;justify-content:center;margin-top:12px}
.lp45-develop-controls .lp41-develop-button{
  position:relative;z-index:1;cursor:pointer;touch-action:manipulation;
  margin:0!important;width:min(100%,294px);min-height:50px;
  padding:11px 17px!important;border-radius:8px!important;
  background:linear-gradient(105deg,#193d53,#286b89)!important;
  border:1px solid #5c8398!important;
  color:#fff!important;font-size:clamp(13px,1.25vw,15px)!important;
  box-shadow:0 6px 15px rgba(28,70,94,.23)!important;
  transform:none!important;
  animation:lp45-button-breathe 4.2s ease-in-out infinite;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;
}
@keyframes lp45-button-breathe{
  0%,72%,100%{box-shadow:0 6px 15px rgba(28,70,94,.23)}
  80%,90%{box-shadow:0 6px 16px rgba(28,70,94,.30),0 0 0 4px rgba(47,111,146,.13)}
}
.lp45-develop-controls .lp41-develop-symbol{animation:lp45-icon-hint 4.2s ease-in-out infinite}
@keyframes lp45-icon-hint{0%,70%,100%{transform:rotate(0)}78%,88%{transform:rotate(45deg)}}
@media(hover:hover){
  .lp45-develop-controls .lp41-develop-button:hover{
    animation:none;transform:translateY(-3px)!important;
    background:linear-gradient(105deg,#246484,#367f9e)!important;
    box-shadow:0 11px 24px rgba(28,70,94,.32)!important
  }
  .lp45-develop-controls .lp41-develop-button:hover .lp41-develop-symbol{
    animation:none;transform:rotate(115deg)
  }
}
.lp45-develop-controls .lp41-develop-button:active{
  animation:none;transform:translateY(1px) scale(.975)!important;
  background:linear-gradient(105deg,#123246,#1d536e)!important;
  box-shadow:0 2px 7px rgba(28,70,94,.27)!important
}
.lp45-develop-controls .lp41-develop-button:focus-visible{outline:3px solid #c5a477;outline-offset:4px}
@media(prefers-reduced-motion:reduce){
  .lp45-develop-controls .lp41-develop-button,
  .lp45-develop-controls .lp41-develop-symbol{animation:none!important;transition:none!important}
}
/* ⑦ Balanced 3-step layout on desktop only; phone/tablet layout unchanged. */
@media(min-width:901px){.lp44-three-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(26px,3.4vw,48px);max-width:1100px}}
@media(max-width:720px){
 .lp42-founders .home-founders-media{width:100%}
 .lp42-founders .lp36-founders-identities{width:100%}
 .lp45-develop-mat{padding-bottom:14px}
 .lp45-develop-controls{margin-top:10px}
 .lp45-develop-controls .lp41-develop-button{min-height:48px;padding:10px 13px!important;font-size:13px!important;gap:8px!important}
 .lp45-develop-controls .lp41-develop-symbol{font-size:20px}
}

/* Ver.44.4: restore original neutral-gray darkroom reveal.
   No photo behind the image: it would be visible even at animation opacity 0.045. */
.develop-frame.lp44-develop-frame{background:#d7d8d8; background-image:none}
/* Ver.43 included an obsolete 2s !important override; this later rule
   explicitly restores the intended full three-second reveal. */
.develop-frame.lp44-develop-frame .develop-image.developing{
  animation:develop-neutral 3s linear both !important;
}


/* Ver.44.9 — mobile-only refinement: News Instagram and section spacing, Service hero/flow. */
@media (max-width: 560px) {
  /* Service hero: two natural lines, honoring the existing intentional <br>. */
  .lp-page .concept-page h1 {
    font-size: clamp(26px, 8vw, 33px) !important;
    line-height: 1.55;
    letter-spacing: 0;
  }
  /* Keep step connectors in the gap instead of touching the next card's border. */
  .lp-page .four-cards { gap: 34px; }
  .lp-page .four-cards .lp33-arrow-card:not(:last-child)::after {
    bottom: -26px; font-size: 23px; line-height: 1;
  }
  /* News: less unused space before and between entries. */
  .lp-page .news-hero { padding-top: 54px; padding-bottom: 42px; }
  .lp-page .news-section { padding-top: 34px; padding-bottom: 52px; }
  .lp-page .news-entry { padding-top: 34px; padding-bottom: 34px; }
  .lp-page .news-entry:first-child { padding-top: 0; }
  /* Official Instagram: shrink the iframe viewport only on phones.
     The official image and controls remain within the embed; if the provider
     renders extra content it stays scrollable inside Instagram's own frame. */
  .lp-page .news-entry .lp42-instagram-editorial {
    margin-top: 18px !important; margin-bottom: 16px !important;
    padding: 14px 10px 12px !important;
  }
  .lp-page .news-entry .lp42-instagram-editorial .lp41-instagram-intro { margin-bottom: 12px; }
  .lp-page .news-entry .lp42-instagram-editorial .lp42-instagram-single {
    height: 425px;
  }
  .lp-page .news-entry .lp42-instagram-editorial .lp41-instagram-iframe {
    height: 425px; min-height: 425px;
  }
  .lp-page .news-entry .lp42-instagram-editorial .lp41-instagram-foot {
    margin-top: 10px; padding-top: 9px;
  }
}