@import"https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800&display=swap";:root{font-family:Nunito,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#f5f5f3}#root{width:100%;min-height:100vh}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:none;transition:all .3s ease;transform:translateY(0)}.navbar.hidden{transform:translateY(-100%)}.navbar.scrolled{background:#fff;box-shadow:0 2px 10px #0000001a}.dark .navbar{background:transparent;border-bottom:none}.dark .navbar.scrolled{background:var(--bg-primary);box-shadow:0 2px 10px #0000004d}.navbar-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.navbar-logo:hover{text-decoration:none}.navbar-logo-image{width:28px;height:28px;flex-shrink:0}.navbar-logo-text{display:flex;flex-direction:column;align-items:flex-start}.navbar-logo span{font-size:16px;font-weight:600;color:var(--text-primary);white-space:nowrap}.navbar-subtitle{font-size:14px!important;font-weight:400!important;color:var(--grey-light)!important;margin-top:-4px;white-space:nowrap}.navbar-menu{display:flex;gap:2px;border-radius:100px;background:var(--bg-navbar);padding:2px;position:relative;white-space:nowrap}@media (max-width: 768px){.navbar-menu{display:none}}.menu-background{position:absolute;top:2px;left:2px;height:calc(100% - 4px);background:#fff;border-radius:100px;transition:all .3s ease;z-index:1}.navbar-link{text-decoration:none;color:var(--grey-light);font-weight:400;transition:all .3s ease;position:relative;display:flex;justify-content:center;align-items:center;padding:9px 20px;border-radius:100px;z-index:2;white-space:nowrap;min-width:fit-content}.navbar-link:hover,.navbar-link.active{color:var(--text-primary)}.dark .navbar-menu{background:#ffffff1a}.dark .menu-background{background:var(--bg-primary)}.navbar-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-color);transition:width .3s ease;display:none}.navbar-link:hover:after{width:100%}.linkedin-link{display:flex;align-items:center;justify-content:center;padding:2px;border-radius:50px;transition:all .3s ease;margin-left:8px}.linkedin-link:hover{background:rgba(var(--accent-color-rgb),.1);transform:translateY(-1px)}.linkedin-icon{width:37px;height:37px;transition:all .3s ease}.dark .linkedin-icon{filter:brightness(0) saturate(100%) invert(61%) sepia(97%) saturate(542%) hue-rotate(172deg) brightness(103%) contrast(101%)}.linkedin-link:hover .linkedin-icon{transform:scale(1.1)}.mobile-linkedin{display:none}.desktop-linkedin{display:block}.navbar-actions,.theme-toggle-container{display:flex;align-items:center}.theme-toggle{background:none;border:none;cursor:pointer;display:flex;align-items:center;padding:0;border-radius:20px;transition:all .3s ease;font-family:Nunito,sans-serif;font-weight:500;font-size:14px;color:var(--text-primary)}.dark .theme-toggle:hover{background:#ffffff1a}.toggle-background{position:relative;width:80px;height:32px;background:var(--bg-secondary);border-radius:16px;transition:all .3s ease;overflow:hidden;display:flex;align-items:center;padding:0 8px}.dark-mode .toggle-background{background:#ffffff1a}.toggle-text{position:absolute;font-size:12px;font-weight:500;color:var(--text-primary);z-index:1;transition:all .3s ease}.light-mode .toggle-text{right:12px}.dark-mode .toggle-text{left:12px}.toggle-slider{position:absolute;top:4px;left:4px;width:24px;height:24px;background:var(--accent-color);border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;z-index:2}.dark-mode .toggle-slider{transform:translate(48px);background:var(--accent-color)}.toggle-icon{width:12px;height:12px;transition:all .3s ease}.sun-icon{opacity:1}.moon-icon{opacity:0;position:absolute}.dark-mode .sun-icon{opacity:0}.dark-mode .moon-icon{opacity:1}.toggle-label{font-size:14px;font-weight:500;color:var(--text-primary)}.burger-menu{display:none;flex-direction:column;cursor:pointer;padding:5px;z-index:1001}.burger-line{width:25px;height:3px;background-color:var(--text-primary);margin:3px 0;transition:all .3s ease;transform-origin:center}.burger-line.open:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.burger-line.open:nth-child(2){opacity:0}.burger-line.open:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-theme-toggle,.mobile-menu-title,.mobile-work-header,.mobile-work-section{display:none}@media (max-width: 768px){.navbar-container{padding:1rem}.navbar-logo-image{width:24px;height:24px}.navbar-logo span{font-size:14px}.navbar-subtitle{font-size:12px!important}.burger-menu{display:flex}.navbar-actions{display:none}.navbar-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:flex-start;gap:0;transform:translate(-100%);transition:transform .3s ease;z-index:1000;display:flex;border-radius:0;padding:0 2rem}.dark .navbar-menu{background:var(--bg-primary)}.navbar-menu.mobile-open{transform:translate(0)}.navbar-menu .menu-background{display:none}.mobile-menu-title{display:block;font-family:Migra,Nunito,sans-serif;font-size:2rem;font-weight:300;color:#6bc8ff;margin:0 0 2rem;text-align:left}.navbar-link{font-size:1.5rem;font-weight:300;color:var(--text-primary);padding:0}.linkedin-link{margin:1rem 0;padding:0;font-size:1.5rem;font-weight:300}.linkedin-link span{margin-left:8px}.linkedin-icon{width:120px;height:auto}.desktop-linkedin{display:none}.mobile-linkedin{display:block}.dark .linkedin-icon{filter:brightness(0) saturate(100%) invert(61%) sepia(97%) saturate(542%) hue-rotate(172deg) brightness(103%) contrast(101%)}.mobile-work-section{display:block;margin:1.5rem 0}.mobile-work-header{display:block;font-size:1rem;font-weight:400;color:#6bc8ff;margin:0 0 .5rem;text-align:left;text-transform:uppercase;letter-spacing:.05em}.mobile-work-link{display:block;margin:.5rem 0;font-size:1.5rem;font-weight:300;color:var(--text-primary);text-decoration:none;padding:0}.mobile-work-link:hover{color:var(--text-primary);text-decoration:none}.mobile-theme-toggle{display:block;margin-top:2rem}.mobile-theme-toggle .theme-toggle{transform:scale(1.2)}}.navbar.preservica-dark{background:transparent;border-bottom:none}.navbar.preservica-dark.scrolled{background:#1f1f1f;box-shadow:0 2px 10px #0000004d}.navbar.preservica-dark .navbar-logo span{color:#fff}.navbar.preservica-dark .navbar-subtitle{color:#ffffffb3!important}.navbar.preservica-dark .menu-background{background:#fff3}.navbar.preservica-dark .navbar-link.active,.navbar.preservica-dark .navbar-link:hover{color:#fff}.navbar.preservica-dark .linkedin-icon{filter:brightness(0) saturate(100%) invert(61%) sepia(97%) saturate(542%) hue-rotate(172deg) brightness(103%) contrast(101%)}.navbar.preservica-dark .theme-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.3)}.navbar.preservica-dark .toggle-background{background:#ffffff1a}.navbar.preservica-dark .toggle-text{color:#fff}.navbar.preservica-dark .burger-line{background-color:#fff}.navbar.wagepoint-dark{background:transparent;border-bottom:none}.navbar.wagepoint-dark.scrolled{background:#1f1f1f;box-shadow:0 2px 10px #0000004d}.navbar.wagepoint-dark .navbar-logo span{color:#fff}.navbar.wagepoint-dark .navbar-subtitle{color:#ffffffb3}.navbar.wagepoint-dark .navbar-link{color:#fffc}.navbar.wagepoint-dark .linkedin-icon{filter:brightness(0) saturate(100%) invert(61%) sepia(97%) saturate(542%) hue-rotate(172deg) brightness(103%) contrast(101%)}.navbar.wagepoint-dark .theme-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.3)}.navbar.wagepoint-dark .toggle-background{background:#ffffff1a}.navbar.wagepoint-dark .toggle-text{color:#fff}.navbar.wagepoint-dark .burger-line{background-color:#fff}.navbar.wagepoint-dark .navbar-menu{background:#0000008c}.navbar.wagepoint-dark .menu-background{background:#ffffff0f}.navbar.wagepoint-dark .navbar-logo span,.navbar.wagepoint-dark .navbar-subtitle,.navbar.wagepoint-dark .navbar-link,.navbar.wagepoint-dark .toggle-text{color:#fff}.navbar.wagepoint-dark .navbar-link{color:#ffffffe6}.navbar.wagepoint-dark .navbar-link.active,.navbar.wagepoint-dark .navbar-link:hover{color:#fff}.navbar.preservica-dark.force-dark .navbar-menu,.navbar.preservica-dark.force-dark .navbar-menu.mobile-open,.navbar.agspace-dark.force-dark .navbar-menu,.navbar.agspace-dark.force-dark .navbar-menu.mobile-open,.navbar.zift-dark.force-dark .navbar-menu,.navbar.zift-dark.force-dark .navbar-menu.mobile-open,.navbar.wagepoint-dark.force-dark .navbar-menu,.navbar.wagepoint-dark.force-dark .navbar-menu.mobile-open{background:#121214}.navbar.preservica-dark.force-dark .menu-background,.navbar.agspace-dark.force-dark .menu-background,.navbar.zift-dark.force-dark .menu-background{background:#ffffff0f}.navbar.preservica-dark.force-dark .navbar-logo span,.navbar.preservica-dark.force-dark .navbar-subtitle,.navbar.preservica-dark.force-dark .navbar-link,.navbar.preservica-dark.force-dark .toggle-text,.navbar.agspace-dark.force-dark .navbar-logo span,.navbar.agspace-dark.force-dark .navbar-subtitle,.navbar.agspace-dark.force-dark .navbar-link,.navbar.agspace-dark.force-dark .toggle-text,.navbar.zift-dark.force-dark .navbar-logo span,.navbar.zift-dark.force-dark .navbar-subtitle,.navbar.zift-dark.force-dark .navbar-link,.navbar.zift-dark.force-dark .toggle-text{color:#fff}.navbar.preservica-dark.force-dark .navbar-link,.navbar.agspace-dark.force-dark .navbar-link,.navbar.zift-dark.force-dark .navbar-link{color:#ffffffe6}.navbar.preservica-dark.force-dark .navbar-link.active,.navbar.preservica-dark.force-dark .navbar-link:hover,.navbar.agspace-dark.force-dark .navbar-link.active,.navbar.agspace-dark.force-dark .navbar-link:hover,.navbar.zift-dark.force-dark .navbar-link.active,.navbar.zift-dark.force-dark .navbar-link:hover{color:#fff}@media (max-width: 600px){.crop-marks-top-left,.crop-marks-top-right,.crop-marks-bottom-left,.crop-marks-bottom-right{position:static;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:0 0 8px}.crop-marks-top-left .crop-mark,.crop-marks-top-right .crop-mark,.crop-marks-bottom-left .crop-mark,.crop-marks-bottom-right .crop-mark{margin:0 4px 0 0;position:static}.hero{flex-direction:column;align-items:flex-start}}.hero{height:100vh;display:flex;align-items:center;padding-top:80px;background:transparent;position:relative;overflow:hidden}.hero-background-logo{position:absolute;top:50%;right:0;transform:translateY(-50%);width:50%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}.background-logo{width:100%;height:auto}.profile-image{width:100%;height:auto;border-radius:0;object-fit:cover;aspect-ratio:1;max-width:500px;margin:0 auto;display:block;position:absolute;right:68px}.hero-printer-marks{position:fixed;top:50%;right:2rem;transform:translateY(-50%);z-index:1000;pointer-events:none}.crop-marks-top-left,.crop-marks-top-right,.crop-marks-bottom-left,.crop-marks-bottom-right{position:absolute;z-index:3;pointer-events:none}.crop-marks-top-left{top:20px;left:50px}.crop-marks-top-right{top:20px;right:50px}.crop-marks-bottom-left{bottom:20px;left:50px}.crop-marks-bottom-right{bottom:20px;right:50px}.crop-mark{background-color:var(--text-primary);opacity:.6;position:absolute}.crop-mark.horizontal{width:20px;height:1px}.crop-mark.vertical{width:1px;height:20px}.crop-marks-top-left .crop-mark.horizontal{top:25px;left:10px}.crop-marks-top-left .crop-mark.vertical{top:0x;left:35px}.crop-marks-top-right .crop-mark.horizontal{top:25px;right:10px}.crop-marks-top-right .crop-mark.vertical{top:0;right:35px}.crop-marks-bottom-left .crop-mark.horizontal{bottom:25px;left:10px}.crop-marks-bottom-left .crop-mark.vertical{bottom:0;left:35px}.crop-marks-bottom-right .crop-mark.horizontal{bottom:25px;right:10px}.crop-marks-bottom-right .crop-mark.vertical{bottom:0;right:35px}.dark .hero{background:transparent}.hero-container{max-width:1200px;width:100%;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:3fr 1fr;gap:4rem;align-items:center;height:100%}.hero-content{z-index:2;padding-left:0;margin-left:0;max-width:685px}.hero-title{font-family:Migra,Nunito,sans-serif;font-size:82px;font-weight:200;color:var(--hero-text);line-height:1.2;margin-bottom:1.5rem;margin-left:0;padding-left:0}.hero-subtitle{font-family:Migra,Nunito,sans-serif;font-size:2.5rem;font-weight:100;color:var(--hero-text);line-height:1.6;margin-bottom:2.5rem}.accent-text{color:var(--accent-color)}.cta-button{background:var(--accent-color);color:#fff;border:none;padding:16px 32px;font-size:2rem;font-weight:200;cursor:pointer;transition:background .3s ease,transform .3s ease;display:flex;align-items:center;gap:8px}.play-icon,.download-icon{width:24px;height:24px;transition:all .3s ease}.cta-button:hover{text-decoration:none;transform:translateY(-7px);background:var(--hover-color)}.cta-button:hover .play-icon,.cta-button:hover .download-icon{transform:scale(1.1)}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative;height:500px}.hero-image-placeholder{position:relative;width:400px;height:400px}.shape{position:absolute;border-radius:8px;animation:float 6s ease-in-out infinite}.shape-1{width:60px;height:60px;background:#3b82f6;top:50px;left:50px;animation-delay:0s}.shape-2{width:40px;height:40px;background:#10b981;top:150px;right:80px;border-radius:50%;animation-delay:1s}.shape-3{width:80px;height:80px;background:#f59e0b;bottom:100px;left:80px;border-radius:50%;animation-delay:2s}.shape-4{width:50px;height:50px;background:#ef4444;bottom:200px;right:50px;animation-delay:3s}.shape-5{width:70px;height:70px;background:#8b5cf6;top:250px;left:200px;border-radius:50%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;display:flex;justify-content:flex-end;align-items:flex-start;z-index:1000;animation:fadeIn .3s ease;padding:80px 60px 0 0}.video-modal-content{position:relative;width:400px;height:450px;background:transparent;border-radius:0;overflow:visible;animation:floatIn .5s ease-out}.modal-video-wrapper{width:400px;height:400px;border-radius:50%;overflow:hidden;box-shadow:0 10px 30px #0000004d;border:3px solid var(--accent-color);position:relative}.modal-video{width:100%;height:100%;object-fit:cover;display:block}.modal-video::-webkit-media-controls-panel{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);background:#000c;border-radius:20px;padding:8px 12px;width:auto;min-width:200px}.modal-video::-webkit-media-controls{overflow:visible!important}.modal-video::-moz-media-controls{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);background:#000c;border-radius:20px;padding:8px 12px}.close-button{position:absolute;top:-10px;right:-10px;background:var(--accent-color);border:none;color:#fff;font-size:18px;width:30px;height:30px;border-radius:50%;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 10px #0003}.close-button:hover{background:var(--hover-color);transform:scale(1.1)}.intro-video{width:100%;height:auto;display:block}.floating-video-container{position:fixed;top:80px;right:60px;width:400px;height:400px;z-index:1500;animation:floatIn .5s ease-out}.floating-video-wrapper{width:100%;height:100%;border-radius:50%;overflow:hidden;box-shadow:0 10px 30px #0000004d;border:3px solid var(--accent-color);position:relative}.floating-video{width:100%;height:100%;object-fit:cover;display:block}.floating-close-button{position:absolute;top:-10px;right:-10px;background:var(--accent-color);border:none;color:#fff;font-size:18px;width:30px;height:30px;border-radius:50%;cursor:pointer;z-index:1501;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 10px #0003}.floating-close-button:hover{background:var(--hover-color);transform:scale(1.1)}.floating-open-button{position:absolute;top:-10px;right:-10px;background:var(--accent-color);border:none;color:#fff;font-size:12px;font-weight:500;padding:8px 12px;border-radius:15px;cursor:pointer;z-index:1501;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 10px #0003;text-transform:titlecase;min-width:50px}.floating-open-button:hover{background:var(--hover-color);transform:scale(1.05);color:var(--hover-text)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes floatIn{0%{transform:translateY(100px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (max-width: 768px){.hero{height:100vh;padding-top:60px}.hero-container{grid-template-columns:1fr;text-align:left;padding:0 1rem}.hero-title{font-size:3.5rem;text-align:left}.hero-subtitle{font-size:1.74rem;text-align:left}.cta-button{text-align:left;justify-self:flex-start;font-size:1.5rem}.hero-visual{height:300px}.hero-image-placeholder{width:300px;height:300px}.video-modal-content{width:95%;margin:0 10px}.video-modal{padding:20px 20px 0 0}.video-modal-content{width:200px;height:250px}.modal-video-wrapper{width:200px;height:200px}.close-button{top:-8px;right:-8px;width:25px;height:25px;font-size:14px}.hero-printer-marks{top:150px!important;right:24px!important}.floating-video-container{width:80vw;height:80vw;max-width:80vh;max-height:80vh;top:38%;right:50%;transform:translate(50%,-50%);z-index:2}.floating-video-wrapper{width:100%;height:100%}.video-modal{justify-content:center;align-items:center;padding:10vw}.video-modal-content{width:80vw;height:80vw;max-width:80vh;max-height:80vh}.modal-video-wrapper{width:100%;height:100%}}.case-studies{padding:5rem 0;background:var(--bg-primary);overflow-x:hidden}.case-studies-container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{font-size:3rem;font-weight:200;color:var(--text-primary);margin-bottom:4rem;text-align:left;font-family:Migra,Nunito,sans-serif}.recent-text{border-bottom:2px solid var(--accent-color);padding-bottom:2px}.case-studies-grid{display:flex;flex-direction:column;gap:0;position:relative}.case-study-card{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:3rem 2rem;background:var(--bg-secondary);margin-bottom:2rem}.case-study-card.reverse{grid-template-columns:1fr 1fr}.case-study-card.reverse .case-study-content{order:1}.case-study-card.reverse .case-study-visual{order:2}.case-study-content{padding:1rem 0;text-align:left}.company-logo{margin-bottom:1.5rem}.company-logo span{font-size:2rem;font-weight:700;display:inline-block}.company-logo-image{height:auto;width:150px;max-width:150px;object-fit:contain}.case-study-title{font-size:2rem;font-weight:200;color:var(--accent-color);font-family:Migra,Nunito,sans-serif;margin-bottom:4px;line-height:1.2}.case-study-year{font-size:.9rem;color:var(--text-primary);margin-bottom:1.5rem;font-weight:700}.case-study-description{font-size:1rem;color:var(--text-primary);line-height:1.6;margin-bottom:2rem}.case-study-link:hover{color:var(--hover-color);border-color:1px solid var(--hover-color)}.case-study-link:after{margin-left:.5rem;transition:transform .3s ease}.case-study-link:hover:after{transform:translate(4px)}.case-study-visual{display:flex;justify-content:center;align-items:center;width:100%;order:2}.case-study-image{width:100%;height:400px;display:flex;align-items:center;justify-content:center}.case-study-img{width:auto;height:400px;object-fit:cover;border-radius:12px;transition:transform .3s ease}.case-study-card:hover .case-study-img{transform:translateY(-10px)}.mockup-placeholder{width:100%;height:100%;border:3px solid;border-radius:12px;padding:1rem;background:#fff;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease}.dark .mockup-placeholder{background:var(--bg-secondary)}.case-study-card:hover .mockup-placeholder{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.mockup-content{width:100%;height:100%;border-radius:8px;padding:1rem;display:flex;flex-direction:column}.mockup-header{height:40px;border-radius:6px;margin-bottom:1rem;opacity:.8}.mockup-body{flex:1;display:flex;flex-direction:column;gap:.8rem}.mockup-line{height:12px;background:var(--text-secondary);border-radius:6px;opacity:.3}.mockup-line.short{width:60%}@media (max-width: 768px){.case-studies{padding:3rem 0}.case-studies-container{padding:0 1rem}.section-title{font-size:2.5rem;margin-bottom:3rem}.case-studies-grid{gap:1rem}.case-study-card{grid-template-columns:1fr;gap:2rem;text-align:left;padding:3rem 1rem;position:static;top:auto;background-color:var(--bg-secondary)}.case-study-card.reverse{text-align:left}.case-study-card.reverse .case-study-content{order:1}.case-study-card.reverse .case-study-visual{order:2}.case-study-title{font-size:2rem}.case-study-description{font-size:1rem}.case-study-image{width:100%;height:auto;min-height:250px}.case-study-img{width:100%;height:auto;max-height:300px;object-fit:contain}.company-logo-image{width:100px;max-width:100px}}.case-study-button{display:block;width:fit-content;background:none;border:1px solid var(--accent-color);cursor:pointer;padding:1em 1.5em;font:inherit;color:var(--accent-color);font-family:Migra,Nunito,sans-serif;font-weight:200;font-size:1.1rem;transition:border-color .3s ease,color .3s ease}.case-study-button:hover{color:var(--hover-color);border-color:var(--hover-color)}.case-study-button:hover .case-study-svg-icon path{fill:var(--hover-color)!important}.password-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.password-modal{background:var(--bg-primary);border-radius:20px;padding:2rem;max-width:400px;width:90%;position:relative;box-shadow:0 20px 40px #0000004d;border:1px solid var(--border-color)}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-content h3{font-family:Migra,Nunito,sans-serif;font-size:1.5rem;font-weight:300;color:var(--text-primary);margin-bottom:1rem;text-align:center}.modal-content p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6;text-align:center}.password-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--text-primary);font-size:.9rem}.form-group input{padding:.75rem 3rem .75rem .75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:border-color .3s ease;width:100%}.password-input-container{position:relative;display:flex;align-items:center}.password-toggle{position:absolute;right:.75rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .3s ease;z-index:1}.password-toggle:hover{color:var(--text-primary)}.password-toggle:focus{outline:none;color:var(--accent-color)}.form-group input:focus{outline:none;border-color:var(--accent-color)}.password-error{color:#ef4444;font-size:.9rem;margin-top:.5rem}.submit-btn{background:var(--accent-color);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:1rem}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(var(--accent-color-rgb),.3)}@media (max-width: 768px){.password-modal{margin:1rem;padding:1.5rem}.modal-content h3{font-size:1.3rem}}.footer{background:linear-gradient(#000000b3,#000000b3),url(/images/footer.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:4rem 0 2rem;position:relative}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content{grid-template-columns:1fr 1fr;align-items:center;margin-bottom:0}.footer-section{max-width:800px;margin:200px auto 0;text-align:center;display:flex;flex-direction:column;align-items:center}.footer-title{font-size:3rem;font-weight:200;margin-bottom:1.5rem;color:#6bc8ff;font-family:Migra,Nunito,sans-serif}.footer-description{font-size:1.1rem;line-height:1.6;color:#ccc;margin-bottom:2rem}.footer-cta{background:transparent;color:#6bc8ff;font-family:Migra,Nunito,sans-serif;font-size:2rem;font-weight:200;text-decoration:underline;cursor:pointer;transition:all .3s ease}.footer-cta:hover{color:#fff;transform:translateY(-2px)}.footer-image{display:flex;justify-content:center;align-items:center}.footer-image-placeholder{width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #0000004d}.personal-photo-placeholder{font-size:6rem;opacity:.8}.footer-bottom{border-top:1px solid #333;padding-top:2rem;display:flex;justify-content:space-between;align-items:center}.footer-credits p{color:#aeaeae;margin:0}.footer-links{display:flex;gap:2rem}.footer-links a{color:#ccc;text-decoration:none;font-weight:500;transition:color .3s ease}.footer-links a:hover{color:#fff}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:var(--accent-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;transform:translateY(100px);opacity:0;z-index:1000}.back-to-top.show{transform:translateY(0);opacity:1}.back-to-top:hover{background:var(--hover-color);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.back-to-top-icon{width:24px;height:24px;transition:transform .3s ease}.back-to-top:hover .back-to-top-icon{transform:translateY(-2px)}@media (max-width: 768px){.footer{padding:3rem 0 2rem}.footer-container{padding:0 1rem}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-title{font-size:2rem}.footer-description{font-size:1rem}.footer-image-placeholder{width:200px;height:200px}.personal-photo-placeholder{font-size:4rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.footer-links{gap:1rem}.back-to-top{bottom:1rem;right:1rem;width:45px;height:45px}.back-to-top-icon{width:20px;height:20px}}.meet-me{min-height:100vh;padding:80px 0;background:var(--background-color);color:var(--text-color)}.meetme-hero-background{position:absolute;top:0;right:0;width:50%;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}.meetme-background-logo{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.meetme-profile-image{width:100%;height:auto;object-fit:cover;max-width:500px;aspect-ratio:1;border-radius:0;margin:0 auto;display:block;position:absolute;right:68px}.meetme-hero-background+.hero{position:relative;z-index:2;background:transparent;margin-top:0}.meetme-hero-background+.hero .hero-background-logo{display:none}.meetme-hero-container{max-width:1200px;width:100%;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:3fr 1fr;gap:4rem;align-items:center;height:100%}.floating-toolbar{position:fixed;left:30px;top:200px;transform:translateY(-50%);z-index:1000;background:var(--background-color);border:1px solid var(--border-color, #e0e0e0);border-radius:30px;padding:10px;box-shadow:0 4px 20px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;animation:fadeInToolbar .8s ease-out 1s forwards}.toolbar-nav button.focus{outline:none}.toolbar-nav h4{font-family:Migra,Nunito,sans-serif;font-weight:300;font-size:1.25em}.toolbar-item{background:transparent;color:var(--accent-color);font-family:Nunito,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left;min-width:120px;position:relative;white-space:nowrap}.toolbar-item:hover{color:var(--hover-color);transform:translate(5px)}.toolbar-item.active{border:0;color:var(--hover-color);font-weight:600}.meet-me-container{max-width:900px;margin:0 auto;padding:0 20px}.meet-me-content{max-width:1200px;margin:0 auto}.meet-me-sections{display:flex;flex-direction:column;gap:80px}.meet-me-section{margin:0 auto;transform:translateY(30px);animation:fadeInUp .8s ease-out forwards}.meet-me-section:nth-child(1){animation-delay:.1s}.meet-me-section:nth-child(2){animation-delay:.2s}.meet-me-section:nth-child(3){animation-delay:.3s}.meet-me-section:nth-child(4){animation-delay:.4s}.meet-me-section h2{font-family:Migra,Nunito,sans-serif;font-size:3rem;font-weight:200;color:var(--text-color);margin-bottom:20px}.driven-text{border-bottom:2px solid var(--accent-color);padding-bottom:2px}.design-process-section{margin-left:auto;margin-right:auto;position:relative}.rule{height:1px;background-color:#cacaca}.design-process-section h2{font-family:Migra,Nunito,sans-serif;font-size:3rem;font-weight:200;color:var(--text-color);margin-bottom:30px}.design-process-section p{font-family:Nunito,sans-serif;font-size:1rem;line-height:1.6;color:var(--text-color);margin-bottom:20px}.how-i-help{margin-top:60px;display:flex;align-items:flex-start}.how-i-help h3{font-family:Migra,Nunito,sans-serif;font-size:2rem;font-weight:200;color:var(--text-color);margin-bottom:0;margin-top:0;flex-shrink:0;min-width:250px;width:250px}.how-i-help h4{font-family:Migra,Nunito,sans-serif;font-size:1.7rem;font-weight:200;color:var(--text-color);margin-bottom:16px;margin-top:16px}.help-items{display:flex;flex-direction:column;gap:40px}.help-item{display:flex;align-items:flex-start;gap:40px}.help-number{font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:600;color:var(--accent-color);flex-shrink:0;text-align:right}.help-number span{font-size:1rem;color:var(--text-secondary);font-weight:600;display:block}.help-content h4{font-family:Nunito,sans-serif;font-size:1.4rem;font-weight:600;color:var(--text-color);margin-bottom:8px;margin-top:0}.help-content h4 span{color:var(--accent-color)}.help-content p{font-family:Nunito,sans-serif;font-size:1rem;line-height:1.6;color:var(--text-color);margin:0}.help-content ul{margin-left:2em}.help-content ul li{margin-bottom:.7em}.experience-section,.afterwork-section{margin-left:auto;margin-right:auto;position:relative}.afterwork-section h2{font-family:Migra,Nunito,sans-serif;font-size:3rem;font-weight:200;color:var(--text-color);margin-bottom:30px}.afterwork-section>p{font-family:Nunito,sans-serif;font-size:1rem;line-height:1.6;color:var(--text-color);margin-bottom:40px}.afterwork-activities{display:flex;flex-direction:column;gap:60px;margin-top:40px}.activity-item{display:flex;align-items:flex-start;gap:40px}.activity-image{flex:0 0 300px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000001a;position:relative}.activity-image img{width:100%;height:250px;object-fit:cover;display:block;transition:opacity .8s ease-in-out}.activity-content{flex:1;padding:0}.activity-content h3{font-family:Migra,Nunito,sans-serif;font-size:2rem;font-weight:200;color:var(--text-color);margin-bottom:4px;margin-top:0}.activity-content p{font-family:Nunito,sans-serif;font-size:1rem;line-height:1.6;color:var(--text-color);margin:0}.board-games-list{list-style:none;padding:0;margin:0}.board-games-list li{font-family:Nunito,sans-serif;font-size:1rem;color:var(--text-color);position:relative;padding:4px 0 4px 20px}.board-games-list li:before{content:"•";color:var(--accent-color);font-weight:700;position:absolute;left:0}.board-games-list li:last-child{border-bottom:none}.experience-section h2{font-family:Migra,Nunito,sans-serif;font-size:3rem;font-weight:200;color:var(--text-color);margin-bottom:30px}.experience-section p{font-family:Nunito,sans-serif;font-size:1rem;line-height:1.6;color:var(--text-color);margin-bottom:20px}.how-i-help-ex h3{font-family:Migra,Nunito,sans-serif;font-size:2rem;font-weight:200;color:var(--text-color);margin-bottom:0;margin-top:0;flex-shrink:0;min-width:250px;width:250px}.how-i-help-ex h4{font-family:Migra,Nunito,sans-serif;font-size:1.7rem;font-weight:200;color:var(--text-color);margin-bottom:16px;margin-top:16px}.help-items-ex{display:flex;flex-direction:column;gap:40px}.help-item-ex{display:flex;align-items:flex-start;gap:40px}.help-number-ex{font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:600;color:var(--accent-color);flex-shrink:0;text-align:right}.help-number-ex span{font-size:1rem;color:var(--text-secondary);font-weight:600;display:block}.help-content-ex h4{font-family:Nunito,sans-serif;font-size:1.4rem;font-weight:600;color:var(--text-color);margin-bottom:8px;margin-top:0}.help-content-ex h4 span{color:var(--accent-color)}.help-content-ex p{font-family:Nunito,sans-serif;font-size:1rem;line-height:1.6;color:var(--text-color);margin:0}.help-content-ex ul{margin-left:2em}.help-content-ex ul li{margin-bottom:.7em}.meet-me-section p{font-family:Nunito,sans-serif;font-size:1rem;line-height:1.6;color:var(--text-color);margin-bottom:1em}.contact-links{display:flex;gap:20px;margin-top:30px;flex-wrap:wrap}.contact-link{display:inline-flex;align-items:center;padding:12px 24px;background:var(--accent-color);color:var(--background-color);text-decoration:none;border-radius:6px;font-family:Nunito,sans-serif;font-weight:600;font-size:1rem;transition:all .3s ease;border:2px solid var(--accent-color)}.contact-link:hover{background:transparent;color:var(--accent-color);transform:translateY(-2px)}.contact-link:nth-child(2){background:transparent;color:var(--accent-color);border:2px solid var(--accent-color)}.contact-link:nth-child(2):hover{background:var(--accent-color);color:var(--background-color)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.floating-toolbar{display:none}.help-item-ex{display:block;align-items:flex-start;gap:40px}.help-number-ex{text-align:left;margin-bottom:1em}.meet-me{padding:60px 0}.meet-me-container{padding:0 15px}.meet-me-sections{gap:40px}.meet-me-section h2{font-size:1.3rem}.meet-me-section p{font-size:1rem}.contact-links{flex-direction:column;align-items:stretch;gap:15px}.contact-link{text-align:center;justify-content:center}.design-process-section{margin-top:60px;padding:0 15px}.design-process-section h2{font-size:3rem}.how-i-help{flex-direction:column;gap:30px}.how-i-help h3{font-size:1.5rem;min-width:auto;width:auto;margin-bottom:20px}.help-item{flex-direction:column;gap:10px;text-align:left}.help-number{font-size:1.3rem}.help-content h4{font-size:1.2rem}.afterwork-activities{gap:40px}.activity-item{flex-direction:column!important;gap:20px;text-align:center}.activity-image{flex:none;width:100%;max-width:300px;margin:0 auto}.activity-content{padding:10px 0}.activity-content h3{font-size:1.5rem}.board-games-list{text-align:left;max-width:250px;margin:0 auto}.meetme-hero-background{position:relative;width:100%;height:372px;right:auto;padding:0;margin-bottom:2rem;top:65px}.meetme-profile-image{position:relative;right:auto;max-width:100%;max-height:370px;border-radius:0;aspect-ratio:auto}.meetme-hero-background+.hero{margin-top:0}.meetme-hero-container{grid-template-columns:1fr;text-align:left;padding:0 1rem;gap:2rem;display:block}}.experience-buttons{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.experience-buttons .case-study-link{color:var(--accent-color);font-family:Migra,Nunito,sans-serif;text-decoration:none;font-weight:200;font-size:1.1rem;position:relative;transition:color .3s ease,border-color .3s ease,border-style .3s ease,background-color .4s cubic-bezier(.4,0,.2,1);border:1px solid var(--accent-color);padding:1em;border-bottom-left-radius:20px;display:inline-block;--border-size: 1px;--border-color: var(--accent-color);--border-style: solid;background-color:var(--bg-secondary)}.experience-buttons .case-study-link:hover{color:var(--bg-secondary);border-color:var(--hover-color);border-style:dashed;animation:border-animate .4s forwards;background-color:var(--accent-color)}.case-study-link-left-border{border-bottom-left-radius:0!important;border-bottom-right-radius:20px}.cv-buttons{max-width:675px;margin-left:auto}@media (max-width: 1399px){.crop-marks-top-left,.crop-marks-top-right,.crop-marks-bottom-left,.crop-marks-bottom-right{display:none}}@media (max-width: 768px){.crop-marks-top-left,.crop-marks-top-right,.crop-marks-bottom-left,.crop-marks-bottom-right{display:none}.meetme-hero-background{position:relative;width:100%;height:372px;right:auto;padding:0;margin-bottom:2rem;top:65px}.meetme-profile-image{position:relative;right:auto;max-width:100%;max-height:370px;border-radius:0;aspect-ratio:auto}.meetme-hero-background+.hero{margin-top:0}}@media (max-width: 900px){.meetme-hero-background{position:relative;width:100%;height:372px;right:auto;padding:0;margin-bottom:2rem;top:140px}.meetme-profile-image{position:relative;right:auto;max-width:100%;max-height:500px;border-radius:0;aspect-ratio:auto}.meetme-hero-background+.hero{margin-top:0}}.preservica-case-study-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);transition:background-color .5s ease;overflow-x:hidden}.text-background-white,.ul-white-back li{color:#1a202c}@keyframes fadeInToolbar{0%{opacity:0;transform:translateY(-50%) translate(-20px)}to{opacity:1;transform:translateY(-50%) translate(-20px)}}.dark-light-section{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background:#b6efff;padding:80px 0;text-align:center}.dark-light-section h1{font-family:Migra,sans-serif;font-size:2.5rem;font-weight:300;color:#333;margin-bottom:2rem;text-align:center}.dark-light-content{display:flex;justify-content:center;align-items:center;max-width:100%;margin:0;padding:0}.dark-light-image{width:100%;height:auto;max-width:100%;display:block;border-radius:0;box-shadow:none}.what-is-section{padding:4rem 0 0}.what-is-content{display:flex;align-items:flex-start;gap:4rem;max-width:1200px;margin:0 auto}.what-is-diagram{flex:0 0 45%}.what-is-image{width:100%;height:auto;display:block;border-radius:8px}.what-is-text{flex:1;padding-left:2rem}.process-title{font-family:Nunito,sans-serif;font-size:2.5rem;font-weight:300;color:#00a6d6;margin-bottom:1.5rem;line-height:1.2}.what-is-text p{font-family:Nunito,sans-serif;font-size:1.1rem;line-height:1.6;color:#1a202c;margin-bottom:1.5rem}.before-after-section{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:0;background-color:#fff}.before-after-image{width:100%;height:auto;max-width:100%;display:block;border-radius:0;box-shadow:none}.defining-goals-section{padding:4rem 0}.defining-goals-content{display:flex;align-items:flex-start;gap:4rem;max-width:1200px;margin:0 auto;padding:0 2rem}.defining-goals-text{flex:1;padding-right:2rem}.goals-title{font-family:Nunito,sans-serif;font-size:2.5rem;font-weight:300;color:var(--accent-color);margin-bottom:1.5rem;line-height:1.2}.defining-goals-text>p{font-family:Nunito,sans-serif;font-size:1.1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:2rem}.goals-list{display:flex;flex-direction:column;gap:2rem}.goal-item{display:flex;align-items:flex-start;gap:1.5rem}.goal-number{font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:600;color:#fff;background:var(--accent-color);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.goal-content h3{font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:600;color:var(--accent-color);margin-bottom:.5rem}.goal-content p{font-family:Nunito,sans-serif;font-size:1rem;line-height:1.6;color:var(--text-secondary);margin:0}.defining-goals-diagram{flex:0 0 45%}.defining-goals-image{width:100%;height:auto;display:block;border-radius:8px}.mobile-section{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:0;background-color:#fff}.mobile-image{width:100%;height:auto;max-width:100%;display:block;border-radius:0;box-shadow:none}.problem-solution-section{padding:4rem 0;background-color:#fff}.problem-solution-container{max-width:1200px;margin:0 auto;padding:0 2rem}.problem-solution-content{display:flex;flex-direction:column;gap:4rem}.problem-block,.solution-block{display:flex;flex-direction:column;gap:1.5rem}.problem-title,.solution-title{font-family:Nunito,sans-serif;font-size:2.5rem;font-weight:300;color:#333;margin:0;line-height:1.2;text-align:left}.problem-text{display:flex;flex-direction:column;gap:1.5rem;text-align:left}.problem-text p,.solution-item p{font-family:Nunito,sans-serif;font-size:1.1rem;line-height:1.6;color:#666;margin:0}.solution-item{display:flex;flex-direction:column;gap:1rem}.solution-subtitle{font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:600;color:var(--accent-color);margin:0}.mindmap-section{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:0;background-color:#fff}.mindmap-image{width:100%;height:auto;max-width:100%;display:block;border-radius:0;box-shadow:none}.dashboard-section{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:0;background-color:#fff}.dashboard-image{width:100%;height:auto;max-width:100%;display:block;border-radius:0;box-shadow:none}.build-community-section{padding:4rem 0;background-color:#fff}.build-community-container{max-width:1200px;margin:0 auto;padding:0 2rem}.build-community-content{display:flex;align-items:flex-start;gap:4rem}.community-text{flex:1;padding-left:2rem}.community-title{font-family:Nunito,sans-serif;font-size:2.5rem;font-weight:300;color:var(--accent-color);margin-bottom:1rem;line-height:1.2}.community-subtitle{font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1.5rem;line-height:1.3}.community-text p{font-family:Nunito,sans-serif;font-size:1.1rem;line-height:1.6;color:#666;margin:0}.community-diagram{flex:0 0 45%;padding-right:2rem}.community-image{width:100%;height:auto;display:block;border-radius:8px}.dark-light-marketing-section{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:0;background-color:#fff}.dark-light-marketing-image{width:100%;height:auto;max-width:100%;display:block;border-radius:0;box-shadow:none}.target-smaller-section{padding:4rem 0;background-color:#fff}.target-smaller-container{max-width:1200px;margin:0 auto;padding:0 2rem}.target-smaller-content{display:flex;align-items:flex-start;gap:4rem}.target-smaller-text{flex:1;padding-left:2rem}.target-smaller-title{font-family:Nunito,sans-serif;font-size:2.5rem;font-weight:300;color:var(--accent-color);margin-bottom:1rem;line-height:1.2}.target-smaller-subtitle{font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1.5rem;line-height:1.3}.target-smaller-text p{font-family:Nunito,sans-serif;font-size:1.1rem;line-height:1.6;color:#666;margin:0 0 1.5rem}.target-smaller-diagram{flex:0 0 45%;padding-right:2rem}.target-smaller-image{width:100%;height:auto;display:block;border-radius:8px}.personas-section{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:0;background-color:#fff}.personas-image{width:100%;height:auto;max-width:100%;display:block;border-radius:0;box-shadow:none}.how-i-helped-ux-section{padding:4rem 0;background-color:#fff}.how-i-helped-ux-container{max-width:1200px;margin:0 auto;padding:0 2rem}.how-i-helped-ux-content{display:flex;align-items:flex-start;gap:4rem}.how-i-helped-ux-title-container{flex:0 0 33%;padding-right:0}.how-i-helped-ux-title{font-family:Nunito,sans-serif;font-size:2.5rem;font-weight:300;color:var(--accent-color);margin:0;line-height:1.2;text-align:left}.how-i-helped-ux-text{flex:1}.how-i-helped-ux-text p{font-family:Nunito,sans-serif;font-size:1.1rem;line-height:1.6;color:#666;margin:0 0 1.5rem;text-align:left}.how-i-helped-ux-text p:last-child{margin-bottom:0}.design-system-section{background-color:var(--bg-navbar);padding:4rem 0 0}.design-system-container{max-width:1200px;margin:0 auto;padding:0 2rem 4rem;text-align:center}.design-system-content{max-width:800px;margin:0 auto}.design-system-title{font-family:Nunito,sans-serif;font-size:2.5rem;font-weight:300;color:var(--accent-color);margin-bottom:1rem;line-height:1.2}.design-system-subtitle{font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.3}.design-system-text{font-family:Nunito,sans-serif;font-size:1.1rem;line-height:1.6;color:var(--text-secondary);margin:0;text-align:left}.style-guide-image-container{width:100%;background-color:var(--bg-navbar);padding:0}.style-guide-image{width:100%;height:auto;max-width:100%;display:block;border-radius:0;box-shadow:none}.typical-week-section{padding:4rem 0;background-color:var(--bg-secondary)}.typical-week-container{max-width:1200px;margin:0 auto;padding:0 2rem}.typical-week-content{display:flex;align-items:flex-start;gap:4rem}.typical-week-title-container{flex:0 0 33%;padding-right:2rem}.typical-week-title{font-family:Nunito,sans-serif;font-size:2.5rem;font-weight:300;color:var(--accent-color);margin:0;line-height:1.2;text-align:left}.typical-week-list{flex:1;display:flex;flex-direction:column;gap:1.5rem}.week-item{display:flex;align-items:flex-start;gap:1rem}.check-mark{width:35px;height:35px;background-image:url(./images/preservica/check-icon.svg);background-size:contain;background-repeat:no-repeat;background-position:center;margin-top:.1rem;flex-shrink:0}.week-text{font-family:Nunito,sans-serif;font-size:1.1rem;line-height:1.6;color:var(--text-primary);margin:0}.final-product-section{background-color:var(--bg-navbar);padding:4rem 0 0}.final-product-container{max-width:1200px;margin:0 auto;padding:0 2rem 4rem;text-align:center}.final-product-content{max-width:800px;margin:0 auto}.final-product-title{font-family:Nunito,sans-serif;font-size:2.5rem;font-weight:300;color:var(--accent-color);margin-bottom:.5rem;line-height:1.2}.final-product-subtitle{font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:400;color:var(--text-secondary);margin:0 0 2rem}.final-product-image-container{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:0}.final-product-image{width:100%;height:auto;max-width:100%;display:block;border-radius:0;box-shadow:none}.user-journeys-section{padding:4rem 0 0;background-color:#fff}.user-journeys-container{max-width:1200px;margin:0 auto;padding:0 2rem 4rem;text-align:center}.user-journeys-content{max-width:800px;margin:0 auto}.user-journeys-title{font-family:Nunito,sans-serif;font-size:2.5rem;font-weight:300;color:var(--accent-color);margin-bottom:1rem;line-height:1.2}.user-journeys-subtitle{font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:600;color:#333;margin-bottom:2rem;line-height:1.3}.user-journeys-text{font-family:Nunito,sans-serif;font-size:1.1rem;line-height:1.6;color:#666;margin:0 0 1.5rem;text-align:left}.user-journeys-text:last-of-type{margin-bottom:0}.user-journeys-image-container{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background-color:#fff;padding:0}.user-journeys-image{width:100%;height:auto;max-width:100%;display:block;border-radius:0;box-shadow:none}.data-analysis-section{padding:4rem 0 0;background-color:#fff}.data-analysis-container{max-width:1200px;margin:0 auto;padding:0 2rem 4rem}.data-analysis-content{max-width:800px}.data-analysis-title{font-size:2.5rem;font-weight:300;color:#333;margin-bottom:1rem;line-height:1.2;text-align:left}.data-analysis-subtitle{font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:600;color:var(--accent-color);margin-bottom:2rem;line-height:1.3;text-align:left}.data-analysis-text{font-family:Nunito,sans-serif;font-size:1.1rem;line-height:1.6;color:#666;margin:0 0 3rem;text-align:left}.data-analysis-image-container{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background-color:#fff;padding:0}.data-analysis-image{width:100%;height:auto;max-width:100%;display:block;border-radius:0;box-shadow:none}.preservica-hero-section{min-height:100vh;background-image:url(./images/preservica/hero-banner.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;position:relative;padding-top:80px}.preservica-hero-section:before{content:"";position:absolute;inset:0;background:#0006;z-index:1}.preservica-content{padding:80px 0 40px;background:var(--bg-primary);position:relative;z-index:2}.intro-title{font-family:Migra,sans-serif;font-size:3rem;font-weight:300;color:var(--text-primary);margin-bottom:.5rem;line-height:1.2}.intro-divider{width:60px;height:3px;background:var(--accent-color);margin-bottom:2rem}.case-study-container{max-width:1200px;margin:0 auto;padding:0}.case-study-hero{display:flex;align-items:center;min-height:80vh;position:relative;z-index:2;width:100%}.hero-column-left .company-logo{margin-bottom:0}.company-logo-image{height:120px;width:400px;max-width:400px}.hero-column-center .case-study-title-2{font-family:Migra,Nunito,sans-serif;font-size:3.5rem;font-weight:200;color:#fff;line-height:1.2;margin-bottom:2rem}.hero-column-center .case-study-intro{font-family:Nunito,sans-serif;font-size:1rem;line-height:1.6;color:#ffffffe6;margin-bottom:0}.case-study-period{font-family:Nunito,sans-serif;font-size:1rem;color:#fff;font-weight:400;margin:0}.responsibilities-list{list-style:none;padding:0;margin:0;font-family:Nunito,sans-serif;font-size:1rem;color:#fff}.responsibilities-list li{margin-bottom:.5rem;position:relative}ul{margin-left:1.5rem;padding-left:0}li{font-family:Nunito,sans-serif;font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:.5rem}@media (max-width: 768px){.preservica-hero-section{min-height:100vh;padding-top:60px;background-position:center;background-size:cover}.case-study-hero{min-height:70vh;padding:0 1rem;width:100%;max-width:100%}.hero-three-column{grid-template-columns:1fr;gap:2rem;text-align:left;padding-top:1rem}.hero-column-center .case-study-title-2{font-size:2.5rem;line-height:1.1}.company-logo-image{height:50px;width:auto;max-width:250px}.case-study-layout{grid-template-columns:1fr;gap:2rem;padding:0 1rem}.case-study-nav{position:static;order:2;margin-top:2rem}.case-study-content{order:1}.intro-title{font-size:2.5rem}.intro-subtitle{font-size:1.3rem}.hero-printer-marks{display:none}.what-is-section{padding:2rem 0}.what-is-content{flex-direction:column;gap:2rem;padding:0 1rem}.what-is-diagram{flex:none}.what-is-text{padding-left:0}.process-title{font-size:2rem}.what-is-image{border-radius:4px}.before-after-section{margin-left:-50vw;margin-right:-50vw}.before-after-image{width:100%;height:auto}.defining-goals-section{padding:2rem 0}.defining-goals-content{flex-direction:column;gap:2rem;padding:0 1rem}.defining-goals-text{padding-right:0}.goals-title{font-size:2rem}.goal-item{gap:1rem}.goal-number{width:35px;height:35px;font-size:1.3rem}.defining-goals-image{border-radius:4px}.mobile-section{margin-left:-50vw;margin-right:-50vw}.mobile-image{width:100%;height:auto}.problem-solution-section{padding:2rem 0}.problem-solution-container{padding:0 1rem}.problem-solution-content{gap:3rem}.problem-title,.solution-title{font-size:2rem;text-align:left}.problem-text{text-align:left}.solution-subtitle{font-size:1.3rem}.mindmap-section{margin-left:-50vw;margin-right:-50vw}.mindmap-image{width:100%;height:auto}.dashboard-section{margin-left:-50vw;margin-right:-50vw}.dashboard-image{width:100%;height:auto}.build-community-section{padding:2rem 0}.build-community-container{padding:0 1rem}.build-community-content{flex-direction:column;gap:2rem}.community-text{padding-left:0}.community-title{font-size:2rem}.community-subtitle{font-size:1.3rem}.community-diagram{flex:none;padding-right:0}.community-image{border-radius:4px;box-shadow:0 2px 10px #00000014}.dark-light-marketing-section{margin-left:-50vw;margin-right:-50vw}.dark-light-marketing-image{width:100%;height:auto}.target-smaller-section{padding:2rem 0}.target-smaller-container{padding:0 1rem}.target-smaller-content{flex-direction:column;gap:2rem}.target-smaller-text{padding-left:0}.target-smaller-title{font-size:2rem}.target-smaller-subtitle{font-size:1.3rem}.target-smaller-diagram{flex:none;padding-right:0}.target-smaller-image{border-radius:4px;box-shadow:0 2px 10px #00000014}.personas-section{margin-left:-50vw;margin-right:-50vw}.personas-image{width:100%;height:auto}.how-i-helped-ux-section{padding:2rem 0}.how-i-helped-ux-container{padding:0 1rem}.how-i-helped-ux-content{flex-direction:column;gap:2rem}.how-i-helped-ux-title-container{flex:none;padding-right:0}.how-i-helped-ux-title{font-size:2rem}.how-i-helped-ux-text{padding-left:0}.design-system-section{padding:2rem 0 0}.design-system-container{padding:0 1rem 2rem}.design-system-title{font-size:2rem}.design-system-subtitle{font-size:1.3rem}.design-system-text{text-align:left}.style-guide-image{width:100%;height:auto}.typical-week-section{padding:2rem 0}.typical-week-container{padding:0 1rem}.typical-week-content{flex-direction:column;gap:2rem}.typical-week-title-container{flex:none;padding-right:0}.typical-week-title{font-size:2rem}.typical-week-list{gap:1.2rem}.week-item{gap:.8rem}.week-text{font-size:1rem}.final-product-section{padding:2rem 0 0}.final-product-container{padding:0 1rem 2rem}.final-product-title{font-size:2rem}.final-product-subtitle{font-size:1rem}.final-product-image{width:100%;height:auto}.user-journeys-section{padding:2rem 0 0}.user-journeys-container{padding:0 1rem 2rem}.user-journeys-title{font-size:2rem}.user-journeys-subtitle{font-size:1.3rem}.user-journeys-text{text-align:left}.user-journeys-image{width:100%;height:auto}.data-analysis-section{padding:2rem 0 0}.data-analysis-container{padding:0 1rem 2rem}.data-analysis-title{font-size:2rem;text-align:left}.data-analysis-subtitle{font-size:1.3rem;text-align:left}.data-analysis-text{text-align:left}.data-analysis-image{width:100%;height:auto}.user-research-section{padding:2rem 0 0}.user-research-container{padding:0 1rem 2rem}.user-research-title{font-size:2rem}.user-research-text{text-align:left}.user-research-image{width:100%;height:auto}}.user-research-section{padding:4rem 0 0;background-color:#fff}.user-research-container{max-width:1200px;margin:0 auto;padding:0 2rem 4rem;text-align:center}.user-research-content{max-width:800px;margin:0 auto}.user-research-title{font-family:Nunito,sans-serif;font-size:2.5rem;font-weight:300;color:var(--accent-color);margin-bottom:1rem;line-height:1.2}.user-research-text{font-family:Nunito,sans-serif;font-size:1.1rem;line-height:1.6;color:#666;margin:0 0 3rem;text-align:center}.user-research-image-container{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background-color:#fff;padding:0}.user-research-image{width:100%;height:auto;max-width:100%;display:block;border-radius:0;box-shadow:none}.case-study-title-2{font-family:Migra,Nunito,sans-serif;font-size:3.5rem;font-weight:200;color:#fff;line-height:1.2;margin-bottom:1rem}.case-study-period{font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.case-study-intro{font-family:Nunito,sans-serif;font-size:1.2rem;line-height:1.6;color:#ffffffe6;margin-bottom:0}.case-study-section{margin-bottom:0!important;padding:2rem 0}.case-study-section p{font-family:Nunito,sans-serif;font-size:1.1rem;line-height:1.7;color:var(--text-primary);margin-bottom:1.5rem}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.overview-item h3{font-family:Nunito,sans-serif;font-size:1rem;font-weight:600;color:var(--accent-color);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.overview-item p{font-family:Nunito,sans-serif;font-size:1.1rem;color:var(--text-primary);margin:0;font-weight:500}.approach-items{display:flex;flex-direction:column;gap:3rem;margin-top:2rem}.approach-item{display:flex;align-items:flex-start;gap:2rem}.approach-number{font-family:Migra,Nunito,sans-serif;font-size:2rem;font-weight:200;color:var(--accent-color);min-width:60px;height:60px;border:2px solid var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.approach-content h3{font-family:Nunito,sans-serif;font-size:1.4rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.approach-content p{font-family:Nunito,sans-serif;font-size:1.1rem;line-height:1.6;color:var(--text-primary);margin:0}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.result-item{text-align:center;padding:2rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.result-number{font-family:Migra,Nunito,sans-serif;font-size:3rem;font-weight:200;color:var(--accent-color);margin-bottom:1rem;display:block}.result-item p{font-family:Nunito,sans-serif;font-size:1.1rem;color:var(--text-primary);margin:0;line-height:1.5}.learnings-list{list-style:none;padding:0;margin-top:2rem}.learnings-list li{font-family:Nunito,sans-serif;font-size:1.1rem;line-height:1.6;color:var(--text-primary);margin-bottom:1rem;padding-left:2rem;position:relative}.learnings-list li:before{content:"→";color:var(--accent-color);font-weight:700;position:absolute;left:0;top:0}.client-logos-section{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background:var(--bg-secondary);padding:40px 0}.client-logos-grid{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding:2rem 0;flex-wrap:wrap}.client-logo-item{display:flex;align-items:center;justify-content:center;padding:1rem;background:#fff;border-radius:8px;transition:all .3s ease;flex:1;min-width:150px;max-width:180px}.client-logo-item:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.client-logo{max-width:100px;max-height:50px;width:auto;height:auto;object-fit:contain;filter:grayscale(100%);opacity:.7;transition:all .3s ease}.client-logo-item:hover .client-logo{filter:grayscale(0%);opacity:1}.client-logos-section h2{color:var(--text-primary)}.dark-light-section{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background:#b6efff;padding:80px 0 0}.dark-light-content{display:flex;justify-content:center;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem}.case-study-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:4rem;padding-top:2rem}.nav-link{font-family:Nunito,sans-serif;font-size:1.1rem;color:var(--text-primary);text-decoration:none;font-weight:500;transition:color .3s ease}@media (max-width: 768px){.preservica-hero-section{min-height:100vh;padding-top:60px;background-position:center;background-size:cover}.case-study-hero{min-height:70vh;padding:0 1rem;width:100%;max-width:100%}.hero-three-column{grid-template-columns:1fr;gap:2rem;text-align:center;padding-top:1rem}.hero-column-center .case-study-title-2{font-size:2.5rem;line-height:1.1}.company-logo-image{height:30px}.hero-printer-marks{display:none}.case-study-header{max-width:100%}.case-study-title{font-size:2.5rem}.overview-grid{grid-template-columns:1fr;gap:1.5rem}.approach-item{flex-direction:column;gap:1rem;text-align:center}.approach-number{align-self:center}.results-grid{grid-template-columns:1fr;gap:1.5rem}.case-study-navigation{flex-direction:column;gap:1rem;text-align:center}.client-logos-grid{flex-direction:column;gap:1rem}.client-logo-item{max-width:100%;min-width:200px}.dark-light-content{padding:0 1rem}.dark-light-image{border-radius:8px}.dark-light-section h1{font-size:2rem;margin-bottom:1.5rem}}@media (max-width: 480px){.client-logos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;justify-items:center}.preservica-hero-section{min-height:100vh;padding-top:80px}.case-study-hero{min-height:60vh;padding:0 .5rem}.hero-column-center .case-study-title-2{font-size:2rem;line-height:1.1}.company-logo-image{height:40px;width:auto;max-width:200px}.column-header{font-size:.7rem;letter-spacing:1px}.case-study-period{font-size:.9rem}.case-study-container{padding:0 1rem;width:100%;max-width:100%}}.nav-bar-label{display:block}@media (max-width: 768px){.nav-bar-label{display:none}}.case-studies-nav-bar{background:var(--bg-secondary);padding:.5rem 1rem;border-bottom:1px solid var(--border-color);position:relative;z-index:3}.nav-bar-content{display:flex;align-items:center;justify-content:flex-end;gap:2rem;height:100%;min-height:60px}.nav-bar-label{font-family:Nunito,sans-serif;font-size:.9rem;color:var(--other-case-sudies);font-weight:400}.nav-bar-links{display:flex;gap:3rem;align-items:center;position:relative}.nav-bar-link{font-family:Nunito,sans-serif;font-size:1rem;color:var(--text-secondary);text-decoration:none;font-weight:500;position:relative;transition:all .3s ease;display:flex;align-items:center}.nav-bar-link:after{content:"";position:absolute;bottom:-25px;left:50%;width:0%;height:3px;background-color:var(--accent-color);transition:all .3s ease;transform:translate(-50%)}.nav-bar-link:hover:after{width:100%}.nav-bar-link.active:after{background-color:var(--accent-color);width:100%;left:0;transform:none}.nav-bar-link.active{color:var(--text-primary);font-weight:600}@media (max-width: 768px){.nav-bar-content{flex-direction:column;align-items:flex-start;gap:1rem;padding:17px 0;min-height:60px}.nav-bar-links{gap:2rem;flex-wrap:wrap}.nav-bar-link{font-size:.9rem}}.wagepoint-hero-section{min-height:100vh;background-image:url(/images/wagepoint/hero.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;position:relative;padding-top:80px}.process-arrow{display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:var(--accent-color);font-weight:700;margin:0 .5rem;height:100%;-webkit-user-select:none;user-select:none}@media (max-width: 700px){.process-arrow{font-size:1.5rem;margin:0 .2rem}}.process-section{background:var(--bg-primary);padding:3rem 0 2rem}.process-container{max-width:90%;margin:0 auto;padding:0}.process-row{display:flex;gap:2.5rem;margin-bottom:2.5rem;justify-content:flex-start;align-items:center}.process-col{display:flex;flex-direction:column;flex:1 1 0;background:var(--bg-secondary);border-radius:12px;padding:1.5rem 1rem;text-align:center;margin-bottom:0}.process-col h3{font-family:Nunito,sans-serif;font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.process-col ul{list-style:none;padding:0;margin:0}.process-col ul li{font-family:Nunito,sans-serif;font-size:.98rem;color:var(--text-secondary);margin-bottom:.7rem;line-height:1.5}@media (max-width: 900px){.process-row{gap:1.2rem}.process-col{min-width:120px;max-width:150px;padding:1rem .5rem}}@media (max-width: 700px){.process-row{flex-wrap:wrap;gap:1rem;justify-content:flex-start}.process-col{flex:1 1 45%;min-width:100px;max-width:100%;margin-bottom:1.5rem}}.wagepoint-case-study-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);transition:background-color .5s ease;overflow-x:hidden}.floating-toolbar{position:fixed;left:30px;top:200px;transform:translateY(-50%);z-index:1000;background:var(--bg-primary);border:1px solid var(--border-color, #e0e0e0);border-radius:30px;padding:10px;box-shadow:0 4px 20px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;animation:fadeInToolbar .8s ease-out 1s forwards}@keyframes fadeInToolbar{0%{opacity:0;transform:translateY(-50%) translate(-20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.toolbar-nav{display:flex;flex-direction:column;gap:15px;padding:10px}.toolbar-nav button:focus{outline:none}.toolbar-nav h4{font-family:Migra,Nunito,sans-serif;font-weight:300;font-size:1.25em;color:var(--text-primary);margin:0}.toolbar-item{background:transparent;border:none;color:var(--text-secondary);font-family:Nunito,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left;position:relative;white-space:nowrap;padding:5px 0}.toolbar-item:hover{color:var(--text-primary);transform:translate(5px)}.toolbar-item.active{border:0;color:var(--text-primary);font-weight:600}.hero-printer-marks{position:absolute;top:50%;right:2rem;transform:translateY(-50%);z-index:1000;pointer-events:none}.printer-marks{width:20px;height:auto}.wagepoint-hero-section{min-height:100vh;background-image:url(/images/wagepoint/hero.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;position:relative;padding-top:80px}.wagepoint-hero-section:before{content:"";position:absolute;inset:0;background:#0009;z-index:1}.wagepoint-content{padding:80px 0 40px;background:var(--bg-primary);position:relative;z-index:2}.case-study-intro-section{padding:60px 0;background:var(--bg-primary);position:relative;z-index:2}.case-study-layout{display:grid;grid-template-columns:1fr 3fr;gap:4rem;max-width:1200px;margin:0 auto;padding:0 2rem}.case-study-nav{position:sticky;top:120px;height:fit-content}.case-study-nav h4{font-family:Migra,Nunito,sans-serif;font-weight:300;font-size:1.25em;color:var(--text-primary);margin:0 0 1.5rem}.timeline-nav{position:relative;padding-left:30px}.timeline-item{position:relative;margin-bottom:2rem;cursor:pointer;transition:all .3s ease}.timeline-item:before{content:"";position:absolute;left:-30px;top:8px;width:8px;height:8px;border-radius:50%;background:var(--bg-primary);border:2px solid var(--accent-color);transition:all .3s ease;z-index:2;box-shadow:0 0 0 3px var(--bg-primary),0 0 0 5px var(--border-color, #e0e0e0)}.timeline-item:hover:before,.timeline-item.active:before{background:var(--accent-color);box-shadow:0 0 0 3px var(--bg-primary),0 0 0 5px var(--accent-color)}.timeline-date{font-family:Nunito,sans-serif;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.3rem;display:block}.timeline-title{font-family:Nunito,sans-serif;font-size:1rem;font-weight:500;color:var(--text-secondary);margin-bottom:.2rem;transition:color .3s ease}.timeline-subtitle{font-family:Nunito,sans-serif;font-size:.85rem;color:var(--text-secondary);opacity:.8;line-height:1.3}.timeline-item:hover .timeline-title,.timeline-item.active .timeline-title{color:var(--accent-color)}.timeline-item:hover,.timeline-item.active{transform:translate(5px)}.nav-circles{display:flex;flex-direction:column;gap:20px;align-items:center;padding:10px 0}.nav-circle{background:transparent;border:2px solid var(--border-color, #e0e0e0);border-radius:50%;width:16px;height:16px;cursor:pointer;transition:all .3s ease;position:relative;padding:0;display:flex;align-items:center;justify-content:center}.nav-circle:hover{border-color:var(--accent-color);transform:scale(1.2)}.nav-circle.active{border-color:var(--accent-color);background:var(--accent-color)}.nav-circle.active .circle-indicator{background:#fff}.circle-indicator{width:8px;height:8px;border-radius:50%;background:var(--border-color, #e0e0e0);transition:all .3s ease}.nav-circle:hover .circle-indicator{background:var(--accent-color)}.case-study-content{display:flex;flex-direction:column}.intro-content{max-width:800px}.intro-title{font-family:Migra,sans-serif;font-size:3rem;font-weight:300;color:var(--text-primary);margin-bottom:0m;line-height:1.2}.intro-divider{width:90px;height:3px;background:var(--accent-color);margin-bottom:2rem}.intro-subtitle{font-family:Nunito,sans-serif;font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.intro-text{font-family:Nunito,sans-serif;font-size:1rem;font-weight:600;line-height:1.7;color:"var(--text-secondary)";margin-bottom:1.5rem}.intro-details{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.detail-item{margin-bottom:1.5rem}.detail-label{font-family:Nunito,sans-serif;font-size:.9rem;font-weight:600;color:var(--text-accent);text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:.5rem}.detail-content{font-family:Nunito,sans-serif;font-size:1rem;color:var(--text-primary);margin:0}.detail-content p{margin:0 0 .5rem;font-family:Nunito,sans-serif;font-size:1rem;color:var(--text-primary)}.full-width-image-section{width:100%;position:relative;background:#fff;padding:150px 2rem}.full-width-image-section h3{color:var(--body-text)!important}.final-experience{width:100%;position:relative;padding:150px 2rem}.full-width-image-container{display:flex;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.full-width-image{width:100%;height:auto;max-width:100%;display:block}.image-overlay{position:absolute;top:10px;left:-100px;z-index:2;width:500px}.image-overlay h3{font-size:1em}.heading-images{top:-100px;position:absolute;left:30px;z-index:2;width:500px}.full-image-text{top:-100px;width:100%}.case-study-container{max-width:1200px;width:1200px;margin:0 auto;padding:0 1rem}.case-study-hero{display:flex;align-items:center;min-height:80vh;position:relative;z-index:2;width:100%;max-width:1200px;width:1200px;margin:0 auto;padding:0}.hero-three-column{display:grid;grid-template-columns:65% 35%;gap:4rem;width:100%;color:#fff;align-items:start;padding-top:2rem}.hero-column{display:flex;flex-direction:column}.column-header{font-family:Nunito,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#b3b3b3;margin-bottom:8px}.company-logo{margin-bottom:2rem}.company-logo-image{height:90px;width:auto;max-width:350px}.case-study-title-2{font-family:Migra,sans-serif;font-size:3.5rem;font-weight:800;line-height:1.1;margin:0;color:#fff}.project-details{display:flex;flex-direction:column;gap:2rem}.detail-section{display:flex;flex-direction:column}.case-study-period{font-family:Nunito,sans-serif;font-size:1rem;margin:0;color:#fff}.responsibilities-list{list-style:none;padding:0;margin:0;font-family:Nunito,sans-serif}.responsibilities-list li{color:#fff;margin-bottom:.5rem;position:relative;padding-left:0}.case-study-section{margin-bottom:4rem}.immersion-two-column{display:flex;align-items:flex-start;gap:4rem;margin-bottom:4rem}.immersion-title-container{flex:0 0 33%;padding-right:2rem}.immersion-title{font-family:Nunito,sans-serif;font-size:2.5rem;font-weight:300;color:var(--accent-color);margin:0;line-height:1.2;text-align:left}.immersion-content{flex:1}.immersion-content p{font-family:Nunito,sans-serif;font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1.5rem;text-align:left}.immersion-content ul{font-family:Nunito,sans-serif;font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-left:1.5rem}.immersion-content ul li{margin-bottom:.5rem}.case-study-section p{font-family:Nunito,sans-serif;font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1.5rem}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.overview-item h3{font-family:Nunito,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-accent);margin-bottom:.5rem}.overview-item p{font-family:Nunito,sans-serif;font-size:1rem;color:var(--text-primary);margin:0}.research-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:2rem}.research-item{background:var(--bg-secondary);padding:2rem;border-radius:8px;border-left:4px solid var(--accent-color)}.research-item h3{font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.research-item p{font-family:Nunito,sans-serif;font-size:1rem;line-height:1.6;color:var(--text-secondary);margin:0 0 1rem}.research-item-image{width:100%;height:auto;border-radius:6px;margin-top:1rem}.approach-items{display:flex;flex-direction:column;gap:2rem}.approach-item{display:flex;gap:2rem;align-items:flex-start}.approach-number{background:#4f46e5;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Nunito,sans-serif;font-weight:700;font-size:1.1rem;flex-shrink:0}.approach-content h3{font-family:Nunito,sans-serif;font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.approach-content p{font-family:Nunito,sans-serif;font-size:1rem;line-height:1.6;color:var(--text-secondary);margin:0}.process-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.process-image-item{text-align:center}.process-image-item img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 20px #0000001a;margin-bottom:1rem}.process-image-item p{font-family:Nunito,sans-serif;font-size:.9rem;color:var(--text-secondary);margin:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:2rem}.feature-item{background:var(--bg-secondary);padding:2rem;border-radius:8px;border-top:4px solid #4f46e5}.feature-item h3{font-family:Nunito,sans-serif;font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.feature-item p{font-family:Nunito,sans-serif;font-size:1rem;line-height:1.6;color:var(--text-secondary);margin:0}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.result-item{text-align:center;background:var(--bg-secondary);padding:2rem;border-radius:8px}.result-number{font-family:Migra,sans-serif;font-size:3rem;font-weight:800;color:#4f46e5;margin-bottom:1rem;display:block}.result-item p{font-family:Nunito,sans-serif;font-size:1rem;line-height:1.5;color:var(--text-secondary);margin:0}.case-study-section ul{margin-left:1.5rem;padding-left:0}.case-study-section ul li{font-family:Nunito,sans-serif;font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:.5rem}.learnings-list{list-style:none;padding:0;margin:0}.learnings-list li{font-family:Nunito,sans-serif;font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1rem;position:relative;padding-left:2rem}.learnings-list li:before{content:"→";color:#4f46e5;font-weight:700;position:absolute;left:0;top:0}.case-study-navigation{display:flex;justify-content:space-between;align-items:center;margin:0 auto;padding-top:2rem;max-width:1200px}.full-width-image-gif{width:50%}.nav-link{font-family:Nunito,sans-serif;font-size:1rem;font-weight:600;color:var(--accent-color);text-decoration:none;transition:color .3s ease}.nav-link:hover{color:var(--hover-color)}.immersion-container{margin:0 auto;padding:2rem 1rem;background:transparent}.immersion-visuals{margin-top:2.5rem;display:flex;flex-direction:column;gap:2rem}.immersion-visuals h4{margin-bottom:.5em;color:#1a202c}.immersion-visuals p{color:#1a202c}.immersion-visual{padding:2rem;border-radius:30px;box-shadow:0 2px 16px #0000000a}.pastel1{background:#bfdbee}.pastel2{background:#c2c5ee}.pastel3{background:#f7d6e0}.pastel4{background:#d4f5dc}.stats-row{display:flex;gap:2rem;margin:2.5rem 0 1.5rem;justify-content:center}.stat-box{flex:1;min-width:120px;border-radius:20px;padding:1rem;text-align:center;box-shadow:0 2px 12px #0000000a;font-family:Nunito,sans-serif}.stat-box h3{font-size:3rem;margin-bottom:.5rem;font-family:Migra,sans-serif;color:#1a202c}.stat-box p{font-size:1.1rem;color:#1a202c}@media (max-width: 768px){.wagepoint-hero-section{min-height:100vh;padding-top:60px;background-position:center;background-size:cover}.full-width-image-section{padding:30px 1rem}.full-width-image-container{display:flex;justify-content:center;align-items:center;max-width:100%;margin:0 auto;padding:0;position:relative}.stats-row{flex-wrap:wrap;gap:1.5rem}.stat-box{flex:1 1 45%;max-width:48%;margin-bottom:1.5rem}.case-study-hero{min-height:70vh;padding:0 1rem;width:100%;max-width:100%}.hero-three-column{grid-template-columns:1fr;gap:2rem;text-align:left;padding-top:1rem}.case-study-title-2{font-size:2.5rem;line-height:1.1}.company-logo-image{height:50px;width:auto;max-width:250px}.case-study-layout{grid-template-columns:1fr;gap:2rem;padding:0 1rem}.case-study-nav{position:static;order:2;margin-top:2rem}.case-study-content{order:1}.hero-printer-marks{display:none}.intro-title{font-size:2.5rem}.intro-subtitle{font-size:1.3rem}.approach-item{flex-direction:column;text-align:center}.approach-number{align-self:center}.case-study-navigation{flex-direction:column;gap:1rem;text-align:center}.process-images{grid-template-columns:1fr}.results-grid{grid-template-columns:repeat(2,1fr)}.overview-grid,.research-grid,.features-grid{grid-template-columns:1fr}.floating-toolbar{display:none}.image-overlay{padding:1.5rem 2rem;position:absolute;top:10px;left:30px;z-index:2;width:500px}.overlay-title{font-size:2rem}}@media (max-width: 480px){.wagepoint-hero-section{min-height:100vh;padding-top:80px}.case-study-hero{min-height:60vh;padding:0 .5rem}.case-study-title-2{font-size:2rem;line-height:1.1}.company-logo-image{height:40px;width:auto;max-width:200px}.column-header{font-size:.7rem;letter-spacing:1px}.full-width-image-container{flex-direction:column;align-items:stretch;position:relative}.image-overlay{position:static;width:100%;margin-bottom:1rem;z-index:auto;padding:1rem;order:1}.heading-images{display:none}.full-width-image{width:100%;order:2}.case-study-period,.responsibilities-list li{font-size:.9rem}.intro-title{font-size:2rem}.intro-subtitle{font-size:1.2rem}.intro-text{font-size:1rem}.results-grid{grid-template-columns:1fr}.case-study-container{padding:0 1rem;width:100%;max-width:100%}}.amazon-case-study-page{background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden}.amazon-case-study-page .company-logo-image{height:85px;width:auto;max-width:340px}.amazon-hero-section{min-height:100vh;background-image:url(/images/amazon/hero.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;position:relative;padding-top:80px}.amazon-hero-section:before{content:"";position:absolute;inset:0;background:#000c;z-index:1}.amazon-hero-section>*{position:relative;z-index:2}.amazon-content{padding:80px 0}@media (max-width: 768px){.amazon-hero-section{padding:100px 0 60px}.amazon-case-study-page .company-logo-image{height:45px;width:auto;max-width:230px}}.full-width-image-container{width:90%;max-width:90%;overflow:hidden;padding:0}@media (max-width: 480px){.amazon-case-study-page .company-logo-image{height:35px;width:auto;max-width:190px}.amazon-content{padding:60px 0}.process-timeline{gap:20px}.process-item{padding:20px}}.project-goal-section{display:flex;align-items:flex-start;justify-content:center;gap:3rem;padding:4em 0;margin:0;background:var(--bg-secondary)}.project-goal-title{font-family:Migra,sans-serif;font-size:2.2rem;font-weight:300;color:var(--text-primary);margin-right:2rem;min-width:220px}.project-goal-list{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 3rem;max-width:1200px}.project-goal-item{display:flex;align-items:flex-start;gap:1.2rem;font-size:1.15rem;color:var(--text-primary)}.goal-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--accent-color);border-radius:50%;font-size:1.2rem;color:var(--accent-color);background:transparent;margin-right:.5rem}@media (max-width: 900px){.project-goal-section{flex-direction:column;align-items:flex-start;gap:2rem}.project-goal-list{grid-template-columns:1fr;gap:1.5rem}}.partner-portal-section{display:flex;align-items:center;gap:4rem;margin-top:3rem;margin-bottom:3rem}.partner-portal-image{max-width:100%}.partner-portal-content{flex:1;color:var(--accent-color)}.partner-portal-content h2{color:var(--accent-color);font-size:2rem;font-family:Migra,sans-serif;margin-bottom:1rem}.partner-portal-content p{color:var(--text-primary);font-size:1.1rem;margin-bottom:1.5rem}@media (max-width: 900px){.partner-portal-section{flex-direction:column;gap:2rem}.partner-portal-image{max-width:90%;width:90%}}.partner-portal-content{display:flex;align-items:flex-start;gap:0;max-width:90%;margin:0 auto}.partner-portal-text{padding:0}.zift-case-study-page{background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden}.zift-case-study-page .company-logo-image{height:80px;width:auto;max-width:320px}.zift-hero-section{min-height:100vh;background-image:url(/images/zift/hero.png);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;position:relative;padding-top:80px}.zift-hero-section:before{content:"";position:absolute;inset:0;background:#0006;z-index:1}.zift-content{padding:80px 0}.process-timeline{display:flex;flex-direction:column;gap:30px;margin-top:40px}.process-item{padding:30px;border-left:4px solid var(--accent-color);background:var(--card-bg);border-radius:8px}.process-item h3{color:var(--accent-color);margin-bottom:15px;font-size:1.2rem}.process-item p{color:var(--text-color);line-height:1.6}@media (max-width: 768px){.zift-case-study-page .company-logo-image{height:45px;width:auto;max-width:220px}}@media (max-width: 480px){.zift-case-study-page .company-logo-image{height:35px;width:auto;max-width:180px}}@media (max-width: 768px){.zift-hero-section{padding:100px 0 60px}.zift-content{padding:60px 0}.process-timeline{gap:20px}.process-item{padding:20px}}.preservica-hero-section{background-image:url(/images/agspace/hero.png);background-size:cover;background-position:center;padding:100px 0;color:#fff}.full-width-image-section{padding:0}.image-text-container{background-image:url(./images/agspace/ag-space-gathering.jpg);background-repeat:no-repeat;background-position:left center;background-size:50% auto;background-color:var(--bg-secondary);padding:0}.image-text-list{margin-left:52%;padding:3em 3em 3em 0}.project-goal-item{margin-bottom:1em}@media (max-width: 768px){.image-text-container{background-size:100% auto;background-position:top}.partner-portal-content{display:block}.partner-portal-content img{width:100%}.image-text-list{margin:0 auto;padding:23em 10px;width:90%}}.two-column-immersion{display:flex;gap:3rem;align-items:flex-start}.col-left{flex:0 0 22%;padding-right:25px;display:flex;align-items:flex-start}@media (max-width: 600px){.two-column-immersion{flex-direction:column;gap:2rem}.col-left{flex:1 1 100%;padding-right:0;align-items:stretch;width:100%}.col-right{flex:1 1 100%;width:100%}}@font-face{font-family:Migra;src:url(/fonts/Migra-Extralight.woff2) format("woff2"),url(/fonts/Migra-Extralight.woff) format("woff"),url(/fonts/Migra-Extralight.ttf) format("truetype"),url(/fonts/Migra-Extralight.otf) format("opentype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Migra;src:url(/fonts/Migra-Extrabold.woff2) format("woff2"),url(/fonts/Migra-Extrabold.woff) format("woff"),url(/fonts/Migra-Extrabold.ttf) format("truetype"),url(/fonts/Migra-Extrabold.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap}:root{--bg-primary: #f2f2f0;--bg-other: #F0EFED;--bg-navbar: #EBEBEB;--bg-secondary: #ffffff;--hover-text: #ffffff;--text-primary: #1a202c;--text-secondary: #4a5568;--accent-color: #1A6A99;--hover-color: #d96a1a;--border-color: #e2e8f0;--grey-light: #888888;--other-case-sudies: #888888;--body-text: #121214;--images-background: transparent}.dark{--bg-primary: #121214;--bg-navbar: #1F1F1F;--bg-other: #121214;--bg-secondary: #1F1F1F;--hover-text: #6BC8FF;--text-primary: #f7fafc;--text-secondary: #cbd5e0;--accent-color: #6BC8FF;--hover-color: #d96a1a;--border-color: #4a5568;--grey-light: #cbd5e0;--other-case-sudies: #f0f0f0;--body-text: #fff;--images-background: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}.app{background:var(--bg-primary);color:var(--text-primary);transition:all .3s ease;min-height:100vh}html{scroll-behavior:smooth}button:focus,a:focus{outline:1px solid var(--bg-navbar);outline-offset:2px}button{border:none;background:none;cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}h1{font-family:Migra,sans-serif;font-size:3rem;font-weight:300;color:var(--text-primary);margin-bottom:.5rem;line-height:1.2}h2{font-family:Migra,sans-serif;font-size:2.25rem;font-weight:300;color:var(--accent-color);margin-bottom:.5rem;line-height:1.2}h3{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.5rem;font-weight:300;color:var(--accent-color);margin-bottom:.5rem}p{margin-bottom:24px;font-size:1em}.small-text{font-size:.9em}.margin-bottom-0{margin-bottom:0;padding-bottom:0}.margin-top-0{margin-top:0}.margin-bottom-2{margin-bottom:3rem}.padding-top-bottom-8{padding-top:8em;padding-bottom:8em}.padding-top-8{padding-top:8em}.padding-top-bottom-4{padding-top:4em;padding-bottom:4em}@media (max-width: 600px){p{font-size:1em}h3{font-size:1.25rem}h2{font-size:2rem}.intro-text{font-size:1em}.margin-bottom-2{margin-bottom:2rem}.padding-top-bottom-8{padding-top:3em;padding-bottom:3em}.padding-top-8{padding-top:3em}.padding-top-bottom-4{padding-top:3em;padding-bottom:3em}.navbar .navbar-menu{background:#121214}.navbar .navbar-link{color:#fff}}.background-white{background:var(--bg-secondary)}.background-grey{background:var(--bg-primary)}.background-other{background:var(--bg-other)}