:root{--primary: #2d3436;--accent: #0984e3;--bg: #f9f9fb;--card-bg: #ffffff}.page-wrapper{background-color:var(--bg);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.logo{font-weight:800;font-size:1.2rem;color:var(--primary)}nav a{margin-left:20px;text-decoration:none;color:#636e72;font-weight:500;transition:color .3s}nav a:hover{color:var(--accent)}.container{max-width:95%;margin:0 auto;padding:2rem 5%}.screenshot-grid{display:flex;justify-content:center;align-items:center;gap:2rem}.phone-frame{background:#000;border:8px solid #1e1e1e;border-radius:40px;overflow:hidden;position:relative;box-shadow:0 25px 50px -12px #00000040}.speaker{position:absolute;top:10px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#333;border-radius:10px;z-index:2}.side{width:100;height:500px;z-index:1}.middle{width:260px;height:590px;z-index:2;border-color:#000}.app-img{width:100%;height:100%;object-fit:cover}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:4rem}.info-card{background:var(--card-bg);padding:2rem;border-radius:20px;box-shadow:0 4px 6px #0000000d;text-align:center}.info-card h3{margin-top:0;color:var(--primary)}.info-card p{color:#636e72;font-size:.95rem;line-height:1.6}.footer{text-align:center;padding:4rem 0;border-top:1px solid #eee;color:#b2bec3}@media(max-width:900px){.screenshot-grid{gap:1rem}.side{width:180px;height:600px}.middle{width:220px;height:600px}}@media(max-width:600px){.screenshot-grid{flex-direction:column;padding:2rem 0}.side,.middle{width:280px;height:600px}.middle{order:-1}.navbar{flex-direction:column;gap:1rem}}