@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--bg-main:#fcfbf9;--bg-card:#fff;--text-main:#2d262a;--text-muted:#6b5c65;--accent-soft:#f4dcd6;--accent-gold:#d4af37;--accent-plum:#4a3041;--card-border:#4a304114;--card-shadow:0 15px 35px #4a30410d;--gradient:linear-gradient(135deg, #f4dcd6 0%, #e8c5c0 100%)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-main);color:var(--text-main);font-family:Inter,sans-serif;line-height:1.7;overflow-x:hidden}h1,h2,h3,.brand{color:var(--accent-plum);font-family:Playfair Display,serif}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid var(--card-border);background:#fcfbf9f2;padding:1.5rem 0;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:.5px;font-size:1.8rem;font-weight:700}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-main);text-transform:uppercase;letter-spacing:1.5px;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--accent-gold)}.hero{text-align:center;background:radial-gradient(circle at top,#f4dcd666,#0000 70%);padding:7rem 0 5rem}.hero h1{margin-bottom:1.5rem;font-size:4rem;font-weight:600;line-height:1.2;animation:.8s ease-out fadeInDown}.hero-subtitle{color:var(--text-muted);max-width:800px;margin:0 auto 2.5rem;font-size:1.15rem;animation:.8s ease-out .2s both fadeInUp}.service-tags{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:3rem;animation:.8s ease-out .4s both fadeInUp;display:flex}.tag{border:1px solid var(--card-border);color:var(--accent-plum);background:#fff;border-radius:2rem;padding:.5rem 1.5rem;font-size:.9rem;font-weight:500;box-shadow:0 4px 10px #00000005}.btn{background:var(--accent-plum);color:#fff;letter-spacing:1px;text-align:center;text-transform:uppercase;border:1px solid #0000;border-radius:2rem;padding:.85rem 2rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.btn:hover{background:#362230;transform:translateY(-2px);box-shadow:0 10px 20px #4a304126}.btn-large{padding:1.1rem 3rem;font-size:.95rem}.btn-outline{color:var(--accent-plum);border-color:var(--accent-plum);background:0 0}.btn-outline:hover{background:var(--accent-plum);color:#fff}.showcase{padding:2rem 0 8rem}.grid{grid-template-columns:repeat(3,1fr);gap:3rem;display:grid}.card{background:var(--bg-card);border:1px solid var(--card-border);cursor:pointer;min-height:550px;box-shadow:var(--card-shadow);border-radius:1.5rem;flex-direction:column;transition:all .5s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.card:hover{border-color:#d4af374d;transform:translateY(-15px);box-shadow:0 25px 50px #4a30411f}.card-preview{border-bottom:1px solid var(--card-border);background:#f8f6f5;justify-content:center;align-items:flex-end;height:280px;padding:1.5rem 1.5rem 0;display:flex}.preview-browser{border:1px solid var(--card-border);background:#fff;border-bottom:none;border-radius:8px 8px 0 0;flex-direction:column;width:100%;height:90%;transition:transform .5s;display:flex;overflow:hidden;box-shadow:0 -5px 20px #0000000d}.card:hover .preview-browser{transform:translateY(-10px)}.browser-header{background:#f0ecea;border-bottom:1px solid #e8e4e2;align-items:center;gap:5px;height:20px;padding:0 10px;display:flex}.dot{background:#d4cfcd;border-radius:50%;width:6px;height:6px}.browser-body{flex-grow:1;padding:15px}.wireframe-header{background:#f0ecea;border-radius:4px;width:100%;height:12px;margin-bottom:15px}.wireframe-hero{border-radius:6px;width:100%;height:80px;margin-bottom:15px}.wireframe-boxes{gap:10px;display:flex}.wireframe-boxes span{border-radius:4px;flex:1;height:50px}.theme-1 .wireframe-hero{background:var(--gradient)}.theme-1 .wireframe-boxes span{background:#4a30411a}.theme-2 .wireframe-hero{background:linear-gradient(135deg,#f5ecd5 0%,#e2d1a3 100%)}.theme-2 .wireframe-boxes span{background:#d4af371a}.theme-3 .wireframe-hero{background:linear-gradient(135deg,#e3e6ec 0%,#c4c9d4 100%)}.theme-3 .wireframe-boxes span{background:#6b5c651a}.card-content{flex-direction:column;flex-grow:1;padding:2.5rem 2rem;display:flex}.card h3{letter-spacing:.5px;margin-bottom:1rem;font-size:1.6rem}.card p{color:var(--text-muted);margin-bottom:2.5rem;font-size:.95rem;line-height:1.6}.card .btn{width:100%;margin-top:auto}.footer{text-align:center;border-top:1px solid var(--card-border);padding:4rem 0}.footer p{color:var(--text-muted);letter-spacing:.5px;font-size:.9rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.nav-links{display:none}.hero h1{font-size:3rem}.hero{padding:5rem 0 3rem}.grid{grid-template-columns:1fr}.card-preview{height:240px}}.App{flex-direction:column;min-height:100vh;display:flex}