.navbar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;height:80px;padding:0 2.5rem;background-color:#0d1117;color:#fff;box-shadow:0 2px 5px #0003;font-family:Quicksand,sans-serif}.logo{font-size:1.8rem;font-weight:700;color:#fff;margin:0 auto}.logo-accent{color:#00b3cc}.nav-links{display:flex;gap:2.8rem;list-style:none;margin:0;padding:0}.nav-group-left{flex:1;justify-content:flex-end;margin-right:2rem}.nav-group-right{flex:1;justify-content:flex-start;margin-left:2rem}.nav-links li a{color:#e0e0e0;text-decoration:none;font-size:1.15rem;font-weight:500;padding:.6rem .85rem;border-radius:.25rem;transition:color .3s ease,background-color .3s ease,transform .2s ease}.nav-links li a.active,.nav-links li a:hover{color:#00d8ff;background-color:#00d8ff14;transform:translateY(-2px)}.home{background-color:#fff;min-height:calc(100vh - 64px);padding:.1rem 1rem 1rem;display:flex;justify-content:center;font-family:Quicksand,sans-serif;align-items:flex-start}.home-container{max-width:720px;text-align:center;font-size:1.125rem;line-height:1.75;width:100%}.logo-section{display:flex;align-items:center;justify-content:center;margin-bottom:.1rem}.home-logo{width:500px;height:auto;margin-bottom:.1}.business-name{font-size:4rem;font-weight:700;color:#0d1117}.home h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;line-height:1.2}.rotating{display:inline-block;color:#00b3cc;transition:opacity .4s ease-in-out}.home p{margin-bottom:1.5rem;color:#333}.home-cta{display:inline-block;padding:.75rem 1.5rem;background:#00d8ff;color:#0d1117;font-weight:600;border-radius:.5rem;text-decoration:none;transition:background .2s ease}.home-cta:hover{background:#00b3cc}.typewriter{color:#00b3cc;font-weight:600}.cursor{display:inline-block;width:1ch;color:#00b3cc;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}:root{--primary-text-color: #212529;--secondary-text-color: #495057;--accent-blue: #00d8ff;--light-gray-bg: #f8fafc;--white-bg: #ffffff;--section-padding-y: 6rem;--max-content-width: 900px}.about{background-color:var(--light-gray-bg);min-height:calc(100vh - 64px);padding:var(--section-padding-y) 2rem;display:flex;justify-content:center;font-family:Quicksand,sans-serif;color:var(--primary-text-color);text-align:center}.about-container{max-width:var(--max-content-width);line-height:1.75;font-size:1.15rem}.about h1{font-size:3.5rem;font-weight:700;margin-bottom:2rem;position:relative;color:var(--primary-text-color);line-height:1.2}.about h1:after{content:"";display:block;width:80px;height:4px;background:var(--accent-blue);margin:1.25rem auto 0;border-radius:2px}.about p{margin-bottom:1.5rem;color:var(--secondary-text-color);max-width:750px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.about{padding:4rem 1.5rem}.about-container{font-size:1rem}.about h1{font-size:2.8rem;margin-bottom:1.5rem}.about h1:after{width:60px;height:3px;margin:1rem auto 0}.about p{margin-bottom:1.25rem}}@media (max-width: 480px){.about h1{font-size:2.2rem}}:root{--primary-text-color: #212529;--secondary-text-color: #495057;--accent-blue: #292c2c;--light-gray-bg: #f8fafc;--white-bg: #ffffff;--card-shadow: 0 10px 30px rgba(0, 0, 0, .08);--hover-shadow: 0 15px 40px rgba(0, 0, 0, .15);--section-padding-y: 6rem;--max-content-width: 1000px}.use-cases-page{font-family:Quicksand,sans-serif;padding:0;background-color:var(--light-gray-bg);color:var(--primary-text-color);line-height:1.6}.use-cases-page h1,.use-cases-page h2{font-weight:700;line-height:1.2;margin-top:0;margin-bottom:1.5rem;color:var(--primary-text-color)}.use-cases-page h2{font-size:2.2rem;text-align:center}.hero-section{text-align:center;padding:var(--section-padding-y) 2rem 4rem 2rem;background:linear-gradient(to bottom,#eff6ff 0%,var(--light-gray-bg) 100%);position:relative;overflow:hidden}.hero-section h1{font-size:3.5rem;max-width:800px;margin:0 auto 1.5rem;color:var(--primary-text-color)}.hero-section p{font-size:1.3rem;max-width:700px;margin:0 auto;color:var(--secondary-text-color)}.cards-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;padding:4rem 2rem;max-width:var(--max-content-width);margin:0 auto}.use-case-card{background:var(--white-bg);padding:2.2rem;border-radius:16px;box-shadow:var(--card-shadow);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.use-case-card:hover{transform:translateY(-8px);box-shadow:var(--hover-shadow)}.use-case-card h2{font-size:1.8rem;font-weight:700;color:var(--accent-blue);margin-bottom:1rem;text-align:left}.card-description{font-size:1rem;color:var(--secondary-text-color);margin-bottom:1.5rem;flex-grow:1}.card-meta{font-size:.95rem;color:var(--primary-text-color);margin-top:1rem;padding-top:1rem;border-top:1px solid #eee;width:100%}.card-meta p{margin-bottom:.5rem}.card-meta strong{color:var(--primary-text-color);font-weight:600}.card-meta span{color:var(--secondary-text-color);font-weight:500}.impact-section,.why-it-works{max-width:800px;margin:4rem auto;background:var(--white-bg);padding:3rem;border-radius:16px;box-shadow:var(--card-shadow);text-align:center}.impact-section h2,.why-it-works h2{color:var(--primary-text-color);margin-bottom:2rem}.impact-section ul{list-style:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:1.2rem}.impact-section ul li{font-size:1.15rem;color:var(--secondary-text-color);position:relative;padding-left:25px;text-align:left;max-width:600px;margin:0 auto}.impact-section ul li:before{content:"✓";color:var(--accent-blue);font-weight:700;position:absolute;left:0;top:0}.impact-section strong{color:var(--accent-blue);font-weight:700}.why-it-works p{font-size:1.1rem;line-height:1.7;color:var(--secondary-text-color);max-width:700px;margin:0 auto}@media (max-width: 768px){.hero-section h1{font-size:2.5rem}.hero-section p{font-size:1rem}.cards-section{grid-template-columns:1fr;padding:2.5rem 1.5rem}.use-case-card{padding:1.8rem}.impact-section,.why-it-works{padding:2rem;margin:3rem auto}.impact-section ul li{font-size:1rem;padding-left:20px}}@media (max-width: 480px){.hero-section h1{font-size:2rem}.hero-section{padding:4rem 1rem 3rem}}:root{--primary-text-color: #212529;--secondary-text-color: #495057;--accent-blue: #00d8ff;--light-gray-bg: #f8fafc;--white-bg: #ffffff;--form-field-border: #ced4da;--form-field-focus: #80bdff;--button-hover-bg: #00b3cc;--card-shadow: 0 10px 30px rgba(0, 0, 0, .08);--section-padding-y: 6rem;--max-content-width: 1100px}.contact-page{font-family:Quicksand,sans-serif;background-color:var(--light-gray-bg);color:var(--primary-text-color);padding:var(--section-padding-y) 2rem;min-height:calc(100vh - 64px);display:flex;justify-content:center;align-items:flex-start}.contact-container{max-width:var(--max-content-width);width:100%;text-align:center}.contact-page h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--primary-text-color);line-height:1.2}.contact-intro{font-size:1.3rem;max-width:800px;margin:0 auto 3rem;color:var(--secondary-text-color)}.contact-content-grid{display:grid;grid-template-columns:1fr .7fr;gap:3rem;max-width:1000px;margin:0 auto;text-align:left;background:var(--white-bg);border-radius:16px;box-shadow:var(--card-shadow);padding:3rem}.contact-form-section,.contact-info-section{padding:0}.contact-form-section h2,.contact-info-section h2{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:var(--primary-text-color);text-align:left}.contact-form .form-group{margin-bottom:1.5rem}.contact-form label{display:block;font-size:1rem;font-weight:600;color:var(--primary-text-color);margin-bottom:.5rem}.contact-form input[type=text],.contact-form input[type=email],.contact-form textarea{width:100%;padding:.8rem 1rem;font-size:1rem;border:1px solid var(--form-field-border);border-radius:8px;background-color:#fcfcfc;color:var(--primary-text-color);transition:border-color .2s ease,box-shadow .2s ease}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a0a0a0}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #00d8ff40}.contact-form textarea{resize:vertical;min-height:120px}.submit-button{display:inline-block;padding:1rem 2rem;background:var(--accent-blue);color:var(--primary-text-color);font-weight:600;font-size:1.1rem;border:none;border-radius:.5rem;cursor:pointer;transition:background .2s ease,transform .2s ease;margin-top:1rem}.submit-button:hover{background:var(--button-hover-bg);transform:translateY(-2px)}.submission-message{margin-top:1.5rem;padding:1rem;border-radius:8px;font-weight:500}.submission-message.success{background-color:#e6ffed;color:#28a745;border:1px solid #28a745}.submission-message.error{background-color:#ffebe6;color:#dc3545;border:1px solid #dc3545}.contact-info-section .info-item{margin-bottom:2rem}.contact-info-section .info-item h3{font-size:1.3rem;font-weight:600;color:var(--primary-text-color);margin-bottom:.5rem}.contact-info-section .info-item p{font-size:1.05rem;color:var(--secondary-text-color);margin:0}.contact-info-section .info-item a{color:var(--accent-blue);text-decoration:none;transition:color .2s ease}.contact-info-section .info-item a:hover{text-decoration:underline;color:var(--button-hover-bg)}.social-icons a{display:inline-block;margin-right:1rem;font-size:1.05rem;text-decoration:none;color:var(--secondary-text-color);transition:color .2s ease,transform .2s ease}.social-icons a:hover{color:var(--accent-blue);transform:translateY(-2px)}@media (max-width: 992px){.contact-content-grid{grid-template-columns:1fr;gap:2.5rem;padding:2.5rem}}@media (max-width: 768px){.contact-page{padding:4rem 1.5rem}.contact-page h1{font-size:2.8rem}.contact-intro{font-size:1.1rem;margin-bottom:2.5rem}.contact-form-section h2,.contact-info-section h2{font-size:1.8rem;margin-bottom:1.2rem}.contact-content-grid{padding:2rem}}@media (max-width: 480px){.contact-page h1{font-size:2.2rem}.contact-intro{font-size:.95rem}.contact-form label,.contact-form input,.contact-form textarea,.submit-button{font-size:.9rem}.submit-button{padding:.8rem 1.5rem}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Quicksand,sans-serif;background:#fff;color:#111}body{display:flex;flex-direction:column}main{flex:1;padding:2rem;max-width:52rem;margin:0 auto}
