@import"https://rsms.me/inter/inter.css";*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-color:#f0f0f0;color:#111;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}.top-nav{position:absolute;top:40px;left:50px;z-index:100;pointer-events:none}.top-nav h1{font-size:1.5rem;font-weight:800;letter-spacing:-1px;margin:0}.html-section{width:100%;display:flex;justify-content:flex-end;pointer-events:none}.case-study-block{width:40vw;max-width:450px;margin-right:15vw;background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:30px;border-radius:16px;box-shadow:0 10px 40px #0000000d;pointer-events:auto;cursor:pointer;transition:transform .2s ease,background .2s ease}.case-study-block:hover{transform:translateY(-5px);background:#ffffffe6}@media (max-width: 768px){.case-study-block{margin-right:0;margin-left:5vw;width:90vw;margin-top:30vh}}.case-study-title{font-size:1.8rem;font-weight:800;letter-spacing:-1px;margin:0 0 5px;line-height:1.1}.case-study-subtitle{font-size:.9rem;font-weight:700;text-transform:uppercase;color:#666;letter-spacing:1.5px;margin:0 0 15px}.case-study-duration{font-size:.85rem;color:#888;margin-bottom:15px;font-weight:500}.case-study-desc{font-size:1rem;line-height:1.5;color:#333;margin:0 0 20px}.tech-tag{display:inline-block;background:#f0f0f0;border:1px solid #ddd;color:#333;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;margin:0 8px 8px 0}.drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity .4s ease}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer-panel{position:fixed;top:0;right:-100%;width:50vw;min-width:400px;max-width:700px;height:100vh;background:#fff;z-index:1000;box-shadow:-20px 0 60px #0000001a;overflow-y:auto;transition:right .5s cubic-bezier(.16,1,.3,1);padding:60px}.drawer-panel.open{right:0}@media (max-width: 768px){.drawer-panel{width:100vw;min-width:100vw;padding:30px}}.drawer-close-btn{position:absolute;top:30px;right:30px;background:#111;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.drawer-close-btn:hover{transform:scale(1.1)}.drawer-role-title{font-size:2.5rem;font-weight:800;letter-spacing:-2px;margin:0 0 10px}.drawer-company{font-size:1.2rem;color:#555;margin:0 0 30px;font-weight:600}.drawer-desc{font-size:1.1rem;line-height:1.6;color:#222;margin-bottom:40px}.walkthrough-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:20px;max-width:100%;padding-bottom:20px}.walkthrough-carousel::-webkit-scrollbar{height:8px}.walkthrough-carousel::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.carousel-item{scroll-snap-align:start;flex:0 0 65%;max-width:500px;max-height:350px;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000014;background:#fcfcfc;display:flex;align-items:center;justify-content:center}.walkthrough-img{width:auto;max-width:100%;height:100%;object-fit:contain;border-radius:12px}.child-role-block{margin-top:50px;border-top:1px solid #eaeaea;padding-top:40px}.child-role-block h3{font-size:1.8rem;letter-spacing:-1px;margin:10px 0}.feature-block{margin-bottom:30px}.feature-block h4{font-size:1.1rem;margin:0 0 8px}.feature-block p{color:#444;line-height:1.5;margin:0}