/* Reference: AI_READY_banner_WHY_LAK_reference.png.
   New banner and WHY LAK only. Approved section styles are not overridden. */
.ai-ready-why { position: relative; max-width: 1920px; margin-inline: auto; container-type: inline-size; color: #070e36; background: #fff; }
.ai-ready { padding: .6cqw 1.6cqw 1cqw; }
.ai-ready__inner { position: relative; isolation: isolate; min-height: 10.75cqw; overflow: hidden; border: 2px solid #ff7600; border-radius: .65cqw; color: #fff; background: #041b36; }
.ai-ready__inner::before { position: absolute; z-index: -1; inset: 0; content: ""; background: linear-gradient(110deg, #011226 0%, #061e3a 52%, #082747b3 76%, #072341a8), url("../images/why-lak-factory-team.png") right center / 55% auto no-repeat; }
.ai-ready__inner::after { position: absolute; z-index: -1; inset: 0; content: ""; background: repeating-linear-gradient(150deg, transparent 0 23%, #0b3b5a24 23% 28%, transparent 28% 40%); }
.ai-ready__brand { position: absolute; top: 10%; left: 3.3%; width: 28.1%; padding-right: 2%; }
.ai-ready__brand::after { position: absolute; top: 17%; right: 0; bottom: 7%; width: 1px; content: ""; background: #bdc7d1; }
.ai-ready__badge { display: table; margin: 0 0 .15cqw; padding: .23cqw 1.1cqw .3cqw; border-radius: 30px; background: #ff7900; font-size: 1.13cqw; font-weight: 800; line-height: 1.5; }
.ai-ready__title { margin: 0; font-size: 3.7cqw; font-weight: 800; line-height: 1.12; letter-spacing: -.04em; white-space: nowrap; }
.ai-ready__title em { color: #ff7900; font-family: Arial, sans-serif; font-style: normal; font-weight: 800; letter-spacing: -.025em; }
.ai-ready__for { margin: .25cqw 1.15cqw 0 0; text-align: right; font-size: 1.5cqw; font-weight: 700; line-height: 1.2; }
.ai-ready__copy { position: absolute; top: 23%; left: 33.55%; }
.ai-ready__copy h3 { margin: 0 0 .8cqw; font-size: 1.53cqw; font-weight: 800; line-height: 1.4; letter-spacing: -.025em; white-space: nowrap; }
.ai-ready__copy p { margin: 0; font-size: 1.22cqw; font-weight: 500; line-height: 1.65; }
.ai-ready__button { position: absolute; z-index: 2; top: 37%; right: 1.3%; display: flex; align-items: center; justify-content: center; gap: 1.1cqw; width: 17.8%; min-height: 4cqw; padding: .8cqw; border-radius: 100px; background: linear-gradient(115deg, #ff8400, #ff6900); color: #fff; font-size: 1.37cqw; font-weight: 800; line-height: 1.5; white-space: nowrap; box-shadow: 0 5px 18px #01132825; }
.ai-ready__button svg { width: 1.5cqw; height: 1.5cqw; flex-shrink: 0; }
.ai-ready__button:hover { background: #f98316; box-shadow: 0 0 0 3px #ffffff35; }
.ai-ready__button:focus-visible { outline: 3px solid #fff; outline-offset: 5px; }
.ai-ready__dots { position: absolute; right: 0; bottom: 0; width: 10%; height: 25%; background-image: radial-gradient(#ff8000b3 1.2px, transparent 1.8px); background-size: .75cqw .75cqw; transform: skewX(-13deg); }
.ai-ready__devices { position: absolute; left: 64%; bottom: -.3cqw; width: 16%; height: 94%; pointer-events: none; }
.ai-ready__laptop { position: absolute; top: 0; left: 1%; width: 97%; height: 94%; padding: .48cqw; border: 1px solid #9b9d9a; border-radius: .5cqw .5cqw 0 0; background: #080c12; transform: perspective(650px) rotateY(-10deg) skewX(-13deg) rotate(-3deg); box-shadow: 0 0 0 2px #0008; }
.ai-ready__laptop::after { position: absolute; left: -15%; bottom: -.25cqw; width: 118%; height: .28cqw; content: ""; border-radius: 0 0 3px 6px; background: linear-gradient(#d7d9d9, #757a7f); }
.ai-ready__screen { display: flex; flex-direction: column; gap: .35cqw; height: 100%; overflow: hidden; padding: .8cqw .7cqw; color: #0a2041; background: #f8fbff; }
.ai-ready__screen small { color: #3783c7; font-size: .31cqw; line-height: 1.4; }
.ai-ready__screen strong { font-size: .9cqw; line-height: 1.2; letter-spacing: -.04em; }
.ai-ready__screen b { font-size: .53cqw; line-height: 1.3; }
.ai-ready__progress { height: .18cqw; margin-top: .6cqw; background: linear-gradient(to right,#34baf9 30%,#e1edf5 30%); }
.ai-ready__question { display: grid; gap: .3cqw; margin-top: .35cqw; }
.ai-ready__question i { display: block; height: .6cqw; border: 1px solid #e3e9f1; border-radius: 2px; background: #fff; }
.ai-ready__phone { position: absolute; z-index: 1; right: -13%; bottom: -.25cqw; width: 38%; height: 76%; padding: .28cqw; border: 1px solid #777; border-radius: .65cqw; background: #070b10; transform: rotate(9deg); box-shadow: -2px 2px 5px #0006; }
.ai-ready__phone::before { position: absolute; z-index: 1; top: .4cqw; left: 37%; width: 28%; height: .15cqw; content: ""; border-radius: 5px; background: #222; }
.ai-ready__phone .ai-ready__screen { gap: .2cqw; padding: .8cqw .3cqw .25cqw; border-radius: .38cqw; }
.ai-ready__phone .ai-ready__screen strong { font-size: .52cqw; }
.ai-ready__phone .ai-ready__screen b { font-size: .37cqw; }
.ai-ready__phone .ai-ready__question { gap: .24cqw; }
.ai-ready__phone .ai-ready__question i { height: .75cqw; }

.why-lak { position: relative; isolation: isolate; overflow: hidden; padding: 1.4cqw 2.4cqw 2cqw; background: #fff; }
.why-lak__photo { position: absolute; z-index: -2; top: 0; right: 0; width: 61%; height: 19cqw; object-fit: cover; opacity: .42; -webkit-mask-image: linear-gradient(90deg,transparent, #000 48%), linear-gradient(#000 55%, transparent); mask-image: linear-gradient(90deg,transparent, #000 48%), linear-gradient(#000 55%, transparent); mask-composite: intersect; -webkit-mask-composite: source-in; }
.why-lak__background { position: absolute; z-index: -1; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.why-lak__heading { position: relative; }
.why-lak__eyebrow { display: flex; align-items: center; gap: 1.2cqw; margin: 0 0 .75cqw -.8cqw; color: #00b9ec; font: 700 1.35cqw/1.4 Arial, sans-serif; letter-spacing: .07em; }
.why-lak__eyebrow::before { width: 2.7cqw; height: 2px; content: ""; background: #00c4ee; }
.why-lak__heading h2 { margin: 0 0 .55cqw 1.4cqw; font-size: 3.35cqw; font-weight: 800; line-height: 1.3; letter-spacing: -.025em; }
.why-lak__lead { margin: 0 0 0 1.4cqw; font-size: 1.32cqw; font-weight: 500; line-height: 1.7; letter-spacing: .015em; }
.why-lak__reasons { position: relative; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 1.15cqw 0 0; padding: 1cqw 0 0; list-style: none; border-radius: 1.6cqw 1.6cqw 0 0; background: linear-gradient(#ffffffed,#ffffffb3); }
.why-lak__reason { display: grid; grid-template-columns: 44% minmax(0,1fr); align-items: start; gap: .6cqw; padding: 0 .9cqw; }
.why-lak__reason + .why-lak__reason { border-left: 1px solid #b9e6ff; }
.why-lak__visual { position: relative; display: grid; align-items: center; justify-items: center; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(#fff 57%,#fbfdff 80%); }
/* Final artwork is 4:3, contained without cropping. */
.why-lak__visual > img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; }
.why-lak__number { margin: -.15cqw 0 .35cqw; color: #65baff; font: 700 1.72cqw/1.25 Arial,sans-serif; }
.why-lak__reason h3 { margin: 0; font-size: max(14px,1.02cqw); font-weight: 800; line-height: 1.45; letter-spacing: -.055em; }
.why-lak__phrase { display: inline-block; white-space: nowrap; }
.why-lak__reason p:not(.why-lak__number) { margin: .55cqw 0 0; font-size: max(12px,.86cqw); font-weight: 500; line-height: 1.65; letter-spacing: -.015em; }
.why-lak__product-name { white-space: nowrap; }
.why-lak__tools { display: grid; width: 88%; grid-template-columns: 1fr 1fr; gap: 5%; align-items: center; }
.why-lak__tool { display: grid; place-items: center; aspect-ratio: 1; border-radius: 13%; background: #f7fcff; box-shadow: 0 4px 9px #41adf71b; }
.why-lak__tool--orange { background: linear-gradient(135deg,#ffc954,#ff8b00); }
.why-lak__tool--orange svg { width: 70%; height: 70%; }
.why-lak__tool--kintone img { width: 93%; height: auto; }
.why-lak__tool-row { grid-column: span 2; display: flex; justify-content: space-around; gap: 8%; margin-top: 8%; }
.why-lak__tool-row svg { width: 29%; height: auto; }
.why-lak__ai-label { position: absolute; top: 35%; left: 40%; color: #fff; font: 700 1.35cqw/1 Arial,sans-serif; transform: translate(-50%,-50%); }
@media (min-width: 1101px) {
  .why-lak__reason { grid-template-columns: 48% minmax(0,1fr); }
  .why-lak__reason h3 { min-height: 2.9em; }
}
@media (max-width: 1100px) {
  .ai-ready { padding: 16px 20px 20px; }
  .ai-ready__inner { min-height: 300px; border-radius: 12px; }
  .ai-ready__brand { top: 24px; left: 28px; width: 41%; padding-right: 20px; }
  .ai-ready__badge { margin-bottom: 8px; padding: 4px 16px; font-size: 14px; }
  .ai-ready__title { font-size: clamp(30px,4.5vw,43px); }
  .ai-ready__for { margin: 8px 0 0; font-size: 19px; }
  .ai-ready__brand::after { display: none; }
  .ai-ready__copy { top: 28px; left: 47%; right: 24px; }
  .ai-ready__copy h3 { margin-bottom: 12px; font-size: 20px; white-space: normal; }
  .ai-ready__copy p { font-size: 15px; }
  .ai-ready__copy p br { display: none; }
  .ai-ready__button { top: auto; right: 28px; bottom: 28px; width: 44%; min-height: 54px; gap: 16px; font-size: 18px; }
  .ai-ready__button svg { width: 23px; height: 23px; }
  .ai-ready__devices { left: 10%; width: 26%; height: 45%; }
  .ai-ready__screen strong { font-size: 14px; }
  .ai-ready__screen b { font-size: 9px; }
  .ai-ready__screen small { font-size: 5px; }
  .ai-ready__phone .ai-ready__screen strong { font-size: 8px; }
  .ai-ready__phone .ai-ready__screen b { font-size: 6px; }
  .ai-ready__dots { width: 30%; height: 20%; background-size: 10px 10px; }
  .why-lak { padding: 28px 28px 42px; }
  .why-lak__photo { width: 80%; height: 220px; }
  .why-lak__eyebrow { margin: 0 0 16px; gap: 16px; font-size: 16px; }
  .why-lak__eyebrow::before { width: 32px; }
  .why-lak__heading h2 { margin: 0 0 14px; font-size: 36px; }
  .why-lak__lead { max-width: 650px; margin: 0; font-size: 16px; }
  .why-lak__reasons { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 28px; gap: 32px 0; padding-top: 18px; border-radius: 24px; }
  .why-lak__reason { grid-template-columns: 36% minmax(0,1fr); gap: 14px; padding: 0 16px; }
  .why-lak__reason:nth-child(3) { border-left: 0; }
  .why-lak__number { margin: 0 0 8px; font-size: 26px; }
  .why-lak__reason h3 { font-size: 17px; }
  .why-lak__reason p:not(.why-lak__number) { margin-top: 10px; font-size: 14px; line-height: 1.8; }
  .why-lak__ai-label { font-size: 18px; }
}
@media (max-width: 600px) {
  .ai-ready { padding: 16px 16px 20px; }
  .ai-ready__inner { display: flex; flex-direction: column; min-height: 0; padding: 24px 22px; }
  .ai-ready__inner::before { background-size: auto 100%; opacity: .9; }
  .ai-ready__brand { position: relative; inset: auto; width: auto; padding: 0; }
  .ai-ready__badge { margin: 0 0 10px; font-size: 14px; }
  .ai-ready__title { font-size: clamp(30px,8.6vw,45px); }
  .ai-ready__for { margin: 6px 0 0; font-size: 17px; }
  .ai-ready__copy { position: relative; inset: auto; margin-top: 22px; }
  .ai-ready__copy h3 { max-width: 310px; font-size: 20px; line-height: 1.5; }
  .ai-ready__copy h3 span { display: block; }
  .ai-ready__copy p { font-size: 14px; line-height: 1.85; }
  .ai-ready__devices { position: relative; inset: auto; width: 196px; height: 145px; margin: 20px auto 18px; }
  .ai-ready__laptop { padding: 6px; border-radius: 7px 7px 0 0; }
  .ai-ready__laptop::after { bottom: -4px; height: 4px; }
  .ai-ready__screen { gap: 5px; padding: 12px 10px; }
  .ai-ready__screen strong { font-size: 16px; }
  .ai-ready__screen b { font-size: 10px; }
  .ai-ready__screen small { font-size: 5px; }
  .ai-ready__progress { height: 3px; margin-top: 6px; }
  .ai-ready__question { gap: 4px; margin-top: 4px; }
  .ai-ready__question i { height: 9px; }
  .ai-ready__phone { bottom: -3px; padding: 4px; border-radius: 10px; }
  .ai-ready__phone::before { top: 6px; height: 2px; }
  .ai-ready__phone .ai-ready__screen { gap: 3px; padding: 12px 5px 5px; border-radius: 6px; }
  .ai-ready__phone .ai-ready__screen strong { font-size: 9px; }
  .ai-ready__phone .ai-ready__screen b { font-size: 7px; }
  .ai-ready__phone .ai-ready__question { gap: 3px; }
  .ai-ready__phone .ai-ready__question i { height: 9px; }
  .ai-ready__button { position: relative; inset: auto; width: 100%; min-height: 54px; margin-top: 6px; padding: 13px 12px; font-size: 18px; }
  .why-lak { padding: 28px 24px 40px; }
  .why-lak__photo { top: 5px; width: 110%; height: 205px; opacity: .24; }
  .why-lak__heading h2 { font-size: clamp(27px,7.7vw,38px); letter-spacing: -.045em; }
  .why-lak__lead { font-size: 15px; line-height: 1.9; }
  .why-lak__reasons { grid-template-columns: minmax(0,1fr); gap: 0; margin-top: 26px; padding-top: 0; border-radius: 20px; }
  .why-lak__reason { grid-template-columns: 108px minmax(0,1fr); gap: 16px; padding: 24px 0; }
  .why-lak__reason + .why-lak__reason { border-left: 0; border-top: 1px solid #c9e9f8; }
  /* Align all four artwork tops with the heading below the 26px / 1.25 number. */
  .why-lak__visual { margin-top: 38.5px; aspect-ratio: 4 / 3; }
  .why-lak__number { margin-bottom: 6px; font-size: 26px; }
  .why-lak__reason h3 { font-size: 17px; letter-spacing: -.035em; }
  .why-lak__reason p:not(.why-lak__number) { margin-top: 9px; font-size: 14px; }
  .why-lak__ai-label { font-size: 16px; }
}
@media (max-width: 359px) {
  .ai-ready__inner { padding-inline: 18px; }
  .ai-ready__title { font-size: 29px; }
  .why-lak { padding-inline: 20px; }
  .why-lak__heading h2 { font-size: 27px; }
  .why-lak__reason { grid-template-columns: 84px minmax(0,1fr); gap: 12px; }
  .why-lak__reason h3 { font-size: 16px; }
  .why-lak__ai-label { font-size: 13px; }
}

/* Result-screen sample: only the contents inside the existing two device screens. */
.ai-ready__screen.ai-ready__screen--result { gap: .35em; padding: .7em .9em; color: #102345; background: #f0f5fc; font-size: .4cqw; line-height: 1.25; }
.ai-ready__result-top { display: flex; align-items: center; justify-content: space-between; gap: .4em; padding-bottom: .4em; border-bottom: 1px solid #dbe5f2; white-space: nowrap; }
.ai-ready__result-brand { font-size: 1.15em; font-weight: 800; letter-spacing: -.04em; }
.ai-ready__result-sample { padding: .13em .4em; border: 1px solid #ffc46a; border-radius: .4em; color: #8f4a00; background: #fff3dc; font-size: 1em; font-weight: 700; }
.ai-ready__result-heading { font-size: 1.55em; font-weight: 800; }
.ai-ready__result-summary { display: grid; grid-template-columns: 5.4em 6.8em minmax(0,1fr); align-items: center; gap: .7em; padding: .5em; border-radius: .45em; background: #fff; }
.ai-ready__result-rank { position: relative; isolation: isolate; display: grid; place-items: center; width: 5.4em; height: 5.4em; border-radius: 50%; background: conic-gradient(#ff9d08 0 72%,#ffe8ba 72% 100%); }
.ai-ready__result-rank::before { position: absolute; z-index: -1; inset: .4em; border-radius: 50%; content: ""; background: #fff; }
.ai-ready__result-rank > span { font: italic 800 3.7em/1 Arial,sans-serif; }
.ai-ready__result-score { display: flex; flex-direction: column; gap: .15em; }
.ai-ready__result-label { font-size: 1em; font-weight: 700; white-space: nowrap; }
.ai-ready__result-value { font: 800 2.6em/1.1 Arial,sans-serif; white-space: nowrap; }
.ai-ready__result-value > span { font-size: .45em; }
.ai-ready__result-meter { height: .4em; margin-top: .25em; border-radius: 1em; background: linear-gradient(90deg,#40a5f7 72%,#e6edf5 72%); }
.ai-ready__result-context { font-size: 1.04em; font-weight: 800; line-height: 1.35; }
.ai-ready__result-context > span { display: block; margin-top: .5em; color: #4a6485; font-size: .78em; font-weight: 500; }
.ai-ready__result-actions-title { font-size: 1.08em; font-weight: 800; }
.ai-ready__result-actions-title > span { color: #eda419; }
.ai-ready__result-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .4em; }
.ai-ready__result-action { display: flex; align-items: center; gap: .55em; min-width: 0; padding: .55em .4em; border: 1px solid #e4edf6; border-radius: .35em; background: #fff; font-size: 1em; font-weight: 700; }
.ai-ready__result-action svg { flex: 0 0 2.1em; width: 2.1em; height: 2.1em; color: #13aaf5; }
.ai-ready__result-note { color: #536782; font-size: .85em; line-height: 1.2; text-align: right; }
.ai-ready__phone .ai-ready__screen.ai-ready__screen--result { gap: .25em; padding: 1.65em .65em .5em; font-size: .29cqw; }
.ai-ready__phone .ai-ready__result-top { gap: .4em; flex-wrap: wrap; padding-bottom: .3em; }
.ai-ready__phone .ai-ready__result-brand { font-size: 1.2em; }
.ai-ready__phone .ai-ready__result-sample { margin-left: auto; font-size: .9em; }
.ai-ready__phone .ai-ready__result-heading { font-size: 1.5em; }
.ai-ready__phone .ai-ready__result-summary { grid-template-columns: 4.7em minmax(0,1fr); gap: .6em; padding: .4em; }
.ai-ready__phone .ai-ready__result-rank { width: 4.7em; height: 4.7em; }
.ai-ready__phone .ai-ready__result-rank > span { font-size: 3.2em; }
.ai-ready__phone .ai-ready__result-value { font-size: 2.4em; }
.ai-ready__phone .ai-ready__result-actions { grid-template-columns: minmax(0,1fr); gap: .15em; }
.ai-ready__phone .ai-ready__result-action { gap: .65em; padding: .15em .4em; white-space: nowrap; }
.ai-ready__phone .ai-ready__result-action svg { width: 1.7em; height: 1.7em; flex-basis: 1.7em; }
.ai-ready__phone .ai-ready__result-note { font-size: .8em; white-space: nowrap; }
@media (max-width: 1100px) {
  .ai-ready__screen.ai-ready__screen--result { font-size: 5.2px; }
  .ai-ready__phone .ai-ready__screen.ai-ready__screen--result { font-size: 3.8px; }
}

/* Approved WHY LAK: illustration + heading above a full-width paragraph.
   Keep two columns until each four-column item can fit a 140px illustration. */
@media (min-width: 1001px) {
  .why-lak__reason { grid-template-columns: clamp(140px, calc(10vw - 4px), 150px) minmax(0,1fr); grid-template-rows:auto auto auto; column-gap:12px; row-gap:0; align-content:start; }
  .why-lak__copy { display:contents; }
  .why-lak__visual { grid-column:1; grid-row:1 / 3; align-self:center; margin:0; aspect-ratio:4 / 3; }
  .why-lak__number { grid-column:2; grid-row:1; margin:0 0 6px; }
  .why-lak .why-lak__reason h3 { grid-column:2; grid-row:2; min-height:0; margin:0; align-self:start; font-size:17px; }
  .why-lak .why-lak__reason p:not(.why-lak__number) { grid-column:1 / -1; grid-row:3; margin:14px 0 0; font-size:15px; line-height:1.8; }
}
@media (min-width: 1001px) and (max-width: 1359px) {
  .why-lak { padding:28px 28px 42px; }
  .why-lak__reasons { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:28px; gap:32px 0; padding-top:18px; border-radius:24px; }
  .why-lak__reason { padding-inline:16px; }
  .why-lak__reason:nth-child(3) { border-left:0; }
  .why-lak__heading h2 { margin:0 0 14px; font-size:36px; }
  .why-lak__lead { max-width:650px; margin:0; font-size:16px; }
  .why-lak__eyebrow { margin:0 0 16px; gap:16px; font-size:16px; }
  .why-lak__eyebrow::before { width:32px; }
  .why-lak__number { font-size:26px; }
}

/* Desktop four-column readability refinement; tablet/mobile remain unchanged. */
@media (min-width: 1360px) {
  .why-lak__reasons { margin-top: calc(1.15cqw + 22px); grid-template-rows: 36px auto auto; }
  .why-lak__reason { grid-row: 1 / 4; grid-template-rows: subgrid; }
  .why-lak .why-lak__reason h3 { font-size: 19px; line-height: 1.45; text-wrap: balance; }
  .why-lak__reason .why-lak__phrase { display: block; }
  .why-lak .why-lak__reason p:not(.why-lak__number) { font-size: 16px; }
}