@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0b1020;--panel:#11182b;--text:#f4f5fc;--muted:#a7b0c7;--purple:#a78bfa;--cyan:#67e8f9;--line:rgba(169,184,225,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.6}h1,h2,h3,.brand{font-family:'Space Grotesk',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}header{height:100px;padding:0 48px;max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;gap:10px;align-items:center;font-size:32px;font-weight:700;letter-spacing:-1.8px;line-height:1}.brand small{font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:3px;display:block;margin-top:8px;color:#b7c1db}nav{display:flex;gap:32px;font-size:14px;color:#c5cce0}nav a:hover,.text-link:hover{color:var(--cyan)}.button{border:0;background:linear-gradient(110deg,#7c5cf4,#6257eb);padding:15px 22px;border-radius:10px;color:white;display:inline-flex;gap:25px;justify-content:space-between;align-items:center;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 8px 40px #7c5cf420;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-3px);filter:brightness(1.12)}.compact{padding:12px 20px}.menu{display:none}.hero{min-height:720px;display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:18px;padding-top:45px;padding-bottom:65px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.3px;color:#b5a4ff;margin:0 0 22px}.dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--cyan);margin-right:8px;box-shadow:0 0 15px var(--cyan)}h1{font-size:clamp(50px,5.8vw,79px);font-weight:600;line-height:1.08;letter-spacing:-4px;margin:0 0 27px}em{font-style:normal;color:var(--purple)}h1 em{background:linear-gradient(95deg,#b298ff,#79dff4);background-clip:text;-webkit-background-clip:text;color:transparent}.intro{color:var(--muted);max-width:450px;font-size:17px;margin-bottom:30px}.actions{display:flex;align-items:center;gap:24px}.text-link{font-size:13px;font-weight:600}.hero-tags{margin-top:37px;display:flex;gap:15px;flex-wrap:wrap;font-size:10px;color:#a5aec5}.hero-tags span+span:before{content:'·';padding-right:15px;color:var(--purple)}.visual{position:relative;height:510px;background:radial-gradient(ellipse,#5d3edb25,transparent 66%);isolation:isolate}.orbit{position:absolute;border:1px solid #8567dc22;border-radius:50%;width:440px;height:440px;left:30px;top:30px;transform:rotateX(25deg)}.orbit-two{width:335px;height:335px;left:80px;top:80px}.glass{background:linear-gradient(130deg,#222a45ee,#141b30f0);border:1px solid #99a4d32a;border-radius:15px;box-shadow:0 25px 70px #0005}.dashboard{position:absolute;right:-5px;top:40px;width:355px;transform:perspective(1000px) rotateY(-12deg) rotateZ(5deg);z-index:1}.window-dots{display:flex;align-items:center;gap:5px;padding:15px;border-bottom:1px solid var(--line)}.window-dots i{height:5px;width:5px;background:#6e7899;border-radius:50%}.window-dots i:first-child{background:#a78bfa}.window-dots span{font-size:8px;color:#aeb7cf;margin-left:30px}.dash-body{display:flex}.dash-body aside{width:42px;text-align:center;line-height:40px;color:#7e8aad;border-right:1px solid var(--line);padding-top:10px}.dash-content{padding:17px;width:100%}.dash-title{font-size:12px;font-weight:600;display:flex;justify-content:space-between}.dash-title span{font-size:7px;color:#6cddc7}.mini-stats{display:flex;gap:8px;margin:17px 0}.mini-stats div{border:1px solid var(--line);border-radius:5px;padding:8px;flex:1;font-size:8px;color:#aab3ce}.mini-stats strong{display:block;color:#c6b5ff;font-size:22px;line-height:1.4}.chart{height:95px;display:flex;align-items:end;justify-content:space-between;gap:9px;background:repeating-linear-gradient(to top,transparent 0,transparent 30px,#7787bd12 31px);border-bottom:1px solid var(--line)}.chart b{width:20px;height:var(--h);background:linear-gradient(#a995ff,#6754d8);border-radius:3px 3px 0 0}.chart b:nth-child(2n){background:linear-gradient(#6fe1ef,#347ba5)}.demo-label{font-size:6px;letter-spacing:1.8px;color:#6c7896;margin:10px 0 0}.logo-core{position:absolute;left:62px;top:185px;z-index:3;display:grid;place-items:center;width:190px;height:185px;transform:rotate(-9deg);border-radius:43px;background:linear-gradient(140deg,#374362,#151d35);border:1px solid #b6baf444;box-shadow:12px 20px 0 #080e20,0 0 75px #8b5cf637}.logo-core img{filter:drop-shadow(0 8px 16px #6e5be355)}.code-card{position:absolute;bottom:32px;right:12px;width:265px;padding:18px;z-index:4;transform:rotate(3deg)}.code-label{font-size:8px;color:#7b8aa9;letter-spacing:1.8px}.code-card code{display:block;font:11px/1.9 monospace;color:#c9d4f3;margin-top:10px}.code-card code span{color:#ad90ff}.code-card q{color:#67d9cd}.floating-pill{position:absolute;left:0;bottom:73px;font-size:10px;border:1px solid #7b86ba33;background:#161f34;border-radius:25px;padding:10px 15px;z-index:5}.floating-pill span{color:var(--cyan);margin-right:7px}.visual-caption{position:absolute;bottom:0;left:75px;font-size:7px;letter-spacing:3px;color:#697694}.capability-strip{border-block:1px solid var(--line);display:flex;justify-content:space-evenly;gap:20px;padding:23px 30px;color:#a9b3cd;font-size:12px}.capability-strip span:last-child{color:var(--purple)}.section{padding-top:105px;padding-bottom:70px}h2{font-size:clamp(32px,3.8vw,48px);line-height:1.16;letter-spacing:-2px;font-weight:500;margin:0 0 24px}h2>span{color:#8b96b1}.section-heading{display:flex;justify-content:space-between;gap:70px;align-items:end;margin-bottom:35px}.section-heading>p{max-width:375px;font-size:14px;color:var(--muted);margin-bottom:29px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service{position:relative;padding:30px 27px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(130deg,#151d32,#0e1527);transition:border-color .25s,transform .25s}.service:hover{transform:translateY(-5px);border-color:#8b5cf680}.icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;font:22px monospace;margin-bottom:30px}.purple{color:#b49aff;background:#8b5cf619}.blue{color:#8ba8ff;background:#5c80ff19}.cyan{color:#6fe0e8;background:#50d9e719}.service-number{position:absolute;right:25px;top:35px;color:#59647f;font-size:11px}h3{font-size:20px;letter-spacing:-.6px;margin:0 0 14px;font-weight:500}.service p,.service li{font-size:13px;color:var(--muted)}.service p{min-height:63px}.service ul{list-style:none;padding:15px 0 20px;border-top:1px solid var(--line);margin-top:24px}.service li{margin:8px 0}.service li:before{content:'+';color:var(--purple);margin-right:10px}.service a{font-size:12px;display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line)}.service a span{color:var(--purple)}.connection{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.connection p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:470px}.connection .text-link{display:inline-block;margin-top:16px;color:var(--cyan)}.connection-art{height:360px;position:relative;background:radial-gradient(ellipse,#7e53ea16,transparent 70%);border:1px solid var(--line);border-radius:22px;overflow:hidden;background-image:radial-gradient(#b9c6ff14 1px,transparent 1px);background-size:22px 22px}.connection-center{position:absolute;top:125px;left:calc(50% - 52px);width:104px;height:104px;display:grid;place-items:center;background:#1b2540;border:1px solid #9987ff66;border-radius:25px;z-index:2;box-shadow:0 0 60px #8b5cf625}.node{position:absolute;width:88px;height:70px;background:#182137;border:1px solid #8999cf44;border-radius:13px;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:24px;color:var(--cyan);z-index:2}.node span{font-size:9px;color:#bbc5df}.node-web{top:33px;left:40px}.node-odoo{right:32px;top:50px;color:var(--purple)}.node-data{bottom:28px;left:60px}.connection-line{position:absolute;top:50%;left:20%;height:1px;width:62%;background:linear-gradient(90deg,#67e8f955,#a78bfa);transform-origin:center}.line-a{transform:rotate(32deg)}.line-b{transform:rotate(-30deg)}.line-c{transform:rotate(135deg);width:45%;left:13%;top:66%}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:50px}.steps article{border-top:1px solid #58678455;padding-top:24px}.steps b{color:var(--purple);font-size:12px;font-weight:500}.steps h3{margin-top:22px;font-size:17px}.steps p{font-size:13px;color:var(--muted)}.contact{display:grid;grid-template-columns:1.15fr 1fr;gap:75px;margin-top:55px;padding:60px;border:1px solid #9b83f433;border-radius:24px;background:radial-gradient(ellipse at top left,#6f4cdf1c,transparent 60%),#11182b}.contact h2{font-size:40px}.contact>div>p:not(.eyebrow){color:var(--muted);font-size:14px}.contact-note{margin-top:35px;color:#aeb9d3;font-size:12px}.contact-note span{color:var(--purple);margin-right:10px}label{display:block;font-size:11px;color:#c8cfe2;margin:0 0 7px}input,select,textarea{width:100%;border:1px solid #68779d44;background:#0b1223;color:#edf0fc;padding:12px 14px;border-radius:8px;font-size:12px;margin-bottom:17px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #9b83f4;outline-offset:1px}form .button{width:100%}.form-hint{font-size:10px;color:#8d9ab8}.copy-button{color:#d3c5ff;border:1px solid #a78bfa66;background:#a78bfa12;padding:9px 15px;border-radius:7px;cursor:pointer}#copy-status{font-size:12px;color:var(--cyan)}#result{padding-top:20px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:50px;padding-bottom:40px;color:#7e8aa7;font-size:10px}footer .brand{color:#f4f5fc;font-size:26px}footer .brand small{font-size:6px}footer p{font-size:11px}
@media(min-width:1500px){.hero{min-height:760px}}@media(max-width:1050px){.wrap{width:calc(100% - 48px)}header{padding:0 24px}nav{gap:18px;font-size:12px}.hero{gap:0}.actions{align-items:start;flex-direction:column;gap:18px}h1{font-size:60px}.visual{transform:scale(.85);transform-origin:center right}.connection{gap:35px}.contact{padding:35px;gap:35px}.contact h2{font-size:34px}.service{padding:25px 20px}.service p{min-height:85px}}
@media(max-width:760px){header{height:85px;flex-wrap:wrap;position:relative;z-index:10}.brand{font-size:28px}header>.compact{display:none}.menu{display:block;color:#ececff;border:1px solid var(--line);background:#172038;border-radius:8px;font-size:20px;padding:4px 12px;cursor:pointer}nav{display:none;position:absolute;top:75px;left:24px;right:24px;padding:20px;background:#182137;border:1px solid var(--line);border-radius:12px;flex-direction:column;font-size:14px}nav.open{display:flex}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:45px;padding-bottom:30px;min-height:0}.eyebrow{font-size:8px;letter-spacing:1.7px}h1{font-size:clamp(48px,11vw,75px);letter-spacing:-2.5px}.intro{font-size:15px;max-width:90%}.actions{flex-direction:row;align-items:center;gap:18px}.actions>.text-link{font-size:10px}.button{font-size:12px;padding:14px 17px;gap:14px}.hero-tags{font-size:9px;gap:10px;margin-top:25px}.hero-tags span+span:before{padding-right:10px}.visual{width:100%;height:450px;transform:scale(.9);transform-origin:center;margin-top:20px}.dashboard{width:310px;right:0}.logo-core{left:15px;top:190px;width:150px;height:150px;border-radius:33px}.logo-core img{width:110px;height:110px}.orbit{width:330px;height:330px;left:0}.orbit-two{width:240px;height:240px;left:40px}.code-card{width:225px;bottom:15px;right:0}.floating-pill{left:0;bottom:50px}.visual-caption{display:none}.capability-strip{display:grid;grid-template-columns:1fr 1fr;font-size:10px;padding:20px 24px;gap:15px}.section{padding-top:65px;padding-bottom:25px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{max-width:100%;font-size:13px}.services,.steps,.connection,.contact{grid-template-columns:1fr}.services{gap:15px}.service p{min-height:0;max-width:95%}.icon{margin-bottom:22px}.service ul{padding-bottom:12px}.connection{gap:35px}.connection-art{height:310px;order:2}.connection-center{top:100px}.steps{gap:20px;margin-top:30px}.steps article{display:grid;grid-template-columns:35px 1fr;column-gap:15px;padding-top:20px}.steps b{grid-row:1/3}.steps h3{margin:0}.steps p{margin-top:9px}.contact{padding:30px 23px;margin-top:45px;gap:28px;width:calc(100% - 32px)}.contact h2{font-size:33px}.contact-note{margin-top:20px}footer{flex-wrap:wrap;padding-top:35px}footer p{order:3;width:100%;margin:0}h2{font-size:34px;letter-spacing:-1.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}