/* V18 — premium cinematic redesign for methodology and commitments */
.method-block{position:relative;color:#fff;background:#07111d;box-shadow:0 0 0 100vmax #07111d;clip-path:inset(0 -100vmax);overflow:hidden}
.method-block::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 20%,rgba(199,149,62,.16),transparent 28%),radial-gradient(circle at 88% 78%,rgba(50,105,151,.18),transparent 30%),linear-gradient(115deg,transparent 0 49.9%,rgba(255,255,255,.025) 50%,transparent 50.1%);background-size:auto,auto,36px 36px}
.method-block>*{position:relative;z-index:1}.method-block .profile-heading h2{color:#fff;max-width:970px}.method-block .profile-heading>span,.method-block .profile-kicker{color:#e1b45f}.method-block .profile-heading::after{background:linear-gradient(90deg,#e1b45f,transparent)}
.method-grid{position:relative;gap:18px;border:0;background:transparent;perspective:1200px}
.method-grid::before{content:"";position:absolute;left:8%;right:8%;top:48px;height:2px;background:linear-gradient(90deg,transparent,#c7953e 12%,#e1b45f 50%,#c7953e 88%,transparent);box-shadow:0 0 20px rgba(225,180,95,.5);transform:scaleX(0);transform-origin:left;animation:method-line 1.5s cubic-bezier(.16,1,.3,1) .25s forwards}
.method-grid article{position:relative;min-height:330px;padding:94px 24px 30px!important;border:1px solid rgba(255,255,255,.12)!important;background:linear-gradient(155deg,rgba(255,255,255,.085),rgba(255,255,255,.025))!important;box-shadow:0 24px 45px rgba(0,0,0,.18);backdrop-filter:blur(9px);overflow:visible;transition:transform .55s cubic-bezier(.16,1,.3,1),border-color .4s ease,background .4s ease,box-shadow .4s ease!important}
.method-grid article::before{content:"";position:absolute;top:39px;left:50%;z-index:2;width:18px;height:18px;border:4px solid #07111d;border-radius:50%;background:#e1b45f;box-shadow:0 0 0 1px #e1b45f,0 0 24px rgba(225,180,95,.9);transform:translateX(-50%);transition:transform .45s cubic-bezier(.16,1,.3,1)}
.method-grid article::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 35%,rgba(225,180,95,.13),transparent 65%);transform:translateX(-120%);transition:transform .8s ease;pointer-events:none}
.method-grid article>b{position:absolute;right:18px;top:75px;color:rgba(255,255,255,.08)!important;font:300 4.7rem/1 'Manrope',sans-serif!important;letter-spacing:-.08em}
.method-grid article h3{position:relative;margin:62px 0 18px!important;color:#fff;font-size:1.25rem}.method-grid article p{position:relative;color:rgba(255,255,255,.58)!important;line-height:1.75}
.method-grid article:hover{z-index:3;transform:translateY(-16px) scale(1.035)!important;border-color:rgba(225,180,95,.55)!important;background:linear-gradient(155deg,rgba(225,180,95,.16),rgba(255,255,255,.035))!important;box-shadow:0 35px 70px rgba(0,0,0,.36),0 0 0 1px rgba(225,180,95,.12)!important}.method-grid article:hover::before{transform:translateX(-50%) scale(1.45)}.method-grid article:hover::after{transform:translateX(120%)}
.commitments-block{position:relative}.commitments-block::after{content:"04";position:absolute;right:-2%;top:60px;z-index:0;color:rgba(7,16,27,.035);font:800 clamp(9rem,22vw,20rem)/1 'Manrope',sans-serif;letter-spacing:-.1em;pointer-events:none}.commitments-block>*{position:relative;z-index:1}
.commitment-grid{gap:22px;background:transparent;perspective:1300px}.commitment-grid article{--rx:0deg;--ry:0deg;position:relative;min-height:300px;padding:44px 42px 38px!important;border:1px solid rgba(14,29,44,.1);background:linear-gradient(145deg,#fff,#eeece5)!important;box-shadow:0 24px 55px rgba(7,16,27,.1),inset 0 1px #fff;transform-style:preserve-3d;transition:transform .2s ease-out,box-shadow .45s ease,border-color .45s ease!important;overflow:hidden}.commitment-grid article::before{position:absolute;right:24px;top:18px;color:rgba(12,25,39,.07);font:300 6.2rem/1 'Manrope',sans-serif;letter-spacing:-.1em;transform:translateZ(15px)}.commitment-grid article:nth-child(1)::before{content:"01"}.commitment-grid article:nth-child(2)::before{content:"02"}.commitment-grid article:nth-child(3)::before{content:"03"}.commitment-grid article:nth-child(4)::before{content:"04"}
.commitment-grid article::after{content:"";position:absolute;left:42px;top:39px;width:46px;height:3px;background:linear-gradient(90deg,#c7953e,#e1b45f);box-shadow:0 0 16px rgba(199,149,62,.35);transition:width .55s cubic-bezier(.16,1,.3,1)}
.commitment-grid article h3{max-width:65%;margin:82px 0 18px!important;font-size:1.45rem;transform:translateZ(32px)}.commitment-grid article p{max-width:88%;color:#606970!important;font-size:.92rem;line-height:1.75;transform:translateZ(22px)}
.commitment-grid article.is-visible{transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry))}.commitment-grid article:hover{border-color:rgba(199,149,62,.45);box-shadow:0 38px 80px rgba(7,16,27,.18),inset 0 1px #fff}.commitment-grid article:hover::after{width:110px}
@keyframes method-line{to{transform:scaleX(1)}}
@media(max-width:900px){.method-grid{gap:12px}.method-grid::before{left:48px;right:auto;top:45px;bottom:45px;width:2px;height:auto;transform:scaleY(0);transform-origin:top;animation-name:method-line-mobile}.method-grid article{min-height:220px;padding:30px 28px 30px 92px!important}.method-grid article::before{top:45px;left:48px}.method-grid article>b{top:25px}.method-grid article h3{margin:34px 0 14px!important}.commitment-grid article{min-height:270px}.commitments-block::after{display:none}@keyframes method-line-mobile{to{transform:scaleY(1)}}}
@media(max-width:560px){.commitment-grid article{padding:34px 28px!important}.commitment-grid article::after{left:28px}.commitment-grid article h3{max-width:78%;margin-top:76px!important}.commitment-grid article p{max-width:100%}}
@media(prefers-reduced-motion:reduce){.method-grid::before{transform:none!important;animation:none!important}.method-grid article,.commitment-grid article{transform:none!important;transition:none!important}}