:root{--blue-50: #f0f9ff;--blue-100: #e0f2fe;--blue-200: #bae6fd;--blue-300: #7dd3fc;--blue-400: #38bdf8;--blue-500: #0ea5e9;--blue-600: #0284c7;--blue-700: #0369a1;--blue-800: #075985;--blue-900: #0c4a6e;--slate-800: #1e293b;--slate-900: #0f172a;--white: #ffffff;--gray-100: #f8fafc;--gray-200: #e2e8f0;--gray-500: #64748b;--gray-600: #475569;font-family:DM Sans,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:var(--slate-900);background-color:var(--white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}a{color:var(--blue-600);text-decoration:none}a:hover{color:var(--blue-700);text-decoration:underline}h1,h2,h3{line-height:1.2;font-weight:700}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit;font-size:1rem}:root{--shadow-sm: 0 2px 8px rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--shadow-lg: 0 20px 48px rgba(15, 23, 42, .12);--shadow-card: 0 4px 20px rgba(2, 132, 199, .08);--radius: 14px;--radius-lg: 20px;--transition: .25s ease}.header{position:sticky;top:0;z-index:100;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-200);box-shadow:0 1px #fffc}.header-inner{max-width:1100px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;text-decoration:none;transition:opacity var(--transition)}.logo:hover{opacity:.9}.logo-img{height:52px;width:auto;display:block}.logo-img-footer{height:44px}.nav{display:flex;gap:2rem}.nav a{color:var(--slate-800);text-decoration:none;font-weight:500;font-size:.95rem;transition:color var(--transition)}.nav a:hover{color:var(--blue-600);text-decoration:none}.hero{position:relative;max-width:1100px;margin:0 auto;padding:5rem 1.5rem 6rem;overflow:visible;min-height:520px;display:flex;flex-direction:row;align-items:center;gap:3rem}.hero-bg{position:absolute;inset:0;background:linear-gradient(160deg,var(--blue-50) 0%,var(--white) 45%,var(--blue-100) 100%);opacity:.95;pointer-events:none}.hero-content{position:relative;z-index:2;flex:1 1 52%;min-width:0;max-width:560px;animation:heroFadeIn .8s ease-out}.hero-image-wrap{flex:0 0 48%;max-width:500px;min-width:0;position:relative;z-index:1}.hero-image{width:100%;height:auto;display:block;object-fit:contain;object-position:center}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-block;background:var(--blue-100);color:var(--blue-700);font-size:.8rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;padding:.4rem .9rem;border-radius:100px;margin-bottom:1.25rem}.hero h1{font-size:clamp(2.25rem,5.5vw,3.25rem);color:var(--slate-900);margin:0 0 1.25rem;line-height:1.15;letter-spacing:-.02em}.hero-lead{font-size:1.15rem;color:var(--gray-600);line-height:1.7;margin:0 0 1.5rem}.hero-benefits{list-style:none;margin:0 0 2rem;padding:0;display:flex;flex-direction:column;gap:.6rem}.hero-benefits li{position:relative;padding-left:1.5rem;color:var(--slate-800);font-size:.95rem;font-weight:500}.hero-benefits li:before{content:"";position:absolute;left:0;top:.5rem;width:6px;height:6px;background:var(--blue-500);border-radius:50%}.hero-ctas{display:flex;flex-wrap:wrap;gap:1rem}.cta-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--blue-600);color:var(--white)!important;padding:.9rem 1.75rem;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 4px 14px #0284c759}.cta-primary:hover{background:var(--blue-700);text-decoration:none;transform:translateY(-1px);box-shadow:0 6px 20px #0284c766}.cta-secondary{display:inline-flex;align-items:center;justify-content:center;background:var(--white);color:var(--blue-600)!important;padding:.9rem 1.75rem;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;border:2px solid var(--blue-200);transition:border-color .2s,background .2s,color .2s}.cta-secondary:hover{text-decoration:none;border-color:var(--blue-400);background:var(--blue-50);color:var(--blue-700)!important}.section{max-width:1100px;margin:0 auto;padding:5rem 1.5rem}.section-label{display:block;text-align:center;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-600);margin-bottom:.5rem}.section h2{font-size:clamp(1.85rem,4vw,2.5rem);color:var(--slate-900);margin:0 0 .75rem;text-align:center;letter-spacing:-.02em}.section-sub{text-align:center;color:var(--gray-600);max-width:480px;margin:0 auto 2.5rem;font-size:1.05rem;line-height:1.6}.features{background:linear-gradient(180deg,var(--white) 0%,var(--blue-50) 100%)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{background:var(--white);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--blue-100);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--blue-500),var(--blue-400));border-radius:4px 0 0 4px}.feature-card-img-wrap{width:100%;aspect-ratio:16 / 10;min-height:140px;border-radius:12px;overflow:hidden;margin-bottom:1rem;background:var(--blue-50);display:flex;align-items:center;justify-content:center}.feature-card-img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0284c71f;border-color:var(--blue-200)}.feature-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--blue-500),var(--blue-600));color:var(--white);font-weight:700;font-size:1.2rem;border-radius:12px;margin-bottom:1.25rem;box-shadow:0 4px 12px #0284c74d}.feature-card h3{font-size:1.2rem;color:var(--slate-900);margin:0 0 .5rem}.feature-card p{color:var(--gray-600);margin:0;font-size:.95rem;line-height:1.65}@media(max-width:900px){.features-grid{grid-template-columns:1fr}}.platform{background:var(--white)}.platform-showcase{display:flex;flex-direction:column;gap:5rem}.showcase-item{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.showcase-item.reverse{direction:rtl}.showcase-item.reverse>*{direction:ltr}.showcase-image-wrap{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);transition:transform var(--transition),box-shadow var(--transition)}.showcase-image-wrap:hover{transform:translateY(-2px);box-shadow:0 24px 56px #0f172a26}.showcase-image-wrap img{width:100%;height:auto;display:block}.showcase-caption h3{font-size:1.4rem;color:var(--slate-900);margin:0 0 .75rem}.showcase-caption p{color:var(--gray-600);margin:0;line-height:1.7;font-size:1rem}@media(max-width:768px){.showcase-item,.showcase-item.reverse{grid-template-columns:1fr;direction:ltr;gap:1.5rem}.showcase-caption{order:2}}.contact{background:linear-gradient(180deg,var(--blue-50) 0%,var(--blue-100) 100%)}.contact-intro{text-align:center;color:var(--gray-600);max-width:520px;margin:0 auto 2.5rem;line-height:1.65;font-size:1.05rem}.contact-form-error{margin:0 0 .25rem;padding:.75rem 1rem;background:#fef2f2;color:#b91c1c;font-size:.9rem;border-radius:10px;border:1px solid #fecaca}.contact-form{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem;background:var(--white);padding:2.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--blue-100)}.form-group label{display:block;font-weight:600;color:var(--slate-800);margin-bottom:.5rem;font-size:.95rem}.form-group input,.form-group textarea{width:100%;padding:.85rem 1rem;border:1px solid var(--gray-200);border-radius:10px;background:var(--white);color:var(--slate-900);transition:border-color var(--transition),box-shadow var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px #0ea5e933}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--gray-500)}.form-group textarea{resize:vertical;min-height:120px}.cta-submit{margin-top:.25rem;border:none;font-size:1rem;cursor:pointer;width:100%}.contact-success{max-width:480px;margin:0 auto;padding:2.5rem;background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--blue-200);text-align:center;box-shadow:var(--shadow-sm)}.contact-success p{margin:0;color:var(--slate-800);font-weight:500;font-size:1.05rem}.footer{background:linear-gradient(180deg,var(--slate-900) 0%,#0a0f1a 100%);color:var(--blue-100);padding:4rem 1.5rem}.footer-inner{max-width:1100px;margin:0 auto;text-align:center}.footer .logo{justify-content:center;margin-bottom:1rem}.footer-tagline{color:var(--gray-500);font-size:1rem;margin:0 0 1.5rem;max-width:360px;margin-left:auto;margin-right:auto}.footer-copy{font-size:.85rem;color:var(--gray-500);margin:0}@media(max-width:900px){.hero{flex-direction:column;gap:2rem;padding:4rem 1.5rem 5rem}.hero-content{flex:1 1 auto;max-width:none;order:1}.hero-image-wrap{flex:0 0 auto;order:2;width:100%;max-width:440px;margin:0 auto}}@media(max-width:600px){.header-inner{flex-direction:column;gap:1rem;align-items:flex-start}.nav{flex-wrap:wrap;gap:1.25rem}.hero{padding:3.5rem 1.25rem 4rem;min-height:auto;flex-direction:column;align-items:stretch;gap:2rem}.hero-content{flex:1 1 auto;max-width:none;order:1}.hero-image-wrap{flex:0 0 auto;order:2;width:100%;max-width:360px;margin:0 auto}.hero-ctas{flex-direction:column;justify-content:center}.cta-primary,.cta-secondary{width:100%;justify-content:center}.section{padding:3.5rem 1.25rem}.contact-form{padding:1.75rem}.feature-card-img-wrap{aspect-ratio:4 / 3;min-height:180px}}@media(prefers-reduced-motion:reduce){.hero-content{animation:none}.cta-primary:hover,.feature-card:hover,.showcase-image-wrap:hover{transform:none}}