.procedure-section{background:#eef3f7;padding:70px 0}.procedure-frame{background:#fff;border-radius:24px;padding:22px;display:grid;grid-template-columns:1.02fr .98fr;gap:34px;min-height:530px;box-shadow:0 18px 50px #18466812}.procedure-copy{padding:58px 25px 42px 46px;display:flex;flex-direction:column;align-items:flex-start}.procedure-copy h2{font-size:clamp(2.35rem,3.45vw,3.7rem);line-height:1.12;letter-spacing:-.065em;margin:16px 0 22px;max-width:540px}.procedure-copy h2 span{color:#187fc6}.procedure-panel h3{font:800 1.14rem Manrope;margin-bottom:10px}.procedure-panel p{font-size:.92rem;color:#587083;line-height:1.68;max-width:495px;margin-bottom:17px}.procedure-panel ul{list-style:none;padding:0;margin:0 0 23px;border-left:2px solid #a9ccf5}.procedure-panel li{padding:7px 0 7px 19px;font-size:.84rem;color:#62798c;position:relative}.procedure-panel li:before{content:'';position:absolute;left:-6px;top:17px;width:10px;height:10px;border-radius:50%;background:#6395f9;border:2px solid #fff}.procedure-panel[hidden]{display:none}.procedure-cta{display:inline-flex;align-items:center;gap:24px;border:1px solid #5c91ff;border-radius:11px;padding:12px 17px;color:#3972d5;font:800 .79rem Manrope;margin-top:auto;transition:background .2s,color .2s}.procedure-cta:hover{background:#3972d5;color:white}.procedure-cta span{font-size:1.15rem}.procedure-visual{position:relative;background:#101114;overflow:hidden;border-radius:16px;min-height:490px;display:grid;place-items:center;isolation:isolate}.procedure-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:55px 55px}.procedure-visual>img{width:min(95%,510px);height:auto;animation:arch-float 5s ease-in-out infinite;filter:drop-shadow(0 17px 18px #0005)}@keyframes arch-float{50%{transform:translateY(-11px)}}.procedure-visual-note{position:absolute;top:20px;right:22px;color:#b6c7d1;font-size:.62rem}.procedure-tabs{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:7px;padding:6px;border-radius:32px;border:1px solid #a2a7ab;white-space:nowrap;background:#101114cc}.procedure-tab{border:0;background:#fff;color:#526e87;padding:8px 14px;border-radius:22px;font:.7rem Manrope;cursor:pointer}.procedure-tab.active{background:#527ef8;color:#fff}.procedure-tab:focus-visible{outline:3px solid #fff;outline-offset:2px}
.advantages-section{background:#f1f3f5}.advantages-accordion{background:#fff;border-radius:15px;overflow:hidden}.advantages-accordion details{border-bottom:1px solid #d8dee4;padding:0}.advantages-accordion details:last-child{border-bottom:0}.advantages-accordion summary{min-height:80px;padding:21px 28px;display:flex;align-items:center;justify-content:space-between;gap:25px;font:800 1.16rem Manrope;letter-spacing:-.035em;color:#0d2030}.advantages-accordion summary span{width:25px;height:25px;position:relative;flex:0 0 25px}.advantages-accordion summary span:before,.advantages-accordion summary span:after{content:'';position:absolute;background:#182935;top:12px;left:4px;width:17px;height:2px}.advantages-accordion summary span:after{transform:rotate(90deg);transition:transform .2s}.advantages-accordion details[open] summary span:after{transform:rotate(0)}.advantages-accordion details[open]:first-child{background:linear-gradient(105deg,#f6fbff 0%,#e2f3fb 57%,#fff 100%)}.advantage-content{display:flex;align-items:flex-start;gap:30px;padding:0 28px 25px}.advantage-content p{font-size:.91rem;line-height:1.67;color:#395a70;max-width:680px;margin:0}.advantage-content img{width:180px;height:95px;object-fit:cover;border-radius:7px;margin-left:auto}.advantages-accordion details:not(:first-child) .advantage-content{padding-bottom:28px}
.cases-section{background:#fff}.cases-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.cases-controls>span{border:1px solid #9bbaf8;background:#f4f7ff;color:#3972d5;border-radius:30px;padding:8px 16px;font:800 .75rem Manrope}.cases-controls>div{display:flex;gap:8px}.cases-controls button{height:38px;width:38px;display:grid;place-items:center;border:1px solid #aec4d4;border-radius:50%;background:#fff;color:#0d68a3;cursor:pointer;font-size:1.15rem}.cases-controls button:hover{background:#e6f3fc}.cases-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:2px 2px 17px}.case-card{flex:0 0 calc((100% - 48px)/4);min-width:220px;min-height:420px;scroll-snap-align:start;position:relative;overflow:hidden;border-radius:16px;background:#e6edf3}.case-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.case-card:hover img{transform:scale(1.05)}.case-card>div{position:absolute;bottom:0;left:0;right:0;color:#fff;padding:65px 16px 19px;background:linear-gradient(transparent,#0d2439e8)}.case-card strong,.case-card span{display:block}.case-card strong{font:800 .99rem Manrope}.case-card span{font-size:.7rem;color:#daebf5;margin-top:5px}.cases-cta{text-align:center;margin-top:21px}.cases-cta .campaign-button{box-shadow:none;background:#4e74e5}
@media(max-width:1050px){.procedure-frame{gap:15px}.procedure-copy{padding:35px 10px 28px 25px}.case-card{flex-basis:calc((100% - 32px)/3)}}
@media(max-width:720px){.procedure-section{padding:50px 0}.procedure-frame{display:flex;flex-direction:column;padding:14px;gap:0}.procedure-copy{padding:30px 15px 25px}.procedure-visual{min-height:420px}.procedure-visual>img{width:min(90%,470px)}.advantage-content img{width:130px}.case-card{flex-basis:calc((100% - 16px)/2)}.advantages-accordion summary{font-size:1rem;min-height:68px}}
@media(max-width:470px){.procedure-copy h2{font-size:2.35rem}.procedure-visual{min-height:315px}.procedure-visual-note{font-size:.55rem;top:14px;right:12px}.procedure-tabs{bottom:14px;gap:3px;padding:4px}.procedure-tab{padding:7px 9px;font-size:.6rem}.advantage-content{display:block;padding:0 20px 22px}.advantages-accordion summary{padding:18px 20px;font-size:.93rem}.advantage-content img{display:none}.case-card{flex-basis:79%;min-height:390px}.cases-section .campaign-heading p{font-size:.84rem}}
@media(prefers-reduced-motion:reduce){.procedure-visual>img{animation:none}.case-card img{transition:none}}