.da-panel{color:#122923;background:#e3eee8;border-radius:24px;grid-template-columns:1fr 1.08fr;display:grid;overflow:hidden}.da-visual{background:#20372f;min-width:0;min-height:620px;position:relative}.da-frame{opacity:0;pointer-events:none;transition:opacity .6s;position:absolute;inset:0}.da-frame.is-active{opacity:1;z-index:1}.da-frame>img{object-fit:cover;object-position:50% 42%;width:100%;height:100%}.da-frame:nth-child(2)>img{object-position:50% 50%}.da-frame:nth-child(3)>img{object-position:64% 50%}.da-frame figcaption{color:#fff;background:linear-gradient(#0000,#082820d4);padding:40px 28px 25px;position:absolute;bottom:0;left:0;right:0}.da-frame figcaption>span{letter-spacing:.18em;margin-bottom:7px;font-size:9px;display:block}.da-frame figcaption>strong{letter-spacing:-.025em;font-size:clamp(15px,1.4vw,21px);font-weight:500;line-height:1.4;display:block}.da-content{background:radial-gradient(at 100% 0,#edf5ef,#0000 70%);flex-direction:column;min-width:0;padding:clamp(28px,3.3vw,54px) clamp(24px,3vw,48px);display:flex}.detella-home .da-content>.dh-kicker{letter-spacing:.18em;color:#3c5b50;font-size:10px}.detella-home .da-content>h2{letter-spacing:-.055em;white-space:nowrap;margin:22px 0 28px;font-size:clamp(32px,3.55vw,61px);font-weight:600;line-height:1.07}.da-steps{flex-direction:column;flex:1;display:flex}.detella-home .da-step{text-align:left;width:100%;color:inherit;cursor:pointer;isolation:isolate;background:0 0;border:0;border-top:1px solid #cadfd4;grid-template-columns:44px minmax(0,1fr) 100px 16px;align-items:center;gap:14px;padding:15px 0;font-family:inherit;transition:color .25s;display:grid;position:relative}.da-step:before{content:"";opacity:0;z-index:-1;background:#cce1d5;border-radius:12px;transition:opacity .25s;position:absolute;inset:3px -16px}.da-step:first-child{border-top-color:#0000}.da-step.is-active:before{opacity:.7}.da-step:hover:before{opacity:.5}.da-step.is-active+.da-step{border-top-color:#0000}.da-number{letter-spacing:-.055em;color:#72978a;font-size:40px;font-weight:300;line-height:1}.da-step-copy{border-left:2px solid #cbded4;flex-direction:column;gap:7px;padding:3px 0 3px 15px;display:flex}.da-step.is-active .da-step-copy{border-left-color:#467e69}.da-step-title{letter-spacing:-.04em;font-size:clamp(18px,1.6vw,25px);font-weight:600;line-height:1.18}.da-step-description{color:#405c51;font-size:clamp(11px,.95vw,14px);line-height:1.5}.da-thumb{object-fit:cover;border-radius:6px;width:100%;height:86px}.da-indicator{text-align:center;color:#315648;font-size:24px;font-weight:300}.da-about{border-bottom:1px solid #7c9c8e;align-self:flex-start;align-items:center;gap:12px;margin-top:27px;padding:5px 0;font-size:13px;line-height:1.5;display:inline-flex}.da-about:hover{color:#467e69}@media (min-width:1700px){.da-visual{min-height:730px}.da-step{grid-template-columns:55px minmax(0,1fr) 135px 20px!important;gap:18px!important;padding:20px 0!important}.da-thumb{height:105px}.da-number{font-size:50px}}@media (min-width:761px) and (max-width:1100px){.da-content{padding:28px}.da-visual{min-height:560px}.detella-home .da-content>h2{font-size:34px}.detella-home .da-step{grid-template-columns:32px minmax(0,1fr) 60px 12px;gap:9px}.da-step-copy{padding-left:10px}.da-number{font-size:31px}.da-thumb{height:73px}.da-step-title{font-size:18px}}@media (max-width:760px){.da-panel{border-radius:20px;grid-template-columns:1fr}.da-visual{height:370px;min-height:0}.da-frame>img{object-position:50% 35%}.da-frame figcaption{padding:30px 23px 22px}.da-content{padding:28px 24px 30px}.detella-home .da-content>h2{white-space:normal;margin:18px 0 24px;font-size:clamp(30px,7.8vw,46px)}.detella-home .da-step{grid-template-columns:32px minmax(0,1fr) 63px 12px;gap:9px;padding:14px 0}.da-step:before{inset:3px -12px}.da-number{font-size:31px}.da-step-copy{gap:5px;padding-left:10px}.da-step-title{font-size:18px}.da-step-description{font-size:11px}.da-thumb{height:74px}.da-about{margin-top:22px;font-size:12px}}@media (max-width:370px){.da-content{padding:25px 19px}.da-visual{height:320px}.detella-home .da-step{grid-template-columns:28px minmax(0,1fr) 48px 10px;gap:7px}.da-step-title{font-size:16px}.da-step-description{font-size:10px}}@media (prefers-reduced-motion:reduce){.da-frame,.da-step:before{transition:none}}
