@import"https://fonts.googleapis.com/css2?family=Audiowide:wght@400&family=Rubik+Glitch:wght@400&family=Pixelify+Sans:wght@400..700&family=Amarante:wght@400&family=Black+Ops+One:wght@400&display=swap";:root{--rm-blue: #0c5eff;--rm-orange: #ff5a00;--rm-yellow: #ffc800;--rm-yellow-2: #ffd33d;--rm-bg: #ffffff;--rm-text: #0b0b0b;--rm-muted: #8a8a8a;--radius-pill: 999px;--radius-card: 22px;--container: min(1200px, 92vw)}@media (pointer: fine){body,a,button,.pill,.cta-big,.hover-target,.switch{cursor:none}input,textarea,[contenteditable=true],select{cursor:text}}.custom-cursor{position:fixed;top:0;left:0;width:22px;height:22px;border-radius:50%;background:#fff;mix-blend-mode:difference;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);will-change:transform;transition:opacity .2s ease}.custom-cursor.is-hover{transform:translate(-50%,-50%) scale(1.6)}.custom-cursor.is-down{transform:translate(-50%,-50%) scale(.9)}.custom-cursor.is-hidden{opacity:0}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--rm-text);background:var(--rm-bg);line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;-webkit-overflow-scrolling:touch}img{max-width:100%;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.container{width:var(--container);margin-inline:auto;max-width:100%}@media (max-width: 768px){a,button,.pill,.cta-big{min-height:44px;min-width:44px}input,textarea,select{min-height:44px;font-size:16px}}.skip-link{position:absolute;top:-40px;left:0;background:var(--rm-blue);color:#fff;padding:.5rem .75rem;border-radius:.25rem;z-index:1000;text-decoration:none}.skip-link:focus{top:10px}.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}.site-header{position:fixed;top:0;inset-inline:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.75rem;z-index:50}.brand{display:flex;align-items:center}.brand-dot{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#111;color:#fff;font-weight:700;font-size:.9rem;letter-spacing:.5px}.pill-nav{justify-self:center;display:flex;gap:.75rem;flex-wrap:wrap}.pill{--bg: rgba(244,244,244,.9);--bd: rgba(17,17,17,.12);display:inline-flex;align-items:center;padding:.4rem .7rem;border-radius:var(--radius-pill);background:var(--bg);border:1px solid var(--bd);color:var(--rm-text);text-decoration:none;font-weight:400;font-size:.8rem;box-shadow:0 1px #00000008;transform:scale(1);transition:all .3s cubic-bezier(.4,0,.2,1);transition-property:transform,background-color,border-color,color,box-shadow,font-weight}.pill:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 3px 8px #00000014}.pill--ghost{background:#f0f0f0}.pill--cta{background:var(--rm-orange);color:#fff;border-color:transparent}.pill--dark{background:#333;color:#fff;border-color:#333}.pill--active{border-color:var(--rm-blue);border-width:2px;background:#f4f4f4f0;color:var(--rm-blue);font-weight:700;transform:scale(1.05)}.pill.small{padding:.5rem .8rem;font-size:.85rem}h1,h2{font-family:Space Grotesk,Inter,system-ui,sans-serif;font-weight:800;letter-spacing:-.02em}h1{font-size:clamp(2.4rem,6vw + .5rem,6rem);line-height:1.05}h2{font-size:clamp(2rem,3vw + 1rem,3.5rem);line-height:1.1}.text-blue{color:var(--rm-blue)}.hl{box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .25em .05em;border-radius:.1em}.hl--yellow{background:var(--rm-yellow);color:var(--rm-orange)}.hl--blue{background:var(--rm-blue);color:#fff}.hl{transition:all .8s cubic-bezier(.23,1,.32,1)}.name-style-1{background:var(--rm-yellow);color:var(--rm-orange)}.name-style-2{background:#000;color:#0f8;font-weight:700;position:relative;font-size:1.2em;letter-spacing:.08em;text-shadow:0 0 5px #00ff88,0 0 10px #00ff88,0 0 15px #00ff88;filter:blur(.3px)}.name-style-2:before{content:"M E H U L";position:absolute;top:0;left:0;right:0;bottom:0;color:#00ff884d;letter-spacing:.5em;animation:data-stream 1.5s infinite;z-index:-1}@keyframes data-stream{0%,to{transform:scaleY(1) scaleX(1);opacity:.3}50%{transform:scaleY(.8) scaleX(1.2);opacity:.6}}.name-style-3{background:#1a1a2e;color:#ff6b6b;font-weight:800;position:relative;font-size:1.1em;letter-spacing:.1em;text-transform:uppercase;border:2px solid #ff6b6b;box-shadow:0 0 20px #ff6b6b4d,inset 0 0 20px #ff6b6b1a}.name-style-3:before{content:"< MEHUL />";position:absolute;top:-25px;left:-10px;font-size:.6em;color:#ff6b6b99;font-family:Courier New,monospace;animation:code-blink 2s infinite}.name-style-3:after{content:"{ executing... }";position:absolute;bottom:-25px;right:-10px;font-size:.6em;color:#ff6b6b99;font-family:Courier New,monospace;animation:code-blink 2s infinite reverse}@keyframes code-blink{0%,50%{opacity:1}51%,to{opacity:.3}}.name-style-4{background:#000;color:#00ff41;font-family:Courier New,monospace;font-weight:900;text-transform:uppercase;letter-spacing:.1em;box-shadow:inset 0 0 0 2px #00ff41,0 0 20px #00ff4199;border-radius:0;position:relative}.name-style-4:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,255,65,.1) 2px);pointer-events:none}.name-style-5{background:linear-gradient(45deg,#ff0080,#0080ff);color:#fff;position:relative;animation:glitch-anim 3s infinite;text-shadow:2px 0 #ff0080,-2px 0 #0080ff}.name-style-5:before{content:"Mehul";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;color:#ff0080;animation:glitch-offset .5s infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}@keyframes glitch-anim{0%,96%,to{transform:translate(0)}2%{transform:translate(2px,-2px)}4%{transform:translate(-2px,2px)}6%{transform:translate(2px,2px)}}@keyframes glitch-offset{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.name-style-6{background:linear-gradient(45deg,#667eea,#764ba2);color:transparent;font-weight:900;font-size:1.3em;position:relative;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.3));transform:perspective(300px) rotateX(25deg) rotateY(-15deg);text-shadow:none}.name-style-6:before{content:"MEHUL";position:absolute;top:5px;left:5px;color:#667eea66;z-index:-1;transform:perspective(300px) rotateX(25deg) rotateY(-15deg)}.name-style-6:after{content:"MEHUL";position:absolute;top:10px;left:10px;color:#764ba24d;z-index:-2;transform:perspective(300px) rotateX(25deg) rotateY(-15deg)}.name-style-7{background:transparent;color:#2d3748;font-weight:300;font-size:1.4em;position:relative;letter-spacing:.2em;text-shadow:1px 1px 0 #cbd5e0,2px 2px 0 #a0aec0,3px 3px 0 #718096,4px 4px 8px rgba(0,0,0,.3);transform:rotateX(60deg) rotateY(-10deg);transform-style:preserve-3d}.name-style-7:before{content:"MEHUL";position:absolute;top:0;left:0;color:#e2e8f0;transform:translateZ(-10px) rotateX(-60deg);filter:blur(1px);opacity:.8}.hero__sub{color:var(--rm-muted);font-size:1.05rem;margin-top:1rem}.cta-row{margin-top:2rem}.cta-big{display:inline-flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:.2px;padding:1.25rem 3.4rem;font-size:1.1rem;border-radius:var(--radius-pill);border:2px solid var(--rm-orange);color:var(--rm-orange);text-decoration:none;background:#fff;box-shadow:none;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.cta-big:hover{background:var(--rm-orange);color:#fff}.cta-big:focus-visible{outline:3px solid rgba(12,94,255,.4);outline-offset:2px}.hero .container{display:grid;justify-items:center;text-align:center;row-gap:.4rem;position:relative;z-index:2;padding-top:var(--header-h, 64px)}.hero .cta-row{display:flex;justify-content:center;margin-top:.35rem}.hero .hero__title{margin:0}.hero{position:relative;margin-top:0;padding:0;overflow:hidden;min-height:100vh;display:grid;place-content:center}.hero-collage{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card{position:absolute;top:50%;left:50%;border-radius:22px;overflow:hidden;box-shadow:0 40px 60px #00000029,0 4px 18px #0000001a;--tx: 0px;--ty: 0px;--rot: 0deg;aspect-ratio:4 / 3;transform:translateZ(0);will-change:transform}.card img{width:100%;height:100%;object-fit:cover;display:block}.c1{width:clamp(260px,36vw,640px);--tx: -28vw;--ty: -6vh;--rot: -4deg;z-index:2}.c2{width:clamp(220px,28vw,520px);--tx: 20vw;--ty: -14vh;--rot: 3deg;z-index:3}.c3{width:clamp(200px,26vw,500px);--tx: 12vw;--ty: 18vh;--rot: -2deg;z-index:4}.c4{width:clamp(240px,32vw,560px);--tx: -14vw;--ty: 16vh;--rot: 5deg;z-index:1}.c5{width:clamp(220px,30vw,540px);--tx: 2vw;--ty: -2vh;--rot: -3deg;z-index:5}.scrim-bottom{position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(to bottom,#fff0,#fff)}.research-section{min-height:100vh;padding:calc(var(--header-h, 64px) + 8px) 0 20px}.research-frame{display:grid;grid-template-rows:auto 1fr;min-height:calc(100vh - var(--header-h, 64px) - 28px);align-items:stretch;gap:1rem}.research-banner{width:calc(100vw - 20px);margin-inline:10px;background:var(--rm-yellow);border-radius:24px;min-height:clamp(180px,32vh,340px);display:grid;place-items:center;padding:2rem;box-shadow:0 8px 24px #0000001a}.research-title{font-size:clamp(1.4rem,2.2vw + .6rem,2.6rem);color:#e84300;margin:0;text-align:center;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.1}.title-strip{width:var(--container);margin-inline:auto;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.75rem;align-items:center;overflow-x:auto;padding:.25rem}.title-chip{border-radius:16px;padding:.8rem 1rem;text-align:center;font-weight:800;color:#fff;box-shadow:0 6px 16px #0000001f}.title-chip--orange{background:var(--rm-orange)}.title-chip--blue{background:var(--rm-blue)}.example-stage{position:relative;width:calc(100vw - 20px);margin-inline:10px;height:100%;overflow:hidden}.example{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#fff;border-radius:24px;padding:1.5rem;box-shadow:0 12px 32px #0000001f;border:1px solid rgba(0,0,0,.04);display:grid;grid-template-columns:.3fr .7fr;grid-template-rows:auto 1fr;gap:1.5rem;align-items:stretch;will-change:transform,opacity;margin:0}.example__title-strip{grid-column:1 / -1;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.75rem;align-items:center;margin-bottom:.5rem}.example:first-child{opacity:1;transform:translate(0)}.example:not(:first-child){opacity:0;transform:translate(100vw)}.example.active{opacity:1;transform:translate(0)}.example__title{margin:0 0 .5rem;display:inline-block;padding:.5rem .9rem;border-radius:14px;background:var(--rm-blue);color:#fff;font-weight:800;font-size:1.1rem}.example__title--orange{background:var(--rm-orange)}.example__content{display:flex;flex-direction:column;justify-content:center}.example__desc{color:#000000b3;margin:.5rem 0 1rem;line-height:1.5}.example__btn{align-self:flex-start;box-shadow:0 6px #cc4700,0 8px 16px #ff5a0033;transition:all .2s ease}.example__btn:hover{transform:translateY(-2px);box-shadow:0 8px #cc4700,0 12px 20px #ff5a0040}.example__btn:active{transform:translateY(0);box-shadow:0 4px #cc4700,0 6px 12px #ff5a0026}.example__media{border-radius:16px;overflow:hidden;height:100%;width:100%;position:relative;border:8px solid var(--rm-yellow)}.example__media img{width:100%;height:100%;object-fit:cover;display:block}.example__media .example__title{position:absolute;top:12px;left:12px;margin:0;z-index:2;box-shadow:0 6px 14px #0000002e}.band__note{color:#0009;margin:2rem auto 0;text-align:center;max-width:60ch}.build-better{background:var(--rm-blue);color:#fff;padding:6rem 0 4rem;margin-top:4rem;border-radius:24px;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.build__title{color:#fff;margin-bottom:1.5rem}.feature-board{display:grid;grid-template-columns:1.2fr 1.2fr .9fr;gap:1.25rem;align-items:start}.board-left .panel{background:#ffb703;color:#111;border-radius:18px;padding:1rem;box-shadow:inset 0 0 0 6px #ffffff40}.toggle-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed rgba(0,0,0,.2);padding:.5rem 0}.switch{width:52px;height:30px;border-radius:999px;border:0;cursor:pointer;background:#e2e2e2;position:relative}.switch:after{content:"";position:absolute;width:24px;height:24px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 2px 5px #00000026;transition:transform .25s ease}.switch.is-on{background:#43d17a}.switch.is-on:after{transform:translate(22px)}.grid-demo{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.5rem}.grid-demo .g{background:#fff9;padding:.5rem;border-radius:10px;text-align:center;font-weight:700}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.75rem}.board-center{background:#fff;border-radius:22px;padding:1rem;color:#111;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:140px;gap:.75rem}.mini-grid{grid-column:1 / -1;display:flex;gap:.6rem;justify-content:space-between;padding:.75rem}.mini-grid i{flex:1;height:100px;background:var(--rm-blue);border-radius:14px}.tile{background:#f2f2f2;border-radius:16px;display:grid;place-items:center;font-weight:700}.shortcuts{background:#222;color:#fff}.updates{background:var(--rm-orange);color:#fff}.board-right .note{background:#fff;color:#222;border-radius:18px;padding:1.25rem;font-size:1.1rem;box-shadow:0 10px 20px #00000026}.board-right h3{margin:0 0 .25rem}.devices{background:#0a56e0;color:#fff;margin-top:3rem;padding:4rem 0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.devices-grid{display:grid;grid-template-columns:1.2fr 1.8fr;gap:2rem;align-items:center}.devices-text h3{font-size:clamp(1.4rem,2.2vw + .5rem,2.2rem);font-weight:700}.devices-text .strong{color:#fff;text-decoration:underline;text-decoration-thickness:.2rem}.devices-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.device-card{background:#fff;color:#222;border-radius:18px;padding:.75rem}.device-head{font-weight:800;margin-bottom:.5rem;opacity:.6}.device-body{background:#f0f2f6;border-radius:12px;padding:.75rem;min-height:120px;display:grid;align-content:start;gap:.4rem}.device-body .bar{height:12px;background:#0a56e0;border-radius:6px}.device-body .bar.small{width:60%}.device-body .circle{width:60px;height:60px;border-radius:50%;background:var(--rm-orange);justify-self:end}.band--orange{background:var(--rm-orange);color:#111;padding:4rem 0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.action__title{color:#ffd100;mix-blend-mode:multiply}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem}.action-card{background:#fff;border-radius:18px;padding:1rem;min-height:260px;position:relative;overflow:hidden}.action-card h3{margin:.25rem 0}.action-card p{color:#555;margin:0 0 .75rem}.stack-demo{position:absolute;right:.75rem;bottom:.75rem;display:flex;gap:.3rem}.stack-demo span{width:60px;height:60px;border-radius:12px;background:var(--rm-blue);box-shadow:0 6px #99b7ff}.stack-demo span:nth-child(2){background:#ffd100}.stack-demo span:nth-child(3){background:#111}.stack-demo span:nth-child(4){background:#ff7d3a}.lock-demo{display:grid;grid-template-columns:1fr auto;gap:.5rem}.lock-demo input{padding:.75rem .9rem;border-radius:12px;border:1px solid #ddd}.logo-row{display:flex;gap:.75rem;position:absolute;bottom:1rem;left:1rem}.logo{width:64px;height:64px;border-radius:50%;background:#eef3ff;display:grid;place-items:center;font-weight:800;color:#0a56e0;border:1px solid #cbd5ff}.hover-target{display:grid;place-items:center;height:120px;border-radius:16px;background:#eef3ff;border:1px dashed #cbd5ff;font-weight:800;transition:transform .2s ease,background .2s ease}.hover-target:hover,.hover-target:focus{background:#cbd5ff;transform:translateY(-4px) scale(1.02);outline:none}.pricing{background:#fff9e6;padding:6rem 0;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.pricing-inner{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:2rem}.pricing-copy h2{font-size:clamp(2rem,3vw + 1rem,4rem)}.pricing .muted{color:#666;max-width:60ch}.big-circle{width:clamp(260px,40vw,560px);aspect-ratio:1;background:var(--rm-yellow);border-radius:50%;display:grid;place-items:center;margin-inline:auto;position:relative;box-shadow:inset 0 0 0 18px #0000000a,0 20px 40px #00000026}.see-all{text-decoration:none;color:#333;font-weight:800;font-size:clamp(1.2rem,1.5vw + .6rem,2rem)}.contact-form{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:320px;padding:1rem}.form-field{position:relative}.form-field input,.form-field textarea{width:100%;padding:1rem 1.25rem;border:2px solid rgba(0,0,0,.08);border-radius:18px;background:#fffffff2;font-family:inherit;font-size:1rem;font-weight:500;color:#333;transition:all .2s ease;box-shadow:0 4px 8px #0000000f}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--rm-orange);background:#fff;box-shadow:0 6px 16px #ff5a0026;transform:translateY(-1px)}.form-field input::placeholder,.form-field textarea::placeholder{color:#999;font-weight:400}.form-field textarea{resize:none;min-height:100px}.submit-btn{background:var(--rm-orange);color:#fff;border:none;border-radius:18px;padding:1rem 2rem;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 6px #cc4700,0 8px 16px #ff5a0033;margin-top:.5rem}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px #cc4700,0 12px 20px #ff5a0040}.submit-btn:active{transform:translateY(0);box-shadow:0 4px #cc4700,0 6px 12px #ff5a0026}.experience-intro-section{padding:3rem 0;background:#fff;position:relative}.experience-intro-banner{width:calc(100vw - 20px);margin-inline:10px;background:var(--rm-yellow);border-radius:24px;min-height:clamp(180px,32vh,340px);display:grid;place-items:center;padding:2rem;box-shadow:0 8px 24px #0000001a}.experience-intro-title{font-size:clamp(1.4rem,2.2vw + .6rem,2.6rem);color:#e84300;margin:0;font-weight:700;line-height:1.3;text-align:center}.experience-intro-title mark{background:#fff;color:var(--rm-blue);padding:.1em .3em;border-radius:6px}.experience-section{min-height:100vh;position:relative;overflow:hidden;transition:background-color .5s ease}.experience-container{position:relative;width:100%;height:100vh}.experience-card{position:absolute;width:clamp(320px,40vw,600px);background:#fff;border-radius:var(--radius-card);padding:2.5rem;box-shadow:0 20px 40px #0000001f,0 8px 24px #00000014;transform:translate(-50%,-50%);z-index:10;left:50%;top:50%;opacity:1;transition:opacity .3s ease}.experience-content{display:flex;flex-direction:column;gap:1.5rem}.experience-header{display:flex;flex-direction:column;gap:.5rem}.experience-company{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;color:var(--rm-text);margin:0;font-family:Space Grotesk,Inter,system-ui,sans-serif;letter-spacing:-.02em}.experience-title{font-size:clamp(1.2rem,2vw,1.6rem);font-weight:600;color:var(--rm-muted);margin:0}.experience-description{font-size:1.1rem;line-height:1.6;color:var(--rm-text);margin:0}.experience-indicator{display:flex;align-items:center;gap:.25rem;font-weight:700;color:var(--rm-muted)}.experience-number{font-size:1.5rem;color:var(--rm-blue)}.experience-total{font-size:1rem}.illustration-box{position:absolute;width:clamp(200px,20vw,300px);height:clamp(200px,20vw,300px);background:#fff;border-radius:var(--radius-card);padding:1.5rem;box-shadow:0 16px 32px #0000001a,0 6px 16px #0000000f;opacity:0;z-index:5;transition:all .3s ease;pointer-events:none}.illustration-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.art-data-engineering{width:100%;height:100%;position:relative;overflow:hidden;perspective:400px}.geometric-rivers{position:relative;width:100%;height:100%}.river-segment{position:absolute;height:6px;border-radius:3px;background:linear-gradient(90deg,#4a90e2,#7b68ee,#ff6b9d);box-shadow:0 2px 8px #4a90e24d;transform-origin:left center}.river-1{top:15%;left:10%;width:70%;transform:rotate(-8deg);background:linear-gradient(90deg,#4ecdc4,#45b7d1)}.river-2{top:35%;left:15%;width:65%;transform:rotate(3deg);background:linear-gradient(90deg,#ff6b6b,#ff8e53)}.river-3{top:55%;left:8%;width:75%;transform:rotate(-5deg);background:linear-gradient(90deg,#96ceb4,#4ecdc4)}.river-4{top:75%;left:20%;width:60%;transform:rotate(6deg);background:linear-gradient(90deg,#feca57,#f38ba8)}.transform-node{position:absolute;width:16px;height:16px;border-radius:50%;background:conic-gradient(from 0deg,#4a90e2,#7b68ee,#ff6b9d,#4ecdc4,#4a90e2);box-shadow:0 4px 12px #4a90e266;border:2px solid white}.node-1{top:25%;left:35%}.node-2{top:50%;left:60%}.node-3{top:70%;left:25%}.floating-shape{position:absolute;filter:drop-shadow(0 2px 6px rgba(0,0,0,.15))}.shape-polygon{width:14px;height:14px;background:#4ecdc4;clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);top:20%;left:70%}.shape-diamond{width:12px;height:12px;background:#ff6b9d;transform:rotate(45deg);top:40%;left:80%}.shape-hexagon{width:15px;height:15px;background:#45b7d1;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);top:65%;left:75%}.shape-triangle{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:14px solid #96CEB4;top:30%;left:15%}.shape-octagon{width:13px;height:13px;background:#feca57;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);top:85%;left:45%}.connection-line{position:absolute;height:2px;background:linear-gradient(90deg,#4a90e266,#4cc9f066);border-radius:1px}.line-1{width:25px;top:33%;left:50%;transform:rotate(25deg)}.line-2{width:30px;top:58%;left:40%;transform:rotate(-15deg)}.line-3{width:20px;top:45%;left:25%;transform:rotate(45deg)}.art-ml-research{width:100%;height:100%;position:relative;perspective:500px}.neural-constellation{position:relative;width:100%;height:100%}.constellation-node{position:absolute;border-radius:50%;background:radial-gradient(circle,#e74c3c 30%,#c0392b);box-shadow:0 0 10px #e74c3c66,inset 0 2px 4px #ffffff4d;border:1px solid rgba(255,255,255,.2);filter:drop-shadow(0 2px 8px rgba(231,76,60,.2))}.node-central{width:18px;height:18px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#f39c12 30%,#e67e22);box-shadow:0 0 15px #f39c1280,inset 0 2px 4px #ffffff4d}.node-1{width:12px;height:12px;top:35%;left:30%;background:radial-gradient(circle,#3498db 30%,#2980b9);box-shadow:0 0 8px #3498db66}.node-2{width:14px;height:14px;top:35%;left:70%;background:radial-gradient(circle,#9b59b6 30%,#8e44ad);box-shadow:0 0 10px #9b59b666}.node-3{width:16px;height:16px;top:60%;left:85%;background:radial-gradient(circle,#1abc9c 30%,#16a085);box-shadow:0 0 12px #1abc9c66}.node-4{width:13px;height:13px;top:70%;left:70%;background:radial-gradient(circle,#27ae60 30%,#229954);box-shadow:0 0 9px #27ae6066}.node-5{width:11px;height:11px;top:70%;left:30%;background:radial-gradient(circle,#e67e22 30%,#d68910);box-shadow:0 0 7px #e67e2266}.node-6{width:15px;height:15px;top:60%;left:15%;background:radial-gradient(circle,#e91e63 30%,#c2185b);box-shadow:0 0 11px #e91e6366}.node-7{width:10px;height:10px;top:15%;left:50%;background:radial-gradient(circle,#ff5722 30%,#e64a19);box-shadow:0 0 6px #ff572266}.constellation-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.constellation-line{stroke:#4a90e2;stroke-width:1.5;stroke-dasharray:4 2;opacity:.6;filter:drop-shadow(0 0 2px rgba(74,144,226,.3))}.orbiting-shape{position:absolute;top:50%;left:50%;transform-origin:50% 50%}.orbit-triangle{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid #4ECDC4;filter:drop-shadow(0 2px 4px rgba(78,205,196,.3))}.orbit-square{width:8px;height:8px;background:#ff6b9d;border-radius:1px;filter:drop-shadow(0 2px 4px rgba(255,107,157,.3))}.orbit-pentagon{width:10px;height:10px;background:#96ceb4;clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);filter:drop-shadow(0 2px 4px rgba(150,206,180,.3))}.orbit-hexagon{width:9px;height:9px;background:#feca57;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);filter:drop-shadow(0 2px 4px rgba(254,202,87,.3))}.art-software-engineering{width:100%;height:100%;position:relative;perspective:600px;transform-style:preserve-3d}.modular-architecture{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:10px}.architecture-layer{display:flex;justify-content:center;align-items:center;gap:8px;height:30%}.architecture-block{border-radius:6px;box-shadow:0 4px 12px #00000026,inset 0 1px 3px #fff3;border:1px solid rgba(255,255,255,.3);position:relative;transform-style:preserve-3d;transition:all .3s ease}.architecture-block:before{content:"";position:absolute;top:2px;left:2px;right:2px;height:2px;background:#fff6;border-radius:4px 4px 0 0}.block-database{width:28px;height:20px;background:linear-gradient(135deg,#2c3e50,#34495e)}.block-cache{width:24px;height:18px;background:linear-gradient(135deg,#27ae60,#2ecc71)}.block-storage{width:26px;height:19px;background:linear-gradient(135deg,#8e44ad,#9b59b6)}.block-auth{width:22px;height:16px;background:linear-gradient(135deg,#e74c3c,#c0392b)}.block-api{width:30px;height:18px;background:linear-gradient(135deg,#3498db,#2980b9)}.block-processor{width:25px;height:17px;background:linear-gradient(135deg,#f39c12,#e67e22)}.block-queue{width:20px;height:15px;background:linear-gradient(135deg,#1abc9c,#16a085)}.block-frontend{width:32px;height:20px;background:linear-gradient(135deg,#9b59b6,#8e44ad)}.block-mobile{width:28px;height:18px;background:linear-gradient(135deg,#e91e63,#c2185b)}.architecture-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.connector-line{stroke:#4a90e2;stroke-width:1.5;stroke-dasharray:3 2;opacity:.7;filter:drop-shadow(0 1px 3px rgba(74,144,226,.3))}.system-indicator{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#4ecdc4 30%,#45b7d1);box-shadow:0 0 8px #4ecdc499}.indicator-1{top:15%;right:15%;animation:pulse-indicator 2s infinite}.indicator-2{top:50%;right:10%;animation:pulse-indicator 2s infinite .7s}.indicator-3{bottom:15%;right:20%;animation:pulse-indicator 2s infinite 1.4s}@keyframes pulse-indicator{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:1}}.art-data-engineering-new{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.75rem;overflow:hidden}.data-dashboard{width:100%;height:100%;display:flex;flex-direction:column;gap:.5rem;justify-content:space-between}.dashboard-header{display:flex;align-items:center;gap:.4rem;padding:.4rem .5rem;background:#4a90e21a;border-radius:6px;border:2px solid rgba(74,144,226,.3);flex-shrink:0}.dashboard-icon{font-size:1rem}.dashboard-title{font-size:.7rem;font-weight:700;color:var(--rm-text)}.bar-chart{display:flex;justify-content:space-around;align-items:flex-end;gap:.4rem;height:65px;padding:.4rem;background:#4a90e20d;border-radius:6px;flex-shrink:0}.bar-container{display:flex;flex-direction:column;align-items:center;gap:.3rem;flex:1}.data-bar{width:100%;max-width:25px;height:40px;background:linear-gradient(180deg,#4a90e2,#7b68ee);border-radius:4px 4px 0 0;transform-origin:bottom;box-shadow:0 2px 8px #4a90e24d}.bar-label{font-size:.55rem;font-weight:600;color:var(--rm-text)}.metrics-panel{display:flex;justify-content:space-around;gap:.4rem;padding:.4rem;background:#4a90e20d;border-radius:6px;flex-shrink:0}.metric-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;flex:1}.metric-label{font-size:.5rem;color:var(--rm-muted);font-weight:500;text-align:center}.data-number{font-size:.8rem;font-weight:700;color:#4a90e2}.status-bar{display:flex;justify-content:center;gap:.75rem;padding:.35rem;flex-shrink:0}.status-indicator{display:flex;align-items:center;gap:.25rem;font-size:.6rem;font-weight:500;color:var(--rm-text)}.status-dot{width:7px;height:7px;background:#4caf50;border-radius:50%;box-shadow:0 0 8px #4caf5099;flex-shrink:0}.art-ml-research-new{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem}.brain-network{display:flex;flex-direction:column;gap:.75rem;width:100%}.brain-container{display:flex;align-items:center;justify-content:center;gap:.5rem}.neuron-layer{display:flex;flex-direction:column;gap:.75rem;align-items:center}.neuron{width:16px;height:16px;background:#4a90e2;border-radius:50%;border:2px solid rgba(74,144,226,.3);box-shadow:0 0 10px #4a90e266;transition:all .3s ease}.synapse-layer{width:50px;height:100px;display:flex;align-items:center}.synapse{width:100%;height:100%}.training-status{display:flex;flex-direction:column;gap:.4rem;padding:.5rem;background:#ff98001a;border-radius:6px;border:1px solid rgba(255,152,0,.2);font-size:.7rem}.status-item{display:flex;align-items:center;gap:.3rem}.status-icon{font-size:1rem}.status-text{font-weight:600;color:var(--rm-text)}.training-metric{display:flex;gap:.25rem;font-size:.65rem}.training-metric span:first-child{color:var(--rm-muted)}.epoch-value,.accuracy-value{font-weight:700;color:var(--rm-orange)}.art-software-engineering-new{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.75rem;overflow:hidden}.code-editor{width:100%;max-width:100%;display:flex;flex-direction:column;gap:.4rem;background:#1e1e1e;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0003}.editor-header{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#2d2d2d;border-bottom:1px solid #3d3d3d}.editor-dots{display:flex;gap:.3rem}.dot{width:8px;height:8px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27ca3f}.editor-title{font-size:.65rem;color:#ccc;font-weight:500}.editor-body{padding:.4rem .5rem;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.55rem;line-height:1.3;color:#d4d4d4}.code-line{margin-bottom:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.git-workflow{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.4rem .5rem;background:#ffc8001a}.git-branch{display:flex;align-items:center;gap:.25rem}.branch-name{font-size:.55rem;font-weight:600;color:var(--rm-text);background:#fff;padding:.15rem .35rem;border-radius:4px;white-space:nowrap}.branch-node{width:8px;height:8px;background:#4a90e2;border-radius:50%;transition:all .3s ease;flex-shrink:0}.branch-line{width:15px;height:2px;background:#4a90e2;flex-shrink:0}.merge-arrow{font-size:.9rem;flex-shrink:0}.deploy-status{display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.4rem .5rem;background:#4caf501a;font-size:.65rem}.deploy-icon{font-size:.9rem;flex-shrink:0}.deploy-status-text{font-weight:600;color:#4caf50;white-space:nowrap}.site-footer{text-align:center;color:#666;padding:3rem .75rem}@media (max-width: 1000px){.research-title-card{padding:2rem 2.5rem;margin:0 1rem;min-height:200px}.examples-grid{margin-left:calc(-50vw + 50%);width:100vw}.example{grid-template-columns:1fr;margin:0 1rem}.example__media{height:260px}.feature-board{grid-template-columns:1fr}.board-center{grid-template-columns:1fr;grid-auto-rows:160px}.devices-grid,.pricing-inner{grid-template-columns:1fr}.experience-card{width:clamp(280px,60vw,500px);padding:2rem}.illustration-box{width:clamp(150px,25vw,250px);height:clamp(150px,25vw,250px);padding:1rem}.experience-intro-banner{padding:2rem 1.5rem;min-height:clamp(150px,28vh,300px)}.experience-intro-title{font-size:clamp(1.2rem,2vw + .5rem,2.2rem)}}@media (max-width: 900px) and (min-width: 701px){.pill{padding:.35rem .6rem;font-size:.75rem}.experience-card{width:clamp(300px,65vw,550px);padding:2rem 1.75rem}.illustration-box{width:clamp(140px,23vw,220px);height:clamp(140px,23vw,220px);padding:.9rem}.offtime__title{font-size:clamp(1.8rem,3vw + 1rem,3rem)}.big-circle{width:clamp(280px,50vw,500px)}.research-title-card{padding:2rem;min-height:180px}.experience-intro-banner{padding:2.25rem 1.75rem;min-height:clamp(160px,30vh,320px)}}@media (max-width: 700px){.pill-nav{display:none}.hero .container{width:92vw}.c1,.c2,.c3,.c4,.c5{display:none}.examples-grid,.action-grid{grid-template-columns:1fr}.research-section,.experience-section{min-height:auto!important;height:auto!important;overflow:visible!important}.research-frame{min-height:auto!important;gap:1.5rem}.example-stage{overflow:visible!important;width:100%;padding:0 1rem}.example{position:relative!important;transform:none!important;opacity:1!important;margin-bottom:2rem;width:100%!important;max-width:100%;inset:auto!important;height:auto!important;grid-template-columns:1fr!important;gap:1rem}.container{width:95vw!important;max-width:95vw;padding-left:.75rem;padding-right:.75rem}.research-banner{width:calc(100vw - 20px);margin-inline:10px}.site-header{padding:.5rem;gap:.5rem}.brand-dot{width:35px;height:35px;font-size:.8rem}.hero{min-height:80vh!important;height:auto!important}h1{font-size:clamp(2rem,5vw + .5rem,3.5rem)}h2{font-size:clamp(1.5rem,2.5vw + 1rem,2.5rem)}.hero__sub{font-size:.95rem}.experience-intro-section{padding:2rem 0}.experience-intro-banner{width:calc(100vw - 16px);margin-inline:8px;padding:1.5rem 1rem;min-height:clamp(120px,24vh,250px)}.experience-intro-title{font-size:clamp(1.1rem,1.8vw + .5rem,1.8rem)}.research-section{padding:calc(var(--header-h, 64px) + 4px) 0 10px}.research-title-card{padding:1.5rem;min-height:160px}.research-title{font-size:clamp(1.2rem,2vw + .5rem,2rem)}.research-banner{padding:1.5rem 1rem}.example__title-strip{padding:.75rem 1rem}.title-chip{font-size:.85rem;padding:.4rem .75rem}.example__desc{font-size:.95rem;line-height:1.6}.example__btn{padding:.6rem 1.25rem;font-size:.9rem}.example__media{height:200px;max-height:200px;margin-bottom:1.25rem}.example__content{padding:0 .75rem}.experience-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:0}.experience-card{width:90vw;max-width:500px;padding:1.5rem;position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0}.experience-company{font-size:1.6rem}.experience-title{font-size:1.1rem}.experience-description{font-size:1rem}.experience-card{position:relative}.illustration-box{display:none!important}.experience-icon-mobile{display:block!important;position:fixed;top:5rem;right:1.5rem;z-index:10;background:#ffffff26;border-radius:12px;padding:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.experience-icon-mobile svg{width:50px;height:50px;stroke-width:1.5;color:#fff;display:block}@media (min-width: 701px){.experience-icon-mobile{display:none!important}}.offtime-section{padding:4rem 0 3rem;margin-top:2rem}.offtime__title{font-size:clamp(1.5rem,2.5vw + 1rem,2.5rem);margin-bottom:2rem}.big-circle{width:clamp(240px,85vw,450px)}.contact-form{gap:1rem;width:100%}.form-field input,.form-field textarea{font-size:.95rem;padding:.75rem}.submit-btn{padding:.8rem 1.5rem;font-size:.95rem}}@media (max-width: 900px) and (max-height: 500px) and (orientation: landscape){.hero{min-height:100vh}.hero .container{padding-top:calc(var(--header-h, 64px) / 2)}h1{font-size:clamp(1.5rem,4vw + .3rem,2.5rem);line-height:1.1}h2{font-size:clamp(1.2rem,2.5vw + .5rem,2rem)}.experience-intro-section{padding:1.5rem 0}.experience-intro-banner{min-height:clamp(80px,18vh,150px);padding:1rem .75rem}.offtime-section{padding:3rem 0 2rem}.research-section{min-height:auto}.big-circle{width:clamp(200px,35vw,400px)}}@media (prefers-reduced-motion: reduce){.card{animation:none!important}}.data-engineering-dashboard{display:flex;flex-direction:column;gap:.75rem;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.7rem;padding:1rem}.pipeline-container{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.pipeline-node{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem;background:#0c5eff1a;border-radius:6px;min-width:40px}.node-icon{font-size:1rem}.node-label{font-size:.55rem;font-weight:500;color:var(--rm-text)}.pipeline-flow{position:relative;flex:1;height:2px;background:#e0e0e0;border-radius:1px}.data-packet{position:absolute;top:-3px;width:6px;height:6px;background:var(--rm-blue);border-radius:50%;opacity:0}.monitoring-panel{background:#f8fafccc;border-radius:6px;padding:.6rem;border:1px solid rgba(226,232,240,.5)}.panel-header{font-size:.65rem;font-weight:600;margin-bottom:.4rem;color:var(--rm-text)}.metrics-grid{display:grid;grid-template-columns:1fr auto;gap:.3rem;align-items:center}.metric{display:flex;gap:.25rem;align-items:center}.metric-label{color:var(--rm-muted);font-size:.6rem}.metric-value{font-weight:600;color:var(--rm-text);font-size:.6rem}.status-indicators{display:flex;gap:.2rem;grid-row:1 / 3}.status-dot{width:5px;height:5px;border-radius:50%}.status-dot.active{background:#10b981}.status-dot.warning{background:#f59e0b}.status-dot.error{background:#ef4444}.control-pills{display:flex;gap:.2rem}.control-pill{padding:.2rem .4rem;background:#e2e8f080;border-radius:10px;font-size:.55rem;font-weight:500;color:var(--rm-muted);border:none;cursor:pointer;transition:all .2s ease}.control-pill.active{background:var(--rm-blue);color:#fff}.ml-research-lab{display:flex;flex-direction:column;gap:.75rem;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.7rem;padding:1rem}.neural-network-viz{display:flex;align-items:center;justify-content:center;gap:.75rem}.network-layer{display:flex;flex-direction:column;gap:.4rem}.network-neuron{width:16px;height:16px;border-radius:50%;background:#4ecdc4;border:2px solid rgba(78,205,196,.3);transition:all .3s ease}.network-neuron.input{background:#64b5f6}.network-neuron.hidden{background:#ffb74d}.network-neuron.output{background:#81c784}.network-connections{display:flex;align-items:center}.network-connection{stroke:#ddd;stroke-width:1;opacity:.3;transition:all .3s ease}.experiment-panel{background:#ff98001a;border-radius:6px;padding:.6rem;border:1px solid rgba(255,152,0,.2)}.training-metrics{display:flex;flex-direction:column;gap:.25rem}.metric-row{display:flex;justify-content:space-between;align-items:center;font-size:.6rem}.progress-bar{height:3px;background:#ff980033;border-radius:2px;margin-top:.4rem;overflow:hidden}.progress-fill{height:100%;width:78%;background:var(--rm-orange);border-radius:2px;transition:width .3s ease}.model-cards{display:flex;gap:.2rem}.model-card{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.3rem;background:#f8fafccc;border-radius:4px;border:1px solid rgba(226,232,240,.5);cursor:pointer;transition:all .2s ease;min-width:32px}.model-card.active{background:var(--rm-orange);color:#fff;border-color:var(--rm-orange)}.model-icon{font-size:.9rem}.model-name{font-size:.5rem;font-weight:500}.software-engineering-board{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.code-editor-panel{background:#1e1e1e;border-radius:6px;overflow:hidden;box-shadow:0 3px 10px #00000026}.editor-header{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;background:#2d2d2d;border-bottom:1px solid #3d3d3d}.window-controls{display:flex;gap:.2rem}.control-dot{width:6px;height:6px;border-radius:50%}.control-dot.red{background:#ff5f56}.control-dot.yellow{background:#ffbd2e}.control-dot.green{background:#27ca3f}.file-name{font-size:.55rem;color:#ccc;font-weight:500}.code-content{padding:.6rem}.code-line{display:flex;gap:.4rem;margin-bottom:.25rem;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.55rem;line-height:1.3}.line-number{color:#6a6a6a;min-width:12px;text-align:right}.typed-code{color:#d4d4d4;white-space:nowrap;overflow:hidden}.architecture-diagram{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem;background:#ffc8001a;border-radius:6px;border:1px solid rgba(255,200,0,.2)}.service-layer{display:flex;gap:.75rem;align-items:center}.service-node{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.3rem;background:#ffffffe6;border-radius:6px;border:1px solid rgba(226,232,240,.5);min-width:36px;transition:all .3s ease}.service-icon{font-size:.9rem}.service-label{font-size:.5rem;font-weight:500;color:var(--rm-text)}.connection-layer{display:flex;justify-content:center}.api-connection{stroke:#ddd;stroke-width:1;opacity:.4;transition:all .3s ease}.dev-status-panel{background:#f8fafccc;border-radius:6px;padding:.6rem;border:1px solid rgba(226,232,240,.5)}.status-header{font-size:.65rem;font-weight:600;margin-bottom:.4rem;color:var(--rm-text)}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;margin-bottom:.4rem}.status-item{display:flex;gap:.25rem;align-items:center}.status-label{font-size:.55rem;color:var(--rm-muted)}.build-status,.test-status{font-size:.55rem;font-weight:500;padding:.1rem .25rem;border-radius:3px}.build-status.processing{background:#f973161a;color:#f97316}.build-status.success,.test-status.success{background:#22c55e1a;color:#22c55e}.env-badges{display:flex;gap:.15rem}.env-badge{padding:.1rem .25rem;background:#e2e8f080;border-radius:3px;font-size:.5rem;font-weight:500;color:var(--rm-muted);cursor:pointer;transition:all .2s ease}.env-badge.active{background:var(--rm-yellow);color:var(--rm-text)}.offtime-section{background:var(--rm-orange);color:#fff;padding:6rem 0 4rem;margin-top:4rem;border-radius:var(--radius-card);min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative}.offtime__title{color:#fff;margin-bottom:3rem;text-align:center;font-family:Inter,system-ui,sans-serif}.hl--orange{background:#ffffff26;color:#fff;padding:0 .5rem;border-radius:8px}.hobbies-masonry{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,100px);gap:8px;position:relative}.f1-card{grid-column:1 / 4;grid-row:1 / 4}.running-card{grid-column:4 / 6;grid-row:1 / 4}.hiking-card{grid-column:6 / 9;grid-row:1 / 4}.gaming-card{grid-column:1 / 3;grid-row:4 / 7}.coffee-card{grid-column:3 / 5;grid-row:4 / 7}.fact-card{grid-column:5 / 7;grid-row:4 / 7}.music-card{grid-column:7 / 9;grid-row:4 / 7}.reading-card{grid-column:1 / 9;grid-row:7 / 10}.hobby-card{background:#fff;color:var(--rm-text);border-radius:var(--radius-card);padding:1.5rem;box-shadow:0 8px 25px #0000001a;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.hobby-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #00000026}.card-icon-corner{position:absolute;top:1rem;right:1rem;z-index:10;width:36px;height:36px;background:#4a90e214;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#4a90e2;transition:all .3s ease}.hobby-card:hover .card-icon-corner{background:#4a90e226;transform:scale(1.1)}.card-graphic{position:absolute;top:1rem;right:1rem;opacity:.1;z-index:1}.card-content{position:relative;z-index:2}.card-content h3{margin:0 0 .75rem;font-size:1.3rem;font-weight:800;font-family:Space Grotesk,Inter,system-ui,sans-serif;color:var(--rm-text);letter-spacing:-.02em;line-height:1.2}.card-content p{margin:.5rem 0;line-height:1.4;font-size:.9rem;color:var(--rm-muted)}.card-content strong{color:var(--rm-text)}.card-image-placeholder{position:absolute;z-index:1}.card-image-placeholder:not(.bottom-right){top:1rem;left:1rem}.card-image-placeholder.bottom-right{bottom:1rem;right:1rem}.image-placeholder{width:90px;height:55px;background:#0000000a;border:2px dashed rgba(0,0,0,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--rm-muted);text-align:center;padding:.5rem;line-height:1.2;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-placeholder:hover{background:#00000014;border-color:#0000004d;transform:scale(1.05)}.f1-placeholder{background:#ff5a001a;border-color:#ff5a0033}.running-placeholder{background:#0c5eff1a;border-color:#0c5eff33}.hiking-placeholder{background:#4caf501a;border-color:#4caf5033}.gaming-placeholder{background:#9c27b01a;border-color:#9c27b033}.badminton-placeholder{background:#ffc1071a;border-color:#ffc10733}.coffee-placeholder{background:#8d6e631a;border-color:#8d6e6333}.fact-placeholder{background:#ff57221a;border-color:#ff572233}.music-placeholder{background:#e91e631a;border-color:#e91e6333}.photography-placeholder{background:#607d8b1a;border-color:#607d8b33}.reading-placeholder{background:#7955481a;border-color:#79554833}.f1-card{background:linear-gradient(135deg,#fff,#fff9f5)}.threejs-model-container{position:absolute;top:1rem;left:1rem;right:1rem;height:140px;z-index:1}.f1-card .card-content{position:absolute;bottom:1rem;left:1rem;right:1rem;z-index:2}.f1-card .card-graphic{display:none}.model-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#ff5a001a,#ff5a000d);border:2px dashed rgba(255,90,0,.3);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--rm-orange);font-weight:600;transition:all .3s ease}.model-placeholder:hover{background:linear-gradient(135deg,#ff5a0026,#ff5a0014);border-color:#ff5a0066;transform:scale(1.02)}.threejs-indicator{font-size:.7rem;background:var(--rm-orange);color:#fff;padding:.25rem .5rem;border-radius:8px;font-weight:700}.f1-model-container{width:100%;height:100%;position:relative;border-radius:12px;overflow:hidden}.f1-model-mount{width:100%;height:100%}.f1-model-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,#ff5a001a,#ff5a000d);color:var(--rm-orange);font-weight:600;z-index:10}.loading-spinner{width:24px;height:24px;border:3px solid rgba(255,90,0,.2);border-top:3px solid var(--rm-orange);border-radius:50%;animation:spin 1s linear infinite}.f1-model-error{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#ff57221a;color:#d32f2f;font-weight:600;text-align:center;padding:1rem;z-index:10}.racing-car{width:40px;height:20px;background:var(--rm-orange);border-radius:8px 20px;position:relative}.racing-car:before{content:"";position:absolute;top:6px;left:-8px;width:16px;height:8px;background:var(--rm-orange);border-radius:50%}.racing-track{width:60px;height:3px;background:repeating-linear-gradient(90deg,var(--rm-orange) 0%,var(--rm-orange) 8px,transparent 8px,transparent 16px);margin-top:.5rem}.team-name{color:var(--rm-orange)!important;font-weight:700;margin:.25rem 0!important}.driver-grid{display:flex;gap:.5rem;margin-top:.75rem}.driver-card{background:var(--rm-orange);color:#fff;padding:.25rem .5rem;border-radius:8px;font-size:.75rem;font-weight:700}.running-card{background:linear-gradient(135deg,#fff,#f0f8ff)}.running-track{position:relative;width:50px;height:25px}.track-line{position:absolute;top:50%;width:100%;height:2px;background:var(--rm-blue);border-radius:1px}.runner-icon{position:absolute;top:50%;right:0;width:8px;height:12px;background:var(--rm-blue);border-radius:2px;transform:translateY(-50%);animation:run 2s ease-in-out infinite}@keyframes run{0%,to{right:0}50%{right:42px}}.stat-display{text-align:center;margin:1rem 0}.stat-number{display:block;font-size:2rem;font-weight:800;color:var(--rm-blue);line-height:1}.stat-unit{display:block;font-size:.8rem;color:var(--rm-muted);margin-top:.25rem}.hiking-card{background:linear-gradient(135deg,#fff,#f8fff8)}.mountain-silhouette{display:flex;align-items:end;height:30px;width:60px}.peak{border-style:solid;border-color:transparent transparent #4CAF50}.peak-1{border-width:0 12px 18px 12px}.peak-2{border-width:0 10px 25px 10px}.peak-3{border-width:0 8px 15px 8px}.summit-flag{position:absolute;top:-5px;right:20px;width:3px;height:12px;background:#4caf50}.summit-flag:after{content:"";position:absolute;top:0;right:0;width:8px;height:5px;background:#4caf50;border-radius:0 2px 2px 0}.achievement-badge{background:#4caf50;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;display:inline-block;margin:.5rem 0}.elevation-stat{font-size:.85rem;color:#4caf50;font-weight:600;margin-top:.5rem}.gaming-card{background:linear-gradient(135deg,#fff,#faf8ff);display:flex;flex-direction:column}.gaming-images{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:.5rem;flex:1}.game-item-with-image{display:flex;flex-direction:column;gap:.5rem}.gaming-images img{width:100%;height:100%;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px #0000001a}.game-title{font-size:.75rem;font-weight:600;color:var(--rm-text);text-align:center;line-height:1.2}.game-console{width:35px;height:20px;background:var(--rm-text);border-radius:4px;position:relative}.game-console:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:3px;background:#fff;border-radius:50%}.game-screen{width:30px;height:20px;background:#9c27b0;border-radius:2px;margin-top:.25rem;position:relative;overflow:hidden}.pixel-art{width:8px;height:8px;background:#fff;position:absolute;top:6px;left:11px;border-radius:1px}.status-pill{background:#9c27b0;color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;margin-right:.5rem}.badminton-card{background:linear-gradient(135deg,#fff,#fffbf0)}.badminton-court{width:40px;height:25px;border:2px solid var(--rm-yellow);border-radius:2px;position:relative}.court-net{position:absolute;top:50%;left:0;right:0;height:1px;background:var(--rm-yellow)}.shuttlecock-icon{position:absolute;top:-5px;right:8px;width:4px;height:8px;background:var(--rm-yellow);border-radius:50% 50% 0 0}.skill-badge{background:var(--rm-yellow);color:var(--rm-text);padding:.25rem .5rem;border-radius:8px;font-size:.75rem;font-weight:600;margin-top:.5rem;display:inline-block}.coffee-card{background:linear-gradient(135deg,#fff,#fefcf8)}.coffee-card .card-content p{font-size:.85rem;line-height:1.3}.coffee-setup{display:flex;align-items:end;gap:4px}.coffee-dripper{width:16px;height:12px;background:#8d6e63;border-radius:2px 2px 8px 8px}.coffee-cup-icon{width:12px;height:8px;background:#8d6e63;border-radius:0 0 6px 6px;position:relative}.coffee-cup-icon:after{content:"";position:absolute;top:2px;right:-3px;width:4px;height:4px;border:1px solid #8D6E63;border-radius:50%;border-left:none}.preference-tag{background:#8d6e63;color:#fff;padding:.25rem .5rem;border-radius:8px;font-size:.75rem;margin-top:.5rem;display:inline-block}.fact-card{background:linear-gradient(135deg,#fff,#fff8f5)}.fact-lightbulb{width:16px;height:20px;background:#ff5722;border-radius:50% 50% 20% 20%;position:relative}.fact-lightbulb:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:8px;height:4px;background:#ff5722;border-radius:0 0 4px 4px}.thought-bubble{width:12px;height:12px;background:#ff572233;border-radius:50%;position:absolute;top:-6px;right:10px}.fact-content{font-size:.8rem!important;line-height:1.3!important;font-style:italic;color:var(--rm-text)!important}.magnifying-glass{font-size:2rem;opacity:.15;color:#ff5722}.music-card{background:linear-gradient(135deg,#fff,#fef7fc)}.vinyl-record{width:24px;height:24px;background:var(--rm-text);border-radius:50%;position:relative;animation:spin 4s linear infinite}.vinyl-record:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#e91e63;border-radius:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sound-waves{display:flex;align-items:end;gap:2px;margin-top:.5rem}.wave{width:2px;background:#e91e63;border-radius:1px;animation:wave-bounce 1.5s ease-in-out infinite}.wave-1{height:6px;animation-delay:0s}.wave-2{height:12px;animation-delay:.1s}.wave-3{height:8px;animation-delay:.2s}@keyframes wave-bounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.activity-tag{background:#e91e63;color:#fff;padding:.25rem .5rem;border-radius:8px;font-size:.75rem;margin-top:.5rem;display:inline-block}.artists-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.artist-name{padding:.4rem .75rem;border-radius:8px;font-size:.85rem;font-weight:600;display:inline-block}.artist-orange{background:var(--rm-orange);color:#fff}.artist-yellow{background:var(--rm-yellow);color:var(--rm-text)}.artist-blue{background:var(--rm-blue);color:#fff}.photography-card{background:linear-gradient(135deg,#fff,#f8f9fa)}.camera-body{width:30px;height:20px;background:var(--rm-text);border-radius:4px;position:relative}.camera-body:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#607d8b;border-radius:50%}.camera-body:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:var(--rm-text);border-radius:50%}.photo-samples{display:flex;gap:2px;margin-top:.5rem}.sample-photo{width:8px;height:6px;background:#607d8b;border-radius:1px}.reading-card{background:linear-gradient(135deg,#fff,#faf8f5);display:flex;flex-direction:column}.reading-content-wrapper{display:flex;gap:1.5rem;padding:.5rem;flex:1;align-items:stretch}.reading-text{flex:1;display:flex;flex-direction:column;gap:.75rem}.reading-text h3{margin:0 0 .75rem;font-size:1.3rem;font-weight:800;font-family:Space Grotesk,Inter,system-ui,sans-serif;color:var(--rm-text);letter-spacing:-.02em;line-height:1.2}.book-info{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.book-item{display:flex;flex-direction:column;gap:.25rem}.book-category-label{font-size:.7rem;font-weight:600;color:var(--rm-orange);text-transform:uppercase;letter-spacing:.5px}.book-title-text{font-size:.85rem;font-weight:500;color:var(--rm-text);line-height:1.3}.reading-images{display:flex;gap:.75rem;flex-shrink:0;align-items:center}.reading-images img{width:auto;height:180px;object-fit:contain;border-radius:8px;box-shadow:0 2px 8px #00000026}.card-content{display:flex;flex-direction:column;gap:.75rem}.content-section{display:flex;flex-direction:column;gap:.4rem}.content-divider{height:1px;background:#0000001a;margin:.25rem 0}.section-label{font-size:.7rem;font-weight:600;color:var(--rm-muted);text-transform:uppercase;letter-spacing:.5px}.stat-highlight{text-align:left}.stat-number{display:block;font-size:2.2rem;font-weight:800;color:var(--rm-blue);line-height:1}.stat-label{font-size:.8rem;color:var(--rm-muted);font-weight:500}.achievement-item{display:flex;flex-direction:column;gap:.2rem}.achievement-label{font-size:.7rem;font-weight:600;color:var(--rm-muted);text-transform:uppercase}.achievement-value{font-size:.9rem;font-weight:700;color:var(--rm-blue)}.achievement-location{font-size:.75rem;color:var(--rm-muted);font-style:italic}.mountain-profile{margin:.5rem 0 1rem;position:relative}.elevation-chart{height:80px;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}.mountain-peak-art{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.peak-outline{position:relative;width:60px;height:50px}.summit-point{position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:8px solid #4CAF50}.peak-face{position:absolute;bottom:0;width:0;height:0}.left-face{left:0;border-left:30px solid transparent;border-right:0px solid transparent;border-bottom:42px solid #66BB6A}.right-face{right:0;border-left:0px solid transparent;border-right:30px solid transparent;border-bottom:42px solid #4CAF50}.elevation-marker{position:absolute;right:-10px;top:8px;display:flex;align-items:center;gap:4px}.elevation-line{width:20px;height:1px;background:#4caf50;opacity:.7}.elevation-text{font-size:.65rem;font-weight:600;color:#4caf50;white-space:nowrap}.mountain-name-overlay{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-size:.7rem;font-weight:700;color:#4caf50;background:#ffffffe6;padding:2px 6px;border-radius:4px;white-space:nowrap}.conquered-mountain{color:#4caf50!important;position:relative}.conquered-mountain:after{content:"✓";color:#4caf50;font-weight:700;margin-left:4px}.status-item{display:flex;flex-direction:column;gap:.2rem}.status-label{font-size:.7rem;font-weight:600;color:var(--rm-muted);text-transform:uppercase}.status-value{font-size:.9rem;font-weight:700;color:var(--rm-text)}.status-note{font-size:.75rem;color:var(--rm-muted);font-style:italic}.status-badge{padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;text-align:center;margin-top:.25rem}.streak-badge{background:#4caf50;color:#fff}.game-list{display:flex;flex-direction:column;gap:.3rem}.game-item{font-size:.85rem;font-weight:600;color:var(--rm-text);padding:.25rem 0}.preference-tag{background:#8d6e63;color:#fff;padding:.25rem .5rem;border-radius:8px;font-size:.75rem;font-weight:600;align-self:flex-start}.quest-text{font-size:.8rem;color:var(--rm-muted);line-height:1.3;margin-top:.25rem}.leader-item{display:flex;flex-direction:column;gap:.2rem}.leader-label{font-size:.7rem;font-weight:600;color:var(--rm-muted);text-transform:uppercase}.leader-name{font-size:.9rem;font-weight:700;color:#8d6e63}.leader-location{font-size:.75rem;color:var(--rm-muted)}.book-section{display:flex;flex-direction:column;gap:.6rem}.book-category{display:flex;flex-direction:column;gap:.25rem}.category-label{font-size:.7rem;font-weight:600;color:#795548;text-transform:uppercase}.book-title{font-size:.8rem;font-weight:500;color:var(--rm-text);line-height:1.3}.book-spine{width:20px;height:30px;background:#795548;border-radius:0 2px 2px 0;position:relative}.book-spine:before{content:"";position:absolute;top:4px;left:2px;right:2px;height:1px;background:#ffffff4d}.reading-progress{margin-top:.5rem;width:40px;height:3px;background:#79554833;border-radius:2px;overflow:hidden}.progress-bar{width:65%;height:100%;background:#795548;border-radius:2px}@media (max-width: 1200px){.hobbies-masonry{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(10,80px)}.f1-card{grid-column:1 / 3;grid-row:1 / 4}.running-card{grid-column:3 / 5;grid-row:1 / 4}.hiking-card{grid-column:5 / 7;grid-row:1 / 4}.gaming-card{grid-column:1 / 3;grid-row:4 / 7}.coffee-card{grid-column:3 / 5;grid-row:4 / 7}.fact-card{grid-column:5 / 7;grid-row:4 / 7}.music-card{grid-column:1 / 3;grid-row:7 / 9}.reading-card{grid-column:3 / 7;grid-row:7 / 10}}@media (max-width: 768px){.hobbies-masonry{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(14,112px);gap:6px}.f1-card{grid-column:1 / 5;grid-row:1 / 4}.running-card{grid-column:1 / 3;grid-row:4 / 7}.hiking-card{grid-column:3 / 5;grid-row:4 / 7}.gaming-card{grid-column:1 / 3;grid-row:7 / 10}.coffee-card{grid-column:3 / 5;grid-row:7 / 10}.fact-card{grid-column:1 / 3;grid-row:10 / 13}.music-card{grid-column:3 / 5;grid-row:10 / 13}.reading-card{grid-column:1 / 5;grid-row:13 / 16}.hobby-card{padding:1rem}.stat-number{font-size:1.5rem}.image-placeholder{width:60px;height:40px;font-size:.6rem}}@media (max-width: 480px){.site-header{padding:.4rem}.brand-dot{width:32px;height:32px;font-size:.75rem}h1{font-size:clamp(1.75rem,4.5vw + .5rem,3rem)}h2{font-size:clamp(1.3rem,2.2vw + 1rem,2rem)}.hero__sub{font-size:.9rem}.experience-intro-banner{width:calc(100vw - 12px);margin-inline:6px;padding:1.25rem .75rem;min-height:clamp(100px,20vh,200px)}.experience-intro-title{font-size:clamp(1rem,1.6vw + .4rem,1.6rem)}.research-section{padding:calc(var(--header-h, 64px) + 2px) 0 8px;min-height:auto}.research-title-card{padding:1.25rem 1rem;min-height:140px;margin:0 .5rem}.research-title{font-size:clamp(1.1rem,1.8vw + .4rem,1.8rem)}.research-banner{padding:1.25rem .75rem}.example{padding:.75rem}.example__title-strip{padding:.6rem .75rem}.title-chip{font-size:.75rem;padding:.35rem .65rem;word-break:break-word}.example__desc{font-size:.85rem;line-height:1.55}.example__btn{padding:.55rem 1.1rem;font-size:.85rem}.example__media{min-height:150px;max-height:180px;margin-bottom:1rem}.example__content{padding:0 .5rem}.example__desc{font-size:.85rem;line-height:1.5;margin:.5rem 0 .75rem}.experience-section{min-height:100vh}.experience-card{width:95vw;max-width:450px;padding:1.25rem}.experience-company{font-size:1.4rem}.experience-title{font-size:1rem}.experience-description{font-size:.9rem;line-height:1.5}.illustration-box{display:none!important}.experience-icon-mobile{padding:.65rem;top:4.5rem;right:1rem}.experience-icon-mobile svg{width:45px;height:45px}.art-data-engineering-new .dashboard-title,.art-ml-research-new .status-text,.art-software-engineering-new .editor-title{font-size:.65rem}.art-data-engineering-new .metric-label,.art-ml-research-new .training-metric,.art-software-engineering-new .code-line{font-size:.5rem}.offtime-section{padding:3rem 0 2.5rem;margin-top:1.5rem}.offtime__title{font-size:clamp(1.3rem,2.2vw + 1rem,2rem);margin-bottom:1.5rem}.hobbies-masonry{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(24,150px);gap:4px}.f1-card{grid-column:1 / 3;grid-row:1 / 4}.running-card{grid-column:1 / 3;grid-row:4 / 7}.hiking-card{grid-column:1 / 3;grid-row:7 / 10}.gaming-card{grid-column:1 / 3;grid-row:10 / 13}.coffee-card{grid-column:1 / 3;grid-row:13 / 16}.fact-card{grid-column:1 / 3;grid-row:16 / 19}.music-card{grid-column:1 / 3;grid-row:19 / 22}.reading-card{grid-column:1 / 3;grid-row:22 / 26}.hobby-card{padding:.75rem}.card-content h3{font-size:1rem;line-height:1.3}.card-content p{font-size:.85rem;line-height:1.4}.team-name,.quest-text,.activity-tag{font-size:.8rem}.driver-grid{gap:.4rem}.driver-card{padding:.3rem .6rem;font-size:.75rem}.achievement-label,.status-label,.section-label,.category-label{font-size:.7rem}.achievement-value,.status-value,.leader-name,.book-title{font-size:.8rem;word-break:break-word}.achievement-location,.leader-location{font-size:.7rem}.preference-tag{font-size:.8rem;padding:.35rem .7rem}.elevation-text{font-size:.8rem}.mountain-name-overlay{font-size:.75rem}.fact-content{font-size:.75rem;line-height:1.4}.stat-number{font-size:1.3rem}.stat-label{font-size:.75rem}.card-icon-corner{width:30px;height:30px;top:.75rem;right:.75rem}.card-icon-corner svg{width:16px;height:16px}.image-placeholder{width:50px;height:35px;font-size:.55rem}.threejs-model-container{top:.5rem;left:.5rem;right:.5rem;bottom:2rem}.f1-model-loading,.f1-model-error{font-size:.75rem}.big-circle{width:clamp(220px,90vw,400px)}.pricing-copy h2{font-size:clamp(1.5rem,2.5vw + 1rem,2.5rem)}.contact-form{gap:.85rem}.form-field input,.form-field textarea{font-size:.9rem;padding:.65rem}.submit-btn{padding:.7rem 1.25rem;font-size:.9rem}.site-footer{padding:2rem .5rem;font-size:.85rem}}
