.field-experience{background:linear-gradient(125deg,#f1f7ff 0%,#fff 52%,#f6f1e6 100%);border:1px solid #d5e3ef;border-radius:28px;margin:32px 0 28px;overflow:hidden;box-shadow:0 18px 55px -40px #12365c70}.field-experience-bar{z-index:1;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex;position:relative}.field-experience-bar>span{color:#496680;font-size:13px;font-weight:600}.auzz-depth-button{color:#fff;cursor:pointer;background:linear-gradient(160deg,#3c8bc5,#175c92 60%,#124677);border:1px solid #8dc3ee;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 20px;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 1px 1px #ffffff85,0 5px #0c365a,0 10px 20px #154a7430}.auzz-depth-button[aria-pressed=false]{color:#17496f;background:linear-gradient(#fff,#e7f0f8);border-color:#c0d3e2;box-shadow:inset 0 1px #fff,0 5px #bacddd,0 10px 20px #154a7415}.auzz-depth-button:active{transform:translateY(4px);box-shadow:inset 0 1px #ffffff85,0 1px #0c365a}.field-scene{perspective:1100px;background:radial-gradient(#b5d9f329,#0000 68%);place-items:center;height:390px;display:grid;overflow:hidden}.field-plane{width:600px;height:380px;transform-style:preserve-3d;background-image:linear-gradient(#a7c6dc26 1px,#0000 1px),linear-gradient(90deg,#a7c6dc26 1px,#0000 1px);background-size:36px 36px;border-radius:50%;flex-shrink:0;transition:transform .65s;position:relative;transform:rotateX(27deg)rotate(-8deg)scale(.93)}.field-experience[data-depth=false] .field-plane{transform:rotateX(0)rotate(0)scale(.93)}.field-connections{fill:none;stroke:#93b4ce;stroke-width:2px;stroke-dasharray:5 7;width:100%;height:100%;position:absolute;inset:0}.field-core{color:#173b5c;background:linear-gradient(145deg,#fff,#e1edf6);border:1px solid #fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:124px;height:98px;display:flex;position:absolute;top:141px;left:238px;transform:translateZ(20px);box-shadow:0 8px #a9c1d4,0 22px 32px #153e642b,inset 0 2px 3px #fff}.field-core>span{letter-spacing:.03em;font-size:28px;font-weight:800}.field-core small{letter-spacing:.2em;font-size:9px}.field-node{color:#3d617c;cursor:pointer;background:linear-gradient(145deg,#fff,#eaf1f8);border:1px solid #fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:160px;min-height:96px;padding:12px;transition:background .25s,box-shadow .25s,transform .25s;display:flex;position:absolute;transform:translateZ(12px);box-shadow:0 6px #b9cddc,0 15px 25px #2143651c,inset 0 1px 2px #fff}.field-node span{text-align:center;font-size:11px;font-weight:600;line-height:1.4}.field-node[aria-pressed=true]{color:#fff;background:linear-gradient(145deg,#3988bf,#175482);border-color:#86bce2;transform:translateZ(30px);box-shadow:0 7px #113e61,0 20px 30px #17548235,inset 0 1px 2px #ffffff80}.field-node-0{top:38px;left:30px}.field-node-1{top:38px;right:30px}.field-node-2{bottom:30px;left:30px}.field-node-3{bottom:30px;right:30px}.field-node-4{top:-15px;left:220px}.field-experience-caption{background:#ffffffb3;border-top:1px solid #dbe5ed;align-items:center;gap:10px;padding:22px 28px;display:flex;position:relative}.field-experience-caption p{color:#153e64;margin:0;font-size:14px;font-weight:600}.field-experience-caption>span:last-child{color:#5d7283;margin-inline-start:auto;font-size:12px}.field-live-dot{background:#2674aa;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 4px #dcecf8}.field-experience button:focus-visible{outline-offset:5px;outline:3px solid #b48c32}.discovery-fields>button{box-shadow:inset 0 1px #fff,0 4px #d3dfeb,0 9px 18px #133d5910;transition:transform .2s,box-shadow .2s!important}.discovery-fields>button[aria-pressed=true]{box-shadow:inset 0 1px #ffffff60,0 4px #0c3458,0 12px 22px #164e7924}@media (hover:hover){.field-node:hover{transform:translateZ(36px)}.auzz-depth-button:hover{transform:translateY(-2px)}.discovery-fields>button:hover{transform:translateY(-3px)}}@media (width<=767px){.field-experience{border-radius:20px}.field-experience-bar{flex-direction:column;align-items:flex-start;gap:16px;padding:22px 20px}.auzz-depth-button{width:100%}.field-scene{height:300px}.field-plane{transform:rotateX(23deg)rotate(-7deg)scale(.62)}.field-experience[data-depth=false] .field-plane{transform:scale(.62)}.field-experience-caption{flex-wrap:wrap;padding:20px}.field-experience-caption>span:last-child{flex-basis:100%;margin-inline-start:18px}.field-node span{font-size:15px}.field-node{min-height:108px}}@media (width<=390px){.field-scene{height:265px}.field-plane{transform:rotateX(18deg)rotate(-6deg)scale(.49)}.field-experience[data-depth=false] .field-plane{transform:scale(.49)}}@media (prefers-reduced-motion:reduce){.field-experience *,.discovery-fields>button{transition:none!important}.field-plane{transform:scale(.93)}.field-node,.field-node[aria-pressed=true]{transform:none}}@media (prefers-reduced-motion:reduce) and (width<=767px){.field-plane{transform:scale(.62)}}@media (prefers-reduced-motion:reduce) and (width<=390px){.field-plane{transform:scale(.49)}}@media (width<=767px){.field-scene{height:auto;padding:10px 4px 22px;overflow:visible}.field-plane,.field-experience[data-depth=false] .field-plane{background:0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;height:auto;padding:14px;display:grid;transform:none}.field-core{grid-column:1/-1;justify-self:center;width:132px;height:64px;margin-bottom:8px;position:relative;top:auto;left:auto;transform:none}.field-connections{display:none}.field-node{width:100%;min-height:112px;padding:12px 6px;position:relative;inset:auto;transform:none}.field-node span{font-size:12px}.field-node[aria-pressed=true]{transform:translateY(-3px)}.field-node-4{flex-direction:row;grid-column:1/-1;gap:14px;min-height:80px}.field-experience[data-depth=false] .field-node,.field-experience[data-depth=false] .field-core{transform:none;box-shadow:0 1px 4px #123b6020}}
