
.lu-experience{--ink:#101731;--cyan:#68eaff;font-family:Arial,sans-serif;max-width:1400px;margin:auto;padding:36px 24px;color:var(--ink);background:#fff}.lu-experience *{box-sizing:border-box}.lu-experience h1,.lu-experience h2{font-family:Georgia,serif;letter-spacing:-.035em}.lu-experience h1{font-size:clamp(34px,4.6vw,64px);text-align:center;margin:8px 0 10px;line-height:1.06}.lu-experience .lu-intro{text-align:center;color:#53627e;font-size:19px;margin:0 0 30px}.lu-experience .lu-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(290px,1fr);gap:18px}.lu-experience .lu-map{position:relative;min-height:530px;border-radius:26px;overflow:hidden;background:radial-gradient(ellipse at 28% 50%,#18395155,transparent 50%),radial-gradient(ellipse at 90% 85%,#32256866,transparent 50%),#07152c;isolation:isolate}.lu-experience .lu-stars{position:absolute;inset:0;pointer-events:none;z-index:-1}.lu-experience .lu-star{position:absolute;background:#d6f1ff;border-radius:50%;box-shadow:0 0 5px #a3ddff}.lu-experience .lu-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.lu-experience .lu-wire{fill:none;stroke-width:1;stroke:#7ddaf1;opacity:.48;vector-effect:non-scaling-stroke}.lu-experience .lu-orb{position:absolute;left:var(--x);top:var(--y);width:var(--size);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);border:1px solid var(--rim);background:radial-gradient(circle at 29% 18%,#ffffff65,transparent 38%),radial-gradient(circle at 60% 85%,var(--color),#142946 74%);box-shadow:inset 0 0 16px var(--color),inset 0 -8px 18px #ffffff25,0 0 24px var(--glow);color:white;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;font-size:clamp(12px,1.15vw,16px);font-weight:700;line-height:1.15;text-align:center;padding:14px;cursor:pointer;transition:transform .2s,box-shadow .2s;z-index:2;text-shadow:0 1px 4px #000}.lu-experience .lu-orb:before{content:'';position:absolute;inset:5px;border-radius:50%;border-top:1px solid #ffffff60;pointer-events:none}.lu-experience .lu-orb:hover,.lu-experience .lu-orb[aria-pressed=true]{transform:translate(-50%,-50%) scale(1.09);box-shadow:inset 0 0 25px var(--color),0 0 35px var(--glow);border-color:#fff}.lu-experience .lu-orb svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.lu-experience .lu-orb.lu-goal{font-size:19px}.lu-experience .lu-panel{padding:28px;border:1px solid #e7eaf1;border-radius:26px;box-shadow:0 12px 30px #1022440b;align-self:stretch;background:white}.lu-experience .lu-tag{display:inline-block;background:#d6f7fa;color:#07576a;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:700;letter-spacing:.06em}.lu-experience .lu-panel h2{font-size:clamp(29px,3vw,40px);line-height:1.07;margin:18px 0}.lu-experience .lu-art{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:18px}.lu-experience .lu-panel p{color:#53627e;line-height:1.6}.lu-experience .lu-button{display:flex;min-height:48px;align-items:center;justify-content:center;border-radius:28px;padding:12px 20px;font-size:14px;font-weight:700;text-decoration:none;border:1px solid #5577bd;color:#204d9b;background:white;cursor:pointer;margin:10px 0}.lu-experience .lu-button.lu-primary{background:linear-gradient(110deg,#009bac,#08788d);border-color:transparent;color:white}.lu-experience .lu-modes{display:flex;justify-content:center;gap:6px;margin:18px auto 26px}.lu-experience .lu-modes button{border:1px solid #e2e7f0;border-radius:30px;padding:12px 22px;background:#f8f9fc;color:#334569;min-height:44px;cursor:pointer}.lu-experience .lu-modes button[aria-pressed=true]{background:#101731;color:white}.lu-experience .lu-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lu-experience .lu-card{display:flex;gap:18px;align-items:center;border:1px solid #e8ebf3;border-radius:20px;padding:23px;text-decoration:none;color:var(--ink);box-shadow:0 8px 25px #10224405}.lu-experience .lu-card svg{width:44px;height:44px;flex-shrink:0;fill:none;stroke:#5373dc;stroke-width:1.5}.lu-experience .lu-card strong{font:700 20px Georgia,serif;display:block;margin-bottom:7px}.lu-experience .lu-card span{font-size:14px;color:#53627e;line-height:1.5}.lu-experience .lu-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.lu-experience .lu-list a{display:block;border:1px solid #dce4ef;border-radius:14px;padding:18px;color:#204d9b;text-decoration:none;min-height:48px}.lu-experience [hidden]{display:none!important}.lu-experience :is(button,a,input):focus-visible{outline:3px solid #a76500;outline-offset:4px}.lu-experience .lu-plan{margin-top:24px;border:1px solid #dce4ef;border-radius:18px;padding:24px}.lu-experience .lu-note{font-size:12px;color:#53627e;line-height:1.5}.lu-experience .lu-plan li{padding:8px 0}.lu-experience .lu-plan label{display:flex;gap:12px;min-height:44px;align-items:center}.lu-experience .lu-plan input{width:20px;height:20px;accent-color:#08788d}
@media(max-width:1050px){.lu-experience .lu-layout{grid-template-columns:1fr}.lu-experience .lu-map{min-height:560px}.lu-experience .lu-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.lu-experience .lu-panel .lu-art{grid-column:2;grid-row:1/5}.lu-experience .lu-cards{grid-template-columns:1fr}}
@media(max-width:650px){.lu-experience{padding:24px 16px}.lu-experience .lu-map{display:none}.lu-experience .lu-list{display:grid!important;grid-template-columns:1fr}.lu-experience .lu-modes{display:none}.lu-experience .lu-panel{display:block;padding:22px}.lu-experience .lu-intro{font-size:16px}.lu-experience .lu-card{padding:20px}}
@media(prefers-reduced-motion:reduce){.lu-experience .lu-orb{transition:none}.lu-experience .lu-orb:hover,.lu-experience .lu-orb[aria-pressed=true]{transform:translate(-50%,-50%)}}

.lu-experience{background:radial-gradient(ellipse at 50% 0%,#edf2ff66,transparent 48%),#fff}.lu-experience .lu-list{display:none}.lu-experience.lu-list-active .lu-list{display:grid}.lu-experience .lu-map{background:radial-gradient(ellipse at 28% 48%,#1e657344,transparent 48%),radial-gradient(ellipse at 84% 72%,#48328a44,transparent 46%),linear-gradient(135deg,#06142b,#11162e);box-shadow:0 18px 50px #101c3f22}.lu-experience .lu-orb{background:radial-gradient(ellipse at 30% 14%,#ffffffa0,transparent 34%),radial-gradient(ellipse at 60% 100%,var(--color),transparent 56%),radial-gradient(circle at 35% 35%,var(--color),#132344 87%);box-shadow:inset 0 0 18px var(--color),inset 0 -3px 8px #ffffff50,0 0 25px var(--glow)}.lu-experience .lu-orb:after{content:'';position:absolute;inset:-6px;border:1px solid var(--rim);border-radius:50%;opacity:.17;pointer-events:none}.lu-experience .lu-goal span{max-width:100px}.lu-experience .lu-abstract{overflow:hidden;border-radius:20px;background:radial-gradient(ellipse at 40% 50%,#1e547a,#0c1934);margin:12px 0;box-shadow:inset 0 0 25px #ffffff08}.lu-experience .lu-abstract svg{display:block;width:100%;height:auto}.lu-experience .lu-card{background:linear-gradient(125deg,#fff,#f6f8ff);transition:transform .2s,box-shadow .2s}.lu-experience .lu-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #10224412}.lu-experience .lu-card>svg{padding:10px;width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#d7f6ff,#eee6ff);color:#5373dc}.lu-experience .lu-map .lu-orb{width:clamp(76px,9vw,var(--size))}.lu-experience .lu-map .lu-goal{width:clamp(112px,12vw,var(--size))}
@media(min-width:1051px){.lu-experience .lu-map{min-height:540px}.lu-experience .lu-orb.lu-goal{font-size:18px}}
@media(min-width:651px) and (max-width:1050px){.lu-experience .lu-panel{display:block}.lu-experience .lu-map .lu-orb{width:var(--size)}.lu-experience .lu-map .lu-goal{width:var(--size)}}
@media(max-width:650px){.lu-experience .lu-list{display:grid!important}.lu-experience .lu-abstract{max-width:420px}.lu-experience .lu-panel{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.lu-experience .lu-card{transition:none}.lu-experience .lu-card:hover{transform:none}}

/* V3 replaces the pale tutorial art with a clean editorial panel. */
.lu-experience{max-width:1440px;padding:44px 24px 60px;background:#fff}.lu-experience .lu-layout{grid-template-columns:minmax(0,2.4fr) minmax(300px,1fr);gap:0}.lu-experience .lu-map{min-height:575px;border-radius:26px 0 0 26px;background:radial-gradient(ellipse at 32% 45%,#16506655 0%,transparent 44%),radial-gradient(ellipse at 88% 70%,#322e7350,transparent 40%),#060f24}.lu-experience .lu-wires{filter:url(#lu-wire-light)}.lu-experience .lu-wire{stroke:url(#lu-trail);opacity:.8;stroke-width:1.25}.lu-experience .lu-spark{filter:url(#lu-wire-light)}
.lu-experience .lu-orb{overflow:visible;border:1.5px solid var(--rim);background:radial-gradient(ellipse at 24% 13%,#ffffffb0 0%,#ffffff50 9%,transparent 38%),radial-gradient(ellipse at 50% 110%,var(--rim) 0%,var(--color) 23%,transparent 53%),radial-gradient(ellipse at 70% 70%,#071b36bb 10%,transparent 70%),radial-gradient(circle at 35% 30%,var(--color) 5%,#12283e 85%);box-shadow:inset 0 1px 4px #ffffffdd,inset 0 -3px 10px var(--rim),inset 0 0 30px var(--color),0 0 7px var(--rim),0 0 25px var(--glow),0 0 54px var(--glow);font-size:15px;text-shadow:0 2px 6px #07162e}.lu-experience .lu-orb:before{inset:5px;border-top:2px solid #ffffff80;border-left:1px solid #ffffff30;opacity:.75}.lu-experience .lu-orb:after{inset:-4px;border:1px solid var(--rim);opacity:.24}.lu-experience .lu-orb svg{width:31px;height:31px;opacity:.95;filter:drop-shadow(0 0 3px #d8ffff66)}.lu-experience .lu-map .lu-goal{font-size:21px}.lu-experience .lu-orb:hover,.lu-experience .lu-orb[aria-pressed=true]{box-shadow:inset 0 1px 5px white,inset 0 -4px 13px var(--rim),inset 0 0 35px var(--color),0 0 12px var(--rim),0 0 38px var(--glow);border-color:white}.lu-experience .lu-panel{border-radius:26px;padding:36px 30px;position:relative;margin-left:-10px;z-index:3;box-shadow:-14px 0 40px #040d2410;display:flex;flex-direction:column;justify-content:center;gap:3px}.lu-experience .lu-panel h2{font-size:43px;margin:20px 0}.lu-experience .lu-tag{align-self:flex-start}.lu-experience .lu-panel p{font-size:17px}.lu-experience .lu-panel .lu-note{font-size:13px}.lu-experience .lu-button.lu-primary{background:linear-gradient(110deg,#00a0b4,#07869c)}.lu-experience .lu-cards{margin-top:10px}.lu-experience .lu-plan{background:#fafbfe;margin-top:34px}.lu-experience .lu-stars{background-image:radial-gradient(circle at 12% 14%,#acdcff 0 1px,transparent 2px),radial-gradient(circle at 60% 32%,#acdcff 0 1px,transparent 2px),radial-gradient(circle at 75% 73%,#ffeec3 0 1px,transparent 2px);background-size:127px 149px,223px 191px,311px 227px}
@media(max-width:1100px){.lu-experience .lu-layout{grid-template-columns:1fr}.lu-experience .lu-map{border-radius:26px;min-height:550px}.lu-experience .lu-panel{margin:18px 0 0;box-shadow:0 8px 28px #10224408}.lu-experience .lu-map .lu-orb{width:100px}.lu-experience .lu-map .lu-goal{width:140px}}
@media(max-width:650px){.lu-experience{padding:24px 16px}.lu-experience .lu-panel{padding:24px}.lu-experience .lu-panel h2{font-size:34px}.lu-experience .lu-list a{background:#f8faff}.lu-experience .lu-map{display:none}.lu-experience .lu-card strong{font-size:19px}}

/* program cards + extra sections (fix17) */
.lu-experience .lp-intro{max-width:820px;margin:34px auto 0;font-size:1.05rem;line-height:1.7;color:#33415c}
.lu-experience .lp-h2{margin:42px 0 14px;font-size:clamp(26px,3vw,36px)}
.lu-experience .lp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:1rem 0}
.lu-experience .lp-card{position:relative;border:1px solid #cfd8e6;border-radius:14px;padding:18px 20px;background:#fff;transition:box-shadow .15s,transform .15s,border-color .15s}
.lu-experience .lp-card:hover,.lu-experience .lp-card:focus-within{box-shadow:0 8px 22px #12355b24;transform:translateY(-2px);border-color:#1f7a5a}
.lu-experience .lp-card h3{margin:0 0 6px;color:#12355b;font-size:1.15rem}
.lu-experience .lp-card p{margin:0 0 10px;color:#33415c;line-height:1.55}
.lu-experience .lp-card a.lp-main{color:#1f7a5a;font-weight:700}
.lu-experience .lp-card a.lp-main::after{content:"";position:absolute;inset:0;border-radius:14px}
.lu-experience .lp-card .lp-sub{position:relative;z-index:2}
.lu-experience .lp-card .lp-sub a{color:#1f7a5a;font-weight:700}
.lu-experience .lp-choose{max-width:820px;line-height:1.7}
.lu-experience .lp-cta{background:linear-gradient(135deg,#07152c,#18395f);color:#fff;border-radius:18px;padding:24px 28px;margin-top:34px;line-height:1.6}
.lu-experience .lp-cta a{color:#9ff0ff;font-weight:700}

/* fix18: cards are divs with one stretched link (WordPress paragraph filter was splitting <a> cards) */
.lu-experience .lu-card{position:relative}
.lu-experience .lu-card a.lu-cl{color:inherit;text-decoration:none}
.lu-experience .lu-card a.lu-cl::after{content:"";position:absolute;inset:0;border-radius:20px}
.lu-experience .lu-card:hover,.lu-experience .lu-card:focus-within{border-color:#1f7a5a}
