@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--primary: #4FD1C5;--primary-dark: #38b2ac;--secondary: #111827;--accent: #10B981;--light: #1A2436;--surface: rgba(255, 255, 255, .05);--surface-hover: rgba(255, 255, 255, .08);--border-color: rgba(255, 255, 255, .1);--text-dark: #F0F6FF;--text-gray: #8B9BB4;--gradient: linear-gradient(135deg, #4FD1C5 0%, #10B981 100%);--shadow-sm: 0 1px 2px 0 rgba(0,0,0,.6);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.5), 0 2px 4px -2px rgba(0,0,0,.3);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.5), 0 4px 6px -4px rgba(0,0,0,.3);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.6), 0 8px 10px -6px rgba(0,0,0,.4);--shadow-glow: 0 0 24px rgba(79, 209, 197, .35);--font-heading: "Plus Jakarta Sans", sans-serif;--font-body: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--secondary);background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(79,209,197,.13) 0%,transparent 60%),radial-gradient(ellipse 50% 30% at 80% 80%,rgba(16,185,129,.06) 0%,transparent 50%);color:var(--text-dark);line-height:1.6;overflow-x:hidden;font-family:var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,.logo{font-family:var(--font-heading)}a{text-decoration:none;color:inherit;transition:.3s}ul{list-style:none}.header-large{min-height:120px}header{background:#111827bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:fixed;width:100%;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.05);transition:background .25s,backdrop-filter .25s,border-bottom .25s}header.header-scrolled{background:#0a0f1ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(79,209,197,.15)}header.header-scrolled nav{padding-top:.8rem;padding-bottom:.8rem}nav{max-width:1200px;margin:0 auto;padding:1.2rem 2rem;display:flex;justify-content:space-between;align-items:center;transition:padding .3s}.logo{font-size:1.8rem;font-weight:800;color:var(--text-dark);letter-spacing:-1px}.logo span{color:var(--primary)}.nav-links{display:flex;gap:2rem}.nav-links a{font-weight:500;color:var(--text-gray);font-size:.95rem;transition:.3s}.nav-links a:hover{color:var(--primary)}.cta-btn-nav{background:#4fd1c51a;color:var(--primary)!important;padding:.5rem 1.2rem;border-radius:50px;font-size:.9rem!important;border:1px solid rgba(79,209,197,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cta-btn-nav:hover{background:var(--primary);color:#000!important;border-color:var(--primary);box-shadow:var(--shadow-glow)}.hero{padding:220px 2rem 100px;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;position:relative;overflow:hidden}.hero-orb{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0;will-change:transform,opacity}.hero-orb-1{width:420px;height:420px;background:radial-gradient(circle,rgba(79,209,197,.22) 0%,transparent 70%);top:-10%;left:-5%}.hero-orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(16,185,129,.18) 0%,transparent 70%);top:40%;right:-8%}.hero-orb-3{width:200px;height:200px;background:radial-gradient(circle,rgba(129,140,248,.15) 0%,transparent 70%);bottom:10%;left:30%}.hero-badge{display:inline-flex;align-items:center;gap:.6rem;background:#4fd1c514;border:1px solid rgba(79,209,197,.25);border-radius:50px;padding:.45rem 1.1rem;font-size:.85rem;font-weight:600;color:var(--primary);letter-spacing:.03em;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px #4fd1c5cc;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.btn-secondary-hero{display:inline-flex;align-items:center;gap:.4rem;padding:1rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;color:var(--text-gray);border:1px solid var(--border-color);background:transparent;transition:all .3s ease;cursor:pointer}.btn-secondary-hero:hover{color:var(--text-dark);border-color:#4fd1c580;background:#4fd1c50f}.header-logo{display:flex;align-items:center;width:320px;height:120px;padding:0 1rem;background:transparent}.header-logo img{width:100%;height:100%;object-fit:contain;display:block;filter:none;mix-blend-mode:normal;opacity:1}@media (max-width:1024px){.header-logo{width:260px;height:100px}.hero{padding:200px 1rem 80px}}@media (max-width:768px){.header-logo{width:160px;height:70px}header nav{padding:1rem}.hero{padding:140px 1rem 60px}.nav-links{display:none}}.hero-content h1{font-size:4rem;line-height:1.1;margin-bottom:1.5rem;color:var(--text-dark);letter-spacing:-2px;font-weight:800;overflow-wrap:break-word;word-wrap:break-word;max-width:100%}.hero-content h1 span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-content p{font-size:1.2rem;color:var(--text-gray);margin-bottom:2.5rem;max-width:500px;line-height:1.7}.hero-buttons{display:flex;gap:1rem}.btn-primary{background:var(--primary);color:#000;padding:1rem 2.5rem;border-radius:50px;font-weight:700;font-size:1rem;border:none;cursor:pointer;box-shadow:var(--shadow-glow);transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #4fd1c599;background:var(--text-dark)}.hero-visual{position:relative;z-index:2}.hero-visual:before{content:"";position:absolute;top:10%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:var(--primary);border-radius:50%;z-index:-1;filter:blur(150px);opacity:.25}.main-nav-cards{padding:6rem 2rem;position:relative}.container{max-width:1200px;margin:0 auto}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:-60px}.card{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem 1.75rem 2.5rem;border-radius:20px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:border-color .4s ease,box-shadow .4s ease;text-align:center;display:flex;flex-direction:column;overflow:hidden;min-height:420px;position:relative;transform-style:preserve-3d;perspective:800px}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:radial-gradient(800px circle at top center,rgba(79,209,197,.1),transparent 40%);opacity:0;transition:opacity .4s}.card:hover{transform:translateY(-8px);border-color:#4fd1c566;box-shadow:var(--shadow-glow)}.card:hover:before{opacity:1}.card:hover .card-icon-wrapper{transform:scale(1.1);box-shadow:0 0 20px #4fd1c54d;background:#4fd1c533!important;color:#fff!important}.card:hover .card-link .arrow{transform:translate(5px)}.card-link .arrow{display:inline-block;transition:transform .3s ease;font-family:sans-serif}.custom-card-list{list-style:none;padding:0;margin-bottom:0;position:relative;z-index:2}.custom-card-list li{position:relative;padding-left:1.2rem;margin-bottom:.6rem;color:var(--text-gray)}.custom-card-list li:before{content:"•";position:absolute;left:0;color:var(--primary);font-size:1.2rem;line-height:1.2;top:0}.card img{width:100%;height:140px;object-fit:contain;display:block;margin-bottom:1.5rem;filter:drop-shadow(0 0 20px rgba(79,209,197,.15));position:relative;z-index:2}.card h3{margin-bottom:.75rem;color:var(--text-dark);font-size:1.3rem;font-weight:700;position:relative;z-index:2}.card p,.card ul{font-size:.95rem;color:var(--text-gray);margin-bottom:1.5rem;flex:0 0 auto;position:relative;z-index:2}.card-link{color:var(--primary);font-weight:600;font-size:.95rem;margin-top:auto;position:relative;z-index:2;display:inline-block}.card-link:hover{color:var(--text-dark)}.methodology{padding:8rem 2rem;text-align:center;position:relative}.methodology:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent)}.section-title{font-size:3rem;letter-spacing:-1px;margin-bottom:1rem;color:var(--text-dark);font-weight:800}.section-subtitle{color:var(--text-gray);max-width:700px;margin:0 auto 4rem;font-size:1.1rem}.steps{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap}.step{flex:1;min-width:200px;max-width:300px}.step-number{font-size:5rem;font-weight:900;background:linear-gradient(180deg,rgba(79,209,197,.6),transparent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:-30px;display:block;font-family:var(--font-heading)}.step h4{font-size:1.25rem;margin-bottom:.75rem;color:var(--text-dark);font-weight:700}.step p{color:var(--text-gray);font-size:.95rem}.project-videos{padding:7rem 2rem;position:relative;overflow:hidden;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.project-videos:before{content:"";position:absolute;top:10%;left:50%;width:700px;height:360px;transform:translate(-50%);background:radial-gradient(ellipse,rgba(79,209,197,.12),transparent 68%);pointer-events:none;z-index:0}.project-videos .container{position:relative;z-index:1}.project-videos-header{text-align:center}.section-kicker{display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem;padding:.4rem .9rem;border:1px solid rgba(79,209,197,.25);border-radius:999px;background:#4fd1c514;color:var(--primary);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.project-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.project-video-card{background:#ffffff0b;border:1px solid var(--border-color);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.project-video-card:hover{transform:translateY(-4px);border-color:#4fd1c559;box-shadow:var(--shadow-glow)}.video-frame{aspect-ratio:16/9;background:#0c1220;border-bottom:1px solid var(--border-color);position:relative;overflow:hidden}.video-frame iframe{width:100%;height:100%;display:block;border:0}.video-poster{width:100%;height:100%;display:block;position:relative;border:0;padding:0;background:#0c1220;cursor:pointer;overflow:hidden}.video-poster img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease,filter .45s ease}.video-poster-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0c12200d,#0c12206b);transition:background .3s ease}.video-play-button{position:absolute;left:50%;top:50%;width:68px;height:68px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;background:#4fd1c5f0;box-shadow:0 0 36px #4fd1c561;transition:transform .3s ease,background .3s ease}.video-play-button span{display:block;width:0;height:0;margin-left:5px;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:20px solid #07111f}.video-poster:hover img{transform:scale(1.04);filter:saturate(1.08) contrast(1.03)}.video-poster:hover .video-poster-overlay{background:linear-gradient(180deg,#0c122005,#0c122047)}.video-poster:hover .video-play-button{transform:translate(-50%,-50%) scale(1.06);background:var(--text-dark)}.project-video-copy{padding:1.35rem 1.4rem 1.5rem}.project-video-copy span{display:block;margin-bottom:.55rem;color:var(--primary);font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.project-video-copy h3{margin-bottom:.55rem;color:var(--text-dark);font-size:1.18rem;font-weight:800;line-height:1.25}.project-video-copy p{color:var(--text-gray);font-size:.95rem;line-height:1.6}.featured-project-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:stretch;background:linear-gradient(135deg,#4fd1c514,#ffffff0b 48%,#818cf814)}.featured-project-card:hover{transform:translateY(-4px)}.ai-odoo-preview{min-height:390px;background:#eef2f7;color:#061126;display:flex;flex-direction:column;border-right:1px solid var(--border-color)}.ai-odoo-topbar{display:flex;align-items:center;gap:.85rem;padding:1.05rem 1.2rem;background:#123555;color:#fff;box-shadow:0 8px 22px #0000002e}.ai-odoo-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#65d8ff,#2887c6);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.25rem;box-shadow:0 8px 20px #2b97d159}.ai-odoo-topbar strong{display:block;font-size:1rem;line-height:1.2}.ai-odoo-topbar span{display:block;color:#6ee7ff;font-size:.78rem;margin-top:.15rem}.ai-odoo-topbar em{margin-left:auto;font-style:normal;background:#d9ffe6;color:#0b6b37;border-radius:999px;padding:.35rem .75rem;font-size:.78rem;font-weight:800}.ai-odoo-body{position:relative;flex:1;padding:1.3rem;overflow:hidden}.ai-odoo-user-msg{margin-left:auto;width:max-content;max-width:65%;background:#214f82;color:#fff;border-radius:14px 14px 3px;padding:.75rem 1rem;box-shadow:0 8px 18px #12355540;font-size:.9rem}.ai-odoo-result{width:78%;margin-top:1rem;background:#fff;border:1px solid #d9e2ef;border-radius:16px;padding:1rem;box-shadow:0 18px 36px #1235551f}.ai-tool-pill{display:inline-flex;margin-bottom:.8rem;padding:.3rem .65rem;border-radius:8px;border:1px solid #9dc7ff;background:#eef6ff;color:#1c64d8;font-size:.74rem;font-weight:800}.ai-odoo-result p{margin-bottom:.8rem;font-size:.86rem;line-height:1.45;color:#061126}.ai-table{display:grid;grid-template-columns:.7fr 1.7fr .75fr;border:1px solid #dce4f0;border-radius:10px;overflow:hidden;font-size:.72rem}.ai-table div{padding:.45rem .55rem;border-right:1px solid #dce4f0;border-bottom:1px solid #dce4f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-table div:nth-child(3n){border-right:0}.ai-table div:nth-child(-n+3){background:#edf3ff;font-weight:800}.ai-table div:nth-last-child(-n+3){border-bottom:0}.ai-input-bar{position:absolute;left:1.3rem;right:1.3rem;bottom:1rem;border:1px solid #8fcaff;border-radius:999px;background:#fff;color:#7b8796;padding:.75rem 1rem;font-size:.86rem;box-shadow:0 8px 20px #1235551f}.featured-project-copy{display:flex;flex-direction:column;justify-content:center;padding:2rem}.featured-project-copy h3{font-size:1.65rem}.featured-project-points{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.35rem}.featured-project-points span{margin:0;padding:.48rem .72rem;border-radius:999px;background:#4fd1c517;border:1px solid rgba(79,209,197,.18);color:var(--text-dark);font-size:.78rem;letter-spacing:0;text-transform:none}footer{background:#0c1220;color:var(--text-gray);padding:4rem 2rem 2rem;border-top:1px solid var(--border-color);position:relative;text-align:center}.footer-content{max-width:900px;margin:0 auto}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin:1rem 0}.footer-links a{color:var(--text-gray);font-size:.95rem;transition:.3s}.footer-links a:hover{color:var(--primary)}.footer-content>*{margin-top:0;margin-bottom:.6rem}@media (max-width:768px){.hero{grid-template-columns:1fr;padding-top:120px;text-align:center}.hero-content p{margin:0 auto 2rem}.hero-buttons{justify-content:center}.nav-links{display:none}.project-videos{padding:5rem 1rem}.project-video-grid,.featured-project-card{grid-template-columns:1fr}.ai-odoo-preview{min-height:360px;border-right:0;border-bottom:1px solid var(--border-color)}.ai-odoo-topbar{padding:.9rem}.ai-odoo-topbar em{display:none}.ai-odoo-result{width:100%}.ai-odoo-user-msg{max-width:82%}.project-video-copy{padding:1.2rem}.featured-project-copy h3{font-size:1.35rem}}@media (max-width:1024px){.hero-content h1{font-size:2.8rem}}@media (max-width:768px){.hero-content h1{font-size:2rem}}.card,.step,.hero-roadmap,.industry-showcase,.tech-item,.value-card,.about-stat{will-change:transform,opacity}.stats-section{padding:6rem 2rem;position:relative;overflow:hidden;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.stats-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(79,209,197,.12) 0%,transparent 70%);pointer-events:none;z-index:0;will-change:transform}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;position:relative;z-index:1}.stat-card{background:var(--surface);border:1px solid var(--border-color);border-radius:20px;padding:2.5rem 2rem;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border-color .3s,transform .3s;will-change:transform,opacity}.stat-card:hover{border-color:#4fd1c566;transform:translateY(-6px);box-shadow:var(--shadow-glow)}.stat-value{font-size:3.5rem;font-weight:900;font-family:var(--font-heading);background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:.5rem;display:flex;align-items:baseline;justify-content:center;gap:.15rem}.stat-number{font-size:3.5rem;font-weight:900}.stat-suffix{font-size:2rem;font-weight:800;opacity:.9}.stat-label{font-size:.95rem;color:var(--text-gray);font-weight:500;margin-top:.75rem}.interactive-robot-section{position:relative;z-index:1}.robot-card{will-change:transform,opacity}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #4fd1c5b3}70%{transform:scale(1);box-shadow:0 0 0 8px #4fd1c500}to{transform:scale(.95);box-shadow:0 0 #4fd1c500}}@media (max-width: 992px){.robot-card{flex-direction:column!important;padding:2.5rem 2rem!important;gap:2.5rem!important}.robot-info{width:100%}.robot-viewer-container{width:100%;height:380px!important}}@media (max-width: 576px){.robot-card{padding:2rem 1.5rem!important}.robot-title{font-size:2rem!important}.robot-viewer-container{height:320px!important}}@media (max-width: 992px){.robot-bg-container{display:none!important}}.mobile-menu-toggle{display:none;width:44px;height:44px;padding:10px;border:1px solid rgba(79,209,197,.3);border-radius:8px;background:#4fd1c514;cursor:pointer}.mobile-menu-toggle span{display:block;width:100%;height:2px;margin:5px 0;background:var(--primary);transition:transform .25s ease,opacity .2s ease}.mobile-menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-toggle.is-open span:nth-child(2){opacity:0}.mobile-menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width:768px){header,header.header-scrolled{position:absolute;background:#0a0f1af5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}header nav,header.header-scrolled nav{min-height:92px;padding:.4rem 1rem;position:relative}.header-logo{width:min(210px,calc(100vw - 84px));height:84px;padding:0}.mobile-menu-toggle{display:block;flex:0 0 44px}header .nav-links{display:none;position:absolute;top:100%;left:0;right:0;gap:0;padding:.55rem 1rem 1rem;flex-direction:column;background:#0a0f1afa;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(79,209,197,.2);box-shadow:0 18px 34px #00000052}header .nav-links.mobile-open{display:flex}header .nav-links li{width:100%}header .nav-links a{display:block;width:100%;padding:.9rem .25rem;font-size:1rem}header .nav-links .cta-btn-nav{margin-top:.45rem;padding:.8rem 1rem;text-align:center;border-radius:8px}}