@media(max-width:1100px){:root{--pad:24px;--type-section:clamp(46px,5.5vw,56px);--type-hero:clamp(54px,7vw,64px);--type-lead:16px;--type-body:15.5px;--type-card:14px;--type-ui:14px;--type-meta:12px;--type-micro:10px}.nav-links{display:none}.nav-menu-toggle{display:flex}.nav-menu,.nav-menu-list{min-height:0}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);gap:34px}.section-head{grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:38px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eco-board{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"center center" "brand food" "insurance hospital" "park salon"}.eco-center{width:min(220px,100%);aspect-ratio:1;min-height:0;border-radius:50%}.coop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-in{grid-template-columns:1fr minmax(280px,.72fr)}}
@media(min-width:761px) and (max-width:1100px){.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:760px}.hero-media{max-width:760px;width:100%;justify-self:center}.section-head{grid-template-columns:1fr;gap:18px}.section-intro{max-width:820px}.about-story{grid-template-columns:1fr 1fr}.module-strip{grid-template-columns:repeat(5,1fr)}.life-flow{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr}.nav-menu{width:min(520px,56vw);min-height:0}.nav-menu-list{min-height:0}}
@media(max-width:760px){:root{--header-h:66px;--mobile-pad:18px;--type-hero:48px;--type-section:40px;--type-body:15px;--type-card:14px;--type-ui:14px;--type-meta:12px;--type-micro:10px;--lh-body:1.9}.wrap{width:calc(100% - (var(--mobile-pad) * 2))}.section{padding:74px 0}.section-head{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:34px}.section-heading{gap:12px}.section-index{width:42px;height:25px;margin-top:4px}.lead{font-size:var(--type-lead)}.accent{font-size:16px}h2{font-size:var(--type-section)}.site-header{height:calc(var(--header-h) + var(--safe-top))}.nav-in{width:calc(100% - (var(--mobile-pad) * 2) - var(--safe-left) - var(--safe-right))}.nav-links{display:none}.nav-menu-toggle{display:flex}.nav-menu{width:100vw;min-height:0}.nav-menu-list{min-height:0}.hero{min-height:auto;padding-top:var(--header-h)}.hero-wave{bottom:0;height:120px;border-radius:55% 55% 0 0/26% 26% 0 0}.hero-grid{min-height:auto;grid-template-columns:1fr;gap:30px;padding:46px 0 126px}.hero-copy{padding-top:0}.hero-brandline{font-size:12px}.hero-kicker{margin-top:12px;font-size:var(--type-micro)}.hero h1{font-size:var(--type-hero)}.hero-tag{margin-top:20px;font-size:19px}.hero-lead{font-size:var(--type-body)}.hero-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:23px}.btn{width:100%;font-size:var(--type-ui)}.hero-proof{gap:8px;font-size:var(--type-meta)}.hero-media{width:100%}.hero-image-frame{border:0;padding:0;border-radius:24px;background:transparent}.hero-orbit{position:static;display:inline-flex;margin:8px 5px 0 0;min-height:32px;font-size:var(--type-meta)}.hero-band-in{min-height:64px;display:grid;grid-template-columns:1fr;gap:2px;padding-block:8px}.hero-band strong{font-size:14px}.hero-band span{font-size:var(--type-micro)}
.about-story{grid-template-columns:1fr;gap:22px}.about-photo{border-radius:20px}.about-text{font-size:var(--type-body);line-height:1.9}.module-strip{grid-template-columns:repeat(2,1fr)}.module-strip span{min-height:50px}.module-strip span:nth-child(2n){border-right:0}.module-strip span:last-child{grid-column:1/-1;border-top:1px solid var(--line)}.lifecycle{padding:19px;border-radius:20px}.lifecycle-head{align-items:flex-start;display:grid;gap:6px}.life-flow{grid-template-columns:1fr;gap:8px}.life-flow i{width:1px;height:24px;background:linear-gradient(180deg,#FFD2AF,var(--brand));margin:auto}.life-flow>div{grid-template-columns:40px 1fr;grid-template-areas:"dot title" "dot small";justify-items:start;align-items:center;text-align:left;gap:0 10px}.life-flow .life-dot{grid-area:dot;grid-row:1 / span 2}.life-flow b{grid-area:title}.life-flow small{grid-area:small}
.position-quote{padding:16px 17px;font-size:15px}.feature-grid{grid-template-columns:1fr;gap:10px}.feature-card{min-height:auto;padding:21px}.feature-card h3{font-size:18px}.value-feature{padding:23px;border-radius:20px}.value-feature h3{font-size:24px}.value-grid{grid-template-columns:1fr;gap:10px}.value-card{min-height:auto;padding:20px}
.ability-stack{gap:9px}.ability-card{grid-template-columns:44px minmax(0,1fr);gap:13px;padding:17px}.ability-mark{width:44px;height:44px;border-radius:13px}.ability-card h3{font-size:18px}.ability-card p{font-size:var(--type-card)}.service-grid{grid-template-columns:1fr;gap:9px}.service-grid article{min-height:0;padding:16px}.service-foot{grid-template-columns:1fr;gap:6px}.service-foot p{margin-bottom:8px}
.eco-board{display:grid;grid-template-columns:1fr;grid-template-areas:"center" "brand" "food" "insurance" "hospital" "park" "salon";gap:9px}.eco-center{order:-1;width:180px;aspect-ratio:1;min-height:0;border-radius:50%;grid-area:center;justify-self:center}.eco-node{grid-area:auto;min-height:84px}.coop-grid{grid-template-columns:1fr;gap:9px}.contact{padding:62px 0}.contact-in{grid-template-columns:1fr;gap:24px}.contact h2{font-size:38px}.contact-card{padding:19px}.footer-in{width:calc(100% - (var(--mobile-pad) * 2));min-height:0;padding:20px 0;display:grid;gap:7px;font-size:var(--type-meta)}}
@media(max-width:420px){.hero h1{font-size:44px}.hero-grid{padding-top:38px}.hero-proof{font-size:var(--type-meta)}.section{padding:66px 0}.section-heading h2{font-size:37px}}
@media(orientation:landscape) and (max-width:760px){.eco-board{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"center center" "brand food" "insurance hospital" "park salon";gap:9px}.eco-center{width:160px}.eco-node{min-height:76px}.eco-node b{line-height:1.4}:root{--type-hero:40px;--type-section:36px;--type-lead:14px;--type-body:14px;--type-card:14px;--type-ui:14px;--type-meta:12px}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;padding-block:34px 96px}.hero-copy{max-width:none}.hero-media{max-width:none}.hero{min-height:100svh}.hero h1{font-size:var(--type-hero)}.hero-tag{font-size:16px}.hero-lead{font-size:var(--type-lead);line-height:1.65;max-height:none;overflow:visible}.hero-actions{grid-template-columns:1fr 1fr}.hero-orbit{min-height:30px;padding:5px 9px;font-size:var(--type-meta)}.hero-wave{height:54px}.hero-band-in{min-height:52px;padding-block:5px}}
@media(orientation:landscape) and (max-width:1100px) and (max-height:480px){.hero{min-height:auto}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:26px;min-height:auto;padding:28px 0 74px}.hero h1{font-size:clamp(40px,5vw,54px)}.hero-tag{margin-top:14px;font-size:16px}.hero-lead{font-size:14px;line-height:1.65;max-height:none;overflow:visible}.hero-actions{margin-top:16px}.hero-proof{margin-top:14px}.hero-media{max-width:520px;justify-self:end}.hero-band-in{min-height:48px}.hero-wave{height:64px}}
@media(orientation:landscape) and (max-width:760px) and (max-height:480px){.hero-grid{padding-block:24px 72px;gap:18px}.hero-actions{margin-top:14px}.hero-proof{margin-top:14px}}

/* Homepage responsive ownership: former landing.css breakpoint rules consolidated here. */
@media(max-width:1100px){
  .nav-in{width:calc(100% - (var(--pad) * 2) - var(--safe-left) - var(--safe-right))}
  .hero-grid{
    width:100%;
    grid-template-columns:1fr;
    gap:34px;
    padding:58px 0 118px;
  }
  .hero-copy{max-width:820px}
  .hero-media{max-width:820px;justify-self:center;width:100%}
  .section{padding-block:82px}
  .section-head{margin-bottom:32px}
  .about-story{grid-template-columns:1fr 1fr;gap:24px}
  #ability .ability-stack{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eco-board{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-areas:
      "center center"
      "brand food"
      "insurance hospital"
      "park salon";
  }
  .eco-center{width:min(250px,100%)}
  .contact-in{grid-template-columns:1fr minmax(280px,.72fr)}
}

@media(min-width:761px) and (max-width:1100px){
  .hero-media{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .about-story{grid-template-columns:1fr 1fr}
  .module-strip{grid-template-columns:repeat(5,1fr)}
  .feature-grid,.value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #ability .ability-stack{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .nav-in{width:calc(100% - (var(--mobile-pad) * 2) - var(--safe-left) - var(--safe-right))}
  .brand-wordmark{width:154px}
  .hero{
    padding-top:calc(var(--header-h) + var(--safe-top));
  }
  .hero-wave{
    height:72px;
    left:-16%;
    right:-16%;
    border-radius:60% 60% 0 0/42% 42% 0 0;
  }
  .hero-grid{
    width:100%;
    gap:26px;
    padding:38px 0 98px;
  }
  .hero-kicker{letter-spacing:.12em}
  .hero h1{font-size:clamp(43px,11vw,52px)}
  .hero-tag{font-size:18px}
  .hero-actions{margin-top:22px}
  .hero-proof{margin-top:20px}
  .hero-media{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:8px;
  }
  .hero-media .hero-image-frame{grid-column:1 / -1}
  .hero-media .hero-orbit-c{grid-column:1}
  .hero-media .hero-orbit-d{grid-column:2}
  .hero-orbit{
    min-height:48px;
    margin-top:8px;
    border-radius:13px;
    font-size:var(--type-meta);
  }
  .hero-band-in{
    min-height:64px;
    justify-content:center;
    gap:3px;
  }
  .section{padding-block:68px}
  .section-head{margin-bottom:28px}
  .section h2{font-size:37px}
  .section-intro{max-width:none}
  #about>.wrap>.lifecycle{margin-bottom:20px}
  .lifecycle{padding:21px 19px;border-left-width:3px}
  .lifecycle-head{gap:5px}
  .about-story{grid-template-columns:1fr;gap:20px}
  .about-photo img{aspect-ratio:16/9;height:auto}
  .about-text{padding:0}
  .module-strip{grid-template-columns:repeat(2,1fr);margin-top:0}
  .module-strip span{min-height:54px}
  .module-strip span:last-child{grid-column:1/-1;border-top:1px solid var(--line)}
  .feature-grid,.value-grid{grid-template-columns:1fr}
  .feature-card{min-height:auto;padding:22px}
  .value-feature{padding:25px 22px}
  .value-feature h3{font-size:25px}
  #ability .ability-stack{grid-template-columns:1fr}
  .ability-card{min-height:auto;padding:19px}
  .service-grid{grid-template-columns:1fr}
  .service-grid article{min-height:auto}
  #eco .eco-board{
    grid-template-columns:1fr;
    grid-template-areas:"center" "brand" "food" "insurance" "hospital" "park" "salon";
    padding:0;
  }
  .eco-center{width:180px}
  .eco-node{min-height:82px}
  .contact{padding-block:64px}
  .contact h2{font-size:38px}
  .contact-in{grid-template-columns:1fr}
}

@media(max-width:420px){
  .hero h1{font-size:42px}
  .hero-grid{padding-top:32px}
  .hero-lead{font-size:15px}
  .hero-proof{gap:8px}
  .section{padding-block:62px}
  .feature-card,.value-card,.ability-card{padding:18px}
}

@media(orientation:landscape) and (max-width:1100px) and (max-height:480px){
  .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);
    gap:24px;
    padding:28px 0 80px;
  }
  .hero-copy{max-width:none}
  .hero h1{font-size:clamp(40px,5vw,54px)}
  .hero-tag{font-size:16px}
  .hero-lead{font-size:14px;line-height:1.65}
  .hero-media{max-width:none}
  .hero-wave{height:54px}
  .hero-band-in{min-height:48px}
}

@media(prefers-reduced-motion:reduce){
  .module-strip span{transition:none}
}

@media (orientation: landscape) and (min-width:761px) and (max-width:1100px){
  .hero-grid{
    grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);
    gap:36px;
    padding:44px 0 102px;
    align-items:center;
  }
  .hero-copy{max-width:none}
  .hero-media{max-width:none;width:100%}
  .hero h1{font-size:clamp(48px,5.8vw,64px)}
  .hero-tag{font-size:18px}
  .hero-lead{font-size:15px;line-height:1.75}
}