nav{background-color:transparent;color:var(--primary);padding:2em 5em;display:flex;flex-direction:row;justify-content:space-between;gap:1em;flex-wrap:wrap;align-items:center}.nav-name{font-size:2rem;font-weight:700;margin:0}.nav-links,.nav-name{height:-moz-fit-content;height:fit-content}.nav-links{display:flex;gap:1em;flex-direction:row;flex-wrap:wrap;align-items:center;font-size:1.3rem}.starter{background:linear-gradient(135deg,#667eea,#764ba2);padding:2em}.starter-content{color:white;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1em;gap:1em;max-width:1200px;margin:0 auto}.starter h1{font-size:4rem;margin-bottom:.5em;font-weight:700}@media (max-width:600px){.starter h1{text-align:center}}.starter p{font-size:1.2rem;margin-bottom:2em}.highlight{color:var(--primary);font-weight:700}.styled-button{background-color:var(--primary);color:white;padding:.75em 1.5em;border:none;border-radius:.375rem;cursor:pointer;font-size:1rem;transition:background-color .3s ease;width:-moz-fit-content;width:fit-content}.styled-button:hover{background-color:var(--primaryHover)}.hero-image{display:flex;justify-content:center}.mockup-browser{background:white;border-radius:.5rem;box-shadow:0 25px 50px rgba(0,0,0,.3);overflow:hidden;width:100%;max-width:400px;margin:2em}.browser-bar{background:#f3f4f6;padding:.75rem;border-bottom:1px solid #e5e7eb}.browser-dots{display:flex;gap:.5rem}.browser-dots span{width:12px;height:12px;border-radius:50%;background:#d1d5db}.browser-dots span:first-child{background:#ef4444}.browser-dots span:nth-child(2){background:#f59e0b}.browser-dots span:nth-child(3){background:#10b981}.browser-content{padding:1.5rem;background:white;color:#333}.project-card-demo{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.project-card-demo h3{color:#1f2937;margin-bottom:1rem}.task-demo{display:flex;flex-direction:column;gap:.5rem}.task-item{padding:.5rem;background:#f9fafb;border-radius:.25rem;font-size:.875rem}.features{flex-direction:column;text-align:center;background-color:#f9fafb;margin:2em 1em}.feature-list,.features{display:flex;justify-content:center}.feature-list{flex-wrap:wrap;max-width:1200px;gap:12px;margin:0 auto}.feature-item{padding:1em;border-radius:var(--borderRadius);background-color:white;box-shadow:0 0 10px rgba(0,0,0,.1);transition:transform .3s ease}.feature-item:hover{transform:translateY(-10px)}.cta{background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:4em;text-align:center;display:flex;flex-direction:column;align-items:center}.cta h1{margin:0}.cta p{margin-bottom:2em}