.experience-hero .visual{height:555px}.experience-hero .visual>.dashboard,.experience-hero .floating-pill,.experience-hero .visual-caption{display:none}.experience-hero .visual>.logo-core{width:80px;height:80px;left:20px;top:auto;bottom:110px;border-radius:20px;z-index:5}.experience-hero .logo-core>img{width:60px;height:60px}.experience-hero .visual>.code-card{bottom:80px;right:5px;width:285px;min-height:130px;transform:rotate(3deg)}.live-terminal{font:10px/1.8 monospace;white-space:pre-wrap;min-height:73px;margin:10px 0 0;color:#ddd6fe}.live-terminal:after{content:'▌';color:#a78bfa}.stage-window{position:absolute;top:25px;left:30px;right:5px;border:1px solid #c4b5fd44;border-radius:18px;background:linear-gradient(140deg,#2b1c43,#171025);box-shadow:0 28px 75px #05020d66;overflow:hidden;transform:perspective(1000px) rotateY(-7deg) rotateZ(-3deg);z-index:2}.stage-toolbar{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #c4b5fd22;font-size:10px;color:#c4b5fd}.stage-lights{font-size:8px;letter-spacing:3px;color:#a78bfa}.stage-type{margin-left:auto;font-size:7px;letter-spacing:1.5px;background:#8b5cf622;border-radius:20px;padding:4px 7px}.stage-screen{min-height:260px;padding:23px}.stage-kicker{font-size:8px;letter-spacing:2px;color:#c4b5fd;margin-bottom:10px}.stage-screen h3{font-size:25px;line-height:1.2;letter-spacing:-1px;margin:0 0 20px}.scene-caption{display:flex;align-items:center;gap:8px;font-size:9px;color:#baadcd;border-top:1px solid #c4b5fd22;padding:12px 18px}.scene-caption:before{content:'';width:5px;height:5px;background:#a78bfa;border-radius:50%}.scene-switcher{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;position:absolute;bottom:0;left:10px;right:0;z-index:6}.scene-switcher button{border:1px solid #c4b5fd22;border-radius:9px;background:#1b122d;color:#b9abcc;cursor:pointer;padding:12px 6px;font-size:10px;position:relative;overflow:hidden}.scene-switcher button[aria-pressed=true]{border-color:#a78bfa99;color:#f8f7ff;background:#8b5cf62b}.scene-switcher button[aria-pressed=true]:after{content:'';height:2px;background:#c4b5fd;position:absolute;bottom:0;left:0;width:100%;transform-origin:left;animation:scene-progress 5.8s linear}.motion-paused .scene-switcher button:after{animation:none!important}.scene-switcher button:hover{background:#8b5cf633}.scene-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.scene-lane{background:#100b2077;border:1px solid #c4b5fd18;border-radius:8px;padding:10px;min-height:125px}.scene-lane>span{font-size:7px;color:#b9abcc;display:block;margin-bottom:12px}.scene-ticket{background:#3b2659;border:1px solid #c4b5fd25;border-radius:6px;padding:10px 7px;font-size:8px;line-height:1.5;color:#ede6f8;margin-bottom:7px}.scene-ticket small{display:block;font-size:6px;color:#c4b5fd;margin-top:6px}.scene-web{background:#f6f1ff;color:#201332;border-radius:9px;padding:17px;position:relative;overflow:hidden;min-height:164px}.scene-web>small{font-size:6px;letter-spacing:1px}.scene-web>strong{font:600 29px/1.08 'Space Grotesk',sans-serif;display:block;margin-top:12px;letter-spacing:-1px;max-width:210px;position:relative;z-index:1}.scene-web>span{display:inline-block;font-size:7px;padding:7px 10px;background:#7c3aed;color:white;border-radius:5px;margin-top:13px}.scene-web:after{content:'';position:absolute;right:-12px;top:35px;width:105px;height:105px;background:linear-gradient(130deg,#8b5cf6,#ddd6fe);border-radius:25px;rotate:25deg}.scene-table{width:100%;border-collapse:collapse;font-size:8px}.scene-table th{font-weight:400;color:#c4b5fd;font-size:7px;text-align:left;padding:8px;border-bottom:1px solid #c4b5fd33}.scene-table td{padding:11px 8px;border-bottom:1px solid #c4b5fd18}.scene-table td:last-child{color:#ddd6fe}.scene-app{padding:16px;background:#100b2066;border:1px solid #c4b5fd22;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.scene-app>div{padding:12px;border-radius:7px;background:#8b5cf620}.scene-app small{display:block;font-size:7px;color:#c4b5fd}.scene-app strong{font-size:23px;font-weight:500;display:block;margin-top:5px}.scene-app .scene-app-note{grid-column:1/-1;font-size:8px;padding:9px 12px;color:#ddd6fe;background:#8b5cf63b}.scene-label{font-size:8px;color:#b5acc9;letter-spacing:1px}.service-filters{display:flex;gap:8px;flex-wrap:wrap;margin:-5px 0 25px}.service-filters button{font-size:11px;padding:9px 15px;border-radius:20px;background:none;border:1px solid #c4b5fd22;color:#b5acc9;cursor:pointer}.service-filters button[aria-pressed=true]{background:#8b5cf62b;border-color:#a78bfa77;color:#ede6ff}.service-filters button:hover{background:#8b5cf617}.personal-services>.service[hidden]{display:none}.lab-section{position:relative;padding:55px;border:1px solid #a78bfa33;background:radial-gradient(ellipse at 80% 20%,#8b5cf61c,transparent 60%),#171025;border-radius:24px;display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;margin-top:60px;margin-bottom:25px;overflow:hidden}.lab-intro h2{font-size:42px}.lab-intro>p:not(.eyebrow){color:#b5acc9;font-size:14px}.lab-facts{list-style:none;padding:0;margin:25px 0;font-size:12px;color:#ddd6fe}.lab-facts li{margin:12px 0}.lab-facts li:before{content:'↗';margin-right:10px;color:#a78bfa}.lab-app{border:1px solid #c4b5fd33;background:#100b20cc;border-radius:16px;padding:25px;align-self:center;box-shadow:0 25px 50px #08041222}.lab-app-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.lab-app-top h3{font-size:19px;margin:0}.lab-tag{font-size:7px;letter-spacing:1px;border:1px solid #c4b5fd44;border-radius:20px;padding:5px 8px;color:#c4b5fd}.lab-caption{font-size:10px;color:#b5acc9;margin:9px 0 20px}.lab-form{display:flex;gap:8px}.lab-form input{margin:0;min-width:0;font-size:11px;padding:10px}.lab-form button{padding:8px 14px;font-size:18px;gap:0}.task-filters{display:flex;gap:15px;border-bottom:1px solid #c4b5fd22;padding:18px 0 12px;margin-bottom:8px}.task-filters button{color:#a99abb;border:0;background:none;padding:0;cursor:pointer;font-size:10px}.task-filters button[aria-pressed=true]{color:#ddd6fe}.task-list{list-style:none;margin:0;padding:0;min-height:150px;max-height:320px;overflow-y:auto}.task-list li{display:flex;gap:10px;align-items:center;padding:15px 0;border-bottom:1px solid #c4b5fd18;font-size:11px}.task-check{appearance:none;flex-shrink:0;width:18px;height:18px;border-radius:5px;border:1px solid #a78bfa88;cursor:pointer;margin:0;padding:0;background:#8b5cf610;position:relative}.task-check:checked{background:#8b5cf6;border-color:#a78bfa}.task-check:checked:after{content:'✓';font-size:12px;color:white;position:absolute;top:-2px;left:3px}.task-list .is-done>span{text-decoration:line-through;color:#9e8eb5}.task-list li>span{flex:1;overflow-wrap:anywhere}.task-delete{border:none;background:none;color:#a99abb;cursor:pointer;font-size:17px;padding:0 3px}.task-delete:hover{color:#ffb4ce}.task-progress-track{height:4px;background:#c4b5fd18;border-radius:10px;overflow:hidden;margin:20px 0 10px}.task-progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#ddd6fe);width:0;transition:width .5s}.task-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#b5acc9}.task-reset{border:0;background:none;color:#c4b5fd;font-size:9px;cursor:pointer;text-decoration:underline}.task-empty{font-size:11px;color:#b5acc9;padding:25px 0}.lab-disclaimer{font-size:9px;color:#a99abb;margin-top:18px}.lab-result{min-height:20px;color:#c4b5fd;font-size:10px;margin-top:10px}.lab-form input:focus{box-shadow:0 0 25px #8b5cf622}.cursor-glow{position:fixed;width:450px;height:450px;top:0;left:0;border-radius:50%;background:radial-gradient(circle,#8b5cf60c,transparent 65%);pointer-events:none;z-index:0;translate:var(--cursor-x,-1000px) var(--cursor-y,-1000px);mix-blend-mode:screen}.connection-art,.example-window,.lab-app{transition:box-shadow .4s,border-color .4s}.connection-art:hover,.example-window:hover,.lab-app:hover{border-color:#a78bfa77;box-shadow:0 0 50px #8b5cf612}.live-terminal:after{animation:terminal-cursor 1s step-end infinite}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lab-form button{width:44px;flex:0 0 44px}
@keyframes scene-progress{from{scale:0 1}to{scale:1 1}}@keyframes terminal-cursor{50%{opacity:0}}
@media(max-width:1050px){.experience-hero .visual{scale:.95}.stage-window{left:15px}.lab-section{padding:35px;gap:30px}.lab-intro h2{font-size:34px}.lab-app{padding:20px}}
@media(max-width:760px){.experience-hero .visual{height:535px;scale:1;margin-top:25px}.stage-window{left:0;right:0;top:15px;transform:rotate(-2deg)}.stage-screen{padding:18px;min-height:240px}.stage-screen h3{font-size:23px}.experience-hero .visual>.logo-core{width:65px;height:65px;left:15px;bottom:105px;border-radius:15px}.experience-hero .logo-core>img{width:48px;height:48px}.experience-hero .visual>.code-card{width:220px;right:0;bottom:65px;min-height:120px;padding:14px}.live-terminal{font-size:8px}.scene-switcher{left:0;gap:5px}.scene-switcher button{font-size:9px;padding:10px 4px}.stage-toolbar{font-size:9px;padding:13px}.scene-web>strong{font-size:26px}.scene-web:after{width:85px;height:85px;right:-10px}.lab-section{padding:28px 20px;grid-template-columns:1fr;gap:25px;width:calc(100% - 32px);margin-top:35px}.lab-intro h2{font-size:33px}.lab-app{padding:18px}.lab-facts{margin:20px 0}.cursor-glow{display:none}.lab-intro .button{font-size:11px}.task-list li{font-size:10px}.service-filters{gap:6px}.service-filters button{font-size:10px;padding:8px 12px}}