.approach-section{background:#edf1ec;--icon-bg:#edf1ec}
.approach-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.approach-intro h2{font-size:var(--h3);line-height:var(--h3-leading)}
.approach-intro p{font-size:var(--p2);max-width:420px;margin-top:30px}.approach-intro .text-link{margin-top:30px}
.approach-icons{display:grid;grid-template-columns:1fr 1fr;gap:55px 35px;border-left:1px solid #00574033;padding-left:65px;text-align:center;color:var(--green)}
.approach-icons svg{display:block;width:160px;height:140px;margin:0 auto 12px}
.approach-icons h3{font-size:var(--p1);line-height:1.25;letter-spacing:-.02em;max-width:210px;margin:auto}
.approach-icons p{font-size:13px;line-height:1.5;max-width:210px;margin:12px auto 0;color:#526058}
.architecture-intro h2{font-size:var(--h3);line-height:var(--h3-leading)}.architecture-intro>p{font-size:var(--p2);margin-top:30px;max-width:650px}
.coupling-architecture{margin-top:80px;color:#bacfc2}
.coupling-loop{display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;align-items:center}
.architecture-node{border:1px solid #b4c9bc66;padding:25px 30px;display:flex;flex-direction:column;gap:7px;position:relative}
.node-number{position:absolute;right:15px;top:12px;font-size:11px;opacity:.45}
.architecture-node strong,.state-layer>strong,.decision-layer>strong{font-size:var(--p1);font-weight:400;letter-spacing:-.02em}
.architecture-node small{font-size:13px;opacity:.65}.architecture-arrow{text-align:center;opacity:.65;font-size:25px}
.feedback-line{margin:0 12%;height:58px;border:1px solid #b4c9bc55;border-top:0;position:relative;text-align:center}
.feedback-line span{font-size:12px;position:relative;top:45px;background:var(--dark);padding:0 20px;letter-spacing:.03em}
.data-observation{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;opacity:.65;padding:30px 0 20px}
.data-observation b{font-size:22px;font-weight:400}
.architecture-analysis{display:grid;grid-template-columns:1.3fr .7fr 1fr;align-items:center;gap:25px;max-width:980px;margin:auto}
.state-layer{border:1px solid #b4c9bc66;padding:28px}.state-layer>div{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px;padding-top:20px;border-top:1px solid #b4c9bc33}
.state-layer span{font-size:16px;display:flex;flex-direction:column;gap:8px}.state-layer small{font-size:10px;opacity:.55;letter-spacing:.02em}
.estimate-arrow{text-align:center}.estimate-arrow small{font-size:11px;display:block;opacity:.65}.estimate-arrow b{font-weight:400;font-size:28px}
.decision-layer{border-block:1px solid #b4c9bc66;padding:27px 0;display:flex;flex-direction:column;gap:12px}
.decision-layer>span{font-size:16px}.decision-layer>small{font-size:11px;line-height:1.6;opacity:.6}
.coupling-architecture figcaption{margin-top:45px;font-size:12px;opacity:.55}
.cinema-hero .hero-content h1{max-width:48%}.cinema-hero.home-hero .hero-content h1{max-width:44%}
@media(max-width:1100px){.approach-layout{gap:40px}.approach-icons{padding-left:35px;gap:35px 20px}.approach-icons svg{width:130px}.coupling-loop{grid-template-columns:1fr 45px 1fr 45px 1fr}.architecture-node{padding:25px 20px}.architecture-analysis{gap:20px}.state-layer{padding:23px}}
@media(max-width:767px){.approach-layout{grid-template-columns:1fr;gap:45px}.approach-icons{border-left:0;border-top:1px solid #00574033;padding:35px 0 0;gap:40px 20px}.approach-icons svg{width:135px;height:120px}.approach-icons h3{font-size:18px;max-width:155px}.approach-icons p{font-size:11px;max-width:155px}.approach-intro p{max-width:100%}.coupling-architecture{margin-top:50px}.coupling-loop{grid-template-columns:1fr;gap:15px}.architecture-arrow{transform:rotate(90deg);line-height:1}.architecture-node{padding:22px 25px}.feedback-line{height:auto;border:0;margin:25px 0 0;text-align:left}.feedback-line span{position:static;padding:0;background:none}.data-observation{padding:35px 0 15px}.architecture-analysis{grid-template-columns:1fr;gap:20px}.state-layer{padding:25px}.estimate-arrow b{display:block;transform:rotate(90deg)}.decision-layer{padding:25px}.coupling-architecture figcaption{margin-top:30px}.cinema-hero .hero-content h1,.cinema-hero.home-hero .hero-content h1{max-width:100%}}
.architecture-analysis{align-items:end}.analysis-input{min-width:0}.estimate-arrow{margin-bottom:65px}.decision-layer{margin-bottom:7px}
@media(max-width:767px){.estimate-arrow,.decision-layer{margin-bottom:0}}
.approach-icons p{font-size:14px;line-height:1.55;max-width:245px}.approach-icons{row-gap:50px}.architecture-explanation{display:grid;grid-template-columns:1fr 1fr;gap:28px 55px;max-width:1150px;margin-top:35px}.architecture-explanation p{font-size:var(--p2);max-width:none}.architecture-explanation p:last-child{grid-column:1/-1;max-width:1000px}
@media(max-width:767px){.approach-icons p{font-size:12px;max-width:220px}.architecture-explanation{grid-template-columns:1fr;gap:22px}.architecture-explanation p:last-child{grid-column:auto}}