/* 1차 화면 비교 후 보정. 핵심 토큰은 tokens.css에서 관리합니다. */
.lp-header.is-scrolled :focus-visible{outline-color:var(--color-accent-ink)}
.lp-brand-strip .lp-media{width:120px;height:36px;background:transparent;aspect-ratio:auto}.lp-brand-strip img{object-fit:contain}
@media(min-width:992px){
  .lp-problem-flow{gap:20px;margin-top:80px}.lp-problem-flow .lp-media{aspect-ratio:340/205}
  .lp-cost-card .lp-media{aspect-ratio:3.5;margin-block:18px}
  .lp-planning-grid{margin-top:80px}
  .lp-pricing-grid{margin-top:50px}.lp-price-card{padding:28px 32px}.lp-price-card .lp-price{margin-top:22px}.lp-price-details{margin-top:22px}.lp-price-card>.lp-small{margin-top:16px}
  .lp-collection .lp-cards{margin-top:50px}.lp-cases .lp-card h3{font-size:20px}
  .lp-program .lp-cards{margin-top:40px}.lp-program .lp-card .lp-media{aspect-ratio:3.2}.lp-program .lp-card-label{margin-top:16px}.lp-program .lp-card h3{font-size:20px}
  .lp-program-cta .lp-badge{display:none}.lp-program-steps{margin-top:40px}.lp-program-cta .lp-cta{margin-top:36px}
}
@media(max-width:991px){
  .lp-hero-content{transform:translateY(4px)}.lp-hero .lp-cta{margin-top:45px}.lp-scroll>span{height:98px}
  .lp-brand-strip{display:flex;height:44px;overflow:hidden}.lp-brand-strip .lp-container{width:max-content;min-width:100%;gap:32px;padding-inline:15px;font-size:12px;white-space:nowrap}.lp-brand-strip .lp-media{width:100px;height:28px;background:transparent}.lp-brand-strip img{object-fit:contain}
  .lp-problem-flow{gap:24px;margin-top:60px}.lp-problem-flow article>p:last-child{margin-top:6px}.lp-problem-flow h3{margin-top:12px}.lp-problem-flow .lp-step-label{margin-bottom:10px}
  .lp-point01 .lp-description p:nth-child(2){margin-top:8px}
  .lp-comparison{gap:40px}.lp-tiles{padding:22px}
  .lp-cost-card .lp-media{aspect-ratio:3.8;margin-block:18px}.lp-cost-card{min-height:300px}.lp-cost-flow{gap:22px}
  .lp-process-flow{gap:24px}.lp-process-flow .lp-media{aspect-ratio:270/260}.lp-process-flow p{margin-top:12px}
  .lp-middle-cta .lp-cta-grid>.lp-media{aspect-ratio:590/470}
  .lp-price-card{min-height:550px;padding:24px}.lp-price-card>.lp-small{margin-top:16px}.lp-price-details{margin-top:22px}.lp-price-card .lp-price{margin-top:22px}.lp-pricing-grid{gap:24px}
  .lp-knowledge .lp-intro h2{font-size:30px}.lp-knowledge .lp-cards{margin-top:32px}.lp-knowledge .lp-card-label{display:none}.lp-knowledge .lp-card>p:last-child{font-size:14px}.lp-knowledge .lp-card h3{margin-top:12px}.lp-knowledge .lp-carousel-controls{margin-top:16px}
  .lp-cases .lp-card .lp-media{aspect-ratio:1.3}
  .lp-program-steps{gap:22px}.lp-program-steps .lp-media{aspect-ratio:2.8}
  .lp-company-grid .lp-facility{aspect-ratio:560/435}.lp-company-grid{gap:90px}
}
@media(max-width:419px){.lp-tiles{gap:10px;padding:18px 28px}.lp-tiles li{min-height:64px}}

/* Hero photo: darken only the backdrop so white/yellow copy stays crisp. */
.lp-hero{--hero-copy-yellow:#ffe155;--hero-shade-edge:.64;--hero-shade-center:.76}
.lp-hero .lp-hero-image img{opacity:1;object-position:50% 50%}
.lp-hero .lp-hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,9,12,.84) 0%,rgba(5,9,12,var(--hero-shade-edge)) 22%,rgba(5,9,12,var(--hero-shade-center)) 42%,rgba(5,9,12,var(--hero-shade-center)) 66%,rgba(5,9,12,.72) 100%);pointer-events:none}
.lp-hero h1{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.3)}
.lp-hero h1 .lp-line:last-child{color:var(--hero-copy-yellow)}
.lp-hero .lp-scroll{color:#fff;z-index:1}
.lp-hero .lp-scroll>span{background:rgba(255,255,255,.8)}
.lp-hero :focus-visible{outline-color:var(--hero-copy-yellow)}

/* Blend the header into the hero; restore a dark surface over later sections. */
.lp-header.lp-header-with-logo,
.lp-header.lp-header-with-logo:not(.is-scrolled):has(.lp-menu-toggle[aria-expanded=true]){background:transparent;color:#fff;border-bottom:0}
.lp-header.lp-header-with-logo.is-scrolled{background:var(--color-dark);color:#fff;border-bottom:0}
.lp-header-with-logo .lp-header-logo{filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}
.lp-header-with-logo .lp-desktop-nav{text-shadow:0 1px 4px rgba(0,0,0,.35)}
.lp-header-with-logo .lp-brand{display:flex;align-items:center;flex:0 1 180px;min-width:0;min-height:44px;line-height:1}
.lp-header-logo{display:block;width:100%;height:auto;max-height:52px;object-fit:contain;object-position:left center}
.lp-header-with-logo .lp-header-actions{flex-shrink:0}
.lp-header-with-logo.is-scrolled :focus-visible{outline-color:var(--color-accent)}
.lp-header-with-logo .lp-mobile-menu :focus-visible{outline-color:var(--color-accent-ink)}
@media(max-width:991px){
  .lp-header-with-logo .lp-brand{flex-basis:clamp(128px,42vw,156px)}
  .lp-header-with-logo .lp-header-logo{max-height:44px}
}

/* Gentle wave joins the photo to the partner strip without a hard edge. */
.lp-hero{--hero-wave-height:clamp(42px,7vw,104px)}
.lp-hero-wave{position:absolute;left:0;bottom:-1px;display:block;width:100%;height:var(--hero-wave-height);fill:#f7f9fa;z-index:2;pointer-events:none}
.lp-hero .lp-scroll{bottom:calc(var(--hero-wave-height)*.75);z-index:3}
.lp-hero .lp-scroll>span{height:clamp(38px,5vw,64px)}

/* Matching bold typography; the second sentence differs only in color. */
@font-face{font-family:'Pretendard';font-style:normal;font-weight:700;font-display:swap;src:url('/landing/assets/fonts/Pretendard-Bold.woff2') format('woff2')}
.lp-hero{--hero-shade-edge:.68;--hero-shade-center:.81}
.lp-hero .lp-hero-image img{filter:saturate(.62)}
.lp-hero .lp-hero-content{width:min(1180px,calc(100% - 40px));transform:none;padding-block:32px}
.lp-hero h1{max-width:none;font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:inherit;font-weight:700;letter-spacing:-.025em;text-shadow:0 2px 20px rgba(0,0,0,.24)}
.lp-hero-lead,.lp-hero-promise{display:block;font-size:clamp(46px,5.5vw,76px);font-weight:700;line-height:1.32}
.lp-hero-lead{color:#f7f6f2}
.lp-hero-promise{margin-top:36px;color:#ffeb3b}
.lp-hero-phrase{display:inline-block;max-width:100%;word-break:keep-all;overflow-wrap:anywhere}
.lp-hero-break{display:initial}
.lp-hero .lp-hero-marker{padding:0;background:transparent;color:inherit;font-weight:inherit;text-shadow:inherit}
.lp-hero-marker .lp-hero-phrase{padding:0;background:none;text-decoration:none}
@media(min-width:992px){.lp-hero{min-height:800px}}
@media(min-width:992px) and (max-height:800px){.lp-hero .lp-hero-content{transform:translateY(-24px)}}
@media(max-width:599px){
 .lp-hero .lp-hero-content{width:calc(100% - 32px)}
 .lp-hero-lead,.lp-hero-promise{font-size:clamp(30px,8.8vw,42px);line-height:1.4}
 .lp-hero-promise{margin-top:30px}
}