.claw-solutions{background:#f1efdf;color:#08716b;padding:70px max(6vw,24px);scroll-margin-top:75px;overflow:hidden}
.claw-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:7%;max-width:1200px;margin:auto;align-items:center}
.claw-eyebrow{font-size:12px;font-weight:500;letter-spacing:.1em;line-height:1.7;margin:0 0 28px}
.claw-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(40px,4.6vw,66px);line-height:1.07;letter-spacing:-.045em;font-weight:400;margin:0 0 30px;color:#086b65}
.claw-copy h2 em{font-weight:400}
.claw-intro,.claw-invitation{font-size:17px;line-height:1.8;max-width:44ch;color:#425e52;margin:0 0 20px}
.claw-invitation{font-size:15px;color:#446d60;margin-bottom:35px}
.claw-answer{border-top:1px solid #9eafa055;padding-top:25px;min-height:250px;transition:opacity .2s}
.claw-answer-label{font-size:12px;letter-spacing:.07em;margin:0 0 13px;color:#496d5f}
.claw-answer h3{font-size:25px;line-height:1.35;letter-spacing:-.035em;margin:0 0 15px;font-weight:500;color:#086b65}
.claw-answer-copy{font-size:16px;line-height:1.8;max-width:45ch;color:#425e52;margin:0 0 20px}
.claw-answer-link{font-size:15px;line-height:1.7;color:#086b65;text-decoration:underline;text-underline-offset:6px}
.claw-answer-link>span{margin-left:14px}
.claw-experience{min-width:0}
.claw-scene{position:relative;height:650px;isolation:isolate}
.claw-rail{position:absolute;left:-40%;right:-40%;top:0;height:1px;background:#b6c0aa66}
.claw-rig{--rig-x:0px;--rig-y:0px;position:absolute;top:-105px;left:50%;width:300px;height:412.5px;transform:translate(calc(-50% + var(--rig-x)),var(--rig-y));transition:transform .55s cubic-bezier(.45,0,.2,1);pointer-events:none;z-index:5;filter:drop-shadow(7px 10px 7px #18352320)}
.claw-machine{display:block;width:100%;height:100%;position:relative;z-index:2;overflow:visible}
.claw-arm{transform-box:view-box;transition:transform .3s cubic-bezier(.3,0,.3,1)}
.claw-arm-left{transform-origin:117px 208px}.claw-arm-right{transform-origin:203px 208px}.claw-arm-back{transform-origin:160px 194px}
.is-gripping .claw-arm-left{transform:rotate(-18deg)}.is-gripping .claw-arm-right{transform:rotate(18deg)}.is-gripping .claw-arm-back{transform:rotate(5deg)}
.claw-grip-anchor{position:absolute;top:78%;left:50%;width:0;height:0}
.claw-caught{position:absolute;left:50%;top:78%;transform:translate(-50%,-50%);width:265px;min-height:64px;display:flex;justify-content:center;align-items:center;text-align:center;padding:10px 20px;background:#f1efdf;border:1.5px solid #14857d;border-radius:60px;color:#08716b;font:400 24px/1.3 'Montserrat',sans-serif;letter-spacing:-.045em;z-index:1;box-shadow:0 4px 16px #164b3c09}
.claw-pile{position:absolute;top:285px;left:0;right:0;height:325px;z-index:2}
.claw-token{position:absolute;border:1.5px solid #19847b;border-radius:90px;background:#f1efdf;color:#08716b;min-height:67px;padding:14px 18px;display:flex;align-items:center;justify-content:center;font:400 clamp(17px,1.8vw,26px)/1.3 'Montserrat',sans-serif;letter-spacing:-.045em;cursor:pointer;transform:rotate(var(--tilt,0deg));transition:background .2s,color .2s,opacity .2s;box-shadow:0 4px 10px #17442e05}
.claw-token:hover{background:#e0e8d9}.claw-token[aria-pressed="true"]{background:#dbe7d7}.claw-token.is-caught{opacity:0}
.claw-token:nth-child(1){top:0;left:22%;width:62%;--tilt:0deg;z-index:6}
.claw-token:nth-child(2){top:85px;left:-1%;width:68%;--tilt:22deg;z-index:5}
.claw-token:nth-child(3){top:108px;left:48%;width:58%;--tilt:-41deg;z-index:4}
.claw-token:nth-child(4){top:172px;left:-3%;width:57%;--tilt:63deg;z-index:3}
.claw-token:nth-child(5){top:224px;left:45%;width:60%;--tilt:-17deg;z-index:2}
.claw-token:nth-child(6){top:237px;left:13%;width:66%;--tilt:29deg;z-index:1}
.claw-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;line-height:1.7;color:#4b6a5b;padding-top:20px;border-top:1px solid #a3b3a055}
.claw-pause{flex:none;background:transparent;border:1px solid #799b88;border-radius:30px;color:#286b5a;font:inherit;font-size:12px;line-height:1.5;padding:10px 15px;min-height:40px;cursor:pointer}
.claw-pause:disabled{opacity:.65;cursor:default}
.claw-token:focus-visible,.claw-pause:focus-visible,.claw-answer-link:focus-visible{outline:3px solid #194b3a;outline-offset:5px}
.claw-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1099px){.claw-layout{gap:5%}.claw-token{font-size:20px;padding:12px;min-height:62px}.claw-token:nth-child(2){width:73%;left:-5%}.claw-caught{font-size:21px;width:235px}.claw-rig{width:270px;height:371.25px;top:-80px}.claw-scene{height:620px}.claw-controls{flex-wrap:wrap;gap:12px}.claw-answer{min-height:300px}}
@media(max-width:767px){.claw-solutions{padding:60px 24px 45px}.claw-layout{display:flex;flex-direction:column;gap:30px}.claw-copy,.claw-experience{width:100%}.claw-copy h2{font-size:45px;max-width:12ch}.claw-eyebrow{font-size:11px;margin-bottom:22px}.claw-intro{font-size:16px}.claw-invitation{margin-bottom:25px}.claw-answer{min-height:0;padding-top:22px}.claw-answer h3{font-size:25px}.claw-answer-copy{font-size:16px}.claw-scene{height:590px}.claw-rig{width:250px;height:343.75px;top:-70px}.claw-pile{top:245px;height:300px}.claw-token{font-size:18px;min-height:58px;padding:12px 10px}.claw-token:nth-child(2){width:73%;left:-4%;top:76px}.claw-token:nth-child(3){top:96px;left:48%;width:58%}.claw-token:nth-child(4){top:151px}.claw-token:nth-child(5){top:197px}.claw-token:nth-child(6){top:222px}.claw-caught{font-size:19px;min-height:56px;width:215px}.claw-controls>span{max-width:25ch}}
/* Reserve the claw's full upward travel before the mobile animation starts.
   Clip it inside this band so neither the cable nor its shadow can cover the copy. */
@media(max-width:767px){.claw-experience{padding-top:170px;border-top:1px solid #a3b3a055;overflow:hidden;isolation:isolate}}
@media(prefers-reduced-motion:reduce){.claw-rig,.claw-arm,.claw-token,.claw-answer{transition:none}}