.mechanical-finder{background:radial-gradient(ellipse at 50% 48%,#183548 0,#0b202e 42%,#071620 85%);color:#f5ead8;padding:48px 28px;text-align:center;border:1px solid #aa875040;border-radius:8px;box-shadow:0 20px 45px #06172318,inset 0 0 80px #0003;overflow:hidden}.mechanical-finder h2{color:#f5ead8;margin:10px 0;font-size:clamp(32px,4vw,54px)}.mechanical-finder .eyebrow{color:#c8ab78;font-size:11px;letter-spacing:.22em}.dial-instruction{color:#c6cbd0;font-size:14px;margin:14px 0 24px}.guide-dial{position:relative;width:min(100%,560px);height:390px;margin:auto}.dial-face{position:absolute;width:260px;height:260px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#102734 0 52%,#091925 53% 63%,#b79b69 63.4%,#2c302b 64%,#beaa7a 65%,#6e5b3c 66%,#d7c49a 67%,#6c593b 68%,#14202a 68.5% 72%,#a48c60 72.5%);border:1px solid #b9a175;box-shadow:0 16px 24px #0007,0 0 0 5px #040f1699,0 0 0 6px #b0965e55,inset 0 2px 3px #eee0b733}.dial-face:after{content:'';position:absolute;inset:26%;border:1px solid #ac936c50;border-radius:50%;background:repeating-conic-gradient(from 22.5deg,#b69b6944 0deg 1deg,transparent 1deg 45deg)}.dial-cardinal{position:absolute;font:10px Georgia,serif;color:#c8b58c;letter-spacing:0}.north{top:17%;left:48.5%}.south{bottom:17%;left:48.5%}.east{right:17%;top:48%}.west{left:17%;top:48%}.dial-ticks{position:absolute;width:242px;height:242px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:repeating-conic-gradient(#c6b082 0deg .7deg,transparent .7deg 6deg);mask:radial-gradient(transparent 63%,#000 64% 69%,transparent 70%);pointer-events:none}.dial-choice{position:absolute;width:46%;height:54px;background:transparent;border:0;border-bottom:1px solid #b8a07133;color:#e0d7c7;font:16px/1.3 Georgia,serif;cursor:pointer;padding:0 5px;z-index:5;transition:color .25s,border-color .25s;display:flex;align-items:center;justify-content:center;gap:8px}.dial-choice br{display:none}.dial-choice span{font-size:9px;color:#a58b61;flex-shrink:0}.dial-nw{left:0;top:0}.dial-ne{right:0;top:0}.dial-sw{left:0;bottom:0}.dial-se{right:0;bottom:0}.dial-choice.selected{color:#ffe5b0;border-bottom-color:#d3b176;text-shadow:0 0 15px #e3b56033}.dial-choice.selected span{color:#ffe5b0}.dial-choice:focus-visible,#pointer-handle:focus-visible{outline:2px solid #f0d6a2;outline-offset:5px}.dial-gears{position:absolute;left:50%;top:50%;width:106px;height:106px;transform:translate(-50%,-50%);border:1px solid #bda47755;border-radius:50%;background:repeating-conic-gradient(#af946132 0deg 1deg,transparent 1deg 15deg);pointer-events:none}.dial-pointer{position:absolute;width:260px;height:260px;left:calc(50% - 130px);top:calc(50% - 130px);z-index:3;pointer-events:none;transition:transform .45s cubic-bezier(.2,.8,.2,1)}#pointer-handle{position:absolute;top:11%;left:calc(50% - 22px);width:44px;height:44%;padding:0;border:0;background:transparent;pointer-events:auto;touch-action:none;cursor:grab;filter:drop-shadow(3px 5px 3px #0009)}#pointer-handle:before{content:'';position:absolute;inset:0 15px;background:linear-gradient(90deg,#746344,#dfc48e 45%,#eeddb5 52%,#9b7e4b 75%,#695332);clip-path:polygon(50% 0,100% 90%,50% 100%,0 90%)}#pointer-handle:after{content:'';position:absolute;left:21px;top:21%;height:64%;width:1px;background:#fff0c76b}.dragging{transition:none}.dragging #pointer-handle{cursor:grabbing}.dial-hub{position:absolute;left:calc(50% - 15px);top:calc(50% - 15px);width:30px;height:30px;border-radius:50%;border:1px solid #d3bd91;background:conic-gradient(#7a6747,#e7d5ac,#a68e60,#eee0b9,#7a6747);box-shadow:0 3px 8px #0009,0 0 0 4px #7c694133;z-index:4;pointer-events:none}.dial-guides{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:560px;margin:28px auto 0}.dial-guides>div{position:relative;border:1px solid #b2966338;border-radius:3px;padding:22px 10px 16px;color:#aab1b5;font:18px/1.3 Georgia,serif;background:#07172177;transition:.3s}.dial-guides>div:before{content:'EBOOK';display:block;font:9px/1.4 Arial,sans-serif;letter-spacing:.2em;color:#948366;margin-bottom:8px}.dial-guides>div.selected{background:linear-gradient(135deg,#a6864320,#0b202e);color:#ffe9c3;border-color:#c5a46f;box-shadow:0 0 22px #c59e4b14,inset 0 1px 0 #ead8a640}.dial-guides>div.selected:before{content:'MATCHING GUIDE';color:#d9ba82}.dial-advice{max-width:560px;margin:24px auto 0;padding:0;min-height:120px}.dial-advice #dial-tip{font:16px/1.65 Georgia,serif;color:#ddd3c0;margin:0 0 18px}.dial-advice .button{background:#d8c094;color:#13212b;border:1px solid #ead5ae;border-radius:3px;white-space:normal;font-size:13px;padding:13px 20px}.dial-advice [hidden]{display:none}.dial-format{color:#97a3aa;font-size:11px;letter-spacing:.06em;margin:18px 0 0}@media(max-width:600px){.mechanical-finder{padding:30px 18px}.guide-dial{height:358px}.dial-face{width:222px;height:222px}.dial-ticks{width:208px;height:208px}.dial-pointer{width:222px;height:222px;left:calc(50% - 111px);top:calc(50% - 111px)}.dial-choice{font-size:14px;height:52px;width:47%;line-height:1.35}.dial-choice br{display:block}.dial-choice span{display:none}.dial-gears{width:88px;height:88px}.dial-guides{gap:10px;margin-top:20px}.dial-guides>div{font-size:16px;padding:18px 8px 14px}.dial-advice #dial-tip{font-size:15px}.dial-instruction{font-size:12px}}@media(prefers-reduced-motion:reduce){.dial-pointer,.dial-choice,.dial-guides>div{transition:none}}