/* "מצפן הכיוונים" – הכירו את הסמינר מכל הכיוונים */
.cmp{--c-ink:#1d3466;--c-gold:#c9962f;--c-gold-d:#9a6f17;--c-gold-l:#e8c46e;--c-paper:#fffdf8;--c-muted:#4b5a7c;overflow-x:clip}
.cmp-lead{text-align:center;color:var(--c-muted);margin:14px auto 0;font-size:clamp(16px,2.4vw,19px);line-height:1.7}
.cmp-stage{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:34px}
@media(min-width:900px){.cmp-stage{flex-direction:row-reverse;justify-content:center;gap:60px}}
.cmp-scene{perspective:1000px;flex:none}
.cmp-compass{--size:min(460px,90vw);position:relative;width:var(--size);height:var(--size);transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out}
.cmp-compass.settle{transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.cmp-dial{position:absolute;left:50%;top:50%;width:56%;height:56%;margin:-28% 0 0 -28%;border-radius:50%;transform:translateZ(0);
 background:radial-gradient(circle at 34% 28%,#34569d 0,var(--c-ink) 62%,#13244a 100%);
 box-shadow:0 0 0 6px var(--c-gold-l),0 0 0 10px var(--c-gold-d),0 3px 0 10px #7e5a10,0 28px 40px -8px rgba(29,52,102,.55),inset 0 0 40px rgba(0,0,0,.35)}
.cmp-ticks{position:absolute;inset:5%;border-radius:50%;background:repeating-conic-gradient(from -.6deg,rgba(232,196,110,.85) 0 1.2deg,transparent 1.2deg 6deg);-webkit-mask:radial-gradient(circle,transparent 86%,#000 87%);mask:radial-gradient(circle,transparent 86%,#000 87%)}
.cmp-ticks::after{content:"";position:absolute;inset:-1px;border-radius:50%;background:repeating-conic-gradient(from -1deg,var(--c-gold-l) 0 2deg,transparent 2deg 60deg);-webkit-mask:radial-gradient(circle,transparent 78%,#000 79%);mask:radial-gradient(circle,transparent 78%,#000 79%)}
.cmp-needle{position:absolute;left:50%;top:50%;width:9%;height:51%;margin:-25.5% 0 0 -4.5%;transform:rotate(var(--na,0deg)) translateZ(26px);transition:transform 1.1s cubic-bezier(.34,1.45,.5,1);pointer-events:none;filter:drop-shadow(0 8px 6px rgba(0,0,0,.45))}
.cmp-needle i{position:absolute;left:0;right:0;display:block}
.cmp-needle .n{top:0;height:50%;background:linear-gradient(90deg,var(--c-gold-d),#fff0b8 48%,var(--c-gold-d));clip-path:polygon(50% 0,100% 100%,0 100%)}
.cmp-needle .s{bottom:0;height:50%;background:linear-gradient(90deg,#4c6199,#9db0dc 48%,#4c6199);clip-path:polygon(0 0,100% 0,50% 100%)}
.cmp-hub{position:absolute;left:50%;top:50%;width:9%;height:9%;margin:-4.5% 0 0 -4.5%;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff6d6,var(--c-gold-l) 40%,var(--c-gold-d));box-shadow:0 2px 0 #7e5a10,0 6px 10px rgba(0,0,0,.5);transform:translateZ(36px)}
.cmp-st{position:absolute;left:50%;top:50%;width:27%;height:17%;margin:-8.5% 0 0 -13.5%;padding:0;border:0;background:none;cursor:pointer;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;
 transform:rotate(var(--a)) translateY(calc(var(--size)*-.395)) rotate(calc(var(--a)*-1));transition:transform .5s cubic-bezier(.3,.7,.2,1)}
.cmp-stb{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:18px;padding:4px 6px;text-align:center;color:var(--c-ink);font-weight:800;line-height:1.1;font-size:clamp(10.5px,calc(var(--size)*.029),14px);
 background:linear-gradient(160deg,#fff,#f7edd3);border:2px solid var(--c-gold-l);box-shadow:0 2px 0 #e2d4b3,0 4px 0 #d3c08f,0 12px 18px -6px rgba(29,52,102,.4);transition:background .4s,box-shadow .4s,border-color .4s,color .3s}
.cmp-stb svg{width:clamp(20px,calc(var(--size)*.055),28px);height:auto}
.cmp-st:hover{transform:rotate(var(--a)) translateY(calc(var(--size)*-.41)) rotate(calc(var(--a)*-1)) translateZ(14px)}
.cmp-st[aria-selected="true"]{z-index:3;transform:rotate(var(--a)) translateY(calc(var(--size)*-.415)) rotate(calc(var(--a)*-1)) translateZ(44px) scale(1.1)}
.cmp-st[aria-selected="true"] .cmp-stb{background:radial-gradient(circle at 35% 25%,#fff3c8 0,var(--c-gold-l) 40%,var(--c-gold) 85%);border-color:var(--c-gold-d);box-shadow:0 3px 0 var(--c-gold-d),0 7px 0 #7e5a10,0 22px 28px -8px rgba(120,80,10,.55)}
.cmp-st:focus-visible .cmp-stb{outline:3px solid var(--c-ink);outline-offset:3px}
.cmp-panel{width:min(460px,92vw);flex:none}
.cmp-cards{display:grid}
.cmp-card{grid-area:1/1;visibility:hidden;opacity:0;transform:translateY(14px) rotateX(-8deg);transform-origin:50% 100%;transition:opacity .45s,transform .55s cubic-bezier(.3,.7,.2,1),visibility 0s .45s;position:relative;background:linear-gradient(160deg,#fff 0,var(--c-paper) 100%);border:1px solid #efe5cc;border-radius:20px;padding:34px 26px 26px;
 box-shadow:0 1px 0 #fff inset,0 2px 0 #eadfc6,0 4px 0 #e2d4b3,0 6px 0 #d9c89f,0 24px 34px -10px rgba(29,52,102,.38)}
.cmp-card::before{content:"";position:absolute;inset:0 0 auto 0;height:8px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,var(--c-gold-d),var(--c-gold-l) 50%,var(--c-gold-d))}
.cmp-card.on{visibility:visible;opacity:1;transform:none;transition:opacity .45s .1s,transform .55s .1s cubic-bezier(.3,.7,.2,1),visibility 0s}
.cmp-card h3{font-size:24px;font-weight:800;color:var(--c-ink);line-height:1.25;margin:0 0 10px}
.cmp-card p{color:var(--c-muted);font-size:17px;line-height:1.85;margin:0 0 20px}
.cmp-go{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:17px;color:var(--c-ink);text-decoration:none;background:linear-gradient(160deg,var(--c-gold-l),var(--c-gold));border-radius:999px;padding:11px 24px;min-height:46px;box-shadow:0 3px 0 var(--c-gold-d),0 8px 14px -4px rgba(120,80,10,.45);transition:transform .12s,box-shadow .12s}
.cmp-go:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--c-gold-d),0 12px 18px -4px rgba(120,80,10,.5)}
.cmp-go:active{transform:translateY(3px);box-shadow:0 0 0 var(--c-gold-d)}
.cmp-go:focus-visible,.cmp-arrow:focus-visible,.cmp-dot:focus-visible{outline:3px solid var(--c-ink);outline-offset:3px}
.cmp-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px}
.cmp-arrow{width:44px;height:44px;border-radius:50%;border:2px solid var(--c-ink);background:#fff;color:var(--c-ink);font-size:20px;line-height:1;cursor:pointer;box-shadow:0 3px 0 var(--c-ink);transition:transform .12s,box-shadow .12s,background .2s,color .2s}
.cmp-arrow:hover{background:var(--c-ink);color:#fff}
.cmp-arrow:active{transform:translateY(3px);box-shadow:0 0 0 var(--c-ink)}
.cmp-dots{display:flex;gap:9px}
.cmp-dot{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:#d9c89f;cursor:pointer;transition:all .25s}
.cmp-dot.on{width:28px;border-radius:6px;background:linear-gradient(90deg,var(--c-gold-d),var(--c-gold))}
@media(prefers-reduced-motion:reduce){.cmp *{transition:none!important}}