@font-face{font-family:'Rubik';font-style:normal;font-weight:300 900;font-display:swap;src:url(fonts/rubik-hebrew.woff2) format('woff2');unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face{font-family:'Rubik';font-style:normal;font-weight:300 900;font-display:swap;src:url(fonts/rubik-latin.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Rubik,Assistant,Arial,sans-serif;background:#f5f2ed;color:#28313d;line-height:1.55}
a{color:#5b77a3}
.wrap{max-width:1040px;margin:0 auto;padding:28px 22px 60px}
.hero{background:linear-gradient(135deg,#3d5577,#5b77a3 55%,#7b9cc4);color:#fff;border-radius:28px;padding:38px 36px;position:relative;overflow:hidden}
.hero h1{font-size:44px;font-weight:800;line-height:1.1;margin-bottom:10px}
.hero p{font-size:20px;max-width:600px;opacity:.95}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.5;pointer-events:none}
.hero>*{position:relative}
.top{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-weight:700;font-size:18px}
.top a{text-decoration:none;color:#28313d;background:#fff;border-radius:12px;padding:8px 14px;box-shadow:0 2px 10px rgba(15,23,42,.06)}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}
.choice{display:block;background:#fff;border-radius:24px;padding:28px;text-decoration:none;color:inherit;box-shadow:0 10px 30px rgba(15,23,42,.08);border:3px solid transparent;transition:border-color .2s,transform .2s}
.choice:hover{border-color:#5b77a3;transform:translateY(-2px)}
.choice .ic{font-size:44px}
.choice h2{font-size:30px;margin:8px 0 6px}
.choice p{font-size:18px;color:#334155}
.choice ul{margin:12px 20px 0 0;font-size:17px;color:#334155}
.choice .cta{display:inline-block;margin-top:16px;background:#46607e;color:#fff;border-radius:14px;padding:10px 20px;font-weight:700}
.note{margin-top:22px;background:#fff;border-radius:20px;padding:20px 24px;font-size:17px;color:#334155}
h2.sec{font-size:28px;margin:34px 0 12px}
.card{background:#fff;border-radius:20px;padding:22px 26px;box-shadow:0 6px 24px rgba(15,23,42,.06);margin-bottom:16px}
.card h3{font-size:22px;margin-bottom:8px}
.card p,.card li{font-size:17px}
.card ul{margin-right:22px}
.eq{direction:ltr;display:inline-block;font-weight:700;background:#eef2ff;border-radius:10px;padding:2px 10px}
.quote{direction:ltr;text-align:left;background:#f8fafc;border-radius:12px;padding:10px 14px;font-size:15px;font-family:ui-monospace,Menlo,monospace;margin:8px 0}
/* path */
.path{position:relative;margin-top:30px}
.path svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.node{position:relative;display:flex;align-items:center;gap:20px;width:68%;margin-bottom:34px;text-decoration:none;color:inherit}
.node:nth-child(even){margin-right:auto;flex-direction:row}
.node .bub{flex:none;width:96px;height:96px;border-radius:50%;background:#fff;border:5px solid #d3cec6;display:grid;place-items:center;font-size:40px;position:relative;box-shadow:0 8px 20px rgba(15,23,42,.1)}
.node .bub b{position:absolute;bottom:-6px;left:-6px;width:36px;height:36px;border-radius:50%;background:#46607e;color:#fff;font-size:18px;display:grid;place-items:center}
.node .box{flex:1;background:#fff;border-radius:20px;padding:16px 20px;box-shadow:0 6px 20px rgba(15,23,42,.07);border:3px solid transparent;transition:border-color .2s}
.node:hover .box{border-color:#5b77a3}
.node h3{font-size:24px;line-height:1.2}
.node p{font-size:17px;color:#475569;margin-top:4px}
.chip{display:inline-block;font-size:15px;font-weight:700;border-radius:10px;padding:3px 10px;margin-top:8px}
.node.done .bub{border-color:#6f9a7c}
.node.done .bub b{background:#6f9a7c}
.chip.done{background:#e3ede4;color:#4f7a5c}
.node.next .bub{border-color:#5b77a3;box-shadow:0 0 0 8px rgba(52,70,212,.14)}
.chip.next{background:#5b77a3;color:#fff}
.prog{display:flex;align-items:center;gap:14px;margin-top:18px;font-weight:700}
.bar{flex:1;max-width:340px;height:12px;border-radius:6px;background:rgba(255,255,255,.3);overflow:hidden}
.bar i{display:block;height:100%;background:#fff;border-radius:6px}
.btnw{display:inline-block;background:#fff;color:#3d5577;font-weight:800;border-radius:14px;padding:12px 22px;text-decoration:none;margin-top:18px;font-size:19px}
footer{margin-top:40px;font-size:15px;color:#64748b}
@media (max-width:700px){ .choices{grid-template-columns:1fr} .hero h1{font-size:34px} .node{width:100%} .node .bub{width:72px;height:72px;font-size:30px} .node h3{font-size:20px} }
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* track choice */
.tracks .choice{padding:32px;border-width:3px}
.tracks .choice .sub{display:inline-block;font-size:15px;font-weight:700;color:#5f6b7a;background:#efebe5;border-radius:10px;padding:2px 10px;margin-bottom:8px}
.tracks .choice.cur{border-color:#a7b8cc}
.tracks .choice[data-track="adv"] .cta{background:#6a5f84}
.trk{display:inline-block;background:rgba(255,255,255,.2);border-radius:12px;padding:4px 14px;font-weight:700;font-size:17px;margin-bottom:10px}
.top a[hidden]{display:none}
.tracks .choice h2{font-size:36px}.tracks .choice p{font-size:21px}.tracks .choice ul{font-size:20px;line-height:1.7}.tracks .choice .cta{font-size:20px;padding:12px 24px}

/* v9: phone header wraps; madalabs chip fits (Nov 8) */
.top{flex-wrap:wrap;row-gap:8px}
@media (max-width:560px){.top .mlc-sub{display:none}.top .mlchip-w{max-width:100%}.top a{white-space:nowrap}}