/* v0.3 — proposal continuity, direct selection and concise presentation */
.header{height:94px}.nav-wrap{gap:24px}.nav-tools{gap:20px}.header-badge{width:133px;height:auto;flex-shrink:0}.brand img{width:170px}.nav-cta{white-space:nowrap}.partner{display:none}
.hero{min-height:720px;padding-top:48px;padding-bottom:70px}.hero-art{height:auto}.hero-scene{aspect-ratio:3/2}.factory{width:100%;height:auto;image-rendering:auto}.hero h1{font-size:clamp(39px,4.2vw,62px)}.hero-copy{padding-bottom:0}
.approach{position:relative;overflow:clip;padding:85px 0;background:#f3f5f6;isolation:isolate}
.approach::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at calc(90% - var(--chapter-progress,.5)*65%) 15%,#42a4470b,transparent 58%);pointer-events:none;z-index:-1}
.method-body{grid-template-columns:1.1fr 1fr;gap:95px;align-items:center;margin-top:55px}
.proposal-diagram{position:relative;width:100%;max-width:520px;height:640px;isolation:isolate}
.proposal-layer{position:absolute;left:5%;width:90%;height:83px;padding:0;background:none;border:0;display:block;color:white;cursor:pointer;transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .45s;z-index:5;text-align:center;outline-offset:6px}
.proposal-layer>svg{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 9px 5px #09294412)}
.proposal-layer>span{position:absolute;left:6%;right:6%;top:44%;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:.2px;text-shadow:0 1px 2px #0000001a}
.proposal-layer-4{top:0;z-index:9}.proposal-layer-3{top:82px;z-index:8}.proposal-layer-2{top:164px;z-index:7}.proposal-layer-1{top:246px;z-index:6}.proposal-layer-0{top:547px;z-index:4}
.proposal-layer:hover{transform:translateX(8px);filter:brightness(1.08)}
.proposal-layer[aria-selected=true]{transform:translateX(14px);filter:brightness(1.08)}
.proposal-layer[aria-selected=true]::after{content:'';position:absolute;left:-12px;top:52%;width:5px;height:5px;border-radius:50%;background:var(--navy)}
.diagram-factory{position:absolute;top:343px;left:4%;width:92%;height:190px;object-fit:contain;z-index:5;pointer-events:none}
.layer-panel-wrap{align-self:center;min-width:0}
#layer-panel{position:relative;min-height:340px;border-left:2px solid #42a447;padding:38px 0 38px 35px;max-width:460px;overflow:hidden}
#layer-panel>.step-no{font-size:10px;letter-spacing:1.2px;color:var(--muted);margin-bottom:24px}
#layer-panel h3{font-size:35px;line-height:1.3;letter-spacing:-1.2px;margin-bottom:23px}
#layer-panel>p:last-of-type{font-size:14px;line-height:1.95;color:var(--muted)}
.layer-panel-motif{margin-top:34px;opacity:.35}.layer-panel-motif>svg{width:42px;height:42px}
.panel-change{animation:panel-in .55s cubic-bezier(.2,.75,.2,1)}
@keyframes panel-in{from{opacity:.3;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.motion-enabled .approach .proposal-diagram{transition:transform 1s cubic-bezier(.2,.75,.2,1)}
.utilcorte-logo{width:245px;max-width:80%;height:auto;margin:0 0 30px}
.case-images{padding-bottom:0}.case-copy .case-caption{display:none}.case-factory{height:390px}.case-tablet{bottom:-14px}
.about-symbol{gap:24px}.about-symbol>span{font-size:18px;line-height:1.4;font-weight:500;text-align:center;letter-spacing:-.5px}
.institutional-partner{font-size:11px;color:var(--muted);line-height:1.8;margin-top:30px;max-width:480px}
.about h2{font-size:40px}
.app-example>p.small{display:none}.agent-demo>p.small{display:none}
.footer{padding:45px 0;min-height:150px;align-items:center}.footer img{width:190px}.footer>p{font-size:21px;line-height:1.5;letter-spacing:-.6px;font-weight:500;color:var(--navy);max-width:520px;text-align:right}
.button:disabled{opacity:.55;background:var(--navy);border-color:var(--navy);transform:none;cursor:not-allowed}
.section-transition{scroll-margin-top:110px}
@media(max-width:1150px){.header-badge{width:115px}.nav-wrap{gap:20px}.nav-tools{gap:16px}.brand img{width:145px}.method-body{gap:55px}.proposal-layer>span{font-size:10px}.hero{min-height:660px}.about h2{font-size:35px}}
@media(max-width:900px){.header{height:82px}.header-badge{width:115px}.nav-wrap{gap:20px}.nav-tools{gap:15px}nav{top:81px}.method-body{gap:30px}.proposal-diagram{height:595px}.proposal-layer{height:75px}.proposal-layer-4{top:0}.proposal-layer-3{top:73px}.proposal-layer-2{top:146px}.proposal-layer-1{top:219px}.diagram-factory{top:305px;height:178px}.proposal-layer-0{top:498px}.proposal-layer>span{font-size:9px;letter-spacing:0}.layer-panel-wrap{align-self:center}#layer-panel{padding-left:20px;min-height:300px}#layer-panel h3{font-size:28px}#layer-panel>p:last-of-type{font-size:12px}.hero h1{font-size:42px}.hero{gap:25px}.utilcorte-logo{width:210px}.case-factory{height:330px}.footer>p{font-size:18px;max-width:390px}}
@media(max-width:650px){.header{height:78px}.nav-wrap{gap:10px}.brand img{width:115px}.nav-tools{gap:10px;margin-left:auto}.languages{gap:8px}.languages a{font-size:9px}.header-badge{width:90px}.menu-toggle{width:28px;padding:3px}.menu-toggle span{width:22px}nav{top:77px}.hero{padding-top:37px;padding-bottom:60px;gap:10px;min-height:0}.hero h1{font-size:clamp(35px,9vw,49px)}.hero-art{margin-top:22px}.hero-scene{aspect-ratio:auto}.approach{padding-top:60px;padding-bottom:60px}.method-body{display:flex;flex-direction:column;gap:24px;margin-top:40px}.proposal-diagram{max-width:440px;height:610px}.proposal-layer{height:77px;left:3%;width:94%}.proposal-layer-4{top:0}.proposal-layer-3{top:77px}.proposal-layer-2{top:154px}.proposal-layer-1{top:231px}.proposal-layer-0{top:519px}.proposal-layer>span{font-size:11px}.proposal-layer[aria-selected=true]{transform:translateX(6px)}.proposal-layer[aria-selected=true]::after{left:-7px}.diagram-factory{top:323px;height:180px;left:2%;width:96%}.layer-panel-wrap{width:100%}#layer-panel{min-height:245px;max-width:none;padding:23px 0 20px 22px}#layer-panel h3{font-size:26px}#layer-panel>.step-no{font-size:9px;margin-bottom:18px}#layer-panel>p:last-of-type{font-size:12px;margin-bottom:0}.layer-panel-motif{display:none}.utilcorte-logo{width:210px;margin-bottom:23px}.case-factory{height:280px}.about-symbol{flex-direction:row;gap:25px}.about-symbol>span{text-align:left;font-size:16px}.about h2{font-size:32px}.institutional-partner{font-size:10px}.footer{flex-direction:row;align-items:center;gap:25px;padding:35px 0}.footer img{width:115px;flex-shrink:0}.footer>p{text-align:right;font-size:13px;line-height:1.65;letter-spacing:-.3px;max-width:250px}.contact form>.form-result{font-size:10px}}
@media(max-width:380px){.brand img{width:90px}.header-badge{width:74px}.nav-wrap{gap:8px}.nav-tools{gap:8px}.languages{gap:7px}.languages a{font-size:8px}.menu-toggle{width:25px}.proposal-layer>span{font-size:10px}.footer{gap:18px}.footer img{width:95px}.footer>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.proposal-layer,.panel-change{transition:none!important;animation:none!important;transform:none!important}.approach::before{background:none}}

.motion-enabled .proposal-diagram:not(.in-view) .proposal-layer{transform:translateY(50px) rotate(2deg);opacity:.7}
.motion-enabled .proposal-diagram .proposal-layer{transition:transform 1s cubic-bezier(.2,.75,.2,1),opacity 1s,filter .45s}
.motion-enabled .proposal-diagram:not(.in-view) .diagram-factory{transform:translateY(35px) scale(.93)}
.motion-enabled .proposal-diagram .diagram-factory{transition:transform 1.2s cubic-bezier(.2,.75,.2,1)}
@media(prefers-reduced-motion:reduce){.proposal-layer,.panel-change,.diagram-factory{transition:none!important;animation:none!important;transform:none!important;opacity:1!important}.approach::before{background:none}}