html{scroll-behavior:smooth;scroll-padding-top:80px}:root{--primary: #2d2d44;--secondary: #1e3a5f;--accent: #2563eb;--highlight: #f43f5e;--text-light: #f1f5f9;--text-dark: #1e293b;--bg-light: #f8fafc;--bg-dark: #334155;--bg: #1e293b;--panel: rgba(255,255,255,.08);--panel2: rgba(255,255,255,.12);--text: var(--text-light);--muted: rgba(255,255,255,.75);--muted2: rgba(255,255,255,.55);--line: rgba(255,255,255,.15);--brand: var(--accent);--brand2: #60a5fa;--ok: #22c55e;--radius: 12px;--shadow: 0 4px 20px rgba(0, 0, 0, .3), 0 8px 40px rgba(0, 0, 0, .15);--max: 1100px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif}@media(prefers-color-scheme:light){:root{--bg: var(--bg-light);--panel: rgba(0,0,0,.04);--panel2: rgba(0,0,0,.08);--text: var(--text-dark);--muted: rgba(0,0,0,.66);--muted2: rgba(0,0,0,.52);--line: rgba(0,0,0,.12);--shadow: 0 4px 20px rgba(0, 0, 0, .1), 0 8px 40px rgba(0, 0, 0, .08)}}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 50%,var(--accent) 100%);background-attachment:fixed;color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}.container{max-width:var(--max);margin:0 auto;padding:0 18px}.nav{position:fixed;top:0;width:100%;z-index:1000;backdrop-filter:blur(12px);background:#2d2d44eb;box-shadow:0 4px 20px #0000004d,0 8px 40px #00000026}.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:14px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand>a{display:flex}.brand img{height:52px;width:auto;border-radius:8px}.brand-text{display:flex;flex-direction:column;line-height:1.2;gap:8px}.brand .name{font-weight:700;letter-spacing:.3px;font-size:1.5rem;color:var(--text-light);text-decoration:none}.brand .subtitle{font-size:12px;color:var(--text-light);font-weight:500;letter-spacing:.3px;text-decoration:none}.brand .subtitle span{color:var(--highlight)}.pills{display:flex;gap:2rem;align-items:center;flex-wrap:wrap;justify-content:flex-end;list-style:none}.pill{display:inline-flex;align-items:center;gap:8px;border:none;background:transparent;padding:0;border-radius:0;text-decoration:none;font-weight:500;color:var(--text-light);transition:color .3s}.pill:hover{background:transparent;color:var(--highlight)}.pill.primary{border:none;background:transparent;color:var(--text-light)}.pill.primary:hover{background:transparent;color:var(--highlight)}.pill small{color:var(--muted2);font-weight:600}.lang{border:none;background:transparent;border-radius:0;padding:0;display:flex;gap:.5rem;margin-left:1rem}.lang a{text-decoration:none;padding:8px;border-radius:0;font-weight:500;color:var(--text-light);font-size:14px;transition:color .3s;min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}.lang a.active{background:transparent;color:var(--highlight)}.lang a:hover{color:var(--highlight)}.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px}.heroGrid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero-content{padding:2rem 0;color:var(--text-light)}.hero-content .h1{color:var(--text-light);margin-bottom:.5rem}.hero-content .tagline{font-size:1.5rem;color:var(--highlight);margin-bottom:2rem}.hero-content .lead{font-size:1.2rem;opacity:.9;color:var(--text-light)}.hero-image img{width:100%;height:auto;object-fit:cover;border-radius:12px;box-shadow:0 20px 60px #0000004d}@media(max-width:900px){.heroGrid{grid-template-columns:1fr}.hero{min-height:auto;padding:90px 0 30px}.hero-image{order:-1}}.card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);box-shadow:0 10px 40px #0003;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-3px);box-shadow:0 15px 50px #00000040}.h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;margin:1rem 0;letter-spacing:-.3px}.lead{color:var(--muted);font-size:1.1rem;margin:0 0 1rem;line-height:1.6}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:1.5rem}.cta{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.5rem;border-radius:12px;text-decoration:none;font-weight:600;border:1px solid var(--line);background:var(--panel);transition:all .3s}.cta.primary{background:#d6293e;border-color:transparent;color:#fff}.cta.primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 15px #f43f5e66}.cta.secondary{background:var(--panel);border:1px solid rgba(255,255,255,.2)}.cta.secondary:hover{background:var(--panel2);transform:translateY(-2px)}.metaRow{display:flex;gap:14px;flex-wrap:wrap;margin-top:1rem;color:var(--muted2);font-weight:600;font-size:.9rem}.metaRow span{display:inline-flex;align-items:center;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}.hr{height:1px;background:var(--line);margin:1.5rem 0}.section{padding:5rem 0}.section h2{font-size:clamp(1.5rem,4vw,2rem);margin:0 0 1rem;letter-spacing:-.2px}.section p{margin:0 0 1rem;color:var(--muted);font-size:1.1rem}.section-light{background:var(--bg-light);color:var(--text-dark)}.section-light .muted,.section-light p{color:#1e293bb3}.section-light h2{color:var(--text-dark)}.section-light .box{background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 15px #0000000f}.section-light .box h3{color:var(--text-dark)}.section-light .box p{color:#1e293bb3}.section-light .hr{background:#0000001a}.section-dark{background:var(--bg-dark);color:#e2e8f0}.section-dark h2{color:#fff}.section.section-dark p{color:#cbd5e1}.section.section-dark .box h3{color:#fff}.section.section-dark .box p{color:#cbd5e1}.section-accent{background:linear-gradient(135deg,var(--secondary),var(--accent));color:var(--text-light)}.section-accent h2{color:var(--text-light)}.cta-row{display:flex;align-items:center;gap:2.5rem;text-align:left}.cta-character{flex-shrink:0;animation:bounce 2s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.25))}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cta-content h2{margin:0 0 .5rem;font-size:1.8rem}.cta-content p{margin:0 0 1.5rem;color:#ffffffd9;font-size:1.1rem}@media(max-width:700px){.cta-row{flex-direction:column;text-align:center}.cta-character{order:-1;width:140px;height:140px}.cta-content h2{font-size:1.4rem}}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:900px){.grid2{grid-template-columns:1fr}}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:900px){.grid3{grid-template-columns:1fr}}.box{padding:2rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);background:#ffffff0d;transition:transform .3s,box-shadow .3s}.box:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00000026}.box h3{margin:0 0 .5rem;font-size:1.2rem;color:#fff}.box p{margin:0;color:var(--muted)}.steps{counter-reset:step}.step{position:relative;padding-left:54px}.step:before{counter-increment:step;content:counter(step);position:absolute;left:16px;top:16px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--highlight);color:#fff;font-weight:700;font-size:1rem}.usecases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:900px){.usecases-grid{grid-template-columns:1fr}}.usecase-card{background:#fff;border-radius:var(--radius);padding:2rem;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 20px #0000000f;transition:transform .3s,box-shadow .3s}.usecase-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #0000001f}.usecase-icon{font-size:3rem;margin-bottom:1rem;line-height:1}.usecase-card h3{color:var(--primary);font-size:1.3rem;margin:0 0 .5rem}.usecase-subtitle{color:var(--highlight);font-weight:600;font-size:.95rem;margin:0 0 1rem}.usecase-card p{color:var(--text-dark);margin:0 0 .75rem;line-height:1.6}.usecase-highlight{background:linear-gradient(135deg,#2563eb14,#f43f5e14);border-left:3px solid var(--highlight);padding:.75rem 1rem;border-radius:0 8px 8px 0;font-weight:500;margin-top:1rem}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:900px){.screens{grid-template-columns:1fr 1fr}}@media(max-width:520px){.screens{grid-template-columns:1fr}}.shot{border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;min-height:160px;display:flex;flex-direction:column;align-items:center;gap:.75rem;box-shadow:0 10px 40px #0003;transition:transform .3s,box-shadow .3s}.shot:hover{transform:translateY(-3px);box-shadow:0 15px 50px #00000040}.shot img{width:100%;max-width:100%;height:auto;border-radius:8px}.shot-title{font-weight:600;font-size:.9rem;color:var(--text-dark);text-align:center;padding-bottom:32px}@media(prefers-color-scheme:light){.shot{background:#ffffffe6;border-color:#0000001a;box-shadow:0 10px 40px #0000001a}.shot:hover{box-shadow:0 15px 50px #00000026}}.kpi{display:flex;gap:12px;flex-wrap:wrap;color:var(--text-light);font-weight:600}.kpi span{display:inline-flex;align-items:center;gap:8px}.kpi a{color:var(--text-light);text-decoration:none;transition:color .3s}.kpi a:hover{color:var(--highlight)}.footer{padding:2rem 0;background:var(--primary);color:var(--text-light)}.footer p{opacity:.7;font-size:.9rem}.footer a{color:var(--text-light);text-decoration:none;opacity:.8}.footer a:hover{opacity:1;text-decoration:underline}.footer .small{color:#ffffffb3}.footerGrid{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;flex-wrap:wrap}.small{font-size:.85rem;color:var(--muted2)}.hamburger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;padding:6px;z-index:1001;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hamburger span{display:block;width:22px;height:2px;background:var(--text-light);border-radius:2px;transition:transform .3s,opacity .3s}.navbar.open .hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar.open .hamburger span:nth-child(2){opacity:0}.navbar.open .hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:768px){.hamburger{display:flex}.pills{display:none;flex-direction:column;align-items:flex-start;position:absolute;top:100%;left:0;right:0;background:#2d2d44f7;backdrop-filter:blur(12px);padding:1rem 1.5rem;gap:1rem;box-shadow:0 8px 24px #0000004d}.navbar.open .pills{display:flex}.pills .pill{width:100%;padding:8px 0;font-size:1rem}.pills .lang{width:100%;padding-top:8px;border-top:1px solid rgba(255,255,255,.15)}.navbar{padding:8px 0;position:relative}.brand img{width:auto;height:40px}.brand .name{font-size:16px}.heroGrid{text-align:center}.actions{justify-content:center}.h1{font-size:1.75rem}}.docSection{padding:100px 0 2rem;min-height:100vh;background:var(--bg-light);color:var(--text-dark)}.docContent{max-width:900px;margin:0 auto;padding:0 1.5rem}.docContent h1{font-size:clamp(1.75rem,3vw,2.5rem);margin:0 0 .75rem;letter-spacing:-.3px;color:var(--text-dark)}.docContent .meta{color:var(--muted2);font-weight:600;margin-bottom:1.5rem}.docContent .card{margin:1.5rem 0;padding:2rem;border-radius:var(--radius);background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 20px #0000000f}.docContent .card h2{font-size:1.5rem;margin:0 0 1rem;color:var(--text-dark)}.docContent .card h3{font-size:1.2rem;margin:1.5rem 0 .5rem;color:var(--text-dark)}.docContent .card h4{font-size:1rem;margin:1rem 0 .5rem;color:#1e293bb3}.docContent .card p,.docContent .card li{color:#1e293bcc;line-height:1.7}.docContent .card ul{margin:.5rem 0;padding-left:1.5rem}.docContent .card a{color:var(--accent)}.docContent code{background:#0000000d;border:1px solid rgba(0,0,0,.1);padding:2px 6px;border-radius:6px;font-size:.9rem}.langNav{display:flex;gap:10px;margin:1.5rem 0}.langNav .pill{color:var(--text-dark);background:#0000000d;padding:8px 16px;border-radius:var(--radius);border:1px solid rgba(0,0,0,.1)}.langNav .pill:hover{color:var(--accent);background:#00000014}.langNav img,.docContent h2 img,.lang img{vertical-align:middle;margin-right:4px;object-fit:contain}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.blog-card{background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 20px #0000000f;transition:transform .3s,box-shadow .3s}.blog-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #0000001f}.blog-card img{width:100%;height:200px;object-fit:cover}.blog-card-content{padding:1.5rem}.blog-card h3{margin:0 0 .5rem;font-size:1.2rem;color:var(--text-dark)}.blog-card p{color:#1e293bb3;margin:0 0 1rem;font-size:.95rem}.blog-card .meta{font-size:.85rem;color:var(--muted2)}.blog-post{max-width:800px;margin:0 auto;padding:100px 1.5rem 3rem;background:var(--bg-light);min-height:100vh}.blog-post h1{font-size:clamp(1.75rem,4vw,2.5rem);color:var(--text-dark);margin-bottom:1rem}.blog-post .meta{color:var(--muted2);margin-bottom:2rem}.blog-post-content{color:var(--text-dark);line-height:1.8}.blog-post-content h2{margin-top:2rem;margin-bottom:1rem}.blog-post-content p{margin-bottom:1.5rem}.blog-post-content img{max-width:100%;border-radius:var(--radius);margin:1.5rem 0}