body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;margin:0;padding:0;background-color:#fdf6f7;color:#333}.container{max-width:960px;margin:0 auto;padding:20px}header{background-color:#f3c0c7;color:#444;padding:20px 0;text-align:center}header .logo{display:block;max-height:60px;width:auto;margin:0 auto 15px auto}header h1{margin:0 0 5px 0;font-size:2.5em}header p{font-size:1.1em;opacity:.9;margin-top:0}.hero{background-color:#fff;padding:60px 20px;text-align:center;border-bottom:1px solid #eee;overflow:hidden}.hero h2{font-size:2em;margin-bottom:20px;color:#d18a93}.screenshot-container{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:40px;perspective:1000px;min-height:450px;flex-wrap:wrap}.screenshot{width:auto;max-width:30%;height:auto;flex-shrink:0;position:relative}.screenshot img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid #ddd;box-shadow:0 8px 25px rgba(0,0,0,.15);transition:transform .3s ease-out}.screenshot:nth-child(1){transform:rotate(-8deg) translateY(-15px) translateX(10px);z-index:1}.screenshot:nth-child(2){transform:translateY(5px) scale(1.05);z-index:2}.screenshot:nth-child(3){transform:rotate(8deg) translateY(-15px) translateX(-10px);z-index:1}.screenshot:hover{transform:translateY(-10px) scale(1.08);z-index:3}.screenshot:nth-child(1):hover{transform:rotate(-8deg) translateY(-20px) translateX(10px) scale(1.08)}.screenshot:nth-child(3):hover{transform:rotate(8deg) translateY(-20px) translateX(-10px) scale(1.08)}.features{padding:40px 0;background-color:#fdf6f7}.features h2{text-align:center;margin-bottom:40px;color:#d18a93}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:30px;text-align:center}.feature-item{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-between}.feature-item h3{margin-top:0;color:#d18a93}.feature-item p{flex-grow:1}.feature-item img{max-width:100%;height:auto;margin-top:15px;border-radius:4px;border:1px solid #eee}.cta{background-color:#f3c0c7;color:#444;padding:50px 20px;text-align:center}.cta h2{margin-bottom:20px}.cta-button{display:inline-block;background-color:#fff;color:#d18a93;padding:12px 25px;text-decoration:none;font-weight:bold;border-radius:5px;transition:background-color .3s ease,color .3s ease;border:1px solid #d18a93}.cta-button:hover{background-color:#d18a93;color:#fff}footer{text-align:center;padding:20px;margin-top:40px;color:#666;font-size:.9em;border-top:1px solid #eee;background-color:#fdf6f7}footer p{margin:5px 0}footer a{color:#d18a93;text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width: 768px){.screenshot-container{min-height:350px;gap:2px}.screenshot{max-width:31%}.screenshot:nth-child(1){transform:rotate(-8deg) translateY(-10px) translateX(5px)}.screenshot:nth-child(2){transform:translateY(2px) scale(1.03)}.screenshot:nth-child(3){transform:rotate(8deg) translateY(-10px) translateX(-5px)}}@media(max-width: 480px){header .logo{max-height:50px}.screenshot-container{min-height:250px;gap:0px;margin-top:20px}.screenshot{max-width:32%;border-radius:10px}.screenshot:nth-child(1){transform:rotate(-6deg) translateY(-5px) translateX(3px)}.screenshot:nth-child(2){transform:translateY(1px) scale(1.01)}.screenshot:nth-child(3){transform:rotate(6deg) translateY(-5px) translateX(-3px)}.screenshot img{border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.1)}}