@import "https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700;800&display=swap";:root{--bg-color:#030612;--surface-color:#141e3866;--surface-color-solid:#0d152a;--primary-color:#ebd181;--primary-hover:#faeab8;--glow-color:#ebd18126;--text-primary:#fff;--text-secondary:#9daec7;--border-color:#ffffff14;--bento-radius:24px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#ebd1810a,#0000 25%),radial-gradient(circle at 85% 30%,#3a506b26,#0000 25%);background-attachment:fixed;font-family:Outfit,system-ui,-apple-system,sans-serif;line-height:1.6}a{color:var(--primary-color);text-decoration:none;transition:color .3s}a:hover{color:var(--primary-hover)}.app-container{flex-direction:column;min-height:100vh;display:flex}.navbar{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);z-index:100;background:#0a0f1eb3;border-radius:999px;justify-content:space-between;align-items:center;margin:1.5rem 5%;padding:1rem 2rem;display:flex;position:sticky;top:1.5rem;box-shadow:0 10px 40px #0000004d}.logo{color:var(--text-primary);letter-spacing:-.5px;align-items:center;gap:.25rem;font-size:1.5rem;font-weight:800;display:flex}.logo-text span{transition:all .3s}.nav-actions{align-items:center;gap:1.25rem;display:flex}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-primary);opacity:.8;font-size:.95rem;font-weight:500}.nav-links a:hover{opacity:1;color:var(--primary-hover)}.login-btn{color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;background:#ffffff0d;border-radius:999px;padding:.75rem 1.75rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-btn:hover{background:var(--text-primary);color:var(--bg-color);transform:translateY(-2px);box-shadow:0 4px 20px #ffffff1a}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:none}.hero{text-align:center;background-image:linear-gradient(to bottom, transparent, var(--bg-color) 95%), url(/horizontal-hero.png);background-position:50% 30%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;min-height:85vh;margin-top:-6rem;padding:8rem 5% 4rem;display:flex;position:relative}.hero:before{content:"";z-index:1;background:#030612b3;position:absolute;inset:0}.hero-content{z-index:2;max-width:900px;margin-top:4rem;position:relative}.badge{color:var(--primary-hover);letter-spacing:1.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ebd1811a;border:1px solid #ebd1814d;border-radius:999px;margin-bottom:2.5rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;display:inline-block}.hero-content h1{letter-spacing:-2px;color:var(--text-primary);text-shadow:0 10px 30px #000c;margin-bottom:1.5rem;font-size:clamp(2.5rem,8vw,5.5rem);font-weight:800;line-height:1.05}.hero-content h1 span{background:linear-gradient(135deg, #fff 0%, var(--primary-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-content p{color:var(--text-secondary);text-shadow:0 2px 10px #000c;max-width:700px;margin-bottom:3.5rem;margin-left:auto;margin-right:auto;font-size:clamp(1.1rem,3vw,1.35rem);font-weight:300}.cta-btn{background:var(--text-primary);color:var(--bg-color);cursor:pointer;letter-spacing:.5px;border:none;border-radius:999px;padding:1.1rem 2.8rem;font-family:inherit;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #fff3}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #ffffff4d}.brands{width:100%;margin-top:6rem}.brands p{text-transform:uppercase;letter-spacing:3px;color:var(--text-secondary);margin-bottom:2rem;font-size:.8rem;font-weight:600}.brands-container{flex-wrap:nowrap;justify-content:center;align-items:center;gap:4rem;display:flex}.brand-logo{object-fit:contain;opacity:.4;filter:brightness(0)invert();width:auto;height:30px;transition:all .4s}.brand-logo:hover{opacity:1;transform:translateY(-2px)}.bio-section{align-items:center;gap:4rem;max-width:1300px;margin:0 auto;padding:6rem 5% 0;display:flex}.bio-image-wrapper{flex:1;justify-content:flex-end;display:flex;position:relative}.bio-image{border-radius:var(--bento-radius);border:1px solid var(--border-color);width:100%;max-width:450px;transition:transform .4s;box-shadow:0 30px 60px #00000080}.bio-image:hover{transform:scale(1.02)}.bio-content{flex:1}.bio-content h2{letter-spacing:-1px;color:var(--text-primary);margin-bottom:.5rem;font-size:clamp(2.2rem,5vw,3rem);font-weight:800}.bio-content h3{color:var(--primary-color);text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;font-size:1.15rem;font-weight:600}.bio-content p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.15rem;font-weight:300}.about{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;max-width:1300px;margin:0 auto;padding:6rem 5%;display:grid}.about>div:first-child{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--bento-radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:4rem}.about-features{flex-direction:column;gap:1.5rem;display:flex}.feature{background:var(--surface-color-solid);border-radius:var(--bento-radius);border:1px solid var(--border-color);align-items:flex-start;gap:1.25rem;padding:2rem;transition:transform .3s,border-color .3s;display:flex}.feature:hover{border-color:#fff3;transform:translate(10px)}.feature-icon{color:var(--primary-color);background:var(--glow-color);border-radius:12px;padding:.75rem}.feature h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.feature p{color:var(--text-secondary);font-size:.95rem;font-weight:300}.categories-ribbon{flex-wrap:wrap;justify-content:center;gap:2.5rem;max-width:1400px;margin:0 auto;padding:3rem 5% 5rem;display:flex}.category-item{text-align:center;cursor:pointer;flex-direction:column;flex:0 0 220px;align-items:center;gap:1.5rem;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex}.category-item:hover{transform:translateY(-8px)}.category-item:hover .category-img{border-color:#fff3;box-shadow:0 20px 40px #00000080}.category-img{aspect-ratio:1;object-fit:cover;border-radius:var(--bento-radius);border:1px solid var(--border-color);background:var(--surface-color);width:100%;transition:all .4s;box-shadow:0 10px 30px #0000004d}.category-item span{color:var(--text-primary);letter-spacing:.5px;font-size:.95rem;font-weight:600}.services{max-width:1300px;margin:0 auto;padding:8rem 5%}.section-title{text-align:center;color:var(--text-primary);letter-spacing:-1px;margin-bottom:1rem;font-size:clamp(2.2rem,6vw,3rem);font-weight:800}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:5rem;font-size:1.15rem;font-weight:300}.services-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.service-card{background:var(--surface-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--bento-radius);border:1px solid var(--border-color);flex-direction:column;padding:3rem 2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(90deg, transparent, var(--primary-color), transparent);opacity:0;height:1px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.service-card:hover{background:#1c2541b3;border-color:#ffffff26;transform:translateY(-10px);box-shadow:0 20px 50px #0006}.service-card:hover:before{opacity:.5}.service-price{color:var(--text-primary);letter-spacing:-1px;margin:1.5rem 0;font-size:3.5rem;font-weight:800}.service-price span{color:var(--text-secondary);font-size:1rem;font-weight:400}.service-desc{color:var(--text-secondary);flex:1;margin-bottom:2rem;font-weight:300}.service-list{margin-bottom:2.5rem;list-style:none}.service-list li{border-bottom:1px solid var(--border-color);color:var(--text-secondary);align-items:center;gap:.75rem;padding:.75rem 0;font-size:.95rem;font-weight:300;display:flex}.buy-btn{background:var(--surface-color-solid);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:999px;padding:1.1rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .3s}.service-card:nth-child(2) .buy-btn,.buy-btn:hover{background:var(--text-primary);color:var(--bg-color)}.contact{flex-direction:column;align-items:center;padding:6rem 5%;display:flex}.contact-form{background:var(--surface-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--bento-radius);border:1px solid var(--border-color);flex-direction:column;gap:1.75rem;width:100%;max-width:700px;padding:4rem;display:flex}.form-group{flex-direction:column;gap:.75rem;display:flex}.form-group label{color:var(--text-secondary);letter-spacing:.5px;font-size:.85rem;font-weight:500}.form-input{border:1px solid var(--border-color);color:#fff;background:#0000004d;border-radius:12px;padding:1.1rem 1.5rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-input:focus{background:#00000080;border-color:#ffffff4d;outline:none;box-shadow:0 0 0 4px #ffffff0d}textarea.form-input{resize:vertical;min-height:150px}.footer{text-align:center;background:var(--bg-color);border-top:1px solid var(--border-color);color:var(--text-secondary);padding:4rem 5%;font-size:.9rem}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-color);border-radius:var(--bento-radius);border:1px solid #ffffff1a;width:90%;max-width:450px;padding:3.5rem;position:relative;box-shadow:0 30px 60px #000c}.modal-close{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;place-items:center;padding:.5rem;transition:all .2s;display:grid;position:absolute;top:1.5rem;right:1.5rem}.modal-close:hover{color:var(--text-primary);background:#ffffff1a}.google-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:1rem;width:100%;margin-top:1.5rem;padding:1.1rem;font-size:1rem;font-weight:600;transition:background .2s;display:flex}.google-btn:hover{background:#e5e7eb}@media (width<=1024px){.bio-section{text-align:center;flex-direction:column;padding-top:4rem}.bio-image-wrapper{justify-content:center;margin-bottom:1rem}.about{grid-template-columns:1fr;padding:4rem 5%}.about>div:first-child{padding:3rem}.services{padding:5rem 5%}.services-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}}@media (width<=768px){.navbar{border-radius:999px;flex-direction:row;margin:1rem 3%;padding:.6rem 1rem}.mobile-menu-btn{display:flex}.nav-links{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--bento-radius);text-align:center;opacity:0;pointer-events:none;background:#0a0f1ef2;flex-direction:column;gap:2rem;margin-top:1rem;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;left:0;right:0;transform:translateY(-20px);box-shadow:0 20px 40px #00000080}.nav-links.active{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links a{font-size:1.1rem}.nav-actions{gap:.5rem}.login-btn{padding:.5rem 1rem;font-size:.8rem}.logo{font-size:1.1rem}.logo img{height:28px!important}.logo-text span{display:none}.hero{padding:6rem 5% 3rem}.brands-container{flex-wrap:wrap;justify-content:center;gap:2rem}.bio-section{padding-top:3rem}.bio-image{max-width:300px}.categories-ribbon{gap:1.5rem;padding:2rem 5% 3rem}.category-item{flex:0 0 160px;gap:1rem}.about>div:first-child{padding:2rem 1.5rem}.feature{text-align:center;flex-direction:column;align-items:center;padding:1.5rem}.service-card{padding:2rem 1.5rem}.service-price{font-size:2.5rem}.contact{padding:4rem 5%}.contact-form{padding:2rem 1.5rem}.modal-content{padding:2.5rem 1.5rem}}@media (width<=480px){.categories-ribbon{gap:1rem}.category-item{flex:0 0 calc(50% - .5rem)}.brand-logo{height:25px}}