.navbar{height:64px;padding:0 16px;background:#0e0e0e;display:grid;grid-template-columns:1fr auto;align-items:center}.logo{font-size:1.2rem;color:#0f9}.nav-desktop{display:none}.menu-btn{font-size:26px;background:none;border:none;color:#fff;cursor:pointer}.menu-overlay{position:fixed;inset:0;background:#0009;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:100}.menu-overlay.open{opacity:1;pointer-events:all}.menu-mobile{position:absolute;top:0;right:0;width:80%;max-width:320px;height:100%;background:#111;padding:24px;transform:translate(100%);transition:transform .35s ease}.menu-mobile.open{transform:translate(0)}.close-btn{position:absolute;top:16px;right:16px;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;transition:transform .3s ease}.close-btn:hover{transform:rotate(90deg)}.menu-links{margin-top:80px;display:flex;flex-direction:column;gap:24px}.menu-links a{color:#0f9;font-size:1.2rem;text-decoration:none}@media(min-width:768px){.menu-btn,.menu-overlay{display:none}.nav-desktop{display:flex;gap:24px}.nav-desktop a{color:#fff;text-decoration:none;font-size:1rem}}.product-card{background:#1a1a1a;border-radius:16px;overflow:hidden;animation:fadeUp .6s ease forwards;opacity:0}.image-placeholder{height:160px;background:linear-gradient(110deg,#222 30%,#2a2a2a,#222 70%)}.info{padding:16px}.info h3{margin-bottom:6px}.info p{color:#aaa;font-size:.9rem}.info button{margin-top:10px;width:100%;padding:10px;background:#0f9;border:none;border-radius:8px;cursor:pointer}@keyframes fadeUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.home{width:100%}.hero{min-height:80vh;background:linear-gradient(#0009,#000000e6),url(/images/hero.jpg) center/cover no-repeat;display:flex;flex-direction:column;justify-content:center;padding:24px 16px;gap:16px;text-align:center}.hero h1{font-size:2rem;line-height:1.2}.hero p{font-size:1rem;opacity:.85}.hero-btn{margin-top:20px;align-self:center;padding:14px 28px;border-radius:30px;border:none;background:#0f9;color:#000;font-weight:700;cursor:pointer;transition:transform .3s ease}.hero-btn:hover{transform:translateY(4px)}.vitrine{padding:40px 16px}.services-cta{display:flex;justify-content:center;margin:48px 0 16px}.services-link{padding:14px 36px;border-radius:30px;background:#0f9;color:#000;font-weight:700;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.services-link:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0006}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.vitrine{padding:80px 10%}.vitrine h2{text-align:center;margin-bottom:40px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.back-top{position:fixed;bottom:20px;right:16px;width:44px;height:44px;border-radius:50%;border:none;background:#0f9;color:#000;font-size:18px;cursor:pointer;box-shadow:0 10px 20px #0006}@media(min-width:768px){.hero h1{font-size:2.6rem}.hero p{font-size:1.1rem}}@media(min-width:1024px){.hero{padding:0 80px;align-items:flex-start;text-align:left}.hero-btn{align-self:flex-start}}.product-details{padding:24px 16px}.back-btn{background:none;border:none;color:#0f9;cursor:pointer;margin-bottom:16px}.title{margin-bottom:20px}.mockups{display:grid;grid-template-columns:1fr;gap:16px}.mockup{background:#111;border-radius:16px;overflow:hidden}.mockup-img{width:100%;height:180px;background:#1f1f1f}.mockup-info{padding:12px;opacity:.8}.description{color:#ccc;max-width:600px;padding-top:20px}.order-btn{margin-top:32px;width:100%;padding:14px;border-radius:30px;border:none;background:#0f9;font-weight:700;cursor:pointer}@media(min-width:768px){.mockups{grid-template-columns:repeat(2,1fr)}.mockup-img{height:200px}}@media(min-width:1024px){.mockups{grid-template-columns:repeat(3,1fr)}.mockup-img{height:220px}.product-details{max-width:1100px;margin:auto}.order-btn{width:auto;padding:14px 36px}}.service-page{padding:24px 16px}.service-top{display:flex;justify-content:center;margin-bottom:20px}.back-link{text-decoration:none;color:#0f9;font-weight:500}.service-hero{text-align:center;margin-bottom:32px}.service-hero h1{font-size:2rem;margin-bottom:8px}.service-list{display:grid;grid-template-columns:1fr;gap:20px}.service-card{background:#111;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:10px}.service-img{width:100%;height:160px;background:#1f1f1f;border-radius:12px}.price{margin-top:8px;font-size:1.1rem;color:#0f9}.service-card button{margin-top:12px;padding:12px;border-radius:30px;border:none;background:#0f9;font-weight:700;cursor:pointer}@media(min-width:768px){.service-list{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.service-list{grid-template-columns:repeat(3,1fr);max-width:1100px;margin:auto}}.payment-page{padding:20px 16px}.payment-top{display:flex;justify-content:center;margin-bottom:20px}.payment-top a{color:#0f9;text-decoration:none}.payment-box{display:flex;flex-direction:column;gap:14px}.payment-box h2{text-align:center}.back-link{color:#0f9;text-decoration:none;font-weight:500;transition:opacity .2s ease}.back-link:hover{opacity:.8}.service-type{text-align:center;font-size:.9rem;opacity:.7}.price{text-align:center;font-size:1.3rem;color:#0f9}label{display:flex;flex-direction:column;gap:6px}input,textarea{padding:12px;border-radius:12px;border:none;background:#1a1a1a;color:#fff}textarea{min-height:120px}button{margin-top:12px;padding:14px;border-radius:30px;border:none;background:#0f9;font-weight:700;cursor:pointer}@media(min-width:1024px){.payment-box{max-width:480px;margin:auto;padding:32px;background:#111;border-radius:24px}}.checkout-page{padding:20px 16px}.checkout-top{display:flex;justify-content:center;margin-bottom:16px}.checkout-top button{background:none;border:none;color:#0f9;font-size:.95rem;cursor:pointer}.checkout-box{display:flex;flex-direction:column;gap:14px}.checkout-box h2{text-align:center;margin-bottom:8px}.checkout-item{display:flex;justify-content:space-between;font-size:.95rem}.checkout-item span{opacity:.7}.checkout-description{background:#1a1a1a;padding:12px;border-radius:12px;font-size:.9rem}.checkout-description span{display:block;opacity:.7;margin-bottom:6px}.finish-btn{margin-top:12px;padding:14px;border-radius:30px;border:none;background:#0f9;font-weight:700;cursor:pointer}@media(min-width:1024px){.checkout-box{max-width:480px;margin:auto;padding:32px;background:#111;border-radius:24px}}.popup-overlay{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center}.popup{background:#111;padding:24px;border-radius:20px;text-align:center;max-width:320px;width:90%}.popup-actions{display:flex;gap:10px;margin-top:16px}.popup-actions button{flex:1;padding:10px;border-radius:20px;border:none;cursor:pointer}.contact{padding:2rem 1rem;max-width:500px;margin:0 auto}.contact h2{text-align:center;margin-bottom:.5rem}.contact p{text-align:center;margin-bottom:1.5rem;color:#666}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form select,.contact-form textarea{padding:.75rem;border-radius:8px;border:1px solid #ccc;font-size:1rem}.contact-form button{padding:.8rem;border:none;border-radius:8px;background:#111;color:#fff;font-size:1rem;cursor:pointer;transition:.3s}.contact-form button:hover{background:#333}@media(min-width:768px){.contact{padding:3rem 1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#0f0f0f;color:#fff}footer{padding:10px;text-align:center;background-color:#000;margin-top:auto;margin-top:8vh}footer a{color:#fff;text-decoration:none}
