:root{--bg-color:#F4F3EF;--text-color:#111111;--border-color:#D0CEC7;--accent-color:#3B4CCA;--sidebar-width:280px;--gap:2rem;--ease:cubic-bezier(0.16, 1, 0.3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);overflow:hidden;height:100vh}body{font-family:helvetica neue,Helvetica,Arial,sans-serif;line-height:1.4}h1,h4,h5,h6{font-weight:500;line-height:1.1;margin-bottom:1rem;scroll-margin-top:24px}h2,h3{font-weight:700;line-height:1.1;margin-bottom:1rem;scroll-margin-top:24px}h1{font-size:2.5rem;letter-spacing:-.02em}h2{font-size:2rem;letter-spacing:-.01em}p{margin-bottom:1rem;max-width:60ch}.tagline{font-size:.9rem;color:rgba(17,17,17,.6);margin-bottom:2rem}.app-container{display:flex;height:100vh;width:100vw}.content-area{flex-grow:1;height:100%;overflow-y:auto;position:relative;scroll-behavior:smooth}@media(max-width:768px){.app-container{flex-direction:column}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{background-position:-1e3px 0}100%{background-position:1e3px 0}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}.fade-in-section{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.fade-in-section{opacity:1;transform:none}}.ripple{position:relative;overflow:hidden}.ripple::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.5);transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple:active::after{width:300px;height:300px}.page-loaded .hero-section{animation:fadeIn .8s ease-out}.animate-sidebar .sidebar-top{animation:slideInLeft .6s ease-out forwards;opacity:0;animation-delay:.1s}.animate-sidebar .sidebar-middle .nav-link{animation:slideInLeft .5s ease-out forwards;opacity:0}.animate-sidebar .sidebar-middle .nav-link:nth-child(1){animation-delay:.2s}.animate-sidebar .sidebar-middle .nav-link:nth-child(2){animation-delay:.3s}.animate-sidebar .sidebar-middle .nav-link:nth-child(3){animation-delay:.4s}.animate-sidebar .sidebar-middle .nav-link:nth-child(4){animation-delay:.5s}.animate-sidebar .sidebar-middle .nav-link:nth-child(5){animation-delay:.6s}.animate-sidebar .sidebar-middle .nav-link:nth-child(6){animation-delay:.7s}.animate-sidebar .sidebar-bottom{animation:slideInLeft .6s ease-out forwards;opacity:0;animation-delay:.8s}.animate-on-hover{transition:transform .3s ease,box-shadow .3s ease}.animate-on-hover:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards;opacity:0}.sidebar{width:var(--sidebar-width);height:100%;border-right:1px solid var(--border-color);padding:2rem;display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;z-index:10;background:var(--bg-color)}.sidebar-top{display:flex;flex-direction:column;align-items:flex-start}.profile-photo{width:64px;height:64px;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:2px solid var(--border-color)}.site-title{font-family:space grotesk,sans-serif;font-weight:700;font-size:1.5rem;line-height:1.1;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:-.02em}.site-title a{display:block}.tagline{font-size:.75rem;color:#666;margin-bottom:3rem}.nav-link{display:block;background:0 0;border:none;font-family:space grotesk,sans-serif;font-size:1.1rem;cursor:pointer;text-align:left;padding:.5rem 0;color:var(--text-color);text-decoration:none;transition:color .3s}.nav-link:hover,.nav-link.active{color:var(--accent-color);text-decoration:underline;text-decoration-thickness:2px}.sidebar-middle{flex-grow:1;overflow-y:auto;margin-bottom:2rem;padding-right:10px}.cta-button{margin-top:1rem;display:inline-block;background:var(--text-color);color:var(--bg-color);padding:.5rem 1rem;text-decoration:none;font-family:space grotesk,sans-serif;font-size:.9rem;border-radius:4px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-button:hover{background:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,57,166,.15)}.cta-button-secondary{margin-top:.75rem;display:inline-block;background:0 0;color:var(--text-color);border:1px solid var(--text-color);padding:.5rem 1rem;text-decoration:none;font-family:space grotesk,sans-serif;font-size:.9rem;border-radius:4px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-button-secondary:hover{background:var(--text-color);color:var(--bg-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}@media(max-width:768px){.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-color);padding:1rem}.sidebar-middle{display:none}.sidebar-bottom{display:none}}footer{background-color:#111;color:#f4f3ef;padding:4rem 2rem;margin-top:4rem}.footer-headline{font-family:space grotesk,sans-serif;font-size:2rem;margin-bottom:1rem}.footer-email{font-family:inter,sans-serif;font-size:1.2rem;color:var(--accent-color);text-decoration:none;display:block;margin-bottom:2rem}.footer-social a{color:#fff;margin-right:1rem;text-decoration:none;font-family:space grotesk,sans-serif}.footer-social a:hover{text-decoration:underline}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.project-card{background:#fff;border:1px solid var(--border-color);padding:2rem;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),border-color .3s ease;display:flex;flex-direction:column;height:100%}.project-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px rgba(0,0,0,8%);border-color:var(--accent-color)}.project-card:hover .card-title{color:var(--accent-color);transition:color .3s ease}.card-tags{font-size:.75rem;text-transform:uppercase;color:#666;margin-bottom:1rem;letter-spacing:.05em}.card-title{font-family:space grotesk,sans-serif;font-size:1.5rem;margin-bottom:.5rem;line-height:1.2}.card-headline{font-size:1rem;color:var(--text-color);margin-bottom:1rem;font-weight:600}.card-result{font-size:.9rem;color:var(--accent-color);margin-bottom:1.5rem;flex-grow:1}.card-link{font-family:space grotesk,sans-serif;text-decoration:none;color:var(--text-color);border-bottom:1px solid var(--border-color);padding-bottom:2px;align-self:flex-start;transition:all .2s}.card-link:hover{border-bottom-color:var(--accent-color);color:var(--accent-color)}.lab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.lab-item{background:#fff;border:1px solid var(--border-color);padding:1.5rem;display:flex;flex-direction:column;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s ease}.lab-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,6%);border-color:#ccc}.lab-title{font-family:space grotesk,sans-serif;font-size:1.2rem;margin-bottom:.5rem}.lab-desc{font-size:.9rem;color:#555;margin-bottom:1rem;line-height:1.4;flex-grow:1}.lab-stack{font-size:.75rem;color:#888;font-family:monospace;margin-bottom:1rem}.lab-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color)}.lab-status{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;padding:4px 10px;border-radius:12px;letter-spacing:.05em}.lab-status-live{background:#d4f4dd;color:#1e8449}.lab-status-beta{background:#ffe4cc;color:#c50}.lab-link{font-family:space grotesk,sans-serif;font-size:.85rem;color:var(--text-color);text-decoration:none;transition:color .2s}.lab-link:hover{color:var(--accent-color)}.section{padding:6rem 4rem;border-bottom:1px solid var(--border-color)}.section-title{font-family:space grotesk,sans-serif;font-size:2.5rem;margin-bottom:1rem;letter-spacing:-.03em}.section-intro{font-size:1.2rem;max-width:600px;color:#444;margin-bottom:3rem;line-height:1.5}.hero-section{padding:8rem 4rem 6rem;background:var(--bg-color)}.hero-headline{font-family:space grotesk,sans-serif;font-size:4rem;line-height:1;margin-bottom:2rem;letter-spacing:-.04em}.hero-subheadline{font-size:1.25rem;max-width:600px;line-height:1.6;margin-bottom:3rem;color:#444}.hero-ctas{display:flex;gap:1rem}.btn-primary{background:var(--text-color);color:var(--bg-color);padding:1rem 2rem;text-decoration:none;font-family:space grotesk,sans-serif;font-size:1rem;border-radius:4px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover::before{width:300px;height:300px}.btn-primary:hover{background:var(--accent-color);transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,57,166,.2)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:0 0;color:var(--text-color);border:1px solid var(--text-color);padding:1rem 2rem;text-decoration:none;font-family:space grotesk,sans-serif;font-size:1rem;border-radius:4px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-secondary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--text-color);transition:left .3s cubic-bezier(.4,0,.2,1);z-index:-1}.btn-secondary:hover::before{left:0}.btn-secondary:hover{color:var(--bg-color);border-color:var(--text-color);transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.1)}.btn-secondary:active{transform:translateY(0)}.trust-bar{padding:4rem 2rem;background:#fafafa;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1e3px;margin:0 auto;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.metric-item{text-align:center;padding:3rem 2rem;position:relative}.metric-item:not(:last-child)::after{content:'';position:absolute;right:0;top:20%;height:60%;width:1px;background:#e5e5e5}.metric-value{font-family:space grotesk,sans-serif;font-size:3.5rem;font-weight:700;color:var(--accent-color);line-height:1;margin:0 0 .5rem}.metric-description{font-family:inter,sans-serif;font-size:.95rem;color:#666;margin:0 0 1rem;line-height:1.4}.metric-company{font-family:space grotesk,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#999;margin-top:1rem}@media(max-width:768px){.section,.hero-section,.trust-bar{padding:4rem 2rem}.hero-headline{font-size:2.5rem}.hero-ctas{flex-direction:column}.metrics-grid{grid-template-columns:1fr;border:none}.metric-item:not(:last-child)::after{display:none}.metric-item{padding:2rem 1rem;border-bottom:1px solid #e5e5e5}.metric-item:last-child{border-bottom:none}}.article-hero-full{width:100%;height:50vh;min-height:300px;overflow:hidden;position:relative}.hero-image-full{width:100%;height:100%;object-fit:cover;display:block}.article-body{padding:4rem;max-width:900px;margin:0 auto}.article-header{margin-bottom:4rem;border-bottom:1px solid var(--border-color);padding-bottom:2rem}.article-title{font-family:space grotesk,sans-serif;font-size:3.5rem;line-height:1.1;margin-bottom:1rem;letter-spacing:-.02em}.article-meta{font-family:space grotesk,sans-serif;color:#666;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.article-content{font-family:inter,sans-serif;font-size:1.1rem;line-height:1.6;color:#333}.article-content p{margin-bottom:1.5rem}.article-content h2{font-family:space grotesk,sans-serif;font-size:2rem;margin-top:3rem;margin-bottom:1rem}.article-content h3{font-family:space grotesk,sans-serif;font-size:1.5rem;margin-top:2rem;margin-bottom:1rem}.article-content ul,.article-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.article-content img{max-width:100%;height:auto;margin:2rem auto;border:1px solid var(--border-color);display:block}.project-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:3rem 0}.summary-card{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e5e5e5;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.summary-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--accent-color);opacity:0;transition:opacity .2s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,5%);border-color:var(--accent-color)}.summary-card:hover::before{opacity:1}.summary-card h4{font-family:space grotesk,sans-serif;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;color:#666;font-weight:600}.summary-card p{font-size:1rem;line-height:1.5;color:#222;margin-bottom:0}@media(max-width:900px){.project-summary-grid{grid-template-columns:1fr}}@media(max-width:768px){.article-body{padding:4rem 2rem}.article-title{font-size:2.5rem}.article-hero-full{height:30vh}}