:root{--header-height:clamp(70px,8vh,90px);--brand-yellow:gold;--brand-yellow-hover:#e6c200;--brand-blue-accent:#00b4d8;--brand-blue-btn:#0077b6;--brand-blue-hover:#023e8a;--bg-dark:#0f172a;--bg-navy-overlay:rgba(11,19,43,.92)}body{color:#333;font-family:Arial,sans-serif;padding-top:clamp(70px,8vh,90px);padding-top:var(--header-height)}.home-container{box-sizing:border-box;margin:0 auto;width:100%}.home-header{background-color:#0f172a;background-color:var(--bg-dark);box-shadow:0 2px 10px rgba(0,0,0,.3);color:#fff;height:clamp(70px,8vh,90px);height:var(--header-height);justify-content:space-between;left:0;padding:0 5%;position:fixed;right:0;top:0;z-index:1000}.home-header,.logo-section a{align-items:center;display:flex}.logo-section a{text-decoration:none}.header-logo{height:clamp(38px,5vw,50px);object-fit:contain;width:auto}.main-nav ul{align-items:center;display:flex;gap:32px;list-style:none;margin:0;padding:0}.main-nav a{color:#f8fafc;font-size:.95rem;font-weight:500;padding:4px 0;text-decoration:none;transition:color .2s ease}.main-nav a:hover{color:gold;color:var(--brand-yellow)}.main-nav a.active{border-bottom:2px solid gold;border-bottom:2px solid var(--brand-yellow);color:gold!important;color:var(--brand-yellow)!important;font-weight:700}.get-started-btn.desktop-btn{background-color:gold;background-color:var(--brand-yellow);border:none;border-radius:6px;color:#0f172a;color:var(--bg-dark);cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 24px;transition:background-color .2s ease,transform .2s ease}.get-started-btn.desktop-btn:hover{background-color:#e6c200;background-color:var(--brand-yellow-hover);transform:translateY(-1px)}.menu-toggle-btn{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem;padding:8px}.mobile-cta-item{display:none}.hero-section{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:45vh;padding:clamp(60px,10vh,120px) 5%;position:relative;text-align:center;z-index:1}.hero-section:before{background:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.75));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.hero-section.hero-blue-theme:before{background:linear-gradient(135deg,rgba(11,19,43,.92),rgba(28,37,65,.88) 50%,rgba(15,23,42,.95));background:linear-gradient(135deg,var(--bg-navy-overlay) 0,rgba(28,37,65,.88) 50%,rgba(15,23,42,.95) 100%)}.hero-badge-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.08);border:1px solid rgba(0,180,216,.4);border-radius:20px;color:#caf0f8;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:6px 16px}.badge-icon{color:#00b4d8;color:var(--brand-blue-accent)}.tagline{font-size:clamp(2em,5vw,3.2em);font-weight:800;letter-spacing:-.5px;margin-bottom:16px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.highlight-blue-text{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#00b4d8,#90e0ef);-webkit-background-clip:text;display:inline-block}.description-text{color:#e2e8f0;font-size:clamp(1.05em,2vw,1.25em);line-height:1.6;margin:0 auto 24px;max-width:760px;text-shadow:0 1px 4px rgba(0,0,0,.5)}.get-started-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 28px;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.get-started-btn.hero-btn{background-color:gold;background-color:var(--brand-yellow);box-shadow:0 4px 14px rgba(255,215,0,.3);color:#111827;font-size:1.1em;padding:14px 36px}.get-started-btn.hero-btn:hover{background-color:#e6c200;background-color:var(--brand-yellow-hover);box-shadow:0 6px 20px rgba(255,215,0,.4);transform:translateY(-2px)}.get-started-btn.hero-btn:active{transform:translateY(0)}.hero-cta-group{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:40px}.primary-blue-btn{align-items:center;background:linear-gradient(135deg,#0077b6,#00b4d8)!important;background:linear-gradient(135deg,var(--brand-blue-btn) 0,var(--brand-blue-accent) 100%)!important;box-shadow:0 4px 20px rgba(0,180,216,.35)!important;color:#fff!important;display:inline-flex;gap:10px}.primary-blue-btn:hover{background:linear-gradient(135deg,#023e8a,#0077b6)!important;background:linear-gradient(135deg,var(--brand-blue-hover) 0,var(--brand-blue-btn) 100%)!important;box-shadow:0 6px 24px rgba(0,180,216,.5)!important}.secondary-blue-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:14px 28px;transition:all .2s ease}.secondary-blue-btn:hover{background:hsla(0,0%,100%,.2);border-color:#00b4d8;border-color:var(--brand-blue-accent);transform:translateY(-2px)}.btn-arrow{transition:transform .2s ease}.primary-blue-btn:hover .btn-arrow{transform:translateX(4px)}.hero-stats-strip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(15,23,42,.6);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);gap:32px;justify-content:center;padding:16px 36px}.hero-stats-strip,.stat-item{align-items:center;display:flex}.stat-item{flex-direction:column}.stat-number{color:#00b4d8;color:var(--brand-blue-accent);font-size:1.4rem;font-weight:800}.stat-label{color:#94a3b8;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.stat-divider{background:hsla(0,0%,100%,.15);height:28px;width:1px}.feature-cards-section{grid-gap:32px;background-color:#f8fafc;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1280px;padding:60px 5%}.feature-card{align-items:center;background-color:#fff;border:2px solid gold;border:2px solid var(--brand-yellow);border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.05);display:flex;flex-direction:column;justify-content:space-between;min-height:320px;padding:32px 24px;text-align:center;transition:transform .25s ease,box-shadow .25s ease}.feature-card:hover{box-shadow:0 12px 24px rgba(0,0,0,.1);transform:translateY(-6px)}.card-icon{color:gold;color:var(--brand-yellow);font-size:2.8em;margin-bottom:16px}.card-title{color:#0f172a;color:var(--bg-dark);font-size:1.4em;font-weight:700;margin:0 0 12px}.card-description{color:#475569;flex-grow:1;font-size:.98em;line-height:1.55;margin-bottom:24px}.card-btn{background-color:#0f172a;background-color:var(--bg-dark);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;max-width:220px;padding:12px 24px;transition:background-color .2s ease,color .2s ease,transform .2s ease;width:100%}.card-btn:hover{background-color:gold;background-color:var(--brand-yellow);color:#0f172a;color:var(--bg-dark);transform:translateY(-1px)}@media (max-width:768px){.menu-toggle-btn{display:block}.get-started-btn.desktop-btn{display:none}.main-nav{background-color:#0f172a;background-color:var(--bg-dark);box-shadow:0 10px 15px rgba(0,0,0,.4);left:0;max-height:0;overflow:hidden;position:absolute;right:0;top:clamp(70px,8vh,90px);top:var(--header-height);transition:max-height .3s ease-in-out}.main-nav.open{max-height:360px}.main-nav ul{flex-direction:column;gap:0;padding:20px 0}.main-nav li{text-align:center;width:100%}.main-nav a{border-bottom:1px solid hsla(0,0%,100%,.05);display:block;padding:12px 0}.mobile-cta-item{display:block;padding-top:16px}.get-started-btn.nav-btn{background-color:gold;background-color:var(--brand-yellow);border:none;border-radius:6px;color:#0f172a;color:var(--bg-dark);font-weight:700;margin:0 auto;padding:12px;width:80%}.hero-section{min-height:auto;padding:50px 20px}.hero-stats-strip{flex-direction:column;gap:16px;padding:20px;width:90%}.stat-divider{height:1px;width:60%}.feature-cards-section{gap:24px;grid-template-columns:1fr;padding:40px 20px}.feature-card{min-height:auto}}.footer{background-color:#1a1a1a;border-top:1px solid #333;color:#ccc;flex-shrink:0;margin-top:50px;padding:20px 0;text-align:center;width:100%}.footer .container{margin:0 auto;max-width:1200px;width:90%}.footer p{font-size:.9em;margin:0}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-container,.main-content{box-sizing:border-box;margin:0;max-width:100vw;overflow-x:hidden;padding:0;width:100%}.main-content{flex:1 1}.App{max-width:100vw;overflow-x:hidden;text-align:center;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}