body{font-family:Inter,sans-serif;background-color:#fff;color:#000}.nav-link{font-size:.875rem;font-weight:500;color:#000;transition:color .2s}.nav-link:hover{color:#0061ff}.section-padding{padding:6rem 1.5rem}#team-members img{transform:none!important;image-orientation:from-image}.hero-section{position:relative;min-height:90vh}.hero-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"subtitle" "title" "rest";gap:0;position:relative}.hero-subtitle{grid-area:subtitle;margin-bottom:.25rem;position:relative;z-index:10}.hero-title{grid-area:title;margin-bottom:0;max-width:20ch;position:relative;z-index:10}.hero-bottom-row{grid-area:rest;position:relative;min-height:280px}.hero-rest{position:relative;z-index:10;margin-top:1.5rem;max-width:38rem}.hero-browser-mockup{position:absolute;top:-5rem;right:-2rem;bottom:auto;width:75%;max-width:1100px;min-width:450px;z-index:1;transform:perspective(1000px) rotate(-3deg);pointer-events:auto;transition:transform .15s ease-out}.hero-browser-frame{background:#fff;border-radius:10px 10px 0 0;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;overflow:hidden}.hero-browser-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f5f5f5;border-bottom:1px solid #e5e7eb}.hero-browser-dots{display:flex;gap:6px}.hero-browser-dots span{width:10px;height:10px;border-radius:50%;background:#d1d5db}.hero-browser-dots span:first-child{background:#ef4444}.hero-browser-dots span:nth-child(2){background:#f59e0b}.hero-browser-dots span:last-child{background:#22c55e}.hero-browser-title{font-size:.8rem;color:#6b7280;font-weight:500}.hero-browser-content{position:relative;overflow:hidden}.hero-browser-content .hero-browser-fade{position:absolute;inset:0;width:55%;background:linear-gradient(to right,rgba(255,255,255,.97) 0%,rgba(255,255,255,.5) 40%,transparent 100%);z-index:1}.hero-browser-img{width:100%;height:auto;display:block;vertical-align:bottom}@media (max-width: 768px){.hero-bottom-row{min-height:auto;display:flex;flex-direction:column}.hero-browser-mockup{position:relative;top:auto;right:auto;width:100%;min-width:0;margin-left:auto;margin-right:auto;margin-top:1.5rem;transform:rotate(-2deg);pointer-events:none}.hero-browser-content .hero-browser-fade{width:75%}}