@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&family=Open+Sans:wght@400;600&display=swap";:root{--color-primary: #007bff;--color-purple: #800080;--color-orange: #FF6F3C;--color-green: #A6CE39;--color-yellow: #FFD447;--color-white: #FFFFFF;--color-light-grey: #F5F5F5;--color-charcoal: #333333;--font-heading: "Montserrat", sans-serif;--font-body: "Open Sans", sans-serif;font-family:var(--font-body);line-height:1.6;font-weight:400;color:var(--color-charcoal);background-color:var(--color-white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}section[id]{scroll-margin-top:100px}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-charcoal)}h1{font-size:3rem;font-weight:800}h2{font-size:2.5rem}h3{font-size:2rem}a{font-weight:600;color:var(--color-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-purple)}button{border-radius:8px;border:none;padding:.875rem 2rem;font-size:1rem;font-weight:600;font-family:var(--font-heading);background-color:var(--color-primary);color:var(--color-white);cursor:pointer;transition:all .3s ease}button:hover{background-color:var(--color-purple);transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}button:focus,button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.navbar{background-color:var(--color-white);padding:1.5rem 0;box-shadow:0 2px 8px #00000014;position:sticky;top:0;z-index:100}.navbar .container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{height:50px}.nav-links{display:flex;gap:2rem;list-style:none}.nav-mobile{display:none;align-items:center}.nav-burger{background:transparent;border:0;padding:.5rem;cursor:pointer;width:44px;height:44px;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;box-shadow:none}.nav-burger:hover{background:transparent;transform:none;box-shadow:none}.nav-burger span{display:block;width:22px;height:2px;background:var(--color-charcoal);border-radius:2px;transition:all .3s ease}.menu-open .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-open .nav-burger span:nth-child(2){opacity:0}.menu-open .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-panel{background:var(--color-white);border-top:1px solid rgba(0,0,0,.08);box-shadow:0 4px 12px #0000000f}.nav-panel ul{list-style:none;padding:.5rem 2rem;margin:0}.nav-panel a{display:block;padding:1rem 0;color:var(--color-charcoal);text-decoration:none;font-weight:600;font-family:var(--font-body);border-bottom:1px solid rgba(0,0,0,.06);min-height:44px}.nav-panel li:last-child a{border-bottom:0}.nav-panel a:hover{color:var(--color-primary)}.hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-purple) 100%);color:var(--color-white);padding:6rem 2rem;text-align:center}.hero h1{color:var(--color-white);font-size:3.5rem;margin-bottom:1.5rem;font-weight:800}.hero p{font-size:1.25rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;opacity:.95}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero button{background-color:var(--color-white);color:var(--color-primary)}.hero button:hover{background-color:var(--color-light-grey);transform:translateY(-2px)}.hero .secondary-btn{background-color:transparent;color:var(--color-white);border:2px solid var(--color-white)}.hero .secondary-btn:hover{background-color:#ffffff1a}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:5rem 2rem}.section-title{text-align:center;margin-bottom:3rem}.section-subtitle{text-align:center;color:#666;font-size:1.125rem;margin-top:.5rem;max-width:700px;margin-left:auto;margin-right:auto}.brands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.brand-card{background-color:var(--color-white);border-radius:12px;padding:2.5rem;box-shadow:0 4px 12px #00000014;transition:all .3s ease;text-align:center}.brand-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px #00000026}.brand-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:var(--color-white);font-weight:700}.brand-card h3{margin-bottom:1rem;font-size:1.5rem}.brand-card p{color:#666;line-height:1.6}.brand-purple{background-color:var(--color-purple)}.brand-orange{background-color:var(--color-orange)}.brand-green{background-color:var(--color-green)}.brand-yellow{background-color:var(--color-yellow);color:var(--color-charcoal)}.brand-card-link{text-decoration:none;color:inherit;display:block;cursor:pointer}.brand-card-link:hover{transform:translateY(-8px);box-shadow:0 8px 24px #007bff33}.features{background-color:var(--color-light-grey)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin-top:3rem}.feature-item{text-align:center}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-item h3{margin-bottom:1rem;font-size:1.25rem}.feature-item p{color:#666;line-height:1.6}.contact-cta{max-width:600px;margin:0 auto;text-align:center}.contact-cta-button{display:inline-block;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;font-family:var(--font-heading);background-color:var(--color-primary);color:var(--color-white);border-radius:8px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #007bff33}.contact-cta-button:hover{background-color:var(--color-purple);color:var(--color-white);transform:translateY(-2px);box-shadow:0 6px 18px #80008040}.footer{background-color:var(--color-charcoal);color:var(--color-white);padding:3rem 2rem 2rem;text-align:center}.footer-content{max-width:1200px;margin:0 auto}.footer p{margin-top:2rem;opacity:.8}@media(max-width:768px){.hero h1{font-size:2.5rem}.nav-links{display:none}.nav-mobile{display:inline-flex}.brands-grid,.features-grid{grid-template-columns:1fr}}@media(max-width:480px){.nav-panel ul{padding:.25rem 1rem}}